@vueform/multiselect - npm Package Compare versions

Comparing version 2.6.5 to 2.6.6

CHANGELOG.md

@@ -0,1 +1,12 @@
+## v2.6.6
+
+> `2023-10-18`
+
+### 🎉 Feature
+  - Added `appendTo` option.
+  - Added `${id}-dropdown` to dropdown DOM.
+
+### 🐞 Bug Fixes
+  - Included `@popperjs/core` for `appendToBody` / `appendTo` position fixes.
+
 ## v2.6.5
@@ -2,0 +13,0 @@

dist/multiselect.global.js

@@ -1,1 +0,1 @@
-var VueformMultiselect=function(e){"use strict";function a(e){return-1!==[null,void 0].indexOf(e)}function l(l,t,r){const{object:o,valueProp:u,mode:n}=e.toRefs(l),i=e.getCurrentInstance().proxy,s=r.iv,c=e=>o.value||a(e)?e:Array.isArray(e)?e.map((e=>e[u.value])):e[u.value],d=e=>a(e)?"single"===n.value?{}:[]:e;return{update:(e,a=!0)=>{s.value=d(e);const l=c(e);t.emit("change",l,i),a&&(t.emit("input",l),t.emit("update:modelValue",l))}}}function t(a,l){const{value:t,modelValue:r,mode:o,valueProp:u}=e.toRefs(a),n=e.ref("single"!==o.value?[]:{}),i=e.computed((()=>r&&void 0!==r.value?r.value:t.value)),s=e.computed((()=>"single"===o.value?n.value[u.value]:n.value.map((e=>e[u.value])))),c=e.computed((()=>"single"!==o.value?n.value.map((e=>e[u.value])).join(","):n.value[u.value]));return{iv:n,internalValue:n,ev:i,externalValue:i,textValue:c,plainValue:s}}function r(a,l,t){const{regex:r}=e.toRefs(a),o=e.getCurrentInstance().proxy,u=t.isOpen,n=t.open,i=e.ref(null);return e.watch(i,(e=>{!u.value&&e&&n(),l.emit("search-change",e,o)})),{search:i,clearSearch:()=>{i.value=""},handleSearchInput:e=>{i.value=e.target.value},handleKeypress:e=>{if(r&&r.value){let a=r.value;"string"==typeof a&&(a=new RegExp(a)),e.key.match(a)||e.preventDefault()}},handlePaste:e=>{if(r&&r.value){let a=(e.clipboardData||window.clipboardData).getData("Text"),l=r.value;"string"==typeof l&&(l=new RegExp(l)),a.split("").every((e=>!!e.match(l)))||e.preventDefault()}l.emit("paste",e,o)}}}function o(a,l,t){const{groupSelect:r,mode:o,groups:u,disabledProp:n}=e.toRefs(a),i=e.ref(null),s=e=>{void 0===e||null!==e&&e[n.value]||u.value&&e&&e.group&&("single"===o.value||!r.value)||(i.value=e)};return{pointer:i,setPointer:s,clearPointer:()=>{s(null)}}}function u(e,a=!0){return a?String(e).toLowerCase().trim():String(e).toLowerCase().normalize("NFD").trim().replace(new RegExp(/æ/g),"ae").replace(new RegExp(/œ/g),"oe").replace(new RegExp(/ø/g),"o").replace(/\p{Diacritic}/gu,"")}function n(l,t,r){const{options:o,mode:n,trackBy:i,limit:s,hideSelected:c,createTag:d,createOption:v,label:p,appendNewTag:m,appendNewOption:f,multipleLabel:g,object:h,loading:b,delay:y,resolveOnLoad:S,minChars:w,filterResults:k,clearOnSearch:C,clearOnSelect:L,valueProp:E,allowAbsent:O,groupLabel:x,canDeselect:B,max:T,strict:_,closeOnSelect:V,closeOnDeselect:q,groups:N,reverse:P,infinite:I,groupOptions:R,groupHideEmpty:D,groupSelect:z,onCreate:M,disabledProp:A,searchStart:$,searchFilter:j}=e.toRefs(l),F=e.getCurrentInstance().proxy,H=r.iv,K=r.ev,G=r.search,W=r.clearSearch,U=r.update,Y=r.pointer,J=r.setPointer,Q=r.clearPointer,X=r.focus,Z=r.deactivate,ee=r.close,ae=r.localize,le=e.ref([]),te=e.ref([]),re=e.ref(!1),oe=e.ref(null),ue=e.ref(I.value&&-1===s.value?10:s.value),ne=e.computed((()=>d.value||v.value||!1)),ie=e.computed((()=>void 0!==m.value?m.value:void 0===f.value||f.value)),se=e.computed((()=>{if(N.value){let e=ve.value||[],a=[];return e.forEach((e=>{Ae(e[R.value]).forEach((l=>{a.push(Object.assign({},l,e[A.value]?{[A.value]:!0}:{}))}))})),a}{let e=Ae(te.value||[]);return le.value.length&&(e=e.concat(le.value)),e}})),ce=e.computed((()=>{let e=se.value;return P.value&&(e=e.reverse()),ye.value.length&&(e=ye.value.concat(e)),Me(e)})),de=e.computed((()=>{let e=ce.value;return ue.value>0&&(e=e.slice(0,ue.value)),e})),ve=e.computed((()=>{if(!N.value)return[];let e=[],a=te.value||[];return le.value.length&&e.push({[x.value]:" ",[R.value]:[...le.value],__CREATE__:!0}),e.concat(a)})),pe=e.computed((()=>{let e=[...ve.value].map((e=>({...e})));return ye.value.length&&(e[0]&&e[0].__CREATE__?e[0][R.value]=[...ye.value,...e[0][R.value]]:e=[{[x.value]:" ",[R.value]:[...ye.value],__CREATE__:!0}].concat(e)),e})),me=e.computed((()=>{if(!N.value)return[];let e=pe.value;return ze((e||[]).map(((e,a)=>{const l=Ae(e[R.value]);return{...e,index:a,group:!0,[R.value]:Me(l,!1).map((a=>Object.assign({},a,e[A.value]?{[A.value]:!0}:{}))),__VISIBLE__:Me(l).map((a=>Object.assign({},a,e[A.value]?{[A.value]:!0}:{})))}})))})),fe=e.computed((()=>{switch(n.value){case"single":return!a(H.value[E.value]);case"multiple":case"tags":return!a(H.value)&&H.value.length>0}})),ge=e.computed((()=>void 0!==g&&void 0!==g.value?g.value(H.value,F):H.value&&H.value.length>1?`${H.value.length} options selected`:"1 option selected")),he=e.computed((()=>!se.value.length&&!re.value&&!ye.value.length)),be=e.computed((()=>se.value.length>0&&0==de.value.length&&(G.value&&N.value||!N.value))),ye=e.computed((()=>!1!==ne.value&&G.value?-1!==Re(G.value)?[]:[{[E.value]:G.value,[Se.value[0]]:G.value,[p.value]:G.value,__CREATE__:!0}]:[])),Se=e.computed((()=>i.value?Array.isArray(i.value)?i.value:[i.value]:[p.value])),we=e.computed((()=>{switch(n.value){case"single":return null;case"multiple":case"tags":return[]}})),ke=e.computed((()=>b.value||re.value)),Ce=e=>{switch("object"!=typeof e&&(e=Ie(e)),n.value){case"single":U(e);break;case"multiple":case"tags":U(H.value.concat(e))}t.emit("select",Ee(e),e,F)},Le=e=>{switch("object"!=typeof e&&(e=Ie(e)),n.value){case"single":xe();break;case"tags":case"multiple":U(Array.isArray(e)?H.value.filter((a=>-1===e.map((e=>e[E.value])).indexOf(a[E.value]))):H.value.filter((a=>a[E.value]!=e[E.value])))}t.emit("deselect",Ee(e),e,F)},Ee=e=>h.value?e:e[E.value],Oe=e=>{Le(e)},xe=()=>{U(we.value),t.emit("clear",F)},Be=e=>{if(void 0!==e.group)return"single"!==n.value&&(Pe(e[R.value])&&e[R.value].length);switch(n.value){case"single":return!a(H.value)&&H.value[E.value]==e[E.value];case"tags":case"multiple":return!a(H.value)&&-1!==H.value.map((e=>e[E.value])).indexOf(e[E.value])}},Te=e=>!0===e[A.value],_e=()=>!(void 0===T||-1===T.value||!fe.value&&T.value>0)&&H.value.length>=T.value,Ve=e=>{switch(e.__CREATE__&&delete(e={...e}).__CREATE__,n.value){case"single":if(e&&Be(e))return B.value&&Le(e),void(q.value&&(Q(),ee()));e&&qe(e),L.value&&W(),V.value&&(Q(),ee()),e&&Ce(e);break;case"multiple":if(e&&Be(e))return Le(e),void(q.value&&(Q(),ee()));if(_e())return void t.emit("max",F);e&&(qe(e),Ce(e)),L.value&&W(),c.value&&Q(),V.value&&ee();break;case"tags":if(e&&Be(e))return Le(e),void(q.value&&(Q(),ee()));if(_e())return void t.emit("max",F);e&&qe(e),L.value&&W(),e&&Ce(e),c.value&&Q(),V.value&&ee()}V.value||X()},qe=e=>{void 0===Ie(e[E.value])&&ne.value&&(t.emit("tag",e[E.value],F),t.emit("option",e[E.value],F),t.emit("create",e[E.value],F),ie.value&&De(e),W())},Ne=e=>void 0===e.find((e=>!Be(e)&&!e[A.value])),Pe=e=>void 0===e.find((e=>!Be(e))),Ie=e=>se.value[se.value.map((e=>String(e[E.value]))).indexOf(String(e))],Re=e=>se.value.findIndex((a=>Se.value.some((l=>(parseInt(a[l])==a[l]?parseInt(a[l]):a[l])===(parseInt(e)==e?parseInt(e):e))))),De=e=>{le.value.push(e)},ze=e=>D.value?e.filter((e=>G.value?e.__VISIBLE__.length:e[R.value].length)):e.filter((e=>!G.value||e.__VISIBLE__.length)),Me=(e,a=!0)=>{let l=e;if(G.value&&k.value){let e=j.value;e||(e=(e,a,l)=>Se.value.some((l=>{let t=u(ae(e[l]),_.value);return $.value?t.startsWith(u(a,_.value)):-1!==t.indexOf(u(a,_.value))}))),l=l.filter((a=>e(a,G.value,F)))}return c.value&&a&&(l=l.filter((e=>!(e=>-1!==["tags","multiple"].indexOf(n.value)&&c.value&&Be(e))(e)))),l},Ae=e=>{let a=e;var l;return l=a,"[object Object]"===Object.prototype.toString.call(l)&&(a=Object.keys(a).map((e=>{let l=a[e];return{[E.value]:e,[Se.value[0]]:l,[p.value]:l}}))),a=a.map((e=>"object"==typeof e?e:{[E.value]:e,[Se.value[0]]:e,[p.value]:e})),a},$e=()=>{a(K.value)||(H.value=He(K.value))},je=e=>(re.value=!0,new Promise(((a,l)=>{o.value(G.value,F).then((a=>{te.value=a||[],"function"==typeof e&&e(a),re.value=!1})).catch((e=>{console.error(e),te.value=[],re.value=!1})).finally((()=>{a()}))}))),Fe=()=>{if(fe.value)if("single"===n.value){let e=Ie(H.value[E.value]);if(void 0!==e){let a=e[p.value];H.value[p.value]=a,h.value&&(K.value[p.value]=a)}}else H.value.forEach(((e,a)=>{let l=Ie(H.value[a][E.value]);if(void 0!==l){let e=l[p.value];H.value[a][p.value]=e,h.value&&(K.value[a][p.value]=e)}}))},He=e=>a(e)?"single"===n.value?{}:[]:h.value?e:"single"===n.value?Ie(e)||(O.value?{[p.value]:e,[E.value]:e,[Se.value[0]]:e}:{}):e.filter((e=>!!Ie(e)||O.value)).map((e=>Ie(e)||{[p.value]:e,[E.value]:e,[Se.value[0]]:e})),Ke=()=>{oe.value=e.watch(G,(e=>{e.length<w.value||!e&&0!==w.value||(re.value=!0,C.value&&(te.value=[]),setTimeout((()=>{e==G.value&&o.value(G.value,F).then((a=>{e!=G.value&&G.value||(te.value=a,Y.value=de.value.filter((e=>!0!==e[A.value]))[0]||null,re.value=!1)})).catch((e=>{console.error(e)}))}),y.value))}),{flush:"sync"})};if("single"!==n.value&&!a(K.value)&&!Array.isArray(K.value))throw new Error(`v-model must be an array when using "${n.value}" mode`);return o&&"function"==typeof o.value?S.value?je($e):1==h.value&&$e():(te.value=o.value,$e()),y.value>-1&&Ke(),e.watch(y,((e,a)=>{oe.value&&oe.value(),e>=0&&Ke()})),e.watch(K,(e=>{if(a(e))U(He(e),!1);else switch(n.value){case"single":(h.value?e[E.value]!=H.value[E.value]:e!=H.value[E.value])&&U(He(e),!1);break;case"multiple":case"tags":(function(e,a){const l=a.slice().sort();return e.length===a.length&&e.slice().sort().every((function(e,a){return e===l[a]}))})(h.value?e.map((e=>e[E.value])):e,H.value.map((e=>e[E.value])))||U(He(e),!1)}}),{deep:!0}),e.watch(o,((e,a)=>{"function"==typeof l.options?S.value&&(!a||e&&e.toString()!==a.toString())&&je():(te.value=l.options,Object.keys(H.value).length||$e(),Fe())})),e.watch(p,Fe),e.watch(s,((e,a)=>{ue.value=I.value&&-1===e?10:e})),{pfo:ce,fo:de,filteredOptions:de,hasSelected:fe,multipleLabelText:ge,eo:se,extendedOptions:se,eg:ve,extendedGroups:ve,fg:me,filteredGroups:me,noOptions:he,noResults:be,resolving:re,busy:ke,offset:ue,select:Ce,deselect:Le,remove:Oe,selectAll:()=>{"single"!==n.value&&Ce(de.value.filter((e=>!e.disabled&&!Be(e))))},clear:xe,isSelected:Be,isDisabled:Te,isMax:_e,getOption:Ie,handleOptionClick:e=>{if(!Te(e))return M&&M.value&&!Be(e)&&e.__CREATE__&&(delete(e={...e}).__CREATE__,(e=M.value(e,F))instanceof Promise)?(re.value=!0,void e.then((e=>{re.value=!1,Ve(e)}))):void Ve(e)},handleGroupClick:e=>{if(!Te(e)&&"single"!==n.value&&z.value){switch(n.value){case"multiple":case"tags":Ne(e[R.value])?Le(e[R.value]):Ce(e[R.value].filter((e=>-1===H.value.map((e=>e[E.value])).indexOf(e[E.value]))).filter((e=>!e[A.value])).filter(((e,a)=>H.value.length+1+a<=T.value||-1===T.value))),c.value&&Y.value&&J(me.value.filter((e=>!e[A.value]))[Y.value.index])}V.value&&Z()}},handleTagRemove:(e,a)=>{0===a.button?Oe(e):a.preventDefault()},refreshOptions:e=>{je(e)},resolveOptions:je,refreshLabels:Fe}}function i(a,l,t){const{valueProp:r,showOptions:o,searchable:u,groupLabel:n,groups:i,mode:s,groupSelect:c,disabledProp:d,groupOptions:v}=e.toRefs(a),p=t.fo,m=t.fg,f=t.handleOptionClick,g=t.handleGroupClick,h=t.search,b=t.pointer,y=t.setPointer,S=t.clearPointer,w=t.multiselect,k=t.isOpen,C=e.computed((()=>p.value.filter((e=>!e[d.value])))),L=e.computed((()=>m.value.filter((e=>!e[d.value])))),E=e.computed((()=>"single"!==s.value&&c.value)),O=e.computed((()=>b.value&&b.value.group)),x=e.computed((()=>D(b.value))),B=e.computed((()=>{const e=O.value?b.value:D(b.value),a=L.value.map((e=>e[n.value])).indexOf(e[n.value]);let l=L.value[a-1];return void 0===l&&(l=_.value),l})),T=e.computed((()=>{let e=L.value.map((e=>e.label)).indexOf(O.value?b.value[n.value]:D(b.value)[n.value])+1;return L.value.length<=e&&(e=0),L.value[e]})),_=e.computed((()=>[...L.value].slice(-1)[0])),V=e.computed((()=>b.value.__VISIBLE__.filter((e=>!e[d.value]))[0])),q=e.computed((()=>{const e=x.value.__VISIBLE__.filter((e=>!e[d.value]));return e[e.map((e=>e[r.value])).indexOf(b.value[r.value])-1]})),N=e.computed((()=>{const e=D(b.value).__VISIBLE__.filter((e=>!e[d.value]));return e[e.map((e=>e[r.value])).indexOf(b.value[r.value])+1]})),P=e.computed((()=>[...B.value.__VISIBLE__.filter((e=>!e[d.value]))].slice(-1)[0])),I=e.computed((()=>[..._.value.__VISIBLE__.filter((e=>!e[d.value]))].slice(-1)[0])),R=()=>{y(C.value[0]||null)},D=e=>L.value.find((a=>-1!==a.__VISIBLE__.map((e=>e[r.value])).indexOf(e[r.value]))),z=()=>{let e=w.value.querySelector("[data-pointed]");if(!e)return;let a=e.parentElement.parentElement;i.value&&(a=O.value?e.parentElement.parentElement.parentElement:e.parentElement.parentElement.parentElement.parentElement),e.offsetTop+e.offsetHeight>a.clientHeight+a.scrollTop&&(a.scrollTop=e.offsetTop+e.offsetHeight-a.clientHeight),e.offsetTop<a.scrollTop&&(a.scrollTop=e.offsetTop)};return e.watch(h,(e=>{u.value&&(e.length&&o.value?R():S())})),e.watch(k,(a=>{if(a){let a=w.value.querySelectorAll("[data-selected]")[0];if(!a)return;let l=a.parentElement.parentElement;e.nextTick((()=>{l.scrollTop>0||(l.scrollTop=a.offsetTop)}))}})),{pointer:b,canPointGroups:E,isPointed:e=>!(!b.value||!(!e.group&&b.value[r.value]===e[r.value]||void 0!==e.group&&b.value[n.value]===e[n.value]))||void 0,setPointerFirst:R,selectPointer:()=>{b.value&&!0!==b.value[d.value]&&(O.value?g(b.value):f(b.value))},forwardPointer:()=>{if(null===b.value)y((i.value&&E.value?L.value[0].__CREATE__?C.value[0]:L.value[0]:C.value[0])||null);else if(i.value&&E.value){let e=O.value?V.value:N.value;void 0===e&&(e=T.value,e.__CREATE__&&(e=e[v.value][0])),y(e||null)}else{let e=C.value.map((e=>e[r.value])).indexOf(b.value[r.value])+1;C.value.length<=e&&(e=0),y(C.value[e]||null)}e.nextTick((()=>{z()}))},backwardPointer:()=>{if(null===b.value){let e=C.value[C.value.length-1];i.value&&E.value&&(e=I.value,void 0===e&&(e=_.value)),y(e||null)}else if(i.value&&E.value){let e=O.value?P.value:q.value;void 0===e&&(e=O.value?B.value:x.value,e.__CREATE__&&(e=P.value,void 0===e&&(e=B.value))),y(e||null)}else{let e=C.value.map((e=>e[r.value])).indexOf(b.value[r.value])-1;e<0&&(e=C.value.length-1),y(C.value[e]||null)}e.nextTick((()=>{z()}))}}}function s(a,l,t){const{disabled:r,appendToBody:o,openDirection:u,closeOnScroll:n}=e.toRefs(a),i=e.getCurrentInstance().proxy,s=t.multiselect,c=t.dropdown,d=t.iv,v=e.ref(!1),p=e.ref(0),m=e.computed((()=>{if(!o.value||"undefined"==typeof window||!v.value||!c.value||-1===p.value)return;let e=s.value.getBoundingClientRect(),a=window.getComputedStyle(c.value).maxHeight,l=e.y,t=window.innerHeight-(e.y+e.height);return a=a.match(/%/)?parseInt(a.replace("%"))/100*window.innerHeight:parseInt(a.replace("px","")),{position:"absolute",zIndex:9999,transform:"top"===u.value?"translateY(-100%)":"none",maxHeight:"top"===u.value?a>l?`${l}px`:a:a>t?`${t}px`:void 0,left:`${e.x}px`,right:window.innerWidth-(e.x+e.width)+"px",top:"top"===u.value?`${e.y}px`:`${e.y+e.height}px`,bottom:"auto"}})),f=()=>{v.value&&(v.value=!1,l.emit("close",i))},g=e=>{const a=[document];return function e(l){if(!l||!l.parentNode)return;const t=window.getComputedStyle(l).overflowY;"scroll"!==t&&"auto"!==t||a.push(l),e(l.parentNode)}(e),a},h=()=>{p.value++},b=()=>{v.value&&(n.value&&f(),h())},y=()=>{v.value&&h()};return e.watch(d,(()=>{o.value&&h()}),{flush:"post"}),e.onMounted((()=>{o.value&&(g(s.value).forEach((e=>{e.addEventListener("scroll",b)})),window.addEventListener("resize",y))})),e.onBeforeUnmount((()=>{o.value&&(g(s.value).forEach((e=>{e.removeEventListener("scroll",b)})),window.removeEventListener("resize",y))})),e.watch(o,((e,a)=>{g(s.value).forEach((l=>{a&&!e&&l.removeEventListener("scroll",b),e&&l.addEventListener("scroll",b)})),a&&!e&&window.removeEventListener("resize",y),e&&window.addEventListener("resize",y)})),{isOpen:v,open:()=>{v.value||r.value||(v.value=!0,l.emit("open",i))},close:f,dropdownStyles:m}}function c(a,l,t){const{searchable:r,disabled:o,clearOnBlur:u}=e.toRefs(a),n=t.input,i=t.open,s=t.close,c=t.clearSearch,d=t.isOpen,v=t.wrapper,p=t.tags,m=e.ref(!1),f=e.ref(!1),g=e.computed((()=>r.value||o.value?-1:0)),h=()=>{r.value&&n.value.blur(),v.value.blur()},b=(e=!0)=>{o.value||(m.value=!0,e&&i())},y=()=>{m.value=!1,setTimeout((()=>{m.value||(s(),u.value&&c())}),1)};return{tabindex:g,isActive:m,mouseClicked:f,blur:h,focus:()=>{r.value&&!o.value&&n.value.focus()},activate:b,deactivate:y,handleFocusIn:e=>{e.target.closest("[data-tags]")&&"INPUT"!==e.target.nodeName||e.target.closest("[data-clear]")||b(f.value)},handleFocusOut:()=>{y()},handleCaretClick:()=>{y(),h()},handleMousedown:e=>{f.value=!0,d.value&&(e.target.isEqualNode(v.value)||e.target.isEqualNode(p.value))?setTimeout((()=>{y()}),0):d.value||!document.activeElement.isEqualNode(v.value)&&!document.activeElement.isEqualNode(n.value)||b(),setTimeout((()=>{f.value=!1}),0)}}}function d(a,l,t){const{mode:r,addTagOn:o,openDirection:u,searchable:n,showOptions:i,valueProp:s,groups:c,addOptionOn:d,createTag:v,createOption:p,reverse:m}=e.toRefs(a),f=e.getCurrentInstance().proxy,g=t.iv,h=t.update,b=t.deselect,y=t.search,S=t.setPointer,w=t.selectPointer,k=t.backwardPointer,C=t.forwardPointer,L=t.multiselect,E=t.wrapper,O=t.tags,x=t.isOpen,B=t.open,T=t.blur,_=t.fo,V=e.computed((()=>v.value||p.value||!1)),q=e.computed((()=>void 0!==o.value?o.value:void 0!==d.value?d.value:["enter"])),N=()=>{"tags"===r.value&&!i.value&&V.value&&n.value&&!c.value&&S(_.value[_.value.map((e=>e[s.value])).indexOf(y.value)])};return{handleKeydown:e=>{let a,t;switch(l.emit("keydown",e,f),-1!==["ArrowLeft","ArrowRight","Enter"].indexOf(e.key)&&"tags"===r.value&&(a=[...L.value.querySelectorAll("[data-tags] > *")].filter((e=>e!==O.value)),t=a.findIndex((e=>e===document.activeElement))),e.key){case"Backspace":if("single"===r.value)return;if(n.value&&-1===[null,""].indexOf(y.value))return;if(0===g.value.length)return;let l=g.value.filter((e=>!e.disabled&&!1!==e.remove));l.length&&b(l[l.length-1]);break;case"Enter":if(e.preventDefault(),229===e.keyCode)return;if(-1!==t&&void 0!==t)return h([...g.value].filter(((e,a)=>a!==t))),void(t===a.length-1&&(a.length-1?a[a.length-2].focus():n.value?O.value.querySelector("input").focus():E.value.focus()));if(-1===q.value.indexOf("enter")&&V.value)return;N(),w();break;case" ":if(!V.value&&!n.value)return e.preventDefault(),N(),void w();if(!V.value)return!1;if(-1===q.value.indexOf("space")&&V.value)return;e.preventDefault(),N(),w();break;case"Tab":case";":case",":if(-1===q.value.indexOf(e.key.toLowerCase())||!V.value)return;N(),w(),e.preventDefault();break;case"Escape":T();break;case"ArrowUp":if(e.preventDefault(),!i.value)return;x.value||B(),k();break;case"ArrowDown":if(e.preventDefault(),!i.value)return;x.value||B(),C();break;case"ArrowLeft":if(n.value&&O.value&&O.value.querySelector("input").selectionStart||e.shiftKey||"tags"!==r.value||!g.value||!g.value.length)return;e.preventDefault(),-1===t?a[a.length-1].focus():t>0&&a[t-1].focus();break;case"ArrowRight":if(-1===t||e.shiftKey||"tags"!==r.value||!g.value||!g.value.length)return;e.preventDefault(),a.length>t+1?a[t+1].focus():n.value?O.value.querySelector("input").focus():n.value||E.value.focus()}},handleKeyup:e=>{l.emit("keyup",e,f)},preparePointer:N}}function v(a,l,t){const{classes:r,disabled:o,openDirection:u,showOptions:n,breakTags:i}=e.toRefs(a),s=t.isOpen,c=t.isPointed,d=t.isSelected,v=t.isDisabled,p=t.isActive,m=t.canPointGroups,f=t.resolving,g=t.fo,h=e.computed((()=>({container:"multiselect",containerDisabled:"is-disabled",containerOpen:"is-open",containerOpenTop:"is-open-top",containerActive:"is-active",wrapper:"multiselect-wrapper",singleLabel:"multiselect-single-label",singleLabelText:"multiselect-single-label-text",multipleLabel:"multiselect-multiple-label",search:"multiselect-search",tags:"multiselect-tags",tag:"multiselect-tag",tagWrapper:"multiselect-tag-wrapper",tagWrapperBreak:"multiselect-tag-wrapper-break",tagDisabled:"is-disabled",tagRemove:"multiselect-tag-remove",tagRemoveIcon:"multiselect-tag-remove-icon",tagsSearchWrapper:"multiselect-tags-search-wrapper",tagsSearch:"multiselect-tags-search",tagsSearchCopy:"multiselect-tags-search-copy",placeholder:"multiselect-placeholder",caret:"multiselect-caret",caretOpen:"is-open",clear:"multiselect-clear",clearIcon:"multiselect-clear-icon",spinner:"multiselect-spinner",inifinite:"multiselect-inifite",inifiniteSpinner:"multiselect-inifite-spinner",dropdown:"multiselect-dropdown",dropdownTop:"is-top",dropdownHidden:"is-hidden",options:"multiselect-options",optionsTop:"is-top",group:"multiselect-group",groupLabel:"multiselect-group-label",groupLabelPointable:"is-pointable",groupLabelPointed:"is-pointed",groupLabelSelected:"is-selected",groupLabelDisabled:"is-disabled",groupLabelSelectedPointed:"is-selected is-pointed",groupLabelSelectedDisabled:"is-selected is-disabled",groupOptions:"multiselect-group-options",option:"multiselect-option",optionPointed:"is-pointed",optionSelected:"is-selected",optionDisabled:"is-disabled",optionSelectedPointed:"is-selected is-pointed",optionSelectedDisabled:"is-selected is-disabled",noOptions:"multiselect-no-options",noResults:"multiselect-no-results",fakeInput:"multiselect-fake-input",assist:"multiselect-assistive-text",spacer:"multiselect-spacer",...r.value}))),b=e.computed((()=>!!(s.value&&n.value&&(!f.value||f.value&&g.value.length))));return{classList:e.computed((()=>{const e=h.value;return{container:[e.container].concat(o.value?e.containerDisabled:[]).concat(b.value&&"top"===u.value?e.containerOpenTop:[]).concat(b.value&&"top"!==u.value?e.containerOpen:[]).concat(p.value?e.containerActive:[]),wrapper:e.wrapper,spacer:e.spacer,singleLabel:e.singleLabel,singleLabelText:e.singleLabelText,multipleLabel:e.multipleLabel,search:e.search,tags:e.tags,tag:[e.tag].concat(o.value?e.tagDisabled:[]),tagWrapper:[e.tagWrapper,i.value?e.tagWrapperBreak:null],tagDisabled:e.tagDisabled,tagRemove:e.tagRemove,tagRemoveIcon:e.tagRemoveIcon,tagsSearchWrapper:e.tagsSearchWrapper,tagsSearch:e.tagsSearch,tagsSearchCopy:e.tagsSearchCopy,placeholder:e.placeholder,caret:[e.caret].concat(s.value?e.caretOpen:[]),clear:e.clear,clearIcon:e.clearIcon,spinner:e.spinner,inifinite:e.inifinite,inifiniteSpinner:e.inifiniteSpinner,dropdown:[e.dropdown].concat("top"===u.value?e.dropdownTop:[]).concat(s.value&&n.value&&b.value?[]:e.dropdownHidden),options:[e.options].concat("top"===u.value?e.optionsTop:[]),group:e.group,groupLabel:a=>{let l=[e.groupLabel];return c(a)?l.push(d(a)?e.groupLabelSelectedPointed:e.groupLabelPointed):d(a)&&m.value?l.push(v(a)?e.groupLabelSelectedDisabled:e.groupLabelSelected):v(a)&&l.push(e.groupLabelDisabled),m.value&&l.push(e.groupLabelPointable),l},groupOptions:e.groupOptions,option:(a,l)=>{let t=[e.option];return c(a)?t.push(d(a)?e.optionSelectedPointed:e.optionPointed):d(a)?t.push(v(a)?e.optionSelectedDisabled:e.optionSelected):(v(a)||l&&v(l))&&t.push(e.optionDisabled),t},noOptions:e.noOptions,noResults:e.noResults,assist:e.assist,fakeInput:e.fakeInput}})),showDropdown:b}}function p(a,l,t){const{limit:r,infinite:o}=e.toRefs(a),u=t.isOpen,n=t.offset,i=t.search,s=t.pfo,c=t.eo,d=e.ref(null),v=e.ref(null),p=e.computed((()=>n.value<s.value.length)),m=a=>{const{isIntersecting:l,target:t}=a[0];if(l){const a=t.offsetParent,l=a.scrollTop;n.value+=-1==r.value?10:r.value,e.nextTick((()=>{a.scrollTop=l}))}},f=()=>{u.value&&n.value<s.value.length?d.value.observe(v.value):!u.value&&d.value&&d.value.disconnect()};return e.watch(u,(()=>{o.value&&f()})),e.watch(i,(()=>{o.value&&(n.value=r.value,f())}),{flush:"post"}),e.watch(c,(()=>{o.value&&f()}),{immediate:!1,flush:"post"}),e.onMounted((()=>{window&&window.IntersectionObserver&&(d.value=new IntersectionObserver(m))})),{hasMore:p,infiniteLoader:v}}function m(a,l,t){const{placeholder:r,id:o,valueProp:u,label:n,mode:i,groupLabel:s,aria:c,searchable:d}=e.toRefs(a),v=t.pointer,p=t.iv,m=t.hasSelected,f=t.multipleLabelText,g=e.ref(null),h=e.computed((()=>{let e=[];return o&&o.value&&e.push(o.value),e.push("assist"),e.join("-")})),b=e.computed((()=>{let e=[];return o&&o.value&&e.push(o.value),e.push("multiselect-options"),e.join("-")})),y=e.computed((()=>{let e=[];if(o&&o.value&&e.push(o.value),v.value)return e.push(v.value.group?"multiselect-group":"multiselect-option"),e.push(v.value.group?v.value.index:v.value[u.value]),e.join("-")})),S=e.computed((()=>r.value)),w=e.computed((()=>"single"!==i.value)),k=e.computed((()=>{let e="";return"single"===i.value&&m.value&&(e+=p.value[n.value]),"multiple"===i.value&&m.value&&(e+=f.value),"tags"===i.value&&m.value&&(e+=p.value.map((e=>e[n.value])).join(", ")),e})),C=e.computed((()=>{let e={...c.value};return d.value&&(e["aria-labelledby"]=e["aria-labelledby"]?`${h.value} ${e["aria-labelledby"]}`:h.value,k.value&&e["aria-label"]&&(e["aria-label"]=`${k.value}, ${e["aria-label"]}`)),e}));return e.onMounted((()=>{if(o&&o.value&&document&&document.querySelector){let e=document.querySelector(`[for="${o.value}"]`);g.value=e?e.innerText:null}})),{arias:C,ariaLabel:k,ariaAssist:h,ariaControls:b,ariaPlaceholder:S,ariaMultiselectable:w,ariaActiveDescendant:y,ariaOptionId:e=>{let a=[];return o&&o.value&&a.push(o.value),a.push("multiselect-option"),a.push(e[u.value]),a.join("-")},ariaOptionLabel:e=>{let a=[];return a.push(e),a.join(" ")},ariaGroupId:e=>{let a=[];return o&&o.value&&a.push(o.value),a.push("multiselect-group"),a.push(e.index),a.join("-")},ariaGroupLabel:e=>{let a=[];return a.push(e),a.join(" ")},ariaTagLabel:e=>`${e} ❎`}}function f(a,l,t){const{locale:r,fallbackLocale:o}=e.toRefs(a);return{localize:e=>e&&"object"==typeof e?e&&e[r.value]?e[r.value]:e&&r.value&&e[r.value.toUpperCase()]?e[r.value.toUpperCase()]:e&&e[o.value]?e[o.value]:e&&o.value&&e[o.value.toUpperCase()]?e[o.value.toUpperCase()]:e&&Object.keys(e)[0]?e[Object.keys(e)[0]]:"":e}}function g(a,l,t){return{multiselect:e.ref(null),wrapper:e.ref(null),tags:e.ref(null),input:e.ref(null),dropdown:e.ref(null)}}var h={name:"Multiselect",emits:["paste","open","close","select","deselect","input","search-change","tag","option","update:modelValue","change","clear","keydown","keyup","max","create"],props:{value:{required:!1},modelValue:{required:!1},options:{type:[Array,Object,Function],required:!1,default:()=>[]},id:{type:[String,Number],required:!1},name:{type:[String,Number],required:!1,default:"multiselect"},disabled:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:"label"},trackBy:{type:[String,Array],required:!1,default:void 0},valueProp:{type:String,required:!1,default:"value"},placeholder:{type:String,required:!1,default:null},mode:{type:String,required:!1,default:"single"},searchable:{type:Boolean,required:!1,default:!1},limit:{type:Number,required:!1,default:-1},hideSelected:{type:Boolean,required:!1,default:!0},createTag:{type:Boolean,required:!1,default:void 0},createOption:{type:Boolean,required:!1,default:void 0},appendNewTag:{type:Boolean,required:!1,default:void 0},appendNewOption:{type:Boolean,required:!1,default:void 0},addTagOn:{type:Array,required:!1,default:void 0},addOptionOn:{type:Array,required:!1,default:void 0},caret:{type:Boolean,required:!1,default:!0},loading:{type:Boolean,required:!1,default:!1},noOptionsText:{type:[String,Object],required:!1,default:"The list is empty"},noResultsText:{type:[String,Object],required:!1,default:"No results found"},multipleLabel:{type:Function,required:!1},object:{type:Boolean,required:!1,default:!1},delay:{type:Number,required:!1,default:-1},minChars:{type:Number,required:!1,default:0},resolveOnLoad:{type:Boolean,required:!1,default:!0},filterResults:{type:Boolean,required:!1,default:!0},clearOnSearch:{type:Boolean,required:!1,default:!1},clearOnSelect:{type:Boolean,required:!1,default:!0},canDeselect:{type:Boolean,required:!1,default:!0},canClear:{type:Boolean,required:!1,default:!0},max:{type:Number,required:!1,default:-1},showOptions:{type:Boolean,required:!1,default:!0},required:{type:Boolean,required:!1,default:!1},openDirection:{type:String,required:!1,default:"bottom"},nativeSupport:{type:Boolean,required:!1,default:!1},classes:{type:Object,required:!1,default:()=>({})},strict:{type:Boolean,required:!1,default:!0},closeOnSelect:{type:Boolean,required:!1,default:!0},closeOnDeselect:{type:Boolean,required:!1,default:!1},autocomplete:{type:String,required:!1},groups:{type:Boolean,required:!1,default:!1},groupLabel:{type:String,required:!1,default:"label"},groupOptions:{type:String,required:!1,default:"options"},groupHideEmpty:{type:Boolean,required:!1,default:!1},groupSelect:{type:Boolean,required:!1,default:!0},inputType:{type:String,required:!1,default:"text"},attrs:{required:!1,type:Object,default:()=>({})},onCreate:{required:!1,type:Function},disabledProp:{type:String,required:!1,default:"disabled"},searchStart:{type:Boolean,required:!1,default:!1},reverse:{type:Boolean,required:!1,default:!1},regex:{type:[Object,String,RegExp],required:!1,default:void 0},rtl:{type:Boolean,required:!1,default:!1},infinite:{type:Boolean,required:!1,default:!1},aria:{required:!1,type:Object,default:()=>({})},clearOnBlur:{required:!1,type:Boolean,default:!0},locale:{required:!1,type:String,default:null},fallbackLocale:{required:!1,type:String,default:"en"},searchFilter:{required:!1,type:Function,default:null},allowAbsent:{required:!1,type:Boolean,default:!1},appendToBody:{required:!1,type:Boolean,default:!1},closeOnScroll:{required:!1,type:Boolean,default:!1},breakTags:{required:!1,type:Boolean,default:!1}},setup:(e,a)=>function(e,a,l,t={}){return l.forEach((l=>{l&&(t={...t,...l(e,a,t)})})),t}(e,a,[g,f,t,o,s,r,l,c,n,p,i,d,v,m]),beforeMount(){(this.$root.constructor?.version?.match(/^2\./)||2===this.vueVersionMs)&&(this.$options.components.Teleport||(this.$options.components.Teleport={render(){return this.$slots.default?this.$slots.default[0]:null}}))}};const b=["id","dir"],y=["tabindex","aria-controls","aria-placeholder","aria-expanded","aria-activedescendant","aria-multiselectable","role"],S=["type","modelValue","value","autocomplete","id","aria-controls","aria-placeholder","aria-expanded","aria-activedescendant","aria-multiselectable"],w=["onKeyup","aria-label"],k=["onClick"],C=["type","modelValue","value","id","autocomplete","aria-controls","aria-placeholder","aria-expanded","aria-activedescendant","aria-multiselectable"],L=["innerHTML"],E=["id"],O=["id","aria-label","aria-selected"],x=["data-pointed","onMouseenter","onMousedown"],B=["innerHTML"],T=["aria-label"],_=["data-pointed","data-selected","onMouseenter","onMousedown","id","aria-selected","aria-label"],V=["data-pointed","data-selected","onMouseenter","onMousedown","id","aria-selected","aria-label"],q=["innerHTML"],N=["innerHTML"],P=["value"],I=["name","value"],R=["name","value"],D=["id"];return h.render=function(a,l,t,r,o,u){return e.openBlock(),e.createElementBlock("div",{ref:"multiselect",class:e.normalizeClass(a.classList.container),id:t.searchable?void 0:t.id,dir:t.rtl?"rtl":void 0,onFocusin:l[10]||(l[10]=(...e)=>a.handleFocusIn&&a.handleFocusIn(...e)),onFocusout:l[11]||(l[11]=(...e)=>a.handleFocusOut&&a.handleFocusOut(...e)),onKeyup:l[12]||(l[12]=(...e)=>a.handleKeyup&&a.handleKeyup(...e)),onKeydown:l[13]||(l[13]=(...e)=>a.handleKeydown&&a.handleKeydown(...e))},[e.createElementVNode("div",e.mergeProps({class:a.classList.wrapper,onMousedown:l[9]||(l[9]=(...e)=>a.handleMousedown&&a.handleMousedown(...e)),ref:"wrapper",tabindex:a.tabindex,"aria-controls":t.searchable?void 0:a.ariaControls,"aria-placeholder":t.searchable?void 0:a.ariaPlaceholder,"aria-expanded":t.searchable?void 0:a.isOpen,"aria-activedescendant":t.searchable?void 0:a.ariaActiveDescendant,"aria-multiselectable":t.searchable?void 0:a.ariaMultiselectable,role:t.searchable?void 0:"combobox"},t.searchable?{}:a.arias),[e.createCommentVNode(" Search "),"tags"!==t.mode&&t.searchable&&!t.disabled?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,type:t.inputType,modelValue:a.search,value:a.search,class:a.classList.search,autocomplete:t.autocomplete,id:t.searchable?t.id:void 0,onInput:l[0]||(l[0]=(...e)=>a.handleSearchInput&&a.handleSearchInput(...e)),onKeypress:l[1]||(l[1]=(...e)=>a.handleKeypress&&a.handleKeypress(...e)),onPaste:l[2]||(l[2]=e.withModifiers(((...e)=>a.handlePaste&&a.handlePaste(...e)),["stop"])),ref:"input","aria-controls":a.ariaControls,"aria-placeholder":a.ariaPlaceholder,"aria-expanded":a.isOpen,"aria-activedescendant":a.ariaActiveDescendant,"aria-multiselectable":a.ariaMultiselectable,role:"combobox"},{...t.attrs,...a.arias}),null,16,S)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Tags (with search) "),"tags"==t.mode?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(a.classList.tags),"data-tags":""},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.iv,((l,r,o)=>e.renderSlot(a.$slots,"tag",{option:l,handleTagRemove:a.handleTagRemove,disabled:t.disabled},(()=>[(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([a.classList.tag,l.disabled?a.classList.tagDisabled:null]),tabindex:"-1",onKeyup:e.withKeys((e=>a.handleTagRemove(l,e)),["enter"]),key:o,"aria-label":a.ariaTagLabel(a.localize(l[t.label]))},[e.createElementVNode("span",{class:e.normalizeClass(a.classList.tagWrapper)},e.toDisplayString(a.localize(l[t.label])),3),t.disabled||l.disabled?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(a.classList.tagRemove),onClick:e.withModifiers((e=>a.handleTagRemove(l,e)),["stop"])},[e.createElementVNode("span",{class:e.normalizeClass(a.classList.tagRemoveIcon)},null,2)],10,k))],42,w))])))),256)),e.createElementVNode("div",{class:e.normalizeClass(a.classList.tagsSearchWrapper),ref:"tags"},[e.createCommentVNode(" Used for measuring search width "),e.createElementVNode("span",{class:e.normalizeClass(a.classList.tagsSearchCopy)},e.toDisplayString(a.search),3),e.createCommentVNode(" Actual search input "),t.searchable&&!t.disabled?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,type:t.inputType,modelValue:a.search,value:a.search,class:a.classList.tagsSearch,id:t.searchable?t.id:void 0,autocomplete:t.autocomplete,onInput:l[3]||(l[3]=(...e)=>a.handleSearchInput&&a.handleSearchInput(...e)),onKeypress:l[4]||(l[4]=(...e)=>a.handleKeypress&&a.handleKeypress(...e)),onPaste:l[5]||(l[5]=e.withModifiers(((...e)=>a.handlePaste&&a.handlePaste(...e)),["stop"])),ref:"input","aria-controls":a.ariaControls,"aria-placeholder":a.ariaPlaceholder,"aria-expanded":a.isOpen,"aria-activedescendant":a.ariaActiveDescendant,"aria-multiselectable":a.ariaMultiselectable,role:"combobox"},{...t.attrs,...a.arias}),null,16,C)):e.createCommentVNode("v-if",!0)],2)],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Single label "),"single"==t.mode&&a.hasSelected&&!a.search&&a.iv?e.renderSlot(a.$slots,"singlelabel",{key:2,value:a.iv},(()=>[e.createElementVNode("div",{class:e.normalizeClass(a.classList.singleLabel)},[e.createElementVNode("span",{class:e.normalizeClass(a.classList.singleLabelText)},e.toDisplayString(a.localize(a.iv[t.label])),3)],2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Multiple label "),"multiple"==t.mode&&a.hasSelected&&!a.search?e.renderSlot(a.$slots,"multiplelabel",{key:3,values:a.iv},(()=>[e.createElementVNode("div",{class:e.normalizeClass(a.classList.multipleLabel),innerHTML:a.multipleLabelText},null,10,L)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Placeholder "),!t.placeholder||a.hasSelected||a.search?e.createCommentVNode("v-if",!0):e.renderSlot(a.$slots,"placeholder",{key:4},(()=>[e.createElementVNode("div",{class:e.normalizeClass(a.classList.placeholder),"aria-hidden":"true"},e.toDisplayString(t.placeholder),3)])),e.createCommentVNode(" Spinner "),t.loading||a.resolving?e.renderSlot(a.$slots,"spinner",{key:5},(()=>[e.createElementVNode("span",{class:e.normalizeClass(a.classList.spinner),"aria-hidden":"true"},null,2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Clear "),a.hasSelected&&!t.disabled&&t.canClear&&!a.busy?e.renderSlot(a.$slots,"clear",{key:6,clear:a.clear},(()=>[e.createElementVNode("span",{"aria-hidden":"true",tabindex:"0",role:"button","data-clear":"","aria-roledescription":"❎",class:e.normalizeClass(a.classList.clear),onClick:l[6]||(l[6]=(...e)=>a.clear&&a.clear(...e)),onKeyup:l[7]||(l[7]=e.withKeys(((...e)=>a.clear&&a.clear(...e)),["enter"]))},[e.createElementVNode("span",{class:e.normalizeClass(a.classList.clearIcon)},null,2)],34)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Caret "),t.caret&&t.showOptions?e.renderSlot(a.$slots,"caret",{key:7,handleCaretClick:a.handleCaretClick,isOpen:a.isOpen},(()=>[e.createElementVNode("span",{class:e.normalizeClass(a.classList.caret),onClick:l[8]||(l[8]=(...e)=>a.handleCaretClick&&a.handleCaretClick(...e)),"aria-hidden":"true"},null,2)])):e.createCommentVNode("v-if",!0)],16,y),e.createCommentVNode(" Options "),(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!t.appendToBody},[e.createElementVNode("div",{class:e.normalizeClass(a.classList.dropdown),tabindex:"-1",style:e.normalizeStyle(a.dropdownStyles),ref:"dropdown"},[e.renderSlot(a.$slots,"beforelist",{options:a.fo}),e.createElementVNode("ul",{class:e.normalizeClass(a.classList.options),id:a.ariaControls,role:"listbox"},[t.groups?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(a.fg,((l,r,o)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(a.classList.group),key:o,id:a.ariaGroupId(l),"aria-label":a.ariaGroupLabel(a.localize(l[t.groupLabel])),"aria-selected":a.isSelected(l),role:"option"},[l.__CREATE__?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.classList.groupLabel(l)),"data-pointed":a.isPointed(l),onMouseenter:e=>a.setPointer(l,r),onMousedown:e.withModifiers((e=>a.handleGroupClick(l)),["prevent"])},[e.renderSlot(a.$slots,"grouplabel",{group:l,isSelected:a.isSelected,isPointed:a.isPointed},(()=>[e.createElementVNode("span",{innerHTML:a.localize(l[t.groupLabel])},null,8,B)]))],42,x)),e.createElementVNode("ul",{class:e.normalizeClass(a.classList.groupOptions),"aria-label":a.ariaGroupLabel(a.localize(l[t.groupLabel])),role:"group"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.__VISIBLE__,((r,o,u)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(a.classList.option(r,l)),"data-pointed":a.isPointed(r),"data-selected":a.isSelected(r)||void 0,key:u,onMouseenter:e=>a.setPointer(r),onMousedown:e.withModifiers((e=>a.handleOptionClick(r)),["prevent"]),id:a.ariaOptionId(r),"aria-selected":a.isSelected(r),"aria-label":a.ariaOptionLabel(a.localize(r[t.label])),role:"option"},[e.renderSlot(a.$slots,"option",{option:r,isSelected:a.isSelected,isPointed:a.isPointed,search:a.search},(()=>[e.createElementVNode("span",null,e.toDisplayString(a.localize(r[t.label])),1)]))],42,_)))),128))],10,T)],10,O)))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(a.fo,((l,r,o)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(a.classList.option(l)),"data-pointed":a.isPointed(l),"data-selected":a.isSelected(l)||void 0,key:o,onMouseenter:e=>a.setPointer(l),onMousedown:e.withModifiers((e=>a.handleOptionClick(l)),["prevent"]),id:a.ariaOptionId(l),"aria-selected":a.isSelected(l),"aria-label":a.ariaOptionLabel(a.localize(l[t.label])),role:"option"},[e.renderSlot(a.$slots,"option",{option:l,isSelected:a.isSelected,isPointed:a.isPointed,search:a.search},(()=>[e.createElementVNode("span",null,e.toDisplayString(a.localize(l[t.label])),1)]))],42,V)))),128))],10,E),a.noOptions?e.renderSlot(a.$slots,"nooptions",{key:0},(()=>[e.createElementVNode("div",{class:e.normalizeClass(a.classList.noOptions),innerHTML:a.localize(t.noOptionsText)},null,10,q)])):e.createCommentVNode("v-if",!0),a.noResults?e.renderSlot(a.$slots,"noresults",{key:1},(()=>[e.createElementVNode("div",{class:e.normalizeClass(a.classList.noResults),innerHTML:a.localize(t.noResultsText)},null,10,N)])):e.createCommentVNode("v-if",!0),t.infinite&&a.hasMore?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(a.classList.inifinite),ref:"infiniteLoader"},[e.renderSlot(a.$slots,"infinite",{},(()=>[e.createElementVNode("span",{class:e.normalizeClass(a.classList.inifiniteSpinner)},null,2)]))],2)):e.createCommentVNode("v-if",!0),e.renderSlot(a.$slots,"afterlist",{options:a.fo})],6)],8,["disabled"])),e.createCommentVNode(" Hacky input element to show HTML5 required warning "),t.required?(e.openBlock(),e.createElementBlock("input",{key:0,class:e.normalizeClass(a.classList.fakeInput),tabindex:"-1",value:a.textValue,required:""},null,10,P)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Native input support "),t.nativeSupport?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},["single"==t.mode?(e.openBlock(),e.createElementBlock("input",{key:0,type:"hidden",name:t.name,value:void 0!==a.plainValue?a.plainValue:""},null,8,I)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(a.plainValue,((a,l)=>(e.openBlock(),e.createElementBlock("input",{type:"hidden",name:`${t.name}[]`,value:a,key:l},null,8,R)))),128))],64)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Screen reader assistive text "),t.searchable&&a.hasSelected?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(a.classList.assist),id:a.ariaAssist,"aria-hidden":"true"},e.toDisplayString(a.ariaLabel),11,D)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Create height for empty input "),e.createElementVNode("div",{class:e.normalizeClass(a.classList.spacer)},null,2)],42,b)},h.__file="src/Multiselect.vue",h}(Vue);
+var VueformMultiselect=function(e){"use strict";function t(e){return-1!==[null,void 0].indexOf(e)}function a(a,l,n){const{object:r,valueProp:o,mode:i}=e.toRefs(a),u=e.getCurrentInstance().proxy,s=n.iv,c=e=>r.value||t(e)?e:Array.isArray(e)?e.map((e=>e[o.value])):e[o.value],d=e=>t(e)?"single"===i.value?{}:[]:e;return{update:(e,t=!0)=>{s.value=d(e);const a=c(e);l.emit("change",a,u),t&&(l.emit("input",a),l.emit("update:modelValue",a))}}}function l(t,a){const{value:l,modelValue:n,mode:r,valueProp:o}=e.toRefs(t),i=e.ref("single"!==r.value?[]:{}),u=e.computed((()=>n&&void 0!==n.value?n.value:l.value)),s=e.computed((()=>"single"===r.value?i.value[o.value]:i.value.map((e=>e[o.value])))),c=e.computed((()=>"single"!==r.value?i.value.map((e=>e[o.value])).join(","):i.value[o.value]));return{iv:i,internalValue:i,ev:u,externalValue:u,textValue:c,plainValue:s}}function n(t,a,l){const{regex:n}=e.toRefs(t),r=e.getCurrentInstance().proxy,o=l.isOpen,i=l.open,u=e.ref(null);return e.watch(u,(e=>{!o.value&&e&&i(),a.emit("search-change",e,r)})),{search:u,clearSearch:()=>{u.value=""},handleSearchInput:e=>{u.value=e.target.value},handleKeypress:e=>{if(n&&n.value){let t=n.value;"string"==typeof t&&(t=new RegExp(t)),e.key.match(t)||e.preventDefault()}},handlePaste:e=>{if(n&&n.value){let t=(e.clipboardData||window.clipboardData).getData("Text"),a=n.value;"string"==typeof a&&(a=new RegExp(a)),t.split("").every((e=>!!e.match(a)))||e.preventDefault()}a.emit("paste",e,r)}}}function r(t,a,l){const{groupSelect:n,mode:r,groups:o,disabledProp:i}=e.toRefs(t),u=e.ref(null),s=e=>{void 0===e||null!==e&&e[i.value]||o.value&&e&&e.group&&("single"===r.value||!n.value)||(u.value=e)};return{pointer:u,setPointer:s,clearPointer:()=>{s(null)}}}function o(e,t=!0){return t?String(e).toLowerCase().trim():String(e).toLowerCase().normalize("NFD").trim().replace(new RegExp(/æ/g),"ae").replace(new RegExp(/œ/g),"oe").replace(new RegExp(/ø/g),"o").replace(/\p{Diacritic}/gu,"")}function i(a,l,n){const{options:r,mode:i,trackBy:u,limit:s,hideSelected:c,createTag:d,createOption:p,label:v,appendNewTag:f,appendNewOption:m,multipleLabel:h,object:g,loading:b,delay:y,resolveOnLoad:w,minChars:x,filterResults:O,clearOnSearch:S,clearOnSelect:k,valueProp:L,allowAbsent:E,groupLabel:C,canDeselect:B,max:T,strict:V,closeOnSelect:_,closeOnDeselect:q,groups:P,reverse:N,infinite:D,groupOptions:A,groupHideEmpty:R,groupSelect:I,onCreate:j,disabledProp:M,searchStart:z,searchFilter:W}=e.toRefs(a),H=e.getCurrentInstance().proxy,$=n.iv,F=n.ev,K=n.search,G=n.clearSearch,U=n.update,X=n.pointer,Y=n.setPointer,J=n.clearPointer,Q=n.focus,Z=n.deactivate,ee=n.close,te=n.localize,ae=e.ref([]),le=e.ref([]),ne=e.ref(!1),re=e.ref(null),oe=e.ref(D.value&&-1===s.value?10:s.value),ie=e.computed((()=>d.value||p.value||!1)),ue=e.computed((()=>void 0!==f.value?f.value:void 0===m.value||m.value)),se=e.computed((()=>{if(P.value){let e=pe.value||[],t=[];return e.forEach((e=>{Me(e[A.value]).forEach((a=>{t.push(Object.assign({},a,e[M.value]?{[M.value]:!0}:{}))}))})),t}{let e=Me(le.value||[]);return ae.value.length&&(e=e.concat(ae.value)),e}})),ce=e.computed((()=>{let e=se.value;return N.value&&(e=e.reverse()),ye.value.length&&(e=ye.value.concat(e)),je(e)})),de=e.computed((()=>{let e=ce.value;return oe.value>0&&(e=e.slice(0,oe.value)),e})),pe=e.computed((()=>{if(!P.value)return[];let e=[],t=le.value||[];return ae.value.length&&e.push({[C.value]:" ",[A.value]:[...ae.value],__CREATE__:!0}),e.concat(t)})),ve=e.computed((()=>{let e=[...pe.value].map((e=>({...e})));return ye.value.length&&(e[0]&&e[0].__CREATE__?e[0][A.value]=[...ye.value,...e[0][A.value]]:e=[{[C.value]:" ",[A.value]:[...ye.value],__CREATE__:!0}].concat(e)),e})),fe=e.computed((()=>{if(!P.value)return[];let e=ve.value;return Ie((e||[]).map(((e,t)=>{const a=Me(e[A.value]);return{...e,index:t,group:!0,[A.value]:je(a,!1).map((t=>Object.assign({},t,e[M.value]?{[M.value]:!0}:{}))),__VISIBLE__:je(a).map((t=>Object.assign({},t,e[M.value]?{[M.value]:!0}:{})))}})))})),me=e.computed((()=>{switch(i.value){case"single":return!t($.value[L.value]);case"multiple":case"tags":return!t($.value)&&$.value.length>0}})),he=e.computed((()=>void 0!==h&&void 0!==h.value?h.value($.value,H):$.value&&$.value.length>1?`${$.value.length} options selected`:"1 option selected")),ge=e.computed((()=>!se.value.length&&!ne.value&&!ye.value.length)),be=e.computed((()=>se.value.length>0&&0==de.value.length&&(K.value&&P.value||!P.value))),ye=e.computed((()=>!1!==ie.value&&K.value?-1!==Ae(K.value)?[]:[{[L.value]:K.value,[we.value[0]]:K.value,[v.value]:K.value,__CREATE__:!0}]:[])),we=e.computed((()=>u.value?Array.isArray(u.value)?u.value:[u.value]:[v.value])),xe=e.computed((()=>{switch(i.value){case"single":return null;case"multiple":case"tags":return[]}})),Oe=e.computed((()=>b.value||ne.value)),Se=e=>{switch("object"!=typeof e&&(e=De(e)),i.value){case"single":U(e);break;case"multiple":case"tags":U($.value.concat(e))}l.emit("select",Le(e),e,H)},ke=e=>{switch("object"!=typeof e&&(e=De(e)),i.value){case"single":Ce();break;case"tags":case"multiple":U(Array.isArray(e)?$.value.filter((t=>-1===e.map((e=>e[L.value])).indexOf(t[L.value]))):$.value.filter((t=>t[L.value]!=e[L.value])))}l.emit("deselect",Le(e),e,H)},Le=e=>g.value?e:e[L.value],Ee=e=>{ke(e)},Ce=()=>{U(xe.value),l.emit("clear",H)},Be=e=>{if(void 0!==e.group)return"single"!==i.value&&(Ne(e[A.value])&&e[A.value].length);switch(i.value){case"single":return!t($.value)&&$.value[L.value]==e[L.value];case"tags":case"multiple":return!t($.value)&&-1!==$.value.map((e=>e[L.value])).indexOf(e[L.value])}},Te=e=>!0===e[M.value],Ve=()=>!(void 0===T||-1===T.value||!me.value&&T.value>0)&&$.value.length>=T.value,_e=e=>{switch(e.__CREATE__&&delete(e={...e}).__CREATE__,i.value){case"single":if(e&&Be(e))return B.value&&ke(e),void(q.value&&(J(),ee()));e&&qe(e),k.value&&G(),_.value&&(J(),ee()),e&&Se(e);break;case"multiple":if(e&&Be(e))return ke(e),void(q.value&&(J(),ee()));if(Ve())return void l.emit("max",H);e&&(qe(e),Se(e)),k.value&&G(),c.value&&J(),_.value&&ee();break;case"tags":if(e&&Be(e))return ke(e),void(q.value&&(J(),ee()));if(Ve())return void l.emit("max",H);e&&qe(e),k.value&&G(),e&&Se(e),c.value&&J(),_.value&&ee()}_.value||Q()},qe=e=>{void 0===De(e[L.value])&&ie.value&&(l.emit("tag",e[L.value],H),l.emit("option",e[L.value],H),l.emit("create",e[L.value],H),ue.value&&Re(e),G())},Pe=e=>void 0===e.find((e=>!Be(e)&&!e[M.value])),Ne=e=>void 0===e.find((e=>!Be(e))),De=e=>se.value[se.value.map((e=>String(e[L.value]))).indexOf(String(e))],Ae=e=>se.value.findIndex((t=>we.value.some((a=>(parseInt(t[a])==t[a]?parseInt(t[a]):t[a])===(parseInt(e)==e?parseInt(e):e))))),Re=e=>{ae.value.push(e)},Ie=e=>R.value?e.filter((e=>K.value?e.__VISIBLE__.length:e[A.value].length)):e.filter((e=>!K.value||e.__VISIBLE__.length)),je=(e,t=!0)=>{let a=e;if(K.value&&O.value){let e=W.value;e||(e=(e,t,a)=>we.value.some((a=>{let l=o(te(e[a]),V.value);return z.value?l.startsWith(o(t,V.value)):-1!==l.indexOf(o(t,V.value))}))),a=a.filter((t=>e(t,K.value,H)))}return c.value&&t&&(a=a.filter((e=>!(e=>-1!==["tags","multiple"].indexOf(i.value)&&c.value&&Be(e))(e)))),a},Me=e=>{let t=e;var a;return a=t,"[object Object]"===Object.prototype.toString.call(a)&&(t=Object.keys(t).map((e=>{let a=t[e];return{[L.value]:e,[we.value[0]]:a,[v.value]:a}}))),t=t.map((e=>"object"==typeof e?e:{[L.value]:e,[we.value[0]]:e,[v.value]:e})),t},ze=()=>{t(F.value)||($.value=$e(F.value))},We=e=>(ne.value=!0,new Promise(((t,a)=>{r.value(K.value,H).then((t=>{le.value=t||[],"function"==typeof e&&e(t),ne.value=!1})).catch((e=>{console.error(e),le.value=[],ne.value=!1})).finally((()=>{t()}))}))),He=()=>{if(me.value)if("single"===i.value){let e=De($.value[L.value]);if(void 0!==e){let t=e[v.value];$.value[v.value]=t,g.value&&(F.value[v.value]=t)}}else $.value.forEach(((e,t)=>{let a=De($.value[t][L.value]);if(void 0!==a){let e=a[v.value];$.value[t][v.value]=e,g.value&&(F.value[t][v.value]=e)}}))},$e=e=>t(e)?"single"===i.value?{}:[]:g.value?e:"single"===i.value?De(e)||(E.value?{[v.value]:e,[L.value]:e,[we.value[0]]:e}:{}):e.filter((e=>!!De(e)||E.value)).map((e=>De(e)||{[v.value]:e,[L.value]:e,[we.value[0]]:e})),Fe=()=>{re.value=e.watch(K,(e=>{e.length<x.value||!e&&0!==x.value||(ne.value=!0,S.value&&(le.value=[]),setTimeout((()=>{e==K.value&&r.value(K.value,H).then((t=>{e!=K.value&&K.value||(le.value=t,X.value=de.value.filter((e=>!0!==e[M.value]))[0]||null,ne.value=!1)})).catch((e=>{console.error(e)}))}),y.value))}),{flush:"sync"})};if("single"!==i.value&&!t(F.value)&&!Array.isArray(F.value))throw new Error(`v-model must be an array when using "${i.value}" mode`);return r&&"function"==typeof r.value?w.value?We(ze):1==g.value&&ze():(le.value=r.value,ze()),y.value>-1&&Fe(),e.watch(y,((e,t)=>{re.value&&re.value(),e>=0&&Fe()})),e.watch(F,(e=>{if(t(e))U($e(e),!1);else switch(i.value){case"single":(g.value?e[L.value]!=$.value[L.value]:e!=$.value[L.value])&&U($e(e),!1);break;case"multiple":case"tags":(function(e,t){const a=t.slice().sort();return e.length===t.length&&e.slice().sort().every((function(e,t){return e===a[t]}))})(g.value?e.map((e=>e[L.value])):e,$.value.map((e=>e[L.value])))||U($e(e),!1)}}),{deep:!0}),e.watch(r,((e,t)=>{"function"==typeof a.options?w.value&&(!t||e&&e.toString()!==t.toString())&&We():(le.value=a.options,Object.keys($.value).length||ze(),He())})),e.watch(v,He),e.watch(s,((e,t)=>{oe.value=D.value&&-1===e?10:e})),{pfo:ce,fo:de,filteredOptions:de,hasSelected:me,multipleLabelText:he,eo:se,extendedOptions:se,eg:pe,extendedGroups:pe,fg:fe,filteredGroups:fe,noOptions:ge,noResults:be,resolving:ne,busy:Oe,offset:oe,select:Se,deselect:ke,remove:Ee,selectAll:()=>{"single"!==i.value&&Se(de.value.filter((e=>!e.disabled&&!Be(e))))},clear:Ce,isSelected:Be,isDisabled:Te,isMax:Ve,getOption:De,handleOptionClick:e=>{if(!Te(e))return j&&j.value&&!Be(e)&&e.__CREATE__&&(delete(e={...e}).__CREATE__,(e=j.value(e,H))instanceof Promise)?(ne.value=!0,void e.then((e=>{ne.value=!1,_e(e)}))):void _e(e)},handleGroupClick:e=>{if(!Te(e)&&"single"!==i.value&&I.value){switch(i.value){case"multiple":case"tags":Pe(e[A.value])?ke(e[A.value]):Se(e[A.value].filter((e=>-1===$.value.map((e=>e[L.value])).indexOf(e[L.value]))).filter((e=>!e[M.value])).filter(((e,t)=>$.value.length+1+t<=T.value||-1===T.value))),c.value&&X.value&&Y(fe.value.filter((e=>!e[M.value]))[X.value.index])}_.value&&Z()}},handleTagRemove:(e,t)=>{0===t.button?Ee(e):t.preventDefault()},refreshOptions:e=>{We(e)},resolveOptions:We,refreshLabels:He}}function u(t,a,l){const{valueProp:n,showOptions:r,searchable:o,groupLabel:i,groups:u,mode:s,groupSelect:c,disabledProp:d,groupOptions:p}=e.toRefs(t),v=l.fo,f=l.fg,m=l.handleOptionClick,h=l.handleGroupClick,g=l.search,b=l.pointer,y=l.setPointer,w=l.clearPointer,x=l.multiselect,O=l.isOpen,S=e.computed((()=>v.value.filter((e=>!e[d.value])))),k=e.computed((()=>f.value.filter((e=>!e[d.value])))),L=e.computed((()=>"single"!==s.value&&c.value)),E=e.computed((()=>b.value&&b.value.group)),C=e.computed((()=>R(b.value))),B=e.computed((()=>{const e=E.value?b.value:R(b.value),t=k.value.map((e=>e[i.value])).indexOf(e[i.value]);let a=k.value[t-1];return void 0===a&&(a=V.value),a})),T=e.computed((()=>{let e=k.value.map((e=>e.label)).indexOf(E.value?b.value[i.value]:R(b.value)[i.value])+1;return k.value.length<=e&&(e=0),k.value[e]})),V=e.computed((()=>[...k.value].slice(-1)[0])),_=e.computed((()=>b.value.__VISIBLE__.filter((e=>!e[d.value]))[0])),q=e.computed((()=>{const e=C.value.__VISIBLE__.filter((e=>!e[d.value]));return e[e.map((e=>e[n.value])).indexOf(b.value[n.value])-1]})),P=e.computed((()=>{const e=R(b.value).__VISIBLE__.filter((e=>!e[d.value]));return e[e.map((e=>e[n.value])).indexOf(b.value[n.value])+1]})),N=e.computed((()=>[...B.value.__VISIBLE__.filter((e=>!e[d.value]))].slice(-1)[0])),D=e.computed((()=>[...V.value.__VISIBLE__.filter((e=>!e[d.value]))].slice(-1)[0])),A=()=>{y(S.value[0]||null)},R=e=>k.value.find((t=>-1!==t.__VISIBLE__.map((e=>e[n.value])).indexOf(e[n.value]))),I=()=>{let e=x.value.querySelector("[data-pointed]");if(!e)return;let t=e.parentElement.parentElement;u.value&&(t=E.value?e.parentElement.parentElement.parentElement:e.parentElement.parentElement.parentElement.parentElement),e.offsetTop+e.offsetHeight>t.clientHeight+t.scrollTop&&(t.scrollTop=e.offsetTop+e.offsetHeight-t.clientHeight),e.offsetTop<t.scrollTop&&(t.scrollTop=e.offsetTop)};return e.watch(g,(e=>{o.value&&(e.length&&r.value?A():w())})),e.watch(O,(t=>{if(t){let t=x.value.querySelectorAll("[data-selected]")[0];if(!t)return;let a=t.parentElement.parentElement;e.nextTick((()=>{a.scrollTop>0||(a.scrollTop=t.offsetTop)}))}})),{pointer:b,canPointGroups:L,isPointed:e=>!(!b.value||!(!e.group&&b.value[n.value]===e[n.value]||void 0!==e.group&&b.value[i.value]===e[i.value]))||void 0,setPointerFirst:A,selectPointer:()=>{b.value&&!0!==b.value[d.value]&&(E.value?h(b.value):m(b.value))},forwardPointer:()=>{if(null===b.value)y((u.value&&L.value?k.value[0].__CREATE__?S.value[0]:k.value[0]:S.value[0])||null);else if(u.value&&L.value){let e=E.value?_.value:P.value;void 0===e&&(e=T.value,e.__CREATE__&&(e=e[p.value][0])),y(e||null)}else{let e=S.value.map((e=>e[n.value])).indexOf(b.value[n.value])+1;S.value.length<=e&&(e=0),y(S.value[e]||null)}e.nextTick((()=>{I()}))},backwardPointer:()=>{if(null===b.value){let e=S.value[S.value.length-1];u.value&&L.value&&(e=D.value,void 0===e&&(e=V.value)),y(e||null)}else if(u.value&&L.value){let e=E.value?N.value:q.value;void 0===e&&(e=E.value?B.value:C.value,e.__CREATE__&&(e=N.value,void 0===e&&(e=B.value))),y(e||null)}else{let e=S.value.map((e=>e[n.value])).indexOf(b.value[n.value])-1;e<0&&(e=S.value.length-1),y(S.value[e]||null)}e.nextTick((()=>{I()}))}}}function s(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function c(e){return e instanceof s(e).Element||e instanceof Element}function d(e){return e instanceof s(e).HTMLElement||e instanceof HTMLElement}function p(e){return"undefined"!=typeof ShadowRoot&&(e instanceof s(e).ShadowRoot||e instanceof ShadowRoot)}var v=Math.max,f=Math.min,m=Math.round;function h(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function g(){return!/^((?!chrome|android).)*safari/i.test(h())}function b(e,t,a){void 0===t&&(t=!1),void 0===a&&(a=!1);var l=e.getBoundingClientRect(),n=1,r=1;t&&d(e)&&(n=e.offsetWidth>0&&m(l.width)/e.offsetWidth||1,r=e.offsetHeight>0&&m(l.height)/e.offsetHeight||1);var o=(c(e)?s(e):window).visualViewport,i=!g()&&a,u=(l.left+(i&&o?o.offsetLeft:0))/n,p=(l.top+(i&&o?o.offsetTop:0))/r,v=l.width/n,f=l.height/r;return{width:v,height:f,top:p,right:u+v,bottom:p+f,left:u,x:u,y:p}}function y(e){var t=s(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function w(e){return e?(e.nodeName||"").toLowerCase():null}function x(e){return((c(e)?e.ownerDocument:e.document)||window.document).documentElement}function O(e){return b(x(e)).left+y(e).scrollLeft}function S(e){return s(e).getComputedStyle(e)}function k(e){var t=S(e),a=t.overflow,l=t.overflowX,n=t.overflowY;return/auto|scroll|overlay|hidden/.test(a+n+l)}function L(e,t,a){void 0===a&&(a=!1);var l,n,r=d(t),o=d(t)&&function(e){var t=e.getBoundingClientRect(),a=m(t.width)/e.offsetWidth||1,l=m(t.height)/e.offsetHeight||1;return 1!==a||1!==l}(t),i=x(t),u=b(e,o,a),c={scrollLeft:0,scrollTop:0},p={x:0,y:0};return(r||!r&&!a)&&(("body"!==w(t)||k(i))&&(c=(l=t)!==s(l)&&d(l)?{scrollLeft:(n=l).scrollLeft,scrollTop:n.scrollTop}:y(l)),d(t)?((p=b(t,!0)).x+=t.clientLeft,p.y+=t.clientTop):i&&(p.x=O(i))),{x:u.left+c.scrollLeft-p.x,y:u.top+c.scrollTop-p.y,width:u.width,height:u.height}}function E(e){var t=b(e),a=e.offsetWidth,l=e.offsetHeight;return Math.abs(t.width-a)<=1&&(a=t.width),Math.abs(t.height-l)<=1&&(l=t.height),{x:e.offsetLeft,y:e.offsetTop,width:a,height:l}}function C(e){return"html"===w(e)?e:e.assignedSlot||e.parentNode||(p(e)?e.host:null)||x(e)}function B(e){return["html","body","#document"].indexOf(w(e))>=0?e.ownerDocument.body:d(e)&&k(e)?e:B(C(e))}function T(e,t){var a;void 0===t&&(t=[]);var l=B(e),n=l===(null==(a=e.ownerDocument)?void 0:a.body),r=s(l),o=n?[r].concat(r.visualViewport||[],k(l)?l:[]):l,i=t.concat(o);return n?i:i.concat(T(C(o)))}function V(e){return["table","td","th"].indexOf(w(e))>=0}function _(e){return d(e)&&"fixed"!==S(e).position?e.offsetParent:null}function q(e){for(var t=s(e),a=_(e);a&&V(a)&&"static"===S(a).position;)a=_(a);return a&&("html"===w(a)||"body"===w(a)&&"static"===S(a).position)?t:a||function(e){var t=/firefox/i.test(h());if(/Trident/i.test(h())&&d(e)&&"fixed"===S(e).position)return null;var a=C(e);for(p(a)&&(a=a.host);d(a)&&["html","body"].indexOf(w(a))<0;){var l=S(a);if("none"!==l.transform||"none"!==l.perspective||"paint"===l.contain||-1!==["transform","perspective"].indexOf(l.willChange)||t&&"filter"===l.willChange||t&&l.filter&&"none"!==l.filter)return a;a=a.parentNode}return null}(e)||t}var P="top",N="bottom",D="right",A="left",R="auto",I=[P,N,D,A],j="start",M="end",z="clippingParents",W="viewport",H="popper",$="reference",F=I.reduce((function(e,t){return e.concat([t+"-"+j,t+"-"+M])}),[]),K=[].concat(I,[R]).reduce((function(e,t){return e.concat([t,t+"-"+j,t+"-"+M])}),[]),G=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function U(e){var t=new Map,a=new Set,l=[];function n(e){a.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!a.has(e)){var l=t.get(e);l&&n(l)}})),l.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){a.has(e.name)||n(e)})),l}function X(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Y(e,t,a){return t===W?X(function(e,t){var a=s(e),l=x(e),n=a.visualViewport,r=l.clientWidth,o=l.clientHeight,i=0,u=0;if(n){r=n.width,o=n.height;var c=g();(c||!c&&"fixed"===t)&&(i=n.offsetLeft,u=n.offsetTop)}return{width:r,height:o,x:i+O(e),y:u}}(e,a)):c(t)?function(e,t){var a=b(e,!1,"fixed"===t);return a.top=a.top+e.clientTop,a.left=a.left+e.clientLeft,a.bottom=a.top+e.clientHeight,a.right=a.left+e.clientWidth,a.width=e.clientWidth,a.height=e.clientHeight,a.x=a.left,a.y=a.top,a}(t,a):X(function(e){var t,a=x(e),l=y(e),n=null==(t=e.ownerDocument)?void 0:t.body,r=v(a.scrollWidth,a.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),o=v(a.scrollHeight,a.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),i=-l.scrollLeft+O(e),u=-l.scrollTop;return"rtl"===S(n||a).direction&&(i+=v(a.clientWidth,n?n.clientWidth:0)-r),{width:r,height:o,x:i,y:u}}(x(e)))}function J(e){var t=T(C(e)),a=["absolute","fixed"].indexOf(S(e).position)>=0&&d(e)?q(e):e;return c(a)?t.filter((function(e){return c(e)&&function(e,t){var a=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(a&&p(a)){var l=t;do{if(l&&e.isSameNode(l))return!0;l=l.parentNode||l.host}while(l)}return!1}(e,a)&&"body"!==w(e)})):[]}function Q(e){return e.split("-")[0]}function Z(e){return e.split("-")[1]}function ee(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function te(e){var t,a=e.reference,l=e.element,n=e.placement,r=n?Q(n):null,o=n?Z(n):null,i=a.x+a.width/2-l.width/2,u=a.y+a.height/2-l.height/2;switch(r){case P:t={x:i,y:a.y-l.height};break;case N:t={x:i,y:a.y+a.height};break;case D:t={x:a.x+a.width,y:u};break;case A:t={x:a.x-l.width,y:u};break;default:t={x:a.x,y:a.y}}var s=r?ee(r):null;if(null!=s){var c="y"===s?"height":"width";switch(o){case j:t[s]=t[s]-(a[c]/2-l[c]/2);break;case M:t[s]=t[s]+(a[c]/2-l[c]/2)}}return t}function ae(e,t){void 0===t&&(t={});var a,l=t,n=l.placement,r=void 0===n?e.placement:n,o=l.strategy,i=void 0===o?e.strategy:o,u=l.boundary,s=void 0===u?z:u,d=l.rootBoundary,p=void 0===d?W:d,m=l.elementContext,h=void 0===m?H:m,g=l.altBoundary,y=void 0!==g&&g,w=l.padding,O=void 0===w?0:w,S=function(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}("number"!=typeof O?O:(a=O,I.reduce((function(e,t){return e[t]=a,e}),{}))),k=h===H?$:H,L=e.rects.popper,E=e.elements[y?k:h],C=function(e,t,a,l){var n="clippingParents"===t?J(e):[].concat(t),r=[].concat(n,[a]),o=r[0],i=r.reduce((function(t,a){var n=Y(e,a,l);return t.top=v(n.top,t.top),t.right=f(n.right,t.right),t.bottom=f(n.bottom,t.bottom),t.left=v(n.left,t.left),t}),Y(e,o,l));return i.width=i.right-i.left,i.height=i.bottom-i.top,i.x=i.left,i.y=i.top,i}(c(E)?E:E.contextElement||x(e.elements.popper),s,p,i),B=b(e.elements.reference),T=te({reference:B,element:L,strategy:"absolute",placement:r}),V=X(Object.assign({},L,T)),_=h===H?V:B,q={top:C.top-_.top+S.top,bottom:_.bottom-C.bottom+S.bottom,left:C.left-_.left+S.left,right:_.right-C.right+S.right},A=e.modifiersData.offset;if(h===H&&A){var R=A[r];Object.keys(q).forEach((function(e){var t=[D,N].indexOf(e)>=0?1:-1,a=[P,N].indexOf(e)>=0?"y":"x";q[e]+=R[a]*t}))}return q}var le={placement:"bottom",modifiers:[],strategy:"absolute"};function ne(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function re(e){void 0===e&&(e={});var t=e,a=t.defaultModifiers,l=void 0===a?[]:a,n=t.defaultOptions,r=void 0===n?le:n;return function(e,t,a){void 0===a&&(a=r);var n,o,i={placement:"bottom",orderedModifiers:[],options:Object.assign({},le,r),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},u=[],s=!1,d={state:i,setOptions:function(a){var n="function"==typeof a?a(i.options):a;p(),i.options=Object.assign({},r,i.options,n),i.scrollParents={reference:c(e)?T(e):e.contextElement?T(e.contextElement):[],popper:T(t)};var o,s,v=function(e){var t=U(e);return G.reduce((function(e,a){return e.concat(t.filter((function(e){return e.phase===a})))}),[])}((o=[].concat(l,i.options.modifiers),s=o.reduce((function(e,t){var a=e[t.name];return e[t.name]=a?Object.assign({},a,t,{options:Object.assign({},a.options,t.options),data:Object.assign({},a.data,t.data)}):t,e}),{}),Object.keys(s).map((function(e){return s[e]}))));return i.orderedModifiers=v.filter((function(e){return e.enabled})),i.orderedModifiers.forEach((function(e){var t=e.name,a=e.options,l=void 0===a?{}:a,n=e.effect;if("function"==typeof n){var r=n({state:i,name:t,instance:d,options:l}),o=function(){};u.push(r||o)}})),d.update()},forceUpdate:function(){if(!s){var e=i.elements,t=e.reference,a=e.popper;if(ne(t,a)){i.rects={reference:L(t,q(a),"fixed"===i.options.strategy),popper:E(a)},i.reset=!1,i.placement=i.options.placement,i.orderedModifiers.forEach((function(e){return i.modifiersData[e.name]=Object.assign({},e.data)}));for(var l=0;l<i.orderedModifiers.length;l++)if(!0!==i.reset){var n=i.orderedModifiers[l],r=n.fn,o=n.options,u=void 0===o?{}:o,c=n.name;"function"==typeof r&&(i=r({state:i,options:u,name:c,instance:d})||i)}else i.reset=!1,l=-1}}},update:(n=function(){return new Promise((function(e){d.forceUpdate(),e(i)}))},function(){return o||(o=new Promise((function(e){Promise.resolve().then((function(){o=void 0,e(n())}))}))),o}),destroy:function(){p(),s=!0}};if(!ne(e,t))return d;function p(){u.forEach((function(e){return e()})),u=[]}return d.setOptions(a).then((function(e){!s&&a.onFirstUpdate&&a.onFirstUpdate(e)})),d}}var oe={passive:!0};var ie={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ue(e){var t,a=e.popper,l=e.popperRect,n=e.placement,r=e.variation,o=e.offsets,i=e.position,u=e.gpuAcceleration,c=e.adaptive,d=e.roundOffsets,p=e.isFixed,v=o.x,f=void 0===v?0:v,h=o.y,g=void 0===h?0:h,b="function"==typeof d?d({x:f,y:g}):{x:f,y:g};f=b.x,g=b.y;var y=o.hasOwnProperty("x"),w=o.hasOwnProperty("y"),O=A,k=P,L=window;if(c){var E=q(a),C="clientHeight",B="clientWidth";if(E===s(a)&&"static"!==S(E=x(a)).position&&"absolute"===i&&(C="scrollHeight",B="scrollWidth"),n===P||(n===A||n===D)&&r===M)k=N,g-=(p&&E===L&&L.visualViewport?L.visualViewport.height:E[C])-l.height,g*=u?1:-1;if(n===A||(n===P||n===N)&&r===M)O=D,f-=(p&&E===L&&L.visualViewport?L.visualViewport.width:E[B])-l.width,f*=u?1:-1}var T,V=Object.assign({position:i},c&&ie),_=!0===d?function(e,t){var a=e.x,l=e.y,n=t.devicePixelRatio||1;return{x:m(a*n)/n||0,y:m(l*n)/n||0}}({x:f,y:g},s(a)):{x:f,y:g};return f=_.x,g=_.y,u?Object.assign({},V,((T={})[k]=w?"0":"",T[O]=y?"0":"",T.transform=(L.devicePixelRatio||1)<=1?"translate("+f+"px, "+g+"px)":"translate3d("+f+"px, "+g+"px, 0)",T)):Object.assign({},V,((t={})[k]=w?g+"px":"",t[O]=y?f+"px":"",t.transform="",t))}var se=re({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,a=e.instance,l=e.options,n=l.scroll,r=void 0===n||n,o=l.resize,i=void 0===o||o,u=s(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return r&&c.forEach((function(e){e.addEventListener("scroll",a.update,oe)})),i&&u.addEventListener("resize",a.update,oe),function(){r&&c.forEach((function(e){e.removeEventListener("scroll",a.update,oe)})),i&&u.removeEventListener("resize",a.update,oe)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,a=e.name;t.modifiersData[a]=te({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,a=e.options,l=a.gpuAcceleration,n=void 0===l||l,r=a.adaptive,o=void 0===r||r,i=a.roundOffsets,u=void 0===i||i,s={placement:Q(t.placement),variation:Z(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,ue(Object.assign({},s,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:o,roundOffsets:u})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,ue(Object.assign({},s,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var a=t.styles[e]||{},l=t.attributes[e]||{},n=t.elements[e];d(n)&&w(n)&&(Object.assign(n.style,a),Object.keys(l).forEach((function(e){var t=l[e];!1===t?n.removeAttribute(e):n.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,a={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,a.popper),t.styles=a,t.elements.arrow&&Object.assign(t.elements.arrow.style,a.arrow),function(){Object.keys(t.elements).forEach((function(e){var l=t.elements[e],n=t.attributes[e]||{},r=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:a[e]).reduce((function(e,t){return e[t]="",e}),{});d(l)&&w(l)&&(Object.assign(l.style,r),Object.keys(n).forEach((function(e){l.removeAttribute(e)})))}))}},requires:["computeStyles"]}]});function ce(e,t,a){return v(e,f(t,a))}var de={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,a=e.options,l=e.name,n=a.mainAxis,r=void 0===n||n,o=a.altAxis,i=void 0!==o&&o,u=a.boundary,s=a.rootBoundary,c=a.altBoundary,d=a.padding,p=a.tether,m=void 0===p||p,h=a.tetherOffset,g=void 0===h?0:h,b=ae(t,{boundary:u,rootBoundary:s,padding:d,altBoundary:c}),y=Q(t.placement),w=Z(t.placement),x=!w,O=ee(y),S="x"===O?"y":"x",k=t.modifiersData.popperOffsets,L=t.rects.reference,C=t.rects.popper,B="function"==typeof g?g(Object.assign({},t.rects,{placement:t.placement})):g,T="number"==typeof B?{mainAxis:B,altAxis:B}:Object.assign({mainAxis:0,altAxis:0},B),V=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,_={x:0,y:0};if(k){if(r){var R,I="y"===O?P:A,M="y"===O?N:D,z="y"===O?"height":"width",W=k[O],H=W+b[I],$=W-b[M],F=m?-C[z]/2:0,K=w===j?L[z]:C[z],G=w===j?-C[z]:-L[z],U=t.elements.arrow,X=m&&U?E(U):{width:0,height:0},Y=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},J=Y[I],te=Y[M],le=ce(0,L[z],X[z]),ne=x?L[z]/2-F-le-J-T.mainAxis:K-le-J-T.mainAxis,re=x?-L[z]/2+F+le+te+T.mainAxis:G+le+te+T.mainAxis,oe=t.elements.arrow&&q(t.elements.arrow),ie=oe?"y"===O?oe.clientTop||0:oe.clientLeft||0:0,ue=null!=(R=null==V?void 0:V[O])?R:0,se=W+re-ue,de=ce(m?f(H,W+ne-ue-ie):H,W,m?v($,se):$);k[O]=de,_[O]=de-W}if(i){var pe,ve="x"===O?P:A,fe="x"===O?N:D,me=k[S],he="y"===S?"height":"width",ge=me+b[ve],be=me-b[fe],ye=-1!==[P,A].indexOf(y),we=null!=(pe=null==V?void 0:V[S])?pe:0,xe=ye?ge:me-L[he]-C[he]-we+T.altAxis,Oe=ye?me+L[he]+C[he]-we-T.altAxis:be,Se=m&&ye?function(e,t,a){var l=ce(e,t,a);return l>a?a:l}(xe,me,Oe):ce(m?xe:ge,me,m?Oe:be);k[S]=Se,_[S]=Se-me}t.modifiersData[l]=_}},requiresIfExists:["offset"]},pe={left:"right",right:"left",bottom:"top",top:"bottom"};function ve(e){return e.replace(/left|right|bottom|top/g,(function(e){return pe[e]}))}var fe={start:"end",end:"start"};function me(e){return e.replace(/start|end/g,(function(e){return fe[e]}))}function he(e,t){void 0===t&&(t={});var a=t,l=a.placement,n=a.boundary,r=a.rootBoundary,o=a.padding,i=a.flipVariations,u=a.allowedAutoPlacements,s=void 0===u?K:u,c=Z(l),d=c?i?F:F.filter((function(e){return Z(e)===c})):I,p=d.filter((function(e){return s.indexOf(e)>=0}));0===p.length&&(p=d);var v=p.reduce((function(t,a){return t[a]=ae(e,{placement:a,boundary:n,rootBoundary:r,padding:o})[Q(a)],t}),{});return Object.keys(v).sort((function(e,t){return v[e]-v[t]}))}var ge={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,a=e.options,l=e.name;if(!t.modifiersData[l]._skip){for(var n=a.mainAxis,r=void 0===n||n,o=a.altAxis,i=void 0===o||o,u=a.fallbackPlacements,s=a.padding,c=a.boundary,d=a.rootBoundary,p=a.altBoundary,v=a.flipVariations,f=void 0===v||v,m=a.allowedAutoPlacements,h=t.options.placement,g=Q(h),b=u||(g===h||!f?[ve(h)]:function(e){if(Q(e)===R)return[];var t=ve(e);return[me(e),t,me(t)]}(h)),y=[h].concat(b).reduce((function(e,a){return e.concat(Q(a)===R?he(t,{placement:a,boundary:c,rootBoundary:d,padding:s,flipVariations:f,allowedAutoPlacements:m}):a)}),[]),w=t.rects.reference,x=t.rects.popper,O=new Map,S=!0,k=y[0],L=0;L<y.length;L++){var E=y[L],C=Q(E),B=Z(E)===j,T=[P,N].indexOf(C)>=0,V=T?"width":"height",_=ae(t,{placement:E,boundary:c,rootBoundary:d,altBoundary:p,padding:s}),q=T?B?D:A:B?N:P;w[V]>x[V]&&(q=ve(q));var I=ve(q),M=[];if(r&&M.push(_[C]<=0),i&&M.push(_[q]<=0,_[I]<=0),M.every((function(e){return e}))){k=E,S=!1;break}O.set(E,M)}if(S)for(var z=function(e){var t=y.find((function(t){var a=O.get(t);if(a)return a.slice(0,e).every((function(e){return e}))}));if(t)return k=t,"break"},W=f?3:1;W>0;W--){if("break"===z(W))break}t.placement!==k&&(t.modifiersData[l]._skip=!0,t.placement=k,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function be(t,a,l){const{disabled:n,appendTo:r,appendToBody:o,openDirection:i}=e.toRefs(t),u=e.getCurrentInstance().proxy,s=l.multiselect,c=l.dropdown,d=e.ref(!1),p=e.ref(null),v=e.ref(null),f=e.computed((()=>r.value||o.value)),m=e.computed((()=>"top"===i.value&&"bottom"===v.value||"bottom"===i.value&&"top"!==v.value?"bottom":"top")),h=()=>{if(!p.value)return;let e=parseInt(window.getComputedStyle(c.value).borderTopWidth.replace("px","")),t=parseInt(window.getComputedStyle(c.value).borderBottomWidth.replace("px",""));p.value.setOptions((a=>({...a,modifiers:[...a.modifiers,{name:"offset",options:{offset:[0,-1*("top"===m.value?e:t)]}}]}))),p.value.update()},g=e=>{for(;e&&e!==document.body;){if("fixed"===getComputedStyle(e).position)return!0;e=e.parentElement}return!1};return e.onMounted((()=>{f.value&&(p.value=se(s.value,c.value,{strategy:g(s.value)?"fixed":void 0,placement:i.value,modifiers:[de,ge,{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>{e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`}},{name:"toggleClass",enabled:!0,phase:"write",fn({state:e}){v.value=e.placement}}]}))})),e.onBeforeUnmount((()=>{f.value&&p.value&&(p.value.destroy(),p.value=null)})),{popper:p,isOpen:d,open:()=>{d.value||n.value||(d.value=!0,a.emit("open",u),f.value&&e.nextTick((()=>{h()})))},close:()=>{d.value&&(d.value=!1,a.emit("close",u))},placement:m,updatePopper:h}}function ye(t,a,l){const{searchable:n,disabled:r,clearOnBlur:o}=e.toRefs(t),i=l.input,u=l.open,s=l.close,c=l.clearSearch,d=l.isOpen,p=l.wrapper,v=l.tags,f=e.ref(!1),m=e.ref(!1),h=e.computed((()=>n.value||r.value?-1:0)),g=()=>{n.value&&i.value.blur(),p.value.blur()},b=(e=!0)=>{r.value||(f.value=!0,e&&u())},y=()=>{f.value=!1,setTimeout((()=>{f.value||(s(),o.value&&c())}),1)};return{tabindex:h,isActive:f,mouseClicked:m,blur:g,focus:()=>{n.value&&!r.value&&i.value.focus()},activate:b,deactivate:y,handleFocusIn:e=>{e.target.closest("[data-tags]")&&"INPUT"!==e.target.nodeName||e.target.closest("[data-clear]")||b(m.value)},handleFocusOut:()=>{y()},handleCaretClick:()=>{y(),g()},handleMousedown:e=>{m.value=!0,d.value&&(e.target.isEqualNode(p.value)||e.target.isEqualNode(v.value))?setTimeout((()=>{y()}),0):d.value||!document.activeElement.isEqualNode(p.value)&&!document.activeElement.isEqualNode(i.value)||b(),setTimeout((()=>{m.value=!1}),0)}}}function we(t,a,l){const{mode:n,addTagOn:r,openDirection:o,searchable:i,showOptions:u,valueProp:s,groups:c,addOptionOn:d,createTag:p,createOption:v,reverse:f}=e.toRefs(t),m=e.getCurrentInstance().proxy,h=l.iv,g=l.update,b=l.deselect,y=l.search,w=l.setPointer,x=l.selectPointer,O=l.backwardPointer,S=l.forwardPointer,k=l.multiselect,L=l.wrapper,E=l.tags,C=l.isOpen,B=l.open,T=l.blur,V=l.fo,_=e.computed((()=>p.value||v.value||!1)),q=e.computed((()=>void 0!==r.value?r.value:void 0!==d.value?d.value:["enter"])),P=()=>{"tags"===n.value&&!u.value&&_.value&&i.value&&!c.value&&w(V.value[V.value.map((e=>e[s.value])).indexOf(y.value)])};return{handleKeydown:e=>{let t,l;switch(a.emit("keydown",e,m),-1!==["ArrowLeft","ArrowRight","Enter"].indexOf(e.key)&&"tags"===n.value&&(t=[...k.value.querySelectorAll("[data-tags] > *")].filter((e=>e!==E.value)),l=t.findIndex((e=>e===document.activeElement))),e.key){case"Backspace":if("single"===n.value)return;if(i.value&&-1===[null,""].indexOf(y.value))return;if(0===h.value.length)return;let a=h.value.filter((e=>!e.disabled&&!1!==e.remove));a.length&&b(a[a.length-1]);break;case"Enter":if(e.preventDefault(),229===e.keyCode)return;if(-1!==l&&void 0!==l)return g([...h.value].filter(((e,t)=>t!==l))),void(l===t.length-1&&(t.length-1?t[t.length-2].focus():i.value?E.value.querySelector("input").focus():L.value.focus()));if(-1===q.value.indexOf("enter")&&_.value)return;P(),x();break;case" ":if(!_.value&&!i.value)return e.preventDefault(),P(),void x();if(!_.value)return!1;if(-1===q.value.indexOf("space")&&_.value)return;e.preventDefault(),P(),x();break;case"Tab":case";":case",":if(-1===q.value.indexOf(e.key.toLowerCase())||!_.value)return;P(),x(),e.preventDefault();break;case"Escape":T();break;case"ArrowUp":if(e.preventDefault(),!u.value)return;C.value||B(),O();break;case"ArrowDown":if(e.preventDefault(),!u.value)return;C.value||B(),S();break;case"ArrowLeft":if(i.value&&E.value&&E.value.querySelector("input").selectionStart||e.shiftKey||"tags"!==n.value||!h.value||!h.value.length)return;e.preventDefault(),-1===l?t[t.length-1].focus():l>0&&t[l-1].focus();break;case"ArrowRight":if(-1===l||e.shiftKey||"tags"!==n.value||!h.value||!h.value.length)return;e.preventDefault(),t.length>l+1?t[l+1].focus():i.value?E.value.querySelector("input").focus():i.value||L.value.focus()}},handleKeyup:e=>{a.emit("keyup",e,m)},preparePointer:P}}function xe(t,a,l){const{classes:n,disabled:r,showOptions:o,breakTags:i}=e.toRefs(t),u=l.isOpen,s=l.isPointed,c=l.isSelected,d=l.isDisabled,p=l.isActive,v=l.canPointGroups,f=l.resolving,m=l.fo,h=l.placement,g=e.computed((()=>({container:"multiselect",containerDisabled:"is-disabled",containerOpen:"is-open",containerOpenTop:"is-open-top",containerActive:"is-active",wrapper:"multiselect-wrapper",singleLabel:"multiselect-single-label",singleLabelText:"multiselect-single-label-text",multipleLabel:"multiselect-multiple-label",search:"multiselect-search",tags:"multiselect-tags",tag:"multiselect-tag",tagWrapper:"multiselect-tag-wrapper",tagWrapperBreak:"multiselect-tag-wrapper-break",tagDisabled:"is-disabled",tagRemove:"multiselect-tag-remove",tagRemoveIcon:"multiselect-tag-remove-icon",tagsSearchWrapper:"multiselect-tags-search-wrapper",tagsSearch:"multiselect-tags-search",tagsSearchCopy:"multiselect-tags-search-copy",placeholder:"multiselect-placeholder",caret:"multiselect-caret",caretOpen:"is-open",clear:"multiselect-clear",clearIcon:"multiselect-clear-icon",spinner:"multiselect-spinner",inifinite:"multiselect-inifite",inifiniteSpinner:"multiselect-inifite-spinner",dropdown:"multiselect-dropdown",dropdownTop:"is-top",dropdownHidden:"is-hidden",options:"multiselect-options",optionsTop:"is-top",group:"multiselect-group",groupLabel:"multiselect-group-label",groupLabelPointable:"is-pointable",groupLabelPointed:"is-pointed",groupLabelSelected:"is-selected",groupLabelDisabled:"is-disabled",groupLabelSelectedPointed:"is-selected is-pointed",groupLabelSelectedDisabled:"is-selected is-disabled",groupOptions:"multiselect-group-options",option:"multiselect-option",optionPointed:"is-pointed",optionSelected:"is-selected",optionDisabled:"is-disabled",optionSelectedPointed:"is-selected is-pointed",optionSelectedDisabled:"is-selected is-disabled",noOptions:"multiselect-no-options",noResults:"multiselect-no-results",fakeInput:"multiselect-fake-input",assist:"multiselect-assistive-text",spacer:"multiselect-spacer",...n.value}))),b=e.computed((()=>!!(u.value&&o.value&&(!f.value||f.value&&m.value.length))));return{classList:e.computed((()=>{const e=g.value;return{container:[e.container].concat(r.value?e.containerDisabled:[]).concat(b.value&&"top"===h.value?e.containerOpenTop:[]).concat(b.value&&"top"!==h.value?e.containerOpen:[]).concat(p.value?e.containerActive:[]),wrapper:e.wrapper,spacer:e.spacer,singleLabel:e.singleLabel,singleLabelText:e.singleLabelText,multipleLabel:e.multipleLabel,search:e.search,tags:e.tags,tag:[e.tag].concat(r.value?e.tagDisabled:[]),tagWrapper:[e.tagWrapper,i.value?e.tagWrapperBreak:null],tagDisabled:e.tagDisabled,tagRemove:e.tagRemove,tagRemoveIcon:e.tagRemoveIcon,tagsSearchWrapper:e.tagsSearchWrapper,tagsSearch:e.tagsSearch,tagsSearchCopy:e.tagsSearchCopy,placeholder:e.placeholder,caret:[e.caret].concat(u.value?e.caretOpen:[]),clear:e.clear,clearIcon:e.clearIcon,spinner:e.spinner,inifinite:e.inifinite,inifiniteSpinner:e.inifiniteSpinner,dropdown:[e.dropdown].concat("top"===h.value?e.dropdownTop:[]).concat(u.value&&o.value&&b.value?[]:e.dropdownHidden),options:[e.options].concat("top"===h.value?e.optionsTop:[]),group:e.group,groupLabel:t=>{let a=[e.groupLabel];return s(t)?a.push(c(t)?e.groupLabelSelectedPointed:e.groupLabelPointed):c(t)&&v.value?a.push(d(t)?e.groupLabelSelectedDisabled:e.groupLabelSelected):d(t)&&a.push(e.groupLabelDisabled),v.value&&a.push(e.groupLabelPointable),a},groupOptions:e.groupOptions,option:(t,a)=>{let l=[e.option];return s(t)?l.push(c(t)?e.optionSelectedPointed:e.optionPointed):c(t)?l.push(d(t)?e.optionSelectedDisabled:e.optionSelected):(d(t)||a&&d(a))&&l.push(e.optionDisabled),l},noOptions:e.noOptions,noResults:e.noResults,assist:e.assist,fakeInput:e.fakeInput}})),showDropdown:b}}function Oe(t,a,l){const{limit:n,infinite:r}=e.toRefs(t),o=l.isOpen,i=l.offset,u=l.search,s=l.pfo,c=l.eo,d=e.ref(null),p=e.ref(null),v=e.computed((()=>i.value<s.value.length)),f=t=>{const{isIntersecting:a,target:l}=t[0];if(a){const t=l.offsetParent,a=t.scrollTop;i.value+=-1==n.value?10:n.value,e.nextTick((()=>{t.scrollTop=a}))}},m=()=>{o.value&&i.value<s.value.length?d.value.observe(p.value):!o.value&&d.value&&d.value.disconnect()};return e.watch(o,(()=>{r.value&&m()})),e.watch(u,(()=>{r.value&&(i.value=n.value,m())}),{flush:"post"}),e.watch(c,(()=>{r.value&&m()}),{immediate:!1,flush:"post"}),e.onMounted((()=>{window&&window.IntersectionObserver&&(d.value=new IntersectionObserver(f))})),{hasMore:v,infiniteLoader:p}}function Se(t,a,l){const{placeholder:n,id:r,valueProp:o,label:i,mode:u,groupLabel:s,aria:c,searchable:d}=e.toRefs(t),p=l.pointer,v=l.iv,f=l.hasSelected,m=l.multipleLabelText,h=e.ref(null),g=e.computed((()=>{let e=[];return r&&r.value&&e.push(r.value),e.push("assist"),e.join("-")})),b=e.computed((()=>{let e=[];return r&&r.value&&e.push(r.value),e.push("multiselect-options"),e.join("-")})),y=e.computed((()=>{let e=[];if(r&&r.value&&e.push(r.value),p.value)return e.push(p.value.group?"multiselect-group":"multiselect-option"),e.push(p.value.group?p.value.index:p.value[o.value]),e.join("-")})),w=e.computed((()=>n.value)),x=e.computed((()=>"single"!==u.value)),O=e.computed((()=>{let e="";return"single"===u.value&&f.value&&(e+=v.value[i.value]),"multiple"===u.value&&f.value&&(e+=m.value),"tags"===u.value&&f.value&&(e+=v.value.map((e=>e[i.value])).join(", ")),e})),S=e.computed((()=>{let e={...c.value};return d.value&&(e["aria-labelledby"]=e["aria-labelledby"]?`${g.value} ${e["aria-labelledby"]}`:g.value,O.value&&e["aria-label"]&&(e["aria-label"]=`${O.value}, ${e["aria-label"]}`)),e}));return e.onMounted((()=>{if(r&&r.value&&document&&document.querySelector){let e=document.querySelector(`[for="${r.value}"]`);h.value=e?e.innerText:null}})),{arias:S,ariaLabel:O,ariaAssist:g,ariaControls:b,ariaPlaceholder:w,ariaMultiselectable:x,ariaActiveDescendant:y,ariaOptionId:e=>{let t=[];return r&&r.value&&t.push(r.value),t.push("multiselect-option"),t.push(e[o.value]),t.join("-")},ariaOptionLabel:e=>{let t=[];return t.push(e),t.join(" ")},ariaGroupId:e=>{let t=[];return r&&r.value&&t.push(r.value),t.push("multiselect-group"),t.push(e.index),t.join("-")},ariaGroupLabel:e=>{let t=[];return t.push(e),t.join(" ")},ariaTagLabel:e=>`${e} ❎`}}function ke(t,a,l){const{locale:n,fallbackLocale:r}=e.toRefs(t);return{localize:e=>e&&"object"==typeof e?e&&e[n.value]?e[n.value]:e&&n.value&&e[n.value.toUpperCase()]?e[n.value.toUpperCase()]:e&&e[r.value]?e[r.value]:e&&r.value&&e[r.value.toUpperCase()]?e[r.value.toUpperCase()]:e&&Object.keys(e)[0]?e[Object.keys(e)[0]]:"":e}}function Le(t,a,l){return{multiselect:e.ref(null),wrapper:e.ref(null),tags:e.ref(null),input:e.ref(null),dropdown:e.ref(null)}}var Ee={name:"Multiselect",emits:["paste","open","close","select","deselect","input","search-change","tag","option","update:modelValue","change","clear","keydown","keyup","max","create"],props:{value:{required:!1},modelValue:{required:!1},options:{type:[Array,Object,Function],required:!1,default:()=>[]},id:{type:[String,Number],required:!1},name:{type:[String,Number],required:!1,default:"multiselect"},disabled:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:"label"},trackBy:{type:[String,Array],required:!1,default:void 0},valueProp:{type:String,required:!1,default:"value"},placeholder:{type:String,required:!1,default:null},mode:{type:String,required:!1,default:"single"},searchable:{type:Boolean,required:!1,default:!1},limit:{type:Number,required:!1,default:-1},hideSelected:{type:Boolean,required:!1,default:!0},createTag:{type:Boolean,required:!1,default:void 0},createOption:{type:Boolean,required:!1,default:void 0},appendNewTag:{type:Boolean,required:!1,default:void 0},appendNewOption:{type:Boolean,required:!1,default:void 0},addTagOn:{type:Array,required:!1,default:void 0},addOptionOn:{type:Array,required:!1,default:void 0},caret:{type:Boolean,required:!1,default:!0},loading:{type:Boolean,required:!1,default:!1},noOptionsText:{type:[String,Object],required:!1,default:"The list is empty"},noResultsText:{type:[String,Object],required:!1,default:"No results found"},multipleLabel:{type:Function,required:!1},object:{type:Boolean,required:!1,default:!1},delay:{type:Number,required:!1,default:-1},minChars:{type:Number,required:!1,default:0},resolveOnLoad:{type:Boolean,required:!1,default:!0},filterResults:{type:Boolean,required:!1,default:!0},clearOnSearch:{type:Boolean,required:!1,default:!1},clearOnSelect:{type:Boolean,required:!1,default:!0},canDeselect:{type:Boolean,required:!1,default:!0},canClear:{type:Boolean,required:!1,default:!0},max:{type:Number,required:!1,default:-1},showOptions:{type:Boolean,required:!1,default:!0},required:{type:Boolean,required:!1,default:!1},openDirection:{type:String,required:!1,default:"bottom"},nativeSupport:{type:Boolean,required:!1,default:!1},classes:{type:Object,required:!1,default:()=>({})},strict:{type:Boolean,required:!1,default:!0},closeOnSelect:{type:Boolean,required:!1,default:!0},closeOnDeselect:{type:Boolean,required:!1,default:!1},autocomplete:{type:String,required:!1},groups:{type:Boolean,required:!1,default:!1},groupLabel:{type:String,required:!1,default:"label"},groupOptions:{type:String,required:!1,default:"options"},groupHideEmpty:{type:Boolean,required:!1,default:!1},groupSelect:{type:Boolean,required:!1,default:!0},inputType:{type:String,required:!1,default:"text"},attrs:{required:!1,type:Object,default:()=>({})},onCreate:{required:!1,type:Function},disabledProp:{type:String,required:!1,default:"disabled"},searchStart:{type:Boolean,required:!1,default:!1},reverse:{type:Boolean,required:!1,default:!1},regex:{type:[Object,String,RegExp],required:!1,default:void 0},rtl:{type:Boolean,required:!1,default:!1},infinite:{type:Boolean,required:!1,default:!1},aria:{required:!1,type:Object,default:()=>({})},clearOnBlur:{required:!1,type:Boolean,default:!0},locale:{required:!1,type:String,default:null},fallbackLocale:{required:!1,type:String,default:"en"},searchFilter:{required:!1,type:Function,default:null},allowAbsent:{required:!1,type:Boolean,default:!1},appendToBody:{required:!1,type:Boolean,default:!1},closeOnScroll:{required:!1,type:Boolean,default:!1},breakTags:{required:!1,type:Boolean,default:!1},appendTo:{required:!1,type:String}},setup:(e,t)=>function(e,t,a,l={}){return a.forEach((a=>{a&&(l={...l,...a(e,t,l)})})),l}(e,t,[Le,ke,l,r,be,n,a,ye,i,Oe,u,we,xe,Se]),beforeMount(){(this.$root.constructor?.version?.match(/^2\./)||2===this.vueVersionMs)&&(this.$options.components.Teleport||(this.$options.components.Teleport={render(){return this.$slots.default?this.$slots.default[0]:null}}))}};const Ce=["id","dir"],Be=["tabindex","aria-controls","aria-placeholder","aria-expanded","aria-activedescendant","aria-multiselectable","role"],Te=["type","modelValue","value","autocomplete","id","aria-controls","aria-placeholder","aria-expanded","aria-activedescendant","aria-multiselectable"],Ve=["onKeyup","aria-label"],_e=["onClick"],qe=["type","modelValue","value","id","autocomplete","aria-controls","aria-placeholder","aria-expanded","aria-activedescendant","aria-multiselectable"],Pe=["innerHTML"],Ne=["id"],De=["id"],Ae=["id","aria-label","aria-selected"],Re=["data-pointed","onMouseenter","onMousedown"],Ie=["innerHTML"],je=["aria-label"],Me=["data-pointed","data-selected","onMouseenter","onMousedown","id","aria-selected","aria-label"],ze=["data-pointed","data-selected","onMouseenter","onMousedown","id","aria-selected","aria-label"],We=["innerHTML"],He=["innerHTML"],$e=["value"],Fe=["name","value"],Ke=["name","value"],Ge=["id"];return Ee.render=function(t,a,l,n,r,o){return e.openBlock(),e.createElementBlock("div",{ref:"multiselect",class:e.normalizeClass(t.classList.container),id:l.searchable?void 0:l.id,dir:l.rtl?"rtl":void 0,onFocusin:a[10]||(a[10]=(...e)=>t.handleFocusIn&&t.handleFocusIn(...e)),onFocusout:a[11]||(a[11]=(...e)=>t.handleFocusOut&&t.handleFocusOut(...e)),onKeyup:a[12]||(a[12]=(...e)=>t.handleKeyup&&t.handleKeyup(...e)),onKeydown:a[13]||(a[13]=(...e)=>t.handleKeydown&&t.handleKeydown(...e))},[e.createElementVNode("div",e.mergeProps({class:t.classList.wrapper,onMousedown:a[9]||(a[9]=(...e)=>t.handleMousedown&&t.handleMousedown(...e)),ref:"wrapper",tabindex:t.tabindex,"aria-controls":l.searchable?void 0:t.ariaControls,"aria-placeholder":l.searchable?void 0:t.ariaPlaceholder,"aria-expanded":l.searchable?void 0:t.isOpen,"aria-activedescendant":l.searchable?void 0:t.ariaActiveDescendant,"aria-multiselectable":l.searchable?void 0:t.ariaMultiselectable,role:l.searchable?void 0:"combobox"},l.searchable?{}:t.arias),[e.createCommentVNode(" Search "),"tags"!==l.mode&&l.searchable&&!l.disabled?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,type:l.inputType,modelValue:t.search,value:t.search,class:t.classList.search,autocomplete:l.autocomplete,id:l.searchable?l.id:void 0,onInput:a[0]||(a[0]=(...e)=>t.handleSearchInput&&t.handleSearchInput(...e)),onKeypress:a[1]||(a[1]=(...e)=>t.handleKeypress&&t.handleKeypress(...e)),onPaste:a[2]||(a[2]=e.withModifiers(((...e)=>t.handlePaste&&t.handlePaste(...e)),["stop"])),ref:"input","aria-controls":t.ariaControls,"aria-placeholder":t.ariaPlaceholder,"aria-expanded":t.isOpen,"aria-activedescendant":t.ariaActiveDescendant,"aria-multiselectable":t.ariaMultiselectable,role:"combobox"},{...l.attrs,...t.arias}),null,16,Te)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Tags (with search) "),"tags"==l.mode?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(t.classList.tags),"data-tags":""},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.iv,((a,n,r)=>e.renderSlot(t.$slots,"tag",{option:a,handleTagRemove:t.handleTagRemove,disabled:l.disabled},(()=>[(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass([t.classList.tag,a.disabled?t.classList.tagDisabled:null]),tabindex:"-1",onKeyup:e.withKeys((e=>t.handleTagRemove(a,e)),["enter"]),key:r,"aria-label":t.ariaTagLabel(t.localize(a[l.label]))},[e.createElementVNode("span",{class:e.normalizeClass(t.classList.tagWrapper)},e.toDisplayString(t.localize(a[l.label])),3),l.disabled||a.disabled?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(t.classList.tagRemove),onClick:e.withModifiers((e=>t.handleTagRemove(a,e)),["stop"])},[e.createElementVNode("span",{class:e.normalizeClass(t.classList.tagRemoveIcon)},null,2)],10,_e))],42,Ve))])))),256)),e.createElementVNode("div",{class:e.normalizeClass(t.classList.tagsSearchWrapper),ref:"tags"},[e.createCommentVNode(" Used for measuring search width "),e.createElementVNode("span",{class:e.normalizeClass(t.classList.tagsSearchCopy)},e.toDisplayString(t.search),3),e.createCommentVNode(" Actual search input "),l.searchable&&!l.disabled?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,type:l.inputType,modelValue:t.search,value:t.search,class:t.classList.tagsSearch,id:l.searchable?l.id:void 0,autocomplete:l.autocomplete,onInput:a[3]||(a[3]=(...e)=>t.handleSearchInput&&t.handleSearchInput(...e)),onKeypress:a[4]||(a[4]=(...e)=>t.handleKeypress&&t.handleKeypress(...e)),onPaste:a[5]||(a[5]=e.withModifiers(((...e)=>t.handlePaste&&t.handlePaste(...e)),["stop"])),ref:"input","aria-controls":t.ariaControls,"aria-placeholder":t.ariaPlaceholder,"aria-expanded":t.isOpen,"aria-activedescendant":t.ariaActiveDescendant,"aria-multiselectable":t.ariaMultiselectable,role:"combobox"},{...l.attrs,...t.arias}),null,16,qe)):e.createCommentVNode("v-if",!0)],2)],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Single label "),"single"==l.mode&&t.hasSelected&&!t.search&&t.iv?e.renderSlot(t.$slots,"singlelabel",{key:2,value:t.iv},(()=>[e.createElementVNode("div",{class:e.normalizeClass(t.classList.singleLabel)},[e.createElementVNode("span",{class:e.normalizeClass(t.classList.singleLabelText)},e.toDisplayString(t.localize(t.iv[l.label])),3)],2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Multiple label "),"multiple"==l.mode&&t.hasSelected&&!t.search?e.renderSlot(t.$slots,"multiplelabel",{key:3,values:t.iv},(()=>[e.createElementVNode("div",{class:e.normalizeClass(t.classList.multipleLabel),innerHTML:t.multipleLabelText},null,10,Pe)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Placeholder "),!l.placeholder||t.hasSelected||t.search?e.createCommentVNode("v-if",!0):e.renderSlot(t.$slots,"placeholder",{key:4},(()=>[e.createElementVNode("div",{class:e.normalizeClass(t.classList.placeholder),"aria-hidden":"true"},e.toDisplayString(l.placeholder),3)])),e.createCommentVNode(" Spinner "),l.loading||t.resolving?e.renderSlot(t.$slots,"spinner",{key:5},(()=>[e.createElementVNode("span",{class:e.normalizeClass(t.classList.spinner),"aria-hidden":"true"},null,2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Clear "),t.hasSelected&&!l.disabled&&l.canClear&&!t.busy?e.renderSlot(t.$slots,"clear",{key:6,clear:t.clear},(()=>[e.createElementVNode("span",{"aria-hidden":"true",tabindex:"0",role:"button","data-clear":"","aria-roledescription":"❎",class:e.normalizeClass(t.classList.clear),onClick:a[6]||(a[6]=(...e)=>t.clear&&t.clear(...e)),onKeyup:a[7]||(a[7]=e.withKeys(((...e)=>t.clear&&t.clear(...e)),["enter"]))},[e.createElementVNode("span",{class:e.normalizeClass(t.classList.clearIcon)},null,2)],34)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Caret "),l.caret&&l.showOptions?e.renderSlot(t.$slots,"caret",{key:7,handleCaretClick:t.handleCaretClick,isOpen:t.isOpen},(()=>[e.createElementVNode("span",{class:e.normalizeClass(t.classList.caret),onClick:a[8]||(a[8]=(...e)=>t.handleCaretClick&&t.handleCaretClick(...e)),"aria-hidden":"true"},null,2)])):e.createCommentVNode("v-if",!0)],16,Be),e.createCommentVNode(" Options "),(e.openBlock(),e.createBlock(e.Teleport,{to:l.appendTo||"body",disabled:!l.appendToBody&&!l.appendTo},[e.createElementVNode("div",{id:`${l.id}-dropdown`,class:e.normalizeClass(t.classList.dropdown),tabindex:"-1",ref:"dropdown"},[e.renderSlot(t.$slots,"beforelist",{options:t.fo}),e.createElementVNode("ul",{class:e.normalizeClass(t.classList.options),id:t.ariaControls,role:"listbox"},[l.groups?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(t.fg,((a,n,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(t.classList.group),key:r,id:t.ariaGroupId(a),"aria-label":t.ariaGroupLabel(t.localize(a[l.groupLabel])),"aria-selected":t.isSelected(a),role:"option"},[a.__CREATE__?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.classList.groupLabel(a)),"data-pointed":t.isPointed(a),onMouseenter:e=>t.setPointer(a,n),onMousedown:e.withModifiers((e=>t.handleGroupClick(a)),["prevent"])},[e.renderSlot(t.$slots,"grouplabel",{group:a,isSelected:t.isSelected,isPointed:t.isPointed},(()=>[e.createElementVNode("span",{innerHTML:t.localize(a[l.groupLabel])},null,8,Ie)]))],42,Re)),e.createElementVNode("ul",{class:e.normalizeClass(t.classList.groupOptions),"aria-label":t.ariaGroupLabel(t.localize(a[l.groupLabel])),role:"group"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.__VISIBLE__,((n,r,o)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(t.classList.option(n,a)),"data-pointed":t.isPointed(n),"data-selected":t.isSelected(n)||void 0,key:o,onMouseenter:e=>t.setPointer(n),onMousedown:e.withModifiers((e=>t.handleOptionClick(n)),["prevent"]),id:t.ariaOptionId(n),"aria-selected":t.isSelected(n),"aria-label":t.ariaOptionLabel(t.localize(n[l.label])),role:"option"},[e.renderSlot(t.$slots,"option",{option:n,isSelected:t.isSelected,isPointed:t.isPointed,search:t.search},(()=>[e.createElementVNode("span",null,e.toDisplayString(t.localize(n[l.label])),1)]))],42,Me)))),128))],10,je)],10,Ae)))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.fo,((a,n,r)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(t.classList.option(a)),"data-pointed":t.isPointed(a),"data-selected":t.isSelected(a)||void 0,key:r,onMouseenter:e=>t.setPointer(a),onMousedown:e.withModifiers((e=>t.handleOptionClick(a)),["prevent"]),id:t.ariaOptionId(a),"aria-selected":t.isSelected(a),"aria-label":t.ariaOptionLabel(t.localize(a[l.label])),role:"option"},[e.renderSlot(t.$slots,"option",{option:a,isSelected:t.isSelected,isPointed:t.isPointed,search:t.search},(()=>[e.createElementVNode("span",null,e.toDisplayString(t.localize(a[l.label])),1)]))],42,ze)))),128))],10,De),t.noOptions?e.renderSlot(t.$slots,"nooptions",{key:0},(()=>[e.createElementVNode("div",{class:e.normalizeClass(t.classList.noOptions),innerHTML:t.localize(l.noOptionsText)},null,10,We)])):e.createCommentVNode("v-if",!0),t.noResults?e.renderSlot(t.$slots,"noresults",{key:1},(()=>[e.createElementVNode("div",{class:e.normalizeClass(t.classList.noResults),innerHTML:t.localize(l.noResultsText)},null,10,He)])):e.createCommentVNode("v-if",!0),l.infinite&&t.hasMore?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(t.classList.inifinite),ref:"infiniteLoader"},[e.renderSlot(t.$slots,"infinite",{},(()=>[e.createElementVNode("span",{class:e.normalizeClass(t.classList.inifiniteSpinner)},null,2)]))],2)):e.createCommentVNode("v-if",!0),e.renderSlot(t.$slots,"afterlist",{options:t.fo})],10,Ne)],8,["to","disabled"])),e.createCommentVNode(" Hacky input element to show HTML5 required warning "),l.required?(e.openBlock(),e.createElementBlock("input",{key:0,class:e.normalizeClass(t.classList.fakeInput),tabindex:"-1",value:t.textValue,required:""},null,10,$e)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Native input support "),l.nativeSupport?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},["single"==l.mode?(e.openBlock(),e.createElementBlock("input",{key:0,type:"hidden",name:l.name,value:void 0!==t.plainValue?t.plainValue:""},null,8,Fe)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(t.plainValue,((t,a)=>(e.openBlock(),e.createElementBlock("input",{type:"hidden",name:`${l.name}[]`,value:t,key:a},null,8,Ke)))),128))],64)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Screen reader assistive text "),l.searchable&&t.hasSelected?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(t.classList.assist),id:t.ariaAssist,"aria-hidden":"true"},e.toDisplayString(t.ariaLabel),11,Ge)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Create height for empty input "),e.createElementVNode("div",{class:e.normalizeClass(t.classList.spacer)},null,2)],42,Ce)},Ee.__file="src/Multiselect.vue",Ee}(Vue);

dist/multiselect.vue2.global.js

@@ -1,1 +0,1 @@
-var VueformMultiselect=function(e){"use strict";function a(e){return-1!==[null,void 0].indexOf(e)}function l(l,t,u){const{object:r,valueProp:n,mode:i}=e.toRefs(l),o=e.getCurrentInstance().proxy,s=u.iv,c=e=>r.value||a(e)?e:Array.isArray(e)?e.map((e=>e[n.value])):e[n.value],v=e=>a(e)?"single"===i.value?{}:[]:e;return{update:(e,a=!0)=>{s.value=v(e);const l=c(e);t.emit("change",l,o),a&&(t.emit("input",l),t.emit("update:modelValue",l))}}}function t(a,l){const{value:t,modelValue:u,mode:r,valueProp:n}=e.toRefs(a),i=e.ref("single"!==r.value?[]:{}),o=e.computed((()=>u&&void 0!==u.value?u.value:t.value)),s=e.computed((()=>"single"===r.value?i.value[n.value]:i.value.map((e=>e[n.value])))),c=e.computed((()=>"single"!==r.value?i.value.map((e=>e[n.value])).join(","):i.value[n.value]));return{iv:i,internalValue:i,ev:o,externalValue:o,textValue:c,plainValue:s}}function u(a,l,t){const{regex:u}=e.toRefs(a),r=e.getCurrentInstance().proxy,n=t.isOpen,i=t.open,o=e.ref(null);return e.watch(o,(e=>{!n.value&&e&&i(),l.emit("search-change",e,r)})),{search:o,clearSearch:()=>{o.value=""},handleSearchInput:e=>{o.value=e.target.value},handleKeypress:e=>{if(u&&u.value){let a=u.value;"string"==typeof a&&(a=new RegExp(a)),e.key.match(a)||e.preventDefault()}},handlePaste:e=>{if(u&&u.value){let a=(e.clipboardData||window.clipboardData).getData("Text"),l=u.value;"string"==typeof l&&(l=new RegExp(l)),a.split("").every((e=>!!e.match(l)))||e.preventDefault()}l.emit("paste",e,r)}}}function r(a,l,t){const{groupSelect:u,mode:r,groups:n,disabledProp:i}=e.toRefs(a),o=e.ref(null),s=e=>{void 0===e||null!==e&&e[i.value]||n.value&&e&&e.group&&("single"===r.value||!u.value)||(o.value=e)};return{pointer:o,setPointer:s,clearPointer:()=>{s(null)}}}function n(e,a=!0){return a?String(e).toLowerCase().trim():String(e).toLowerCase().normalize("NFD").trim().replace(new RegExp(/æ/g),"ae").replace(new RegExp(/œ/g),"oe").replace(new RegExp(/ø/g),"o").replace(/\p{Diacritic}/gu,"")}function i(l,t,u){const{options:r,mode:i,trackBy:o,limit:s,hideSelected:c,createTag:v,createOption:p,label:d,appendNewTag:f,appendNewOption:g,multipleLabel:m,object:h,loading:b,delay:y,resolveOnLoad:_,minChars:w,filterResults:S,clearOnSearch:O,clearOnSelect:L,valueProp:x,allowAbsent:T,groupLabel:E,canDeselect:q,max:k,strict:P,closeOnSelect:C,closeOnDeselect:R,groups:I,reverse:B,infinite:D,groupOptions:A,groupHideEmpty:j,groupSelect:V,onCreate:$,disabledProp:N,searchStart:z,searchFilter:M}=e.toRefs(l),H=e.getCurrentInstance().proxy,F=u.iv,G=u.ev,W=u.search,K=u.clearSearch,U=u.update,X=u.pointer,Y=u.setPointer,J=u.clearPointer,Q=u.focus,Z=u.deactivate,ee=u.close,ae=u.localize,le=e.ref([]),te=e.ref([]),ue=e.ref(!1),re=e.ref(null),ne=e.ref(D.value&&-1===s.value?10:s.value),ie=e.computed((()=>v.value||p.value||!1)),oe=e.computed((()=>void 0!==f.value?f.value:void 0===g.value||g.value)),se=e.computed((()=>{if(I.value){let e=pe.value||[],a=[];return e.forEach((e=>{Ne(e[A.value]).forEach((l=>{a.push(Object.assign({},l,e[N.value]?{[N.value]:!0}:{}))}))})),a}{let e=Ne(te.value||[]);return le.value.length&&(e=e.concat(le.value)),e}})),ce=e.computed((()=>{let e=se.value;return B.value&&(e=e.reverse()),ye.value.length&&(e=ye.value.concat(e)),$e(e)})),ve=e.computed((()=>{let e=ce.value;return ne.value>0&&(e=e.slice(0,ne.value)),e})),pe=e.computed((()=>{if(!I.value)return[];let e=[],a=te.value||[];return le.value.length&&e.push({[E.value]:" ",[A.value]:[...le.value],__CREATE__:!0}),e.concat(a)})),de=e.computed((()=>{let e=[...pe.value].map((e=>({...e})));return ye.value.length&&(e[0]&&e[0].__CREATE__?e[0][A.value]=[...ye.value,...e[0][A.value]]:e=[{[E.value]:" ",[A.value]:[...ye.value],__CREATE__:!0}].concat(e)),e})),fe=e.computed((()=>{if(!I.value)return[];let e=de.value;return Ve((e||[]).map(((e,a)=>{const l=Ne(e[A.value]);return{...e,index:a,group:!0,[A.value]:$e(l,!1).map((a=>Object.assign({},a,e[N.value]?{[N.value]:!0}:{}))),__VISIBLE__:$e(l).map((a=>Object.assign({},a,e[N.value]?{[N.value]:!0}:{})))}})))})),ge=e.computed((()=>{switch(i.value){case"single":return!a(F.value[x.value]);case"multiple":case"tags":return!a(F.value)&&F.value.length>0}})),me=e.computed((()=>void 0!==m&&void 0!==m.value?m.value(F.value,H):F.value&&F.value.length>1?`${F.value.length} options selected`:"1 option selected")),he=e.computed((()=>!se.value.length&&!ue.value&&!ye.value.length)),be=e.computed((()=>se.value.length>0&&0==ve.value.length&&(W.value&&I.value||!I.value))),ye=e.computed((()=>!1!==ie.value&&W.value?-1!==Ae(W.value)?[]:[{[x.value]:W.value,[_e.value[0]]:W.value,[d.value]:W.value,__CREATE__:!0}]:[])),_e=e.computed((()=>o.value?Array.isArray(o.value)?o.value:[o.value]:[d.value])),we=e.computed((()=>{switch(i.value){case"single":return null;case"multiple":case"tags":return[]}})),Se=e.computed((()=>b.value||ue.value)),Oe=e=>{switch("object"!=typeof e&&(e=De(e)),i.value){case"single":U(e);break;case"multiple":case"tags":U(F.value.concat(e))}t.emit("select",xe(e),e,H)},Le=e=>{switch("object"!=typeof e&&(e=De(e)),i.value){case"single":Ee();break;case"tags":case"multiple":U(Array.isArray(e)?F.value.filter((a=>-1===e.map((e=>e[x.value])).indexOf(a[x.value]))):F.value.filter((a=>a[x.value]!=e[x.value])))}t.emit("deselect",xe(e),e,H)},xe=e=>h.value?e:e[x.value],Te=e=>{Le(e)},Ee=()=>{U(we.value),t.emit("clear",H)},qe=e=>{if(void 0!==e.group)return"single"!==i.value&&(Be(e[A.value])&&e[A.value].length);switch(i.value){case"single":return!a(F.value)&&F.value[x.value]==e[x.value];case"tags":case"multiple":return!a(F.value)&&-1!==F.value.map((e=>e[x.value])).indexOf(e[x.value])}},ke=e=>!0===e[N.value],Pe=()=>!(void 0===k||-1===k.value||!ge.value&&k.value>0)&&F.value.length>=k.value,Ce=e=>{switch(e.__CREATE__&&delete(e={...e}).__CREATE__,i.value){case"single":if(e&&qe(e))return q.value&&Le(e),void(R.value&&(J(),ee()));e&&Re(e),L.value&&K(),C.value&&(J(),ee()),e&&Oe(e);break;case"multiple":if(e&&qe(e))return Le(e),void(R.value&&(J(),ee()));if(Pe())return void t.emit("max",H);e&&(Re(e),Oe(e)),L.value&&K(),c.value&&J(),C.value&&ee();break;case"tags":if(e&&qe(e))return Le(e),void(R.value&&(J(),ee()));if(Pe())return void t.emit("max",H);e&&Re(e),L.value&&K(),e&&Oe(e),c.value&&J(),C.value&&ee()}C.value||Q()},Re=e=>{void 0===De(e[x.value])&&ie.value&&(t.emit("tag",e[x.value],H),t.emit("option",e[x.value],H),t.emit("create",e[x.value],H),oe.value&&je(e),K())},Ie=e=>void 0===e.find((e=>!qe(e)&&!e[N.value])),Be=e=>void 0===e.find((e=>!qe(e))),De=e=>se.value[se.value.map((e=>String(e[x.value]))).indexOf(String(e))],Ae=e=>se.value.findIndex((a=>_e.value.some((l=>(parseInt(a[l])==a[l]?parseInt(a[l]):a[l])===(parseInt(e)==e?parseInt(e):e))))),je=e=>{le.value.push(e)},Ve=e=>j.value?e.filter((e=>W.value?e.__VISIBLE__.length:e[A.value].length)):e.filter((e=>!W.value||e.__VISIBLE__.length)),$e=(e,a=!0)=>{let l=e;if(W.value&&S.value){let e=M.value;e||(e=(e,a,l)=>_e.value.some((l=>{let t=n(ae(e[l]),P.value);return z.value?t.startsWith(n(a,P.value)):-1!==t.indexOf(n(a,P.value))}))),l=l.filter((a=>e(a,W.value,H)))}return c.value&&a&&(l=l.filter((e=>!(e=>-1!==["tags","multiple"].indexOf(i.value)&&c.value&&qe(e))(e)))),l},Ne=e=>{let a=e;var l;return l=a,"[object Object]"===Object.prototype.toString.call(l)&&(a=Object.keys(a).map((e=>{let l=a[e];return{[x.value]:e,[_e.value[0]]:l,[d.value]:l}}))),a=a.map((e=>"object"==typeof e?e:{[x.value]:e,[_e.value[0]]:e,[d.value]:e})),a},ze=()=>{a(G.value)||(F.value=Fe(G.value))},Me=e=>(ue.value=!0,new Promise(((a,l)=>{r.value(W.value,H).then((a=>{te.value=a||[],"function"==typeof e&&e(a),ue.value=!1})).catch((e=>{console.error(e),te.value=[],ue.value=!1})).finally((()=>{a()}))}))),He=()=>{if(ge.value)if("single"===i.value){let e=De(F.value[x.value]);if(void 0!==e){let a=e[d.value];F.value[d.value]=a,h.value&&(G.value[d.value]=a)}}else F.value.forEach(((e,a)=>{let l=De(F.value[a][x.value]);if(void 0!==l){let e=l[d.value];F.value[a][d.value]=e,h.value&&(G.value[a][d.value]=e)}}))},Fe=e=>a(e)?"single"===i.value?{}:[]:h.value?e:"single"===i.value?De(e)||(T.value?{[d.value]:e,[x.value]:e,[_e.value[0]]:e}:{}):e.filter((e=>!!De(e)||T.value)).map((e=>De(e)||{[d.value]:e,[x.value]:e,[_e.value[0]]:e})),Ge=()=>{re.value=e.watch(W,(e=>{e.length<w.value||!e&&0!==w.value||(ue.value=!0,O.value&&(te.value=[]),setTimeout((()=>{e==W.value&&r.value(W.value,H).then((a=>{e!=W.value&&W.value||(te.value=a,X.value=ve.value.filter((e=>!0!==e[N.value]))[0]||null,ue.value=!1)})).catch((e=>{console.error(e)}))}),y.value))}),{flush:"sync"})};if("single"!==i.value&&!a(G.value)&&!Array.isArray(G.value))throw new Error(`v-model must be an array when using "${i.value}" mode`);return r&&"function"==typeof r.value?_.value?Me(ze):1==h.value&&ze():(te.value=r.value,ze()),y.value>-1&&Ge(),e.watch(y,((e,a)=>{re.value&&re.value(),e>=0&&Ge()})),e.watch(G,(e=>{if(a(e))U(Fe(e),!1);else switch(i.value){case"single":(h.value?e[x.value]!=F.value[x.value]:e!=F.value[x.value])&&U(Fe(e),!1);break;case"multiple":case"tags":(function(e,a){const l=a.slice().sort();return e.length===a.length&&e.slice().sort().every((function(e,a){return e===l[a]}))})(h.value?e.map((e=>e[x.value])):e,F.value.map((e=>e[x.value])))||U(Fe(e),!1)}}),{deep:!0}),e.watch(r,((e,a)=>{"function"==typeof l.options?_.value&&(!a||e&&e.toString()!==a.toString())&&Me():(te.value=l.options,Object.keys(F.value).length||ze(),He())})),e.watch(d,He),e.watch(s,((e,a)=>{ne.value=D.value&&-1===e?10:e})),{pfo:ce,fo:ve,filteredOptions:ve,hasSelected:ge,multipleLabelText:me,eo:se,extendedOptions:se,eg:pe,extendedGroups:pe,fg:fe,filteredGroups:fe,noOptions:he,noResults:be,resolving:ue,busy:Se,offset:ne,select:Oe,deselect:Le,remove:Te,selectAll:()=>{"single"!==i.value&&Oe(ve.value.filter((e=>!e.disabled&&!qe(e))))},clear:Ee,isSelected:qe,isDisabled:ke,isMax:Pe,getOption:De,handleOptionClick:e=>{if(!ke(e))return $&&$.value&&!qe(e)&&e.__CREATE__&&(delete(e={...e}).__CREATE__,(e=$.value(e,H))instanceof Promise)?(ue.value=!0,void e.then((e=>{ue.value=!1,Ce(e)}))):void Ce(e)},handleGroupClick:e=>{if(!ke(e)&&"single"!==i.value&&V.value){switch(i.value){case"multiple":case"tags":Ie(e[A.value])?Le(e[A.value]):Oe(e[A.value].filter((e=>-1===F.value.map((e=>e[x.value])).indexOf(e[x.value]))).filter((e=>!e[N.value])).filter(((e,a)=>F.value.length+1+a<=k.value||-1===k.value))),c.value&&X.value&&Y(fe.value.filter((e=>!e[N.value]))[X.value.index])}C.value&&Z()}},handleTagRemove:(e,a)=>{0===a.button?Te(e):a.preventDefault()},refreshOptions:e=>{Me(e)},resolveOptions:Me,refreshLabels:He}}function o(a,l,t){const{valueProp:u,showOptions:r,searchable:n,groupLabel:i,groups:o,mode:s,groupSelect:c,disabledProp:v,groupOptions:p}=e.toRefs(a),d=t.fo,f=t.fg,g=t.handleOptionClick,m=t.handleGroupClick,h=t.search,b=t.pointer,y=t.setPointer,_=t.clearPointer,w=t.multiselect,S=t.isOpen,O=e.computed((()=>d.value.filter((e=>!e[v.value])))),L=e.computed((()=>f.value.filter((e=>!e[v.value])))),x=e.computed((()=>"single"!==s.value&&c.value)),T=e.computed((()=>b.value&&b.value.group)),E=e.computed((()=>j(b.value))),q=e.computed((()=>{const e=T.value?b.value:j(b.value),a=L.value.map((e=>e[i.value])).indexOf(e[i.value]);let l=L.value[a-1];return void 0===l&&(l=P.value),l})),k=e.computed((()=>{let e=L.value.map((e=>e.label)).indexOf(T.value?b.value[i.value]:j(b.value)[i.value])+1;return L.value.length<=e&&(e=0),L.value[e]})),P=e.computed((()=>[...L.value].slice(-1)[0])),C=e.computed((()=>b.value.__VISIBLE__.filter((e=>!e[v.value]))[0])),R=e.computed((()=>{const e=E.value.__VISIBLE__.filter((e=>!e[v.value]));return e[e.map((e=>e[u.value])).indexOf(b.value[u.value])-1]})),I=e.computed((()=>{const e=j(b.value).__VISIBLE__.filter((e=>!e[v.value]));return e[e.map((e=>e[u.value])).indexOf(b.value[u.value])+1]})),B=e.computed((()=>[...q.value.__VISIBLE__.filter((e=>!e[v.value]))].slice(-1)[0])),D=e.computed((()=>[...P.value.__VISIBLE__.filter((e=>!e[v.value]))].slice(-1)[0])),A=()=>{y(O.value[0]||null)},j=e=>L.value.find((a=>-1!==a.__VISIBLE__.map((e=>e[u.value])).indexOf(e[u.value]))),V=()=>{let e=w.value.querySelector("[data-pointed]");if(!e)return;let a=e.parentElement.parentElement;o.value&&(a=T.value?e.parentElement.parentElement.parentElement:e.parentElement.parentElement.parentElement.parentElement),e.offsetTop+e.offsetHeight>a.clientHeight+a.scrollTop&&(a.scrollTop=e.offsetTop+e.offsetHeight-a.clientHeight),e.offsetTop<a.scrollTop&&(a.scrollTop=e.offsetTop)};return e.watch(h,(e=>{n.value&&(e.length&&r.value?A():_())})),e.watch(S,(a=>{if(a){let a=w.value.querySelectorAll("[data-selected]")[0];if(!a)return;let l=a.parentElement.parentElement;e.nextTick((()=>{l.scrollTop>0||(l.scrollTop=a.offsetTop)}))}})),{pointer:b,canPointGroups:x,isPointed:e=>!(!b.value||!(!e.group&&b.value[u.value]===e[u.value]||void 0!==e.group&&b.value[i.value]===e[i.value]))||void 0,setPointerFirst:A,selectPointer:()=>{b.value&&!0!==b.value[v.value]&&(T.value?m(b.value):g(b.value))},forwardPointer:()=>{if(null===b.value)y((o.value&&x.value?L.value[0].__CREATE__?O.value[0]:L.value[0]:O.value[0])||null);else if(o.value&&x.value){let e=T.value?C.value:I.value;void 0===e&&(e=k.value,e.__CREATE__&&(e=e[p.value][0])),y(e||null)}else{let e=O.value.map((e=>e[u.value])).indexOf(b.value[u.value])+1;O.value.length<=e&&(e=0),y(O.value[e]||null)}e.nextTick((()=>{V()}))},backwardPointer:()=>{if(null===b.value){let e=O.value[O.value.length-1];o.value&&x.value&&(e=D.value,void 0===e&&(e=P.value)),y(e||null)}else if(o.value&&x.value){let e=T.value?B.value:R.value;void 0===e&&(e=T.value?q.value:E.value,e.__CREATE__&&(e=B.value,void 0===e&&(e=q.value))),y(e||null)}else{let e=O.value.map((e=>e[u.value])).indexOf(b.value[u.value])-1;e<0&&(e=O.value.length-1),y(O.value[e]||null)}e.nextTick((()=>{V()}))}}}function s(a,l,t){const{disabled:u,appendToBody:r,openDirection:n,closeOnScroll:i}=e.toRefs(a),o=e.getCurrentInstance().proxy,s=t.multiselect,c=t.dropdown,v=t.iv,p=e.ref(!1),d=e.ref(0),f=e.computed((()=>{if(!r.value||"undefined"==typeof window||!p.value||!c.value||-1===d.value)return;let e=s.value.getBoundingClientRect(),a=window.getComputedStyle(c.value).maxHeight,l=e.y,t=window.innerHeight-(e.y+e.height);return a=a.match(/%/)?parseInt(a.replace("%"))/100*window.innerHeight:parseInt(a.replace("px","")),{position:"absolute",zIndex:9999,transform:"top"===n.value?"translateY(-100%)":"none",maxHeight:"top"===n.value?a>l?`${l}px`:a:a>t?`${t}px`:void 0,left:`${e.x}px`,right:window.innerWidth-(e.x+e.width)+"px",top:"top"===n.value?`${e.y}px`:`${e.y+e.height}px`,bottom:"auto"}})),g=()=>{p.value&&(p.value=!1,l.emit("close",o))},m=e=>{const a=[document];return function e(l){if(!l||!l.parentNode)return;const t=window.getComputedStyle(l).overflowY;"scroll"!==t&&"auto"!==t||a.push(l),e(l.parentNode)}(e),a},h=()=>{d.value++},b=()=>{p.value&&(i.value&&g(),h())},y=()=>{p.value&&h()};return e.watch(v,(()=>{r.value&&h()}),{flush:"post"}),e.onMounted((()=>{r.value&&(m(s.value).forEach((e=>{e.addEventListener("scroll",b)})),window.addEventListener("resize",y))})),e.onBeforeUnmount((()=>{r.value&&(m(s.value).forEach((e=>{e.removeEventListener("scroll",b)})),window.removeEventListener("resize",y))})),e.watch(r,((e,a)=>{m(s.value).forEach((l=>{a&&!e&&l.removeEventListener("scroll",b),e&&l.addEventListener("scroll",b)})),a&&!e&&window.removeEventListener("resize",y),e&&window.addEventListener("resize",y)})),{isOpen:p,open:()=>{p.value||u.value||(p.value=!0,l.emit("open",o))},close:g,dropdownStyles:f}}function c(a,l,t){const{searchable:u,disabled:r,clearOnBlur:n}=e.toRefs(a),i=t.input,o=t.open,s=t.close,c=t.clearSearch,v=t.isOpen,p=t.wrapper,d=t.tags,f=e.ref(!1),g=e.ref(!1),m=e.computed((()=>u.value||r.value?-1:0)),h=()=>{u.value&&i.value.blur(),p.value.blur()},b=(e=!0)=>{r.value||(f.value=!0,e&&o())},y=()=>{f.value=!1,setTimeout((()=>{f.value||(s(),n.value&&c())}),1)};return{tabindex:m,isActive:f,mouseClicked:g,blur:h,focus:()=>{u.value&&!r.value&&i.value.focus()},activate:b,deactivate:y,handleFocusIn:e=>{e.target.closest("[data-tags]")&&"INPUT"!==e.target.nodeName||e.target.closest("[data-clear]")||b(g.value)},handleFocusOut:()=>{y()},handleCaretClick:()=>{y(),h()},handleMousedown:e=>{g.value=!0,v.value&&(e.target.isEqualNode(p.value)||e.target.isEqualNode(d.value))?setTimeout((()=>{y()}),0):v.value||!document.activeElement.isEqualNode(p.value)&&!document.activeElement.isEqualNode(i.value)||b(),setTimeout((()=>{g.value=!1}),0)}}}function v(a,l,t){const{mode:u,addTagOn:r,openDirection:n,searchable:i,showOptions:o,valueProp:s,groups:c,addOptionOn:v,createTag:p,createOption:d,reverse:f}=e.toRefs(a),g=e.getCurrentInstance().proxy,m=t.iv,h=t.update,b=t.deselect,y=t.search,_=t.setPointer,w=t.selectPointer,S=t.backwardPointer,O=t.forwardPointer,L=t.multiselect,x=t.wrapper,T=t.tags,E=t.isOpen,q=t.open,k=t.blur,P=t.fo,C=e.computed((()=>p.value||d.value||!1)),R=e.computed((()=>void 0!==r.value?r.value:void 0!==v.value?v.value:["enter"])),I=()=>{"tags"===u.value&&!o.value&&C.value&&i.value&&!c.value&&_(P.value[P.value.map((e=>e[s.value])).indexOf(y.value)])};return{handleKeydown:e=>{let a,t;switch(l.emit("keydown",e,g),-1!==["ArrowLeft","ArrowRight","Enter"].indexOf(e.key)&&"tags"===u.value&&(a=[...L.value.querySelectorAll("[data-tags] > *")].filter((e=>e!==T.value)),t=a.findIndex((e=>e===document.activeElement))),e.key){case"Backspace":if("single"===u.value)return;if(i.value&&-1===[null,""].indexOf(y.value))return;if(0===m.value.length)return;let l=m.value.filter((e=>!e.disabled&&!1!==e.remove));l.length&&b(l[l.length-1]);break;case"Enter":if(e.preventDefault(),229===e.keyCode)return;if(-1!==t&&void 0!==t)return h([...m.value].filter(((e,a)=>a!==t))),void(t===a.length-1&&(a.length-1?a[a.length-2].focus():i.value?T.value.querySelector("input").focus():x.value.focus()));if(-1===R.value.indexOf("enter")&&C.value)return;I(),w();break;case" ":if(!C.value&&!i.value)return e.preventDefault(),I(),void w();if(!C.value)return!1;if(-1===R.value.indexOf("space")&&C.value)return;e.preventDefault(),I(),w();break;case"Tab":case";":case",":if(-1===R.value.indexOf(e.key.toLowerCase())||!C.value)return;I(),w(),e.preventDefault();break;case"Escape":k();break;case"ArrowUp":if(e.preventDefault(),!o.value)return;E.value||q(),S();break;case"ArrowDown":if(e.preventDefault(),!o.value)return;E.value||q(),O();break;case"ArrowLeft":if(i.value&&T.value&&T.value.querySelector("input").selectionStart||e.shiftKey||"tags"!==u.value||!m.value||!m.value.length)return;e.preventDefault(),-1===t?a[a.length-1].focus():t>0&&a[t-1].focus();break;case"ArrowRight":if(-1===t||e.shiftKey||"tags"!==u.value||!m.value||!m.value.length)return;e.preventDefault(),a.length>t+1?a[t+1].focus():i.value?T.value.querySelector("input").focus():i.value||x.value.focus()}},handleKeyup:e=>{l.emit("keyup",e,g)},preparePointer:I}}function p(a,l,t){const{classes:u,disabled:r,openDirection:n,showOptions:i,breakTags:o}=e.toRefs(a),s=t.isOpen,c=t.isPointed,v=t.isSelected,p=t.isDisabled,d=t.isActive,f=t.canPointGroups,g=t.resolving,m=t.fo,h=e.computed((()=>({container:"multiselect",containerDisabled:"is-disabled",containerOpen:"is-open",containerOpenTop:"is-open-top",containerActive:"is-active",wrapper:"multiselect-wrapper",singleLabel:"multiselect-single-label",singleLabelText:"multiselect-single-label-text",multipleLabel:"multiselect-multiple-label",search:"multiselect-search",tags:"multiselect-tags",tag:"multiselect-tag",tagWrapper:"multiselect-tag-wrapper",tagWrapperBreak:"multiselect-tag-wrapper-break",tagDisabled:"is-disabled",tagRemove:"multiselect-tag-remove",tagRemoveIcon:"multiselect-tag-remove-icon",tagsSearchWrapper:"multiselect-tags-search-wrapper",tagsSearch:"multiselect-tags-search",tagsSearchCopy:"multiselect-tags-search-copy",placeholder:"multiselect-placeholder",caret:"multiselect-caret",caretOpen:"is-open",clear:"multiselect-clear",clearIcon:"multiselect-clear-icon",spinner:"multiselect-spinner",inifinite:"multiselect-inifite",inifiniteSpinner:"multiselect-inifite-spinner",dropdown:"multiselect-dropdown",dropdownTop:"is-top",dropdownHidden:"is-hidden",options:"multiselect-options",optionsTop:"is-top",group:"multiselect-group",groupLabel:"multiselect-group-label",groupLabelPointable:"is-pointable",groupLabelPointed:"is-pointed",groupLabelSelected:"is-selected",groupLabelDisabled:"is-disabled",groupLabelSelectedPointed:"is-selected is-pointed",groupLabelSelectedDisabled:"is-selected is-disabled",groupOptions:"multiselect-group-options",option:"multiselect-option",optionPointed:"is-pointed",optionSelected:"is-selected",optionDisabled:"is-disabled",optionSelectedPointed:"is-selected is-pointed",optionSelectedDisabled:"is-selected is-disabled",noOptions:"multiselect-no-options",noResults:"multiselect-no-results",fakeInput:"multiselect-fake-input",assist:"multiselect-assistive-text",spacer:"multiselect-spacer",...u.value}))),b=e.computed((()=>!!(s.value&&i.value&&(!g.value||g.value&&m.value.length))));return{classList:e.computed((()=>{const e=h.value;return{container:[e.container].concat(r.value?e.containerDisabled:[]).concat(b.value&&"top"===n.value?e.containerOpenTop:[]).concat(b.value&&"top"!==n.value?e.containerOpen:[]).concat(d.value?e.containerActive:[]),wrapper:e.wrapper,spacer:e.spacer,singleLabel:e.singleLabel,singleLabelText:e.singleLabelText,multipleLabel:e.multipleLabel,search:e.search,tags:e.tags,tag:[e.tag].concat(r.value?e.tagDisabled:[]),tagWrapper:[e.tagWrapper,o.value?e.tagWrapperBreak:null],tagDisabled:e.tagDisabled,tagRemove:e.tagRemove,tagRemoveIcon:e.tagRemoveIcon,tagsSearchWrapper:e.tagsSearchWrapper,tagsSearch:e.tagsSearch,tagsSearchCopy:e.tagsSearchCopy,placeholder:e.placeholder,caret:[e.caret].concat(s.value?e.caretOpen:[]),clear:e.clear,clearIcon:e.clearIcon,spinner:e.spinner,inifinite:e.inifinite,inifiniteSpinner:e.inifiniteSpinner,dropdown:[e.dropdown].concat("top"===n.value?e.dropdownTop:[]).concat(s.value&&i.value&&b.value?[]:e.dropdownHidden),options:[e.options].concat("top"===n.value?e.optionsTop:[]),group:e.group,groupLabel:a=>{let l=[e.groupLabel];return c(a)?l.push(v(a)?e.groupLabelSelectedPointed:e.groupLabelPointed):v(a)&&f.value?l.push(p(a)?e.groupLabelSelectedDisabled:e.groupLabelSelected):p(a)&&l.push(e.groupLabelDisabled),f.value&&l.push(e.groupLabelPointable),l},groupOptions:e.groupOptions,option:(a,l)=>{let t=[e.option];return c(a)?t.push(v(a)?e.optionSelectedPointed:e.optionPointed):v(a)?t.push(p(a)?e.optionSelectedDisabled:e.optionSelected):(p(a)||l&&p(l))&&t.push(e.optionDisabled),t},noOptions:e.noOptions,noResults:e.noResults,assist:e.assist,fakeInput:e.fakeInput}})),showDropdown:b}}function d(a,l,t){const{limit:u,infinite:r}=e.toRefs(a),n=t.isOpen,i=t.offset,o=t.search,s=t.pfo,c=t.eo,v=e.ref(null),p=e.ref(null),d=e.computed((()=>i.value<s.value.length)),f=a=>{const{isIntersecting:l,target:t}=a[0];if(l){const a=t.offsetParent,l=a.scrollTop;i.value+=-1==u.value?10:u.value,e.nextTick((()=>{a.scrollTop=l}))}},g=()=>{n.value&&i.value<s.value.length?v.value.observe(p.value):!n.value&&v.value&&v.value.disconnect()};return e.watch(n,(()=>{r.value&&g()})),e.watch(o,(()=>{r.value&&(i.value=u.value,g())}),{flush:"post"}),e.watch(c,(()=>{r.value&&g()}),{immediate:!1,flush:"post"}),e.onMounted((()=>{window&&window.IntersectionObserver&&(v.value=new IntersectionObserver(f))})),{hasMore:d,infiniteLoader:p}}function f(a,l,t){const{placeholder:u,id:r,valueProp:n,label:i,mode:o,groupLabel:s,aria:c,searchable:v}=e.toRefs(a),p=t.pointer,d=t.iv,f=t.hasSelected,g=t.multipleLabelText,m=e.ref(null),h=e.computed((()=>{let e=[];return r&&r.value&&e.push(r.value),e.push("assist"),e.join("-")})),b=e.computed((()=>{let e=[];return r&&r.value&&e.push(r.value),e.push("multiselect-options"),e.join("-")})),y=e.computed((()=>{let e=[];if(r&&r.value&&e.push(r.value),p.value)return e.push(p.value.group?"multiselect-group":"multiselect-option"),e.push(p.value.group?p.value.index:p.value[n.value]),e.join("-")})),_=e.computed((()=>u.value)),w=e.computed((()=>"single"!==o.value)),S=e.computed((()=>{let e="";return"single"===o.value&&f.value&&(e+=d.value[i.value]),"multiple"===o.value&&f.value&&(e+=g.value),"tags"===o.value&&f.value&&(e+=d.value.map((e=>e[i.value])).join(", ")),e})),O=e.computed((()=>{let e={...c.value};return v.value&&(e["aria-labelledby"]=e["aria-labelledby"]?`${h.value} ${e["aria-labelledby"]}`:h.value,S.value&&e["aria-label"]&&(e["aria-label"]=`${S.value}, ${e["aria-label"]}`)),e}));return e.onMounted((()=>{if(r&&r.value&&document&&document.querySelector){let e=document.querySelector(`[for="${r.value}"]`);m.value=e?e.innerText:null}})),{arias:O,ariaLabel:S,ariaAssist:h,ariaControls:b,ariaPlaceholder:_,ariaMultiselectable:w,ariaActiveDescendant:y,ariaOptionId:e=>{let a=[];return r&&r.value&&a.push(r.value),a.push("multiselect-option"),a.push(e[n.value]),a.join("-")},ariaOptionLabel:e=>{let a=[];return a.push(e),a.join(" ")},ariaGroupId:e=>{let a=[];return r&&r.value&&a.push(r.value),a.push("multiselect-group"),a.push(e.index),a.join("-")},ariaGroupLabel:e=>{let a=[];return a.push(e),a.join(" ")},ariaTagLabel:e=>`${e} ❎`}}function g(a,l,t){const{locale:u,fallbackLocale:r}=e.toRefs(a);return{localize:e=>e&&"object"==typeof e?e&&e[u.value]?e[u.value]:e&&u.value&&e[u.value.toUpperCase()]?e[u.value.toUpperCase()]:e&&e[r.value]?e[r.value]:e&&r.value&&e[r.value.toUpperCase()]?e[r.value.toUpperCase()]:e&&Object.keys(e)[0]?e[Object.keys(e)[0]]:"":e}}function m(a,l,t){return{multiselect:e.ref(null),wrapper:e.ref(null),tags:e.ref(null),input:e.ref(null),dropdown:e.ref(null)}}function h(e,a,l,t,u,r,n,i,o,s){"boolean"!=typeof n&&(o=i,i=n,n=!1);const c="function"==typeof l?l.options:l;let v;if(e&&e.render&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0,u&&(c.functional=!0)),t&&(c._scopeId=t),r?(v=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),a&&a.call(this,o(e)),e&&e._registeredComponents&&e._registeredComponents.add(r)},c._ssrRegister=v):a&&(v=n?function(e){a.call(this,s(e,this.$root.$options.shadowRoot))}:function(e){a.call(this,i(e))}),v)if(c.functional){const e=c.render;c.render=function(a,l){return v.call(l),e(a,l)}}else{const e=c.beforeCreate;c.beforeCreate=e?[].concat(e,v):[v]}return l}const b={name:"Multiselect",emits:["paste","open","close","select","deselect","input","search-change","tag","option","update:modelValue","change","clear","keydown","keyup","max","create"],props:{value:{required:!1},modelValue:{required:!1},options:{type:[Array,Object,Function],required:!1,default:()=>[]},id:{type:[String,Number],required:!1},name:{type:[String,Number],required:!1,default:"multiselect"},disabled:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:"label"},trackBy:{type:[String,Array],required:!1,default:void 0},valueProp:{type:String,required:!1,default:"value"},placeholder:{type:String,required:!1,default:null},mode:{type:String,required:!1,default:"single"},searchable:{type:Boolean,required:!1,default:!1},limit:{type:Number,required:!1,default:-1},hideSelected:{type:Boolean,required:!1,default:!0},createTag:{type:Boolean,required:!1,default:void 0},createOption:{type:Boolean,required:!1,default:void 0},appendNewTag:{type:Boolean,required:!1,default:void 0},appendNewOption:{type:Boolean,required:!1,default:void 0},addTagOn:{type:Array,required:!1,default:void 0},addOptionOn:{type:Array,required:!1,default:void 0},caret:{type:Boolean,required:!1,default:!0},loading:{type:Boolean,required:!1,default:!1},noOptionsText:{type:[String,Object],required:!1,default:"The list is empty"},noResultsText:{type:[String,Object],required:!1,default:"No results found"},multipleLabel:{type:Function,required:!1},object:{type:Boolean,required:!1,default:!1},delay:{type:Number,required:!1,default:-1},minChars:{type:Number,required:!1,default:0},resolveOnLoad:{type:Boolean,required:!1,default:!0},filterResults:{type:Boolean,required:!1,default:!0},clearOnSearch:{type:Boolean,required:!1,default:!1},clearOnSelect:{type:Boolean,required:!1,default:!0},canDeselect:{type:Boolean,required:!1,default:!0},canClear:{type:Boolean,required:!1,default:!0},max:{type:Number,required:!1,default:-1},showOptions:{type:Boolean,required:!1,default:!0},required:{type:Boolean,required:!1,default:!1},openDirection:{type:String,required:!1,default:"bottom"},nativeSupport:{type:Boolean,required:!1,default:!1},classes:{type:Object,required:!1,default:()=>({})},strict:{type:Boolean,required:!1,default:!0},closeOnSelect:{type:Boolean,required:!1,default:!0},closeOnDeselect:{type:Boolean,required:!1,default:!1},autocomplete:{type:String,required:!1},groups:{type:Boolean,required:!1,default:!1},groupLabel:{type:String,required:!1,default:"label"},groupOptions:{type:String,required:!1,default:"options"},groupHideEmpty:{type:Boolean,required:!1,default:!1},groupSelect:{type:Boolean,required:!1,default:!0},inputType:{type:String,required:!1,default:"text"},attrs:{required:!1,type:Object,default:()=>({})},onCreate:{required:!1,type:Function},disabledProp:{type:String,required:!1,default:"disabled"},searchStart:{type:Boolean,required:!1,default:!1},reverse:{type:Boolean,required:!1,default:!1},regex:{type:[Object,String,RegExp],required:!1,default:void 0},rtl:{type:Boolean,required:!1,default:!1},infinite:{type:Boolean,required:!1,default:!1},aria:{required:!1,type:Object,default:()=>({})},clearOnBlur:{required:!1,type:Boolean,default:!0},locale:{required:!1,type:String,default:null},fallbackLocale:{required:!1,type:String,default:"en"},searchFilter:{required:!1,type:Function,default:null},allowAbsent:{required:!1,type:Boolean,default:!1},appendToBody:{required:!1,type:Boolean,default:!1},closeOnScroll:{required:!1,type:Boolean,default:!1},breakTags:{required:!1,type:Boolean,default:!1}},setup:(e,a)=>function(e,a,l,t={}){return l.forEach((l=>{l&&(t={...t,...l(e,a,t)})})),t}(e,a,[m,g,t,r,s,u,l,c,i,d,o,v,p,f]),beforeMount(){(this.$root.constructor?.version?.match(/^2\./)||2===this.vueVersionMs)&&(this.$options.components.Teleport||(this.$options.components.Teleport={render(){return this.$slots.default?this.$slots.default[0]:null}}))}};var y=function(){var e=this,a=e.$createElement,l=e._self._c||a;return l("div",{ref:"multiselect",class:e.classList.container,attrs:{id:e.searchable?void 0:e.id,dir:e.rtl?"rtl":void 0},on:{focusin:e.handleFocusIn,focusout:e.handleFocusOut,keyup:e.handleKeyup,keydown:e.handleKeydown}},[l("div",e._b({ref:"wrapper",class:e.classList.wrapper,attrs:{tabindex:e.tabindex,"aria-controls":e.searchable?void 0:e.ariaControls,"aria-placeholder":e.searchable?void 0:e.ariaPlaceholder,"aria-expanded":e.searchable?void 0:e.isOpen,"aria-activedescendant":e.searchable?void 0:e.ariaActiveDescendant,"aria-multiselectable":e.searchable?void 0:e.ariaMultiselectable,role:e.searchable?void 0:"combobox"},on:{mousedown:e.handleMousedown}},"div",e.searchable?{}:e.arias,!1),["tags"!==e.mode&&e.searchable&&!e.disabled?[l("input",e._b({ref:"input",class:e.classList.search,attrs:{type:e.inputType,modelValue:e.search,autocomplete:e.autocomplete,id:e.searchable?e.id:void 0,"aria-controls":e.ariaControls,"aria-placeholder":e.ariaPlaceholder,"aria-expanded":e.isOpen,"aria-activedescendant":e.ariaActiveDescendant,"aria-multiselectable":e.ariaMultiselectable,role:"combobox"},domProps:{value:e.search},on:{input:e.handleSearchInput,keypress:e.handleKeypress,paste:function(a){return a.stopPropagation(),e.handlePaste.apply(null,arguments)}}},"input",Object.assign({},e.attrs,e.arias),!1))]:e._e(),e._v(" "),"tags"==e.mode?[l("div",{class:e.classList.tags,attrs:{"data-tags":""}},[e._l(e.iv,(function(a,t,u){return e._t("tag",(function(){return[l("span",{key:u,class:[e.classList.tag,a.disabled?e.classList.tagDisabled:null],attrs:{tabindex:"-1","aria-label":e.ariaTagLabel(e.localize(a[e.label]))},on:{keyup:function(l){return!l.type.indexOf("key")&&e._k(l.keyCode,"enter",13,l.key,"Enter")?null:e.handleTagRemove(a,l)}}},[l("span",{class:e.classList.tagWrapper},[e._v(e._s(e.localize(a[e.label])))]),e._v(" "),e.disabled||a.disabled?e._e():l("span",{class:e.classList.tagRemove,on:{click:function(l){return l.stopPropagation(),e.handleTagRemove(a,l)}}},[l("span",{class:e.classList.tagRemoveIcon})])])]}),{option:a,handleTagRemove:e.handleTagRemove,disabled:e.disabled})})),e._v(" "),l("div",{ref:"tags",class:e.classList.tagsSearchWrapper},[l("span",{class:e.classList.tagsSearchCopy},[e._v(e._s(e.search))]),e._v(" "),e.searchable&&!e.disabled?l("input",e._b({ref:"input",class:e.classList.tagsSearch,attrs:{type:e.inputType,modelValue:e.search,id:e.searchable?e.id:void 0,autocomplete:e.autocomplete,"aria-controls":e.ariaControls,"aria-placeholder":e.ariaPlaceholder,"aria-expanded":e.isOpen,"aria-activedescendant":e.ariaActiveDescendant,"aria-multiselectable":e.ariaMultiselectable,role:"combobox"},domProps:{value:e.search},on:{input:e.handleSearchInput,keypress:e.handleKeypress,paste:function(a){return a.stopPropagation(),e.handlePaste.apply(null,arguments)}}},"input",Object.assign({},e.attrs,e.arias),!1)):e._e()])],2)]:e._e(),e._v(" "),"single"==e.mode&&e.hasSelected&&!e.search&&e.iv?[e._t("singlelabel",(function(){return[l("div",{class:e.classList.singleLabel},[l("span",{class:e.classList.singleLabelText},[e._v(e._s(e.localize(e.iv[e.label])))])])]}),{value:e.iv})]:e._e(),e._v(" "),"multiple"==e.mode&&e.hasSelected&&!e.search?[e._t("multiplelabel",(function(){return[l("div",{class:e.classList.multipleLabel,domProps:{innerHTML:e._s(e.multipleLabelText)}})]}),{values:e.iv})]:e._e(),e._v(" "),!e.placeholder||e.hasSelected||e.search?e._e():[e._t("placeholder",(function(){return[l("div",{class:e.classList.placeholder,attrs:{"aria-hidden":"true"}},[e._v("\n          "+e._s(e.placeholder)+"\n        ")])]}))],e._v(" "),e.loading||e.resolving?e._t("spinner",(function(){return[l("span",{class:e.classList.spinner,attrs:{"aria-hidden":"true"}})]})):e._e(),e._v(" "),e.hasSelected&&!e.disabled&&e.canClear&&!e.busy?e._t("clear",(function(){return[l("span",{class:e.classList.clear,attrs:{"aria-hidden":"true",tabindex:"0",role:"button","data-clear":"","aria-roledescription":"❎"},on:{click:e.clear,keyup:function(a){return!a.type.indexOf("key")&&e._k(a.keyCode,"enter",13,a.key,"Enter")?null:e.clear.apply(null,arguments)}}},[l("span",{class:e.classList.clearIcon})])]}),{clear:e.clear}):e._e(),e._v(" "),e.caret&&e.showOptions?e._t("caret",(function(){return[l("span",{class:e.classList.caret,attrs:{"aria-hidden":"true"},on:{click:e.handleCaretClick}})]}),{handleCaretClick:e.handleCaretClick,isOpen:e.isOpen}):e._e()],2),e._v(" "),l("Teleport",{attrs:{to:"body",disabled:!e.appendToBody}},[l("div",{ref:"dropdown",class:e.classList.dropdown,style:e.dropdownStyles,attrs:{tabindex:"-1"}},[e._t("beforelist",null,{options:e.fo}),e._v(" "),l("ul",{class:e.classList.options,attrs:{id:e.ariaControls,role:"listbox"}},[e.groups?e._l(e.fg,(function(a,t,u){return l("li",{key:u,class:e.classList.group,attrs:{id:e.ariaGroupId(a),"aria-label":e.ariaGroupLabel(e.localize(a[e.groupLabel])),"aria-selected":e.isSelected(a),role:"option"}},[a.__CREATE__?e._e():l("div",{class:e.classList.groupLabel(a),attrs:{"data-pointed":e.isPointed(a)},on:{mouseenter:function(l){return e.setPointer(a,t)},mousedown:function(l){return l.preventDefault(),e.handleGroupClick(a)}}},[e._t("grouplabel",(function(){return[l("span",{domProps:{innerHTML:e._s(e.localize(a[e.groupLabel]))}})]}),{group:a,isSelected:e.isSelected,isPointed:e.isPointed})],2),e._v(" "),l("ul",{class:e.classList.groupOptions,attrs:{"aria-label":e.ariaGroupLabel(e.localize(a[e.groupLabel])),role:"group"}},e._l(a.__VISIBLE__,(function(t,u,r){return l("li",{key:r,class:e.classList.option(t,a),attrs:{"data-pointed":e.isPointed(t),"data-selected":e.isSelected(t)||void 0,id:e.ariaOptionId(t),"aria-selected":e.isSelected(t),"aria-label":e.ariaOptionLabel(e.localize(t[e.label])),role:"option"},on:{mouseenter:function(a){return e.setPointer(t)},mousedown:function(a){return a.preventDefault(),e.handleOptionClick(t)}}},[e._t("option",(function(){return[l("span",[e._v(e._s(e.localize(t[e.label])))])]}),{option:t,isSelected:e.isSelected,isPointed:e.isPointed,search:e.search})],2)})),0)])})):e._l(e.fo,(function(a,t,u){return l("li",{key:u,class:e.classList.option(a),attrs:{"data-pointed":e.isPointed(a),"data-selected":e.isSelected(a)||void 0,id:e.ariaOptionId(a),"aria-selected":e.isSelected(a),"aria-label":e.ariaOptionLabel(e.localize(a[e.label])),role:"option"},on:{mouseenter:function(l){return e.setPointer(a)},mousedown:function(l){return l.preventDefault(),e.handleOptionClick(a)}}},[e._t("option",(function(){return[l("span",[e._v(e._s(e.localize(a[e.label])))])]}),{option:a,isSelected:e.isSelected,isPointed:e.isPointed,search:e.search})],2)}))],2),e._v(" "),e.noOptions?e._t("nooptions",(function(){return[l("div",{class:e.classList.noOptions,domProps:{innerHTML:e._s(e.localize(e.noOptionsText))}})]})):e._e(),e._v(" "),e.noResults?e._t("noresults",(function(){return[l("div",{class:e.classList.noResults,domProps:{innerHTML:e._s(e.localize(e.noResultsText))}})]})):e._e(),e._v(" "),e.infinite&&e.hasMore?l("div",{ref:"infiniteLoader",class:e.classList.inifinite},[e._t("infinite",(function(){return[l("span",{class:e.classList.inifiniteSpinner})]}))],2):e._e(),e._v(" "),e._t("afterlist",null,{options:e.fo})],2)]),e._v(" "),e.required?l("input",{class:e.classList.fakeInput,attrs:{tabindex:"-1",required:""},domProps:{value:e.textValue}}):e._e(),e._v(" "),e.nativeSupport?["single"==e.mode?l("input",{attrs:{type:"hidden",name:e.name},domProps:{value:void 0!==e.plainValue?e.plainValue:""}}):e._l(e.plainValue,(function(a,t){return l("input",{key:t,attrs:{type:"hidden",name:e.name+"[]"},domProps:{value:a}})}))]:e._e(),e._v(" "),e.searchable&&e.hasSelected?l("div",{class:e.classList.assist,attrs:{id:e.ariaAssist,"aria-hidden":"true"}},[e._v("\n    "+e._s(e.ariaLabel)+"\n  ")]):e._e(),e._v(" "),l("div",{class:e.classList.spacer})],2)};y._withStripped=!0;return h({render:y,staticRenderFns:[]},undefined,b,undefined,false,undefined,!1,void 0,void 0,void 0)}(Vue);
+var VueformMultiselect=function(e){"use strict";function t(e){return-1!==[null,void 0].indexOf(e)}function a(a,l,n){const{object:r,valueProp:i,mode:o}=e.toRefs(a),u=e.getCurrentInstance().proxy,s=n.iv,c=e=>r.value||t(e)?e:Array.isArray(e)?e.map((e=>e[i.value])):e[i.value],p=e=>t(e)?"single"===o.value?{}:[]:e;return{update:(e,t=!0)=>{s.value=p(e);const a=c(e);l.emit("change",a,u),t&&(l.emit("input",a),l.emit("update:modelValue",a))}}}function l(t,a){const{value:l,modelValue:n,mode:r,valueProp:i}=e.toRefs(t),o=e.ref("single"!==r.value?[]:{}),u=e.computed((()=>n&&void 0!==n.value?n.value:l.value)),s=e.computed((()=>"single"===r.value?o.value[i.value]:o.value.map((e=>e[i.value])))),c=e.computed((()=>"single"!==r.value?o.value.map((e=>e[i.value])).join(","):o.value[i.value]));return{iv:o,internalValue:o,ev:u,externalValue:u,textValue:c,plainValue:s}}function n(t,a,l){const{regex:n}=e.toRefs(t),r=e.getCurrentInstance().proxy,i=l.isOpen,o=l.open,u=e.ref(null);return e.watch(u,(e=>{!i.value&&e&&o(),a.emit("search-change",e,r)})),{search:u,clearSearch:()=>{u.value=""},handleSearchInput:e=>{u.value=e.target.value},handleKeypress:e=>{if(n&&n.value){let t=n.value;"string"==typeof t&&(t=new RegExp(t)),e.key.match(t)||e.preventDefault()}},handlePaste:e=>{if(n&&n.value){let t=(e.clipboardData||window.clipboardData).getData("Text"),a=n.value;"string"==typeof a&&(a=new RegExp(a)),t.split("").every((e=>!!e.match(a)))||e.preventDefault()}a.emit("paste",e,r)}}}function r(t,a,l){const{groupSelect:n,mode:r,groups:i,disabledProp:o}=e.toRefs(t),u=e.ref(null),s=e=>{void 0===e||null!==e&&e[o.value]||i.value&&e&&e.group&&("single"===r.value||!n.value)||(u.value=e)};return{pointer:u,setPointer:s,clearPointer:()=>{s(null)}}}function i(e,t=!0){return t?String(e).toLowerCase().trim():String(e).toLowerCase().normalize("NFD").trim().replace(new RegExp(/æ/g),"ae").replace(new RegExp(/œ/g),"oe").replace(new RegExp(/ø/g),"o").replace(/\p{Diacritic}/gu,"")}function o(a,l,n){const{options:r,mode:o,trackBy:u,limit:s,hideSelected:c,createTag:p,createOption:d,label:v,appendNewTag:f,appendNewOption:m,multipleLabel:h,object:g,loading:b,delay:y,resolveOnLoad:w,minChars:_,filterResults:x,clearOnSearch:O,clearOnSelect:S,valueProp:L,allowAbsent:T,groupLabel:E,canDeselect:k,max:P,strict:q,closeOnSelect:C,closeOnDeselect:R,groups:A,reverse:B,infinite:D,groupOptions:j,groupHideEmpty:I,groupSelect:V,onCreate:M,disabledProp:W,searchStart:H,searchFilter:N}=e.toRefs(a),$=e.getCurrentInstance().proxy,F=n.iv,z=n.ev,U=n.search,G=n.clearSearch,K=n.update,X=n.pointer,Y=n.setPointer,J=n.clearPointer,Q=n.focus,Z=n.deactivate,ee=n.close,te=n.localize,ae=e.ref([]),le=e.ref([]),ne=e.ref(!1),re=e.ref(null),ie=e.ref(D.value&&-1===s.value?10:s.value),oe=e.computed((()=>p.value||d.value||!1)),ue=e.computed((()=>void 0!==f.value?f.value:void 0===m.value||m.value)),se=e.computed((()=>{if(A.value){let e=de.value||[],t=[];return e.forEach((e=>{We(e[j.value]).forEach((a=>{t.push(Object.assign({},a,e[W.value]?{[W.value]:!0}:{}))}))})),t}{let e=We(le.value||[]);return ae.value.length&&(e=e.concat(ae.value)),e}})),ce=e.computed((()=>{let e=se.value;return B.value&&(e=e.reverse()),ye.value.length&&(e=ye.value.concat(e)),Me(e)})),pe=e.computed((()=>{let e=ce.value;return ie.value>0&&(e=e.slice(0,ie.value)),e})),de=e.computed((()=>{if(!A.value)return[];let e=[],t=le.value||[];return ae.value.length&&e.push({[E.value]:" ",[j.value]:[...ae.value],__CREATE__:!0}),e.concat(t)})),ve=e.computed((()=>{let e=[...de.value].map((e=>({...e})));return ye.value.length&&(e[0]&&e[0].__CREATE__?e[0][j.value]=[...ye.value,...e[0][j.value]]:e=[{[E.value]:" ",[j.value]:[...ye.value],__CREATE__:!0}].concat(e)),e})),fe=e.computed((()=>{if(!A.value)return[];let e=ve.value;return Ve((e||[]).map(((e,t)=>{const a=We(e[j.value]);return{...e,index:t,group:!0,[j.value]:Me(a,!1).map((t=>Object.assign({},t,e[W.value]?{[W.value]:!0}:{}))),__VISIBLE__:Me(a).map((t=>Object.assign({},t,e[W.value]?{[W.value]:!0}:{})))}})))})),me=e.computed((()=>{switch(o.value){case"single":return!t(F.value[L.value]);case"multiple":case"tags":return!t(F.value)&&F.value.length>0}})),he=e.computed((()=>void 0!==h&&void 0!==h.value?h.value(F.value,$):F.value&&F.value.length>1?`${F.value.length} options selected`:"1 option selected")),ge=e.computed((()=>!se.value.length&&!ne.value&&!ye.value.length)),be=e.computed((()=>se.value.length>0&&0==pe.value.length&&(U.value&&A.value||!A.value))),ye=e.computed((()=>!1!==oe.value&&U.value?-1!==je(U.value)?[]:[{[L.value]:U.value,[we.value[0]]:U.value,[v.value]:U.value,__CREATE__:!0}]:[])),we=e.computed((()=>u.value?Array.isArray(u.value)?u.value:[u.value]:[v.value])),_e=e.computed((()=>{switch(o.value){case"single":return null;case"multiple":case"tags":return[]}})),xe=e.computed((()=>b.value||ne.value)),Oe=e=>{switch("object"!=typeof e&&(e=De(e)),o.value){case"single":K(e);break;case"multiple":case"tags":K(F.value.concat(e))}l.emit("select",Le(e),e,$)},Se=e=>{switch("object"!=typeof e&&(e=De(e)),o.value){case"single":Ee();break;case"tags":case"multiple":K(Array.isArray(e)?F.value.filter((t=>-1===e.map((e=>e[L.value])).indexOf(t[L.value]))):F.value.filter((t=>t[L.value]!=e[L.value])))}l.emit("deselect",Le(e),e,$)},Le=e=>g.value?e:e[L.value],Te=e=>{Se(e)},Ee=()=>{K(_e.value),l.emit("clear",$)},ke=e=>{if(void 0!==e.group)return"single"!==o.value&&(Be(e[j.value])&&e[j.value].length);switch(o.value){case"single":return!t(F.value)&&F.value[L.value]==e[L.value];case"tags":case"multiple":return!t(F.value)&&-1!==F.value.map((e=>e[L.value])).indexOf(e[L.value])}},Pe=e=>!0===e[W.value],qe=()=>!(void 0===P||-1===P.value||!me.value&&P.value>0)&&F.value.length>=P.value,Ce=e=>{switch(e.__CREATE__&&delete(e={...e}).__CREATE__,o.value){case"single":if(e&&ke(e))return k.value&&Se(e),void(R.value&&(J(),ee()));e&&Re(e),S.value&&G(),C.value&&(J(),ee()),e&&Oe(e);break;case"multiple":if(e&&ke(e))return Se(e),void(R.value&&(J(),ee()));if(qe())return void l.emit("max",$);e&&(Re(e),Oe(e)),S.value&&G(),c.value&&J(),C.value&&ee();break;case"tags":if(e&&ke(e))return Se(e),void(R.value&&(J(),ee()));if(qe())return void l.emit("max",$);e&&Re(e),S.value&&G(),e&&Oe(e),c.value&&J(),C.value&&ee()}C.value||Q()},Re=e=>{void 0===De(e[L.value])&&oe.value&&(l.emit("tag",e[L.value],$),l.emit("option",e[L.value],$),l.emit("create",e[L.value],$),ue.value&&Ie(e),G())},Ae=e=>void 0===e.find((e=>!ke(e)&&!e[W.value])),Be=e=>void 0===e.find((e=>!ke(e))),De=e=>se.value[se.value.map((e=>String(e[L.value]))).indexOf(String(e))],je=e=>se.value.findIndex((t=>we.value.some((a=>(parseInt(t[a])==t[a]?parseInt(t[a]):t[a])===(parseInt(e)==e?parseInt(e):e))))),Ie=e=>{ae.value.push(e)},Ve=e=>I.value?e.filter((e=>U.value?e.__VISIBLE__.length:e[j.value].length)):e.filter((e=>!U.value||e.__VISIBLE__.length)),Me=(e,t=!0)=>{let a=e;if(U.value&&x.value){let e=N.value;e||(e=(e,t,a)=>we.value.some((a=>{let l=i(te(e[a]),q.value);return H.value?l.startsWith(i(t,q.value)):-1!==l.indexOf(i(t,q.value))}))),a=a.filter((t=>e(t,U.value,$)))}return c.value&&t&&(a=a.filter((e=>!(e=>-1!==["tags","multiple"].indexOf(o.value)&&c.value&&ke(e))(e)))),a},We=e=>{let t=e;var a;return a=t,"[object Object]"===Object.prototype.toString.call(a)&&(t=Object.keys(t).map((e=>{let a=t[e];return{[L.value]:e,[we.value[0]]:a,[v.value]:a}}))),t=t.map((e=>"object"==typeof e?e:{[L.value]:e,[we.value[0]]:e,[v.value]:e})),t},He=()=>{t(z.value)||(F.value=Fe(z.value))},Ne=e=>(ne.value=!0,new Promise(((t,a)=>{r.value(U.value,$).then((t=>{le.value=t||[],"function"==typeof e&&e(t),ne.value=!1})).catch((e=>{console.error(e),le.value=[],ne.value=!1})).finally((()=>{t()}))}))),$e=()=>{if(me.value)if("single"===o.value){let e=De(F.value[L.value]);if(void 0!==e){let t=e[v.value];F.value[v.value]=t,g.value&&(z.value[v.value]=t)}}else F.value.forEach(((e,t)=>{let a=De(F.value[t][L.value]);if(void 0!==a){let e=a[v.value];F.value[t][v.value]=e,g.value&&(z.value[t][v.value]=e)}}))},Fe=e=>t(e)?"single"===o.value?{}:[]:g.value?e:"single"===o.value?De(e)||(T.value?{[v.value]:e,[L.value]:e,[we.value[0]]:e}:{}):e.filter((e=>!!De(e)||T.value)).map((e=>De(e)||{[v.value]:e,[L.value]:e,[we.value[0]]:e})),ze=()=>{re.value=e.watch(U,(e=>{e.length<_.value||!e&&0!==_.value||(ne.value=!0,O.value&&(le.value=[]),setTimeout((()=>{e==U.value&&r.value(U.value,$).then((t=>{e!=U.value&&U.value||(le.value=t,X.value=pe.value.filter((e=>!0!==e[W.value]))[0]||null,ne.value=!1)})).catch((e=>{console.error(e)}))}),y.value))}),{flush:"sync"})};if("single"!==o.value&&!t(z.value)&&!Array.isArray(z.value))throw new Error(`v-model must be an array when using "${o.value}" mode`);return r&&"function"==typeof r.value?w.value?Ne(He):1==g.value&&He():(le.value=r.value,He()),y.value>-1&&ze(),e.watch(y,((e,t)=>{re.value&&re.value(),e>=0&&ze()})),e.watch(z,(e=>{if(t(e))K(Fe(e),!1);else switch(o.value){case"single":(g.value?e[L.value]!=F.value[L.value]:e!=F.value[L.value])&&K(Fe(e),!1);break;case"multiple":case"tags":(function(e,t){const a=t.slice().sort();return e.length===t.length&&e.slice().sort().every((function(e,t){return e===a[t]}))})(g.value?e.map((e=>e[L.value])):e,F.value.map((e=>e[L.value])))||K(Fe(e),!1)}}),{deep:!0}),e.watch(r,((e,t)=>{"function"==typeof a.options?w.value&&(!t||e&&e.toString()!==t.toString())&&Ne():(le.value=a.options,Object.keys(F.value).length||He(),$e())})),e.watch(v,$e),e.watch(s,((e,t)=>{ie.value=D.value&&-1===e?10:e})),{pfo:ce,fo:pe,filteredOptions:pe,hasSelected:me,multipleLabelText:he,eo:se,extendedOptions:se,eg:de,extendedGroups:de,fg:fe,filteredGroups:fe,noOptions:ge,noResults:be,resolving:ne,busy:xe,offset:ie,select:Oe,deselect:Se,remove:Te,selectAll:()=>{"single"!==o.value&&Oe(pe.value.filter((e=>!e.disabled&&!ke(e))))},clear:Ee,isSelected:ke,isDisabled:Pe,isMax:qe,getOption:De,handleOptionClick:e=>{if(!Pe(e))return M&&M.value&&!ke(e)&&e.__CREATE__&&(delete(e={...e}).__CREATE__,(e=M.value(e,$))instanceof Promise)?(ne.value=!0,void e.then((e=>{ne.value=!1,Ce(e)}))):void Ce(e)},handleGroupClick:e=>{if(!Pe(e)&&"single"!==o.value&&V.value){switch(o.value){case"multiple":case"tags":Ae(e[j.value])?Se(e[j.value]):Oe(e[j.value].filter((e=>-1===F.value.map((e=>e[L.value])).indexOf(e[L.value]))).filter((e=>!e[W.value])).filter(((e,t)=>F.value.length+1+t<=P.value||-1===P.value))),c.value&&X.value&&Y(fe.value.filter((e=>!e[W.value]))[X.value.index])}C.value&&Z()}},handleTagRemove:(e,t)=>{0===t.button?Te(e):t.preventDefault()},refreshOptions:e=>{Ne(e)},resolveOptions:Ne,refreshLabels:$e}}function u(t,a,l){const{valueProp:n,showOptions:r,searchable:i,groupLabel:o,groups:u,mode:s,groupSelect:c,disabledProp:p,groupOptions:d}=e.toRefs(t),v=l.fo,f=l.fg,m=l.handleOptionClick,h=l.handleGroupClick,g=l.search,b=l.pointer,y=l.setPointer,w=l.clearPointer,_=l.multiselect,x=l.isOpen,O=e.computed((()=>v.value.filter((e=>!e[p.value])))),S=e.computed((()=>f.value.filter((e=>!e[p.value])))),L=e.computed((()=>"single"!==s.value&&c.value)),T=e.computed((()=>b.value&&b.value.group)),E=e.computed((()=>I(b.value))),k=e.computed((()=>{const e=T.value?b.value:I(b.value),t=S.value.map((e=>e[o.value])).indexOf(e[o.value]);let a=S.value[t-1];return void 0===a&&(a=q.value),a})),P=e.computed((()=>{let e=S.value.map((e=>e.label)).indexOf(T.value?b.value[o.value]:I(b.value)[o.value])+1;return S.value.length<=e&&(e=0),S.value[e]})),q=e.computed((()=>[...S.value].slice(-1)[0])),C=e.computed((()=>b.value.__VISIBLE__.filter((e=>!e[p.value]))[0])),R=e.computed((()=>{const e=E.value.__VISIBLE__.filter((e=>!e[p.value]));return e[e.map((e=>e[n.value])).indexOf(b.value[n.value])-1]})),A=e.computed((()=>{const e=I(b.value).__VISIBLE__.filter((e=>!e[p.value]));return e[e.map((e=>e[n.value])).indexOf(b.value[n.value])+1]})),B=e.computed((()=>[...k.value.__VISIBLE__.filter((e=>!e[p.value]))].slice(-1)[0])),D=e.computed((()=>[...q.value.__VISIBLE__.filter((e=>!e[p.value]))].slice(-1)[0])),j=()=>{y(O.value[0]||null)},I=e=>S.value.find((t=>-1!==t.__VISIBLE__.map((e=>e[n.value])).indexOf(e[n.value]))),V=()=>{let e=_.value.querySelector("[data-pointed]");if(!e)return;let t=e.parentElement.parentElement;u.value&&(t=T.value?e.parentElement.parentElement.parentElement:e.parentElement.parentElement.parentElement.parentElement),e.offsetTop+e.offsetHeight>t.clientHeight+t.scrollTop&&(t.scrollTop=e.offsetTop+e.offsetHeight-t.clientHeight),e.offsetTop<t.scrollTop&&(t.scrollTop=e.offsetTop)};return e.watch(g,(e=>{i.value&&(e.length&&r.value?j():w())})),e.watch(x,(t=>{if(t){let t=_.value.querySelectorAll("[data-selected]")[0];if(!t)return;let a=t.parentElement.parentElement;e.nextTick((()=>{a.scrollTop>0||(a.scrollTop=t.offsetTop)}))}})),{pointer:b,canPointGroups:L,isPointed:e=>!(!b.value||!(!e.group&&b.value[n.value]===e[n.value]||void 0!==e.group&&b.value[o.value]===e[o.value]))||void 0,setPointerFirst:j,selectPointer:()=>{b.value&&!0!==b.value[p.value]&&(T.value?h(b.value):m(b.value))},forwardPointer:()=>{if(null===b.value)y((u.value&&L.value?S.value[0].__CREATE__?O.value[0]:S.value[0]:O.value[0])||null);else if(u.value&&L.value){let e=T.value?C.value:A.value;void 0===e&&(e=P.value,e.__CREATE__&&(e=e[d.value][0])),y(e||null)}else{let e=O.value.map((e=>e[n.value])).indexOf(b.value[n.value])+1;O.value.length<=e&&(e=0),y(O.value[e]||null)}e.nextTick((()=>{V()}))},backwardPointer:()=>{if(null===b.value){let e=O.value[O.value.length-1];u.value&&L.value&&(e=D.value,void 0===e&&(e=q.value)),y(e||null)}else if(u.value&&L.value){let e=T.value?B.value:R.value;void 0===e&&(e=T.value?k.value:E.value,e.__CREATE__&&(e=B.value,void 0===e&&(e=k.value))),y(e||null)}else{let e=O.value.map((e=>e[n.value])).indexOf(b.value[n.value])-1;e<0&&(e=O.value.length-1),y(O.value[e]||null)}e.nextTick((()=>{V()}))}}}function s(e){if(null==e)return window;if("[object Window]"!==e.toString()){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function c(e){return e instanceof s(e).Element||e instanceof Element}function p(e){return e instanceof s(e).HTMLElement||e instanceof HTMLElement}function d(e){return"undefined"!=typeof ShadowRoot&&(e instanceof s(e).ShadowRoot||e instanceof ShadowRoot)}var v=Math.max,f=Math.min,m=Math.round;function h(){var e=navigator.userAgentData;return null!=e&&e.brands&&Array.isArray(e.brands)?e.brands.map((function(e){return e.brand+"/"+e.version})).join(" "):navigator.userAgent}function g(){return!/^((?!chrome|android).)*safari/i.test(h())}function b(e,t,a){void 0===t&&(t=!1),void 0===a&&(a=!1);var l=e.getBoundingClientRect(),n=1,r=1;t&&p(e)&&(n=e.offsetWidth>0&&m(l.width)/e.offsetWidth||1,r=e.offsetHeight>0&&m(l.height)/e.offsetHeight||1);var i=(c(e)?s(e):window).visualViewport,o=!g()&&a,u=(l.left+(o&&i?i.offsetLeft:0))/n,d=(l.top+(o&&i?i.offsetTop:0))/r,v=l.width/n,f=l.height/r;return{width:v,height:f,top:d,right:u+v,bottom:d+f,left:u,x:u,y:d}}function y(e){var t=s(e);return{scrollLeft:t.pageXOffset,scrollTop:t.pageYOffset}}function w(e){return e?(e.nodeName||"").toLowerCase():null}function _(e){return((c(e)?e.ownerDocument:e.document)||window.document).documentElement}function x(e){return b(_(e)).left+y(e).scrollLeft}function O(e){return s(e).getComputedStyle(e)}function S(e){var t=O(e),a=t.overflow,l=t.overflowX,n=t.overflowY;return/auto|scroll|overlay|hidden/.test(a+n+l)}function L(e,t,a){void 0===a&&(a=!1);var l,n,r=p(t),i=p(t)&&function(e){var t=e.getBoundingClientRect(),a=m(t.width)/e.offsetWidth||1,l=m(t.height)/e.offsetHeight||1;return 1!==a||1!==l}(t),o=_(t),u=b(e,i,a),c={scrollLeft:0,scrollTop:0},d={x:0,y:0};return(r||!r&&!a)&&(("body"!==w(t)||S(o))&&(c=(l=t)!==s(l)&&p(l)?{scrollLeft:(n=l).scrollLeft,scrollTop:n.scrollTop}:y(l)),p(t)?((d=b(t,!0)).x+=t.clientLeft,d.y+=t.clientTop):o&&(d.x=x(o))),{x:u.left+c.scrollLeft-d.x,y:u.top+c.scrollTop-d.y,width:u.width,height:u.height}}function T(e){var t=b(e),a=e.offsetWidth,l=e.offsetHeight;return Math.abs(t.width-a)<=1&&(a=t.width),Math.abs(t.height-l)<=1&&(l=t.height),{x:e.offsetLeft,y:e.offsetTop,width:a,height:l}}function E(e){return"html"===w(e)?e:e.assignedSlot||e.parentNode||(d(e)?e.host:null)||_(e)}function k(e){return["html","body","#document"].indexOf(w(e))>=0?e.ownerDocument.body:p(e)&&S(e)?e:k(E(e))}function P(e,t){var a;void 0===t&&(t=[]);var l=k(e),n=l===(null==(a=e.ownerDocument)?void 0:a.body),r=s(l),i=n?[r].concat(r.visualViewport||[],S(l)?l:[]):l,o=t.concat(i);return n?o:o.concat(P(E(i)))}function q(e){return["table","td","th"].indexOf(w(e))>=0}function C(e){return p(e)&&"fixed"!==O(e).position?e.offsetParent:null}function R(e){for(var t=s(e),a=C(e);a&&q(a)&&"static"===O(a).position;)a=C(a);return a&&("html"===w(a)||"body"===w(a)&&"static"===O(a).position)?t:a||function(e){var t=/firefox/i.test(h());if(/Trident/i.test(h())&&p(e)&&"fixed"===O(e).position)return null;var a=E(e);for(d(a)&&(a=a.host);p(a)&&["html","body"].indexOf(w(a))<0;){var l=O(a);if("none"!==l.transform||"none"!==l.perspective||"paint"===l.contain||-1!==["transform","perspective"].indexOf(l.willChange)||t&&"filter"===l.willChange||t&&l.filter&&"none"!==l.filter)return a;a=a.parentNode}return null}(e)||t}var A="top",B="bottom",D="right",j="left",I="auto",V=[A,B,D,j],M="start",W="end",H="clippingParents",N="viewport",$="popper",F="reference",z=V.reduce((function(e,t){return e.concat([t+"-"+M,t+"-"+W])}),[]),U=[].concat(V,[I]).reduce((function(e,t){return e.concat([t,t+"-"+M,t+"-"+W])}),[]),G=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function K(e){var t=new Map,a=new Set,l=[];function n(e){a.add(e.name),[].concat(e.requires||[],e.requiresIfExists||[]).forEach((function(e){if(!a.has(e)){var l=t.get(e);l&&n(l)}})),l.push(e)}return e.forEach((function(e){t.set(e.name,e)})),e.forEach((function(e){a.has(e.name)||n(e)})),l}function X(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Y(e,t,a){return t===N?X(function(e,t){var a=s(e),l=_(e),n=a.visualViewport,r=l.clientWidth,i=l.clientHeight,o=0,u=0;if(n){r=n.width,i=n.height;var c=g();(c||!c&&"fixed"===t)&&(o=n.offsetLeft,u=n.offsetTop)}return{width:r,height:i,x:o+x(e),y:u}}(e,a)):c(t)?function(e,t){var a=b(e,!1,"fixed"===t);return a.top=a.top+e.clientTop,a.left=a.left+e.clientLeft,a.bottom=a.top+e.clientHeight,a.right=a.left+e.clientWidth,a.width=e.clientWidth,a.height=e.clientHeight,a.x=a.left,a.y=a.top,a}(t,a):X(function(e){var t,a=_(e),l=y(e),n=null==(t=e.ownerDocument)?void 0:t.body,r=v(a.scrollWidth,a.clientWidth,n?n.scrollWidth:0,n?n.clientWidth:0),i=v(a.scrollHeight,a.clientHeight,n?n.scrollHeight:0,n?n.clientHeight:0),o=-l.scrollLeft+x(e),u=-l.scrollTop;return"rtl"===O(n||a).direction&&(o+=v(a.clientWidth,n?n.clientWidth:0)-r),{width:r,height:i,x:o,y:u}}(_(e)))}function J(e){var t=P(E(e)),a=["absolute","fixed"].indexOf(O(e).position)>=0&&p(e)?R(e):e;return c(a)?t.filter((function(e){return c(e)&&function(e,t){var a=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(a&&d(a)){var l=t;do{if(l&&e.isSameNode(l))return!0;l=l.parentNode||l.host}while(l)}return!1}(e,a)&&"body"!==w(e)})):[]}function Q(e){return e.split("-")[0]}function Z(e){return e.split("-")[1]}function ee(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function te(e){var t,a=e.reference,l=e.element,n=e.placement,r=n?Q(n):null,i=n?Z(n):null,o=a.x+a.width/2-l.width/2,u=a.y+a.height/2-l.height/2;switch(r){case A:t={x:o,y:a.y-l.height};break;case B:t={x:o,y:a.y+a.height};break;case D:t={x:a.x+a.width,y:u};break;case j:t={x:a.x-l.width,y:u};break;default:t={x:a.x,y:a.y}}var s=r?ee(r):null;if(null!=s){var c="y"===s?"height":"width";switch(i){case M:t[s]=t[s]-(a[c]/2-l[c]/2);break;case W:t[s]=t[s]+(a[c]/2-l[c]/2)}}return t}function ae(e,t){void 0===t&&(t={});var a,l=t,n=l.placement,r=void 0===n?e.placement:n,i=l.strategy,o=void 0===i?e.strategy:i,u=l.boundary,s=void 0===u?H:u,p=l.rootBoundary,d=void 0===p?N:p,m=l.elementContext,h=void 0===m?$:m,g=l.altBoundary,y=void 0!==g&&g,w=l.padding,x=void 0===w?0:w,O=function(e){return Object.assign({},{top:0,right:0,bottom:0,left:0},e)}("number"!=typeof x?x:(a=x,V.reduce((function(e,t){return e[t]=a,e}),{}))),S=h===$?F:$,L=e.rects.popper,T=e.elements[y?S:h],E=function(e,t,a,l){var n="clippingParents"===t?J(e):[].concat(t),r=[].concat(n,[a]),i=r[0],o=r.reduce((function(t,a){var n=Y(e,a,l);return t.top=v(n.top,t.top),t.right=f(n.right,t.right),t.bottom=f(n.bottom,t.bottom),t.left=v(n.left,t.left),t}),Y(e,i,l));return o.width=o.right-o.left,o.height=o.bottom-o.top,o.x=o.left,o.y=o.top,o}(c(T)?T:T.contextElement||_(e.elements.popper),s,d,o),k=b(e.elements.reference),P=te({reference:k,element:L,strategy:"absolute",placement:r}),q=X(Object.assign({},L,P)),C=h===$?q:k,R={top:E.top-C.top+O.top,bottom:C.bottom-E.bottom+O.bottom,left:E.left-C.left+O.left,right:C.right-E.right+O.right},j=e.modifiersData.offset;if(h===$&&j){var I=j[r];Object.keys(R).forEach((function(e){var t=[D,B].indexOf(e)>=0?1:-1,a=[A,B].indexOf(e)>=0?"y":"x";R[e]+=I[a]*t}))}return R}var le={placement:"bottom",modifiers:[],strategy:"absolute"};function ne(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];return!t.some((function(e){return!(e&&"function"==typeof e.getBoundingClientRect)}))}function re(e){void 0===e&&(e={});var t=e,a=t.defaultModifiers,l=void 0===a?[]:a,n=t.defaultOptions,r=void 0===n?le:n;return function(e,t,a){void 0===a&&(a=r);var n,i,o={placement:"bottom",orderedModifiers:[],options:Object.assign({},le,r),modifiersData:{},elements:{reference:e,popper:t},attributes:{},styles:{}},u=[],s=!1,p={state:o,setOptions:function(a){var n="function"==typeof a?a(o.options):a;d(),o.options=Object.assign({},r,o.options,n),o.scrollParents={reference:c(e)?P(e):e.contextElement?P(e.contextElement):[],popper:P(t)};var i,s,v=function(e){var t=K(e);return G.reduce((function(e,a){return e.concat(t.filter((function(e){return e.phase===a})))}),[])}((i=[].concat(l,o.options.modifiers),s=i.reduce((function(e,t){var a=e[t.name];return e[t.name]=a?Object.assign({},a,t,{options:Object.assign({},a.options,t.options),data:Object.assign({},a.data,t.data)}):t,e}),{}),Object.keys(s).map((function(e){return s[e]}))));return o.orderedModifiers=v.filter((function(e){return e.enabled})),o.orderedModifiers.forEach((function(e){var t=e.name,a=e.options,l=void 0===a?{}:a,n=e.effect;if("function"==typeof n){var r=n({state:o,name:t,instance:p,options:l}),i=function(){};u.push(r||i)}})),p.update()},forceUpdate:function(){if(!s){var e=o.elements,t=e.reference,a=e.popper;if(ne(t,a)){o.rects={reference:L(t,R(a),"fixed"===o.options.strategy),popper:T(a)},o.reset=!1,o.placement=o.options.placement,o.orderedModifiers.forEach((function(e){return o.modifiersData[e.name]=Object.assign({},e.data)}));for(var l=0;l<o.orderedModifiers.length;l++)if(!0!==o.reset){var n=o.orderedModifiers[l],r=n.fn,i=n.options,u=void 0===i?{}:i,c=n.name;"function"==typeof r&&(o=r({state:o,options:u,name:c,instance:p})||o)}else o.reset=!1,l=-1}}},update:(n=function(){return new Promise((function(e){p.forceUpdate(),e(o)}))},function(){return i||(i=new Promise((function(e){Promise.resolve().then((function(){i=void 0,e(n())}))}))),i}),destroy:function(){d(),s=!0}};if(!ne(e,t))return p;function d(){u.forEach((function(e){return e()})),u=[]}return p.setOptions(a).then((function(e){!s&&a.onFirstUpdate&&a.onFirstUpdate(e)})),p}}var ie={passive:!0};var oe={top:"auto",right:"auto",bottom:"auto",left:"auto"};function ue(e){var t,a=e.popper,l=e.popperRect,n=e.placement,r=e.variation,i=e.offsets,o=e.position,u=e.gpuAcceleration,c=e.adaptive,p=e.roundOffsets,d=e.isFixed,v=i.x,f=void 0===v?0:v,h=i.y,g=void 0===h?0:h,b="function"==typeof p?p({x:f,y:g}):{x:f,y:g};f=b.x,g=b.y;var y=i.hasOwnProperty("x"),w=i.hasOwnProperty("y"),x=j,S=A,L=window;if(c){var T=R(a),E="clientHeight",k="clientWidth";if(T===s(a)&&"static"!==O(T=_(a)).position&&"absolute"===o&&(E="scrollHeight",k="scrollWidth"),n===A||(n===j||n===D)&&r===W)S=B,g-=(d&&T===L&&L.visualViewport?L.visualViewport.height:T[E])-l.height,g*=u?1:-1;if(n===j||(n===A||n===B)&&r===W)x=D,f-=(d&&T===L&&L.visualViewport?L.visualViewport.width:T[k])-l.width,f*=u?1:-1}var P,q=Object.assign({position:o},c&&oe),C=!0===p?function(e,t){var a=e.x,l=e.y,n=t.devicePixelRatio||1;return{x:m(a*n)/n||0,y:m(l*n)/n||0}}({x:f,y:g},s(a)):{x:f,y:g};return f=C.x,g=C.y,u?Object.assign({},q,((P={})[S]=w?"0":"",P[x]=y?"0":"",P.transform=(L.devicePixelRatio||1)<=1?"translate("+f+"px, "+g+"px)":"translate3d("+f+"px, "+g+"px, 0)",P)):Object.assign({},q,((t={})[S]=w?g+"px":"",t[x]=y?f+"px":"",t.transform="",t))}var se=re({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(e){var t=e.state,a=e.instance,l=e.options,n=l.scroll,r=void 0===n||n,i=l.resize,o=void 0===i||i,u=s(t.elements.popper),c=[].concat(t.scrollParents.reference,t.scrollParents.popper);return r&&c.forEach((function(e){e.addEventListener("scroll",a.update,ie)})),o&&u.addEventListener("resize",a.update,ie),function(){r&&c.forEach((function(e){e.removeEventListener("scroll",a.update,ie)})),o&&u.removeEventListener("resize",a.update,ie)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(e){var t=e.state,a=e.name;t.modifiersData[a]=te({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})},data:{}},{name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(e){var t=e.state,a=e.options,l=a.gpuAcceleration,n=void 0===l||l,r=a.adaptive,i=void 0===r||r,o=a.roundOffsets,u=void 0===o||o,s={placement:Q(t.placement),variation:Z(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:n,isFixed:"fixed"===t.options.strategy};null!=t.modifiersData.popperOffsets&&(t.styles.popper=Object.assign({},t.styles.popper,ue(Object.assign({},s,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:i,roundOffsets:u})))),null!=t.modifiersData.arrow&&(t.styles.arrow=Object.assign({},t.styles.arrow,ue(Object.assign({},s,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:u})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})},data:{}},{name:"applyStyles",enabled:!0,phase:"write",fn:function(e){var t=e.state;Object.keys(t.elements).forEach((function(e){var a=t.styles[e]||{},l=t.attributes[e]||{},n=t.elements[e];p(n)&&w(n)&&(Object.assign(n.style,a),Object.keys(l).forEach((function(e){var t=l[e];!1===t?n.removeAttribute(e):n.setAttribute(e,!0===t?"":t)})))}))},effect:function(e){var t=e.state,a={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,a.popper),t.styles=a,t.elements.arrow&&Object.assign(t.elements.arrow.style,a.arrow),function(){Object.keys(t.elements).forEach((function(e){var l=t.elements[e],n=t.attributes[e]||{},r=Object.keys(t.styles.hasOwnProperty(e)?t.styles[e]:a[e]).reduce((function(e,t){return e[t]="",e}),{});p(l)&&w(l)&&(Object.assign(l.style,r),Object.keys(n).forEach((function(e){l.removeAttribute(e)})))}))}},requires:["computeStyles"]}]});function ce(e,t,a){return v(e,f(t,a))}var pe={name:"preventOverflow",enabled:!0,phase:"main",fn:function(e){var t=e.state,a=e.options,l=e.name,n=a.mainAxis,r=void 0===n||n,i=a.altAxis,o=void 0!==i&&i,u=a.boundary,s=a.rootBoundary,c=a.altBoundary,p=a.padding,d=a.tether,m=void 0===d||d,h=a.tetherOffset,g=void 0===h?0:h,b=ae(t,{boundary:u,rootBoundary:s,padding:p,altBoundary:c}),y=Q(t.placement),w=Z(t.placement),_=!w,x=ee(y),O="x"===x?"y":"x",S=t.modifiersData.popperOffsets,L=t.rects.reference,E=t.rects.popper,k="function"==typeof g?g(Object.assign({},t.rects,{placement:t.placement})):g,P="number"==typeof k?{mainAxis:k,altAxis:k}:Object.assign({mainAxis:0,altAxis:0},k),q=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,C={x:0,y:0};if(S){if(r){var I,V="y"===x?A:j,W="y"===x?B:D,H="y"===x?"height":"width",N=S[x],$=N+b[V],F=N-b[W],z=m?-E[H]/2:0,U=w===M?L[H]:E[H],G=w===M?-E[H]:-L[H],K=t.elements.arrow,X=m&&K?T(K):{width:0,height:0},Y=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:{top:0,right:0,bottom:0,left:0},J=Y[V],te=Y[W],le=ce(0,L[H],X[H]),ne=_?L[H]/2-z-le-J-P.mainAxis:U-le-J-P.mainAxis,re=_?-L[H]/2+z+le+te+P.mainAxis:G+le+te+P.mainAxis,ie=t.elements.arrow&&R(t.elements.arrow),oe=ie?"y"===x?ie.clientTop||0:ie.clientLeft||0:0,ue=null!=(I=null==q?void 0:q[x])?I:0,se=N+re-ue,pe=ce(m?f($,N+ne-ue-oe):$,N,m?v(F,se):F);S[x]=pe,C[x]=pe-N}if(o){var de,ve="x"===x?A:j,fe="x"===x?B:D,me=S[O],he="y"===O?"height":"width",ge=me+b[ve],be=me-b[fe],ye=-1!==[A,j].indexOf(y),we=null!=(de=null==q?void 0:q[O])?de:0,_e=ye?ge:me-L[he]-E[he]-we+P.altAxis,xe=ye?me+L[he]+E[he]-we-P.altAxis:be,Oe=m&&ye?function(e,t,a){var l=ce(e,t,a);return l>a?a:l}(_e,me,xe):ce(m?_e:ge,me,m?xe:be);S[O]=Oe,C[O]=Oe-me}t.modifiersData[l]=C}},requiresIfExists:["offset"]},de={left:"right",right:"left",bottom:"top",top:"bottom"};function ve(e){return e.replace(/left|right|bottom|top/g,(function(e){return de[e]}))}var fe={start:"end",end:"start"};function me(e){return e.replace(/start|end/g,(function(e){return fe[e]}))}function he(e,t){void 0===t&&(t={});var a=t,l=a.placement,n=a.boundary,r=a.rootBoundary,i=a.padding,o=a.flipVariations,u=a.allowedAutoPlacements,s=void 0===u?U:u,c=Z(l),p=c?o?z:z.filter((function(e){return Z(e)===c})):V,d=p.filter((function(e){return s.indexOf(e)>=0}));0===d.length&&(d=p);var v=d.reduce((function(t,a){return t[a]=ae(e,{placement:a,boundary:n,rootBoundary:r,padding:i})[Q(a)],t}),{});return Object.keys(v).sort((function(e,t){return v[e]-v[t]}))}var ge={name:"flip",enabled:!0,phase:"main",fn:function(e){var t=e.state,a=e.options,l=e.name;if(!t.modifiersData[l]._skip){for(var n=a.mainAxis,r=void 0===n||n,i=a.altAxis,o=void 0===i||i,u=a.fallbackPlacements,s=a.padding,c=a.boundary,p=a.rootBoundary,d=a.altBoundary,v=a.flipVariations,f=void 0===v||v,m=a.allowedAutoPlacements,h=t.options.placement,g=Q(h),b=u||(g===h||!f?[ve(h)]:function(e){if(Q(e)===I)return[];var t=ve(e);return[me(e),t,me(t)]}(h)),y=[h].concat(b).reduce((function(e,a){return e.concat(Q(a)===I?he(t,{placement:a,boundary:c,rootBoundary:p,padding:s,flipVariations:f,allowedAutoPlacements:m}):a)}),[]),w=t.rects.reference,_=t.rects.popper,x=new Map,O=!0,S=y[0],L=0;L<y.length;L++){var T=y[L],E=Q(T),k=Z(T)===M,P=[A,B].indexOf(E)>=0,q=P?"width":"height",C=ae(t,{placement:T,boundary:c,rootBoundary:p,altBoundary:d,padding:s}),R=P?k?D:j:k?B:A;w[q]>_[q]&&(R=ve(R));var V=ve(R),W=[];if(r&&W.push(C[E]<=0),o&&W.push(C[R]<=0,C[V]<=0),W.every((function(e){return e}))){S=T,O=!1;break}x.set(T,W)}if(O)for(var H=function(e){var t=y.find((function(t){var a=x.get(t);if(a)return a.slice(0,e).every((function(e){return e}))}));if(t)return S=t,"break"},N=f?3:1;N>0;N--){if("break"===H(N))break}t.placement!==S&&(t.modifiersData[l]._skip=!0,t.placement=S,t.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};function be(t,a,l){const{disabled:n,appendTo:r,appendToBody:i,openDirection:o}=e.toRefs(t),u=e.getCurrentInstance().proxy,s=l.multiselect,c=l.dropdown,p=e.ref(!1),d=e.ref(null),v=e.ref(null),f=e.computed((()=>r.value||i.value)),m=e.computed((()=>"top"===o.value&&"bottom"===v.value||"bottom"===o.value&&"top"!==v.value?"bottom":"top")),h=()=>{if(!d.value)return;let e=parseInt(window.getComputedStyle(c.value).borderTopWidth.replace("px","")),t=parseInt(window.getComputedStyle(c.value).borderBottomWidth.replace("px",""));d.value.setOptions((a=>({...a,modifiers:[...a.modifiers,{name:"offset",options:{offset:[0,-1*("top"===m.value?e:t)]}}]}))),d.value.update()},g=e=>{for(;e&&e!==document.body;){if("fixed"===getComputedStyle(e).position)return!0;e=e.parentElement}return!1};return e.onMounted((()=>{f.value&&(d.value=se(s.value,c.value,{strategy:g(s.value)?"fixed":void 0,placement:o.value,modifiers:[pe,ge,{name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:({state:e})=>{e.styles.popper.width=`${e.rects.reference.width}px`},effect:({state:e})=>{e.elements.popper.style.width=`${e.elements.reference.offsetWidth}px`}},{name:"toggleClass",enabled:!0,phase:"write",fn({state:e}){v.value=e.placement}}]}))})),e.onBeforeUnmount((()=>{f.value&&d.value&&(d.value.destroy(),d.value=null)})),{popper:d,isOpen:p,open:()=>{p.value||n.value||(p.value=!0,a.emit("open",u),f.value&&e.nextTick((()=>{h()})))},close:()=>{p.value&&(p.value=!1,a.emit("close",u))},placement:m,updatePopper:h}}function ye(t,a,l){const{searchable:n,disabled:r,clearOnBlur:i}=e.toRefs(t),o=l.input,u=l.open,s=l.close,c=l.clearSearch,p=l.isOpen,d=l.wrapper,v=l.tags,f=e.ref(!1),m=e.ref(!1),h=e.computed((()=>n.value||r.value?-1:0)),g=()=>{n.value&&o.value.blur(),d.value.blur()},b=(e=!0)=>{r.value||(f.value=!0,e&&u())},y=()=>{f.value=!1,setTimeout((()=>{f.value||(s(),i.value&&c())}),1)};return{tabindex:h,isActive:f,mouseClicked:m,blur:g,focus:()=>{n.value&&!r.value&&o.value.focus()},activate:b,deactivate:y,handleFocusIn:e=>{e.target.closest("[data-tags]")&&"INPUT"!==e.target.nodeName||e.target.closest("[data-clear]")||b(m.value)},handleFocusOut:()=>{y()},handleCaretClick:()=>{y(),g()},handleMousedown:e=>{m.value=!0,p.value&&(e.target.isEqualNode(d.value)||e.target.isEqualNode(v.value))?setTimeout((()=>{y()}),0):p.value||!document.activeElement.isEqualNode(d.value)&&!document.activeElement.isEqualNode(o.value)||b(),setTimeout((()=>{m.value=!1}),0)}}}function we(t,a,l){const{mode:n,addTagOn:r,openDirection:i,searchable:o,showOptions:u,valueProp:s,groups:c,addOptionOn:p,createTag:d,createOption:v,reverse:f}=e.toRefs(t),m=e.getCurrentInstance().proxy,h=l.iv,g=l.update,b=l.deselect,y=l.search,w=l.setPointer,_=l.selectPointer,x=l.backwardPointer,O=l.forwardPointer,S=l.multiselect,L=l.wrapper,T=l.tags,E=l.isOpen,k=l.open,P=l.blur,q=l.fo,C=e.computed((()=>d.value||v.value||!1)),R=e.computed((()=>void 0!==r.value?r.value:void 0!==p.value?p.value:["enter"])),A=()=>{"tags"===n.value&&!u.value&&C.value&&o.value&&!c.value&&w(q.value[q.value.map((e=>e[s.value])).indexOf(y.value)])};return{handleKeydown:e=>{let t,l;switch(a.emit("keydown",e,m),-1!==["ArrowLeft","ArrowRight","Enter"].indexOf(e.key)&&"tags"===n.value&&(t=[...S.value.querySelectorAll("[data-tags] > *")].filter((e=>e!==T.value)),l=t.findIndex((e=>e===document.activeElement))),e.key){case"Backspace":if("single"===n.value)return;if(o.value&&-1===[null,""].indexOf(y.value))return;if(0===h.value.length)return;let a=h.value.filter((e=>!e.disabled&&!1!==e.remove));a.length&&b(a[a.length-1]);break;case"Enter":if(e.preventDefault(),229===e.keyCode)return;if(-1!==l&&void 0!==l)return g([...h.value].filter(((e,t)=>t!==l))),void(l===t.length-1&&(t.length-1?t[t.length-2].focus():o.value?T.value.querySelector("input").focus():L.value.focus()));if(-1===R.value.indexOf("enter")&&C.value)return;A(),_();break;case" ":if(!C.value&&!o.value)return e.preventDefault(),A(),void _();if(!C.value)return!1;if(-1===R.value.indexOf("space")&&C.value)return;e.preventDefault(),A(),_();break;case"Tab":case";":case",":if(-1===R.value.indexOf(e.key.toLowerCase())||!C.value)return;A(),_(),e.preventDefault();break;case"Escape":P();break;case"ArrowUp":if(e.preventDefault(),!u.value)return;E.value||k(),x();break;case"ArrowDown":if(e.preventDefault(),!u.value)return;E.value||k(),O();break;case"ArrowLeft":if(o.value&&T.value&&T.value.querySelector("input").selectionStart||e.shiftKey||"tags"!==n.value||!h.value||!h.value.length)return;e.preventDefault(),-1===l?t[t.length-1].focus():l>0&&t[l-1].focus();break;case"ArrowRight":if(-1===l||e.shiftKey||"tags"!==n.value||!h.value||!h.value.length)return;e.preventDefault(),t.length>l+1?t[l+1].focus():o.value?T.value.querySelector("input").focus():o.value||L.value.focus()}},handleKeyup:e=>{a.emit("keyup",e,m)},preparePointer:A}}function _e(t,a,l){const{classes:n,disabled:r,showOptions:i,breakTags:o}=e.toRefs(t),u=l.isOpen,s=l.isPointed,c=l.isSelected,p=l.isDisabled,d=l.isActive,v=l.canPointGroups,f=l.resolving,m=l.fo,h=l.placement,g=e.computed((()=>({container:"multiselect",containerDisabled:"is-disabled",containerOpen:"is-open",containerOpenTop:"is-open-top",containerActive:"is-active",wrapper:"multiselect-wrapper",singleLabel:"multiselect-single-label",singleLabelText:"multiselect-single-label-text",multipleLabel:"multiselect-multiple-label",search:"multiselect-search",tags:"multiselect-tags",tag:"multiselect-tag",tagWrapper:"multiselect-tag-wrapper",tagWrapperBreak:"multiselect-tag-wrapper-break",tagDisabled:"is-disabled",tagRemove:"multiselect-tag-remove",tagRemoveIcon:"multiselect-tag-remove-icon",tagsSearchWrapper:"multiselect-tags-search-wrapper",tagsSearch:"multiselect-tags-search",tagsSearchCopy:"multiselect-tags-search-copy",placeholder:"multiselect-placeholder",caret:"multiselect-caret",caretOpen:"is-open",clear:"multiselect-clear",clearIcon:"multiselect-clear-icon",spinner:"multiselect-spinner",inifinite:"multiselect-inifite",inifiniteSpinner:"multiselect-inifite-spinner",dropdown:"multiselect-dropdown",dropdownTop:"is-top",dropdownHidden:"is-hidden",options:"multiselect-options",optionsTop:"is-top",group:"multiselect-group",groupLabel:"multiselect-group-label",groupLabelPointable:"is-pointable",groupLabelPointed:"is-pointed",groupLabelSelected:"is-selected",groupLabelDisabled:"is-disabled",groupLabelSelectedPointed:"is-selected is-pointed",groupLabelSelectedDisabled:"is-selected is-disabled",groupOptions:"multiselect-group-options",option:"multiselect-option",optionPointed:"is-pointed",optionSelected:"is-selected",optionDisabled:"is-disabled",optionSelectedPointed:"is-selected is-pointed",optionSelectedDisabled:"is-selected is-disabled",noOptions:"multiselect-no-options",noResults:"multiselect-no-results",fakeInput:"multiselect-fake-input",assist:"multiselect-assistive-text",spacer:"multiselect-spacer",...n.value}))),b=e.computed((()=>!!(u.value&&i.value&&(!f.value||f.value&&m.value.length))));return{classList:e.computed((()=>{const e=g.value;return{container:[e.container].concat(r.value?e.containerDisabled:[]).concat(b.value&&"top"===h.value?e.containerOpenTop:[]).concat(b.value&&"top"!==h.value?e.containerOpen:[]).concat(d.value?e.containerActive:[]),wrapper:e.wrapper,spacer:e.spacer,singleLabel:e.singleLabel,singleLabelText:e.singleLabelText,multipleLabel:e.multipleLabel,search:e.search,tags:e.tags,tag:[e.tag].concat(r.value?e.tagDisabled:[]),tagWrapper:[e.tagWrapper,o.value?e.tagWrapperBreak:null],tagDisabled:e.tagDisabled,tagRemove:e.tagRemove,tagRemoveIcon:e.tagRemoveIcon,tagsSearchWrapper:e.tagsSearchWrapper,tagsSearch:e.tagsSearch,tagsSearchCopy:e.tagsSearchCopy,placeholder:e.placeholder,caret:[e.caret].concat(u.value?e.caretOpen:[]),clear:e.clear,clearIcon:e.clearIcon,spinner:e.spinner,inifinite:e.inifinite,inifiniteSpinner:e.inifiniteSpinner,dropdown:[e.dropdown].concat("top"===h.value?e.dropdownTop:[]).concat(u.value&&i.value&&b.value?[]:e.dropdownHidden),options:[e.options].concat("top"===h.value?e.optionsTop:[]),group:e.group,groupLabel:t=>{let a=[e.groupLabel];return s(t)?a.push(c(t)?e.groupLabelSelectedPointed:e.groupLabelPointed):c(t)&&v.value?a.push(p(t)?e.groupLabelSelectedDisabled:e.groupLabelSelected):p(t)&&a.push(e.groupLabelDisabled),v.value&&a.push(e.groupLabelPointable),a},groupOptions:e.groupOptions,option:(t,a)=>{let l=[e.option];return s(t)?l.push(c(t)?e.optionSelectedPointed:e.optionPointed):c(t)?l.push(p(t)?e.optionSelectedDisabled:e.optionSelected):(p(t)||a&&p(a))&&l.push(e.optionDisabled),l},noOptions:e.noOptions,noResults:e.noResults,assist:e.assist,fakeInput:e.fakeInput}})),showDropdown:b}}function xe(t,a,l){const{limit:n,infinite:r}=e.toRefs(t),i=l.isOpen,o=l.offset,u=l.search,s=l.pfo,c=l.eo,p=e.ref(null),d=e.ref(null),v=e.computed((()=>o.value<s.value.length)),f=t=>{const{isIntersecting:a,target:l}=t[0];if(a){const t=l.offsetParent,a=t.scrollTop;o.value+=-1==n.value?10:n.value,e.nextTick((()=>{t.scrollTop=a}))}},m=()=>{i.value&&o.value<s.value.length?p.value.observe(d.value):!i.value&&p.value&&p.value.disconnect()};return e.watch(i,(()=>{r.value&&m()})),e.watch(u,(()=>{r.value&&(o.value=n.value,m())}),{flush:"post"}),e.watch(c,(()=>{r.value&&m()}),{immediate:!1,flush:"post"}),e.onMounted((()=>{window&&window.IntersectionObserver&&(p.value=new IntersectionObserver(f))})),{hasMore:v,infiniteLoader:d}}function Oe(t,a,l){const{placeholder:n,id:r,valueProp:i,label:o,mode:u,groupLabel:s,aria:c,searchable:p}=e.toRefs(t),d=l.pointer,v=l.iv,f=l.hasSelected,m=l.multipleLabelText,h=e.ref(null),g=e.computed((()=>{let e=[];return r&&r.value&&e.push(r.value),e.push("assist"),e.join("-")})),b=e.computed((()=>{let e=[];return r&&r.value&&e.push(r.value),e.push("multiselect-options"),e.join("-")})),y=e.computed((()=>{let e=[];if(r&&r.value&&e.push(r.value),d.value)return e.push(d.value.group?"multiselect-group":"multiselect-option"),e.push(d.value.group?d.value.index:d.value[i.value]),e.join("-")})),w=e.computed((()=>n.value)),_=e.computed((()=>"single"!==u.value)),x=e.computed((()=>{let e="";return"single"===u.value&&f.value&&(e+=v.value[o.value]),"multiple"===u.value&&f.value&&(e+=m.value),"tags"===u.value&&f.value&&(e+=v.value.map((e=>e[o.value])).join(", ")),e})),O=e.computed((()=>{let e={...c.value};return p.value&&(e["aria-labelledby"]=e["aria-labelledby"]?`${g.value} ${e["aria-labelledby"]}`:g.value,x.value&&e["aria-label"]&&(e["aria-label"]=`${x.value}, ${e["aria-label"]}`)),e}));return e.onMounted((()=>{if(r&&r.value&&document&&document.querySelector){let e=document.querySelector(`[for="${r.value}"]`);h.value=e?e.innerText:null}})),{arias:O,ariaLabel:x,ariaAssist:g,ariaControls:b,ariaPlaceholder:w,ariaMultiselectable:_,ariaActiveDescendant:y,ariaOptionId:e=>{let t=[];return r&&r.value&&t.push(r.value),t.push("multiselect-option"),t.push(e[i.value]),t.join("-")},ariaOptionLabel:e=>{let t=[];return t.push(e),t.join(" ")},ariaGroupId:e=>{let t=[];return r&&r.value&&t.push(r.value),t.push("multiselect-group"),t.push(e.index),t.join("-")},ariaGroupLabel:e=>{let t=[];return t.push(e),t.join(" ")},ariaTagLabel:e=>`${e} ❎`}}function Se(t,a,l){const{locale:n,fallbackLocale:r}=e.toRefs(t);return{localize:e=>e&&"object"==typeof e?e&&e[n.value]?e[n.value]:e&&n.value&&e[n.value.toUpperCase()]?e[n.value.toUpperCase()]:e&&e[r.value]?e[r.value]:e&&r.value&&e[r.value.toUpperCase()]?e[r.value.toUpperCase()]:e&&Object.keys(e)[0]?e[Object.keys(e)[0]]:"":e}}function Le(t,a,l){return{multiselect:e.ref(null),wrapper:e.ref(null),tags:e.ref(null),input:e.ref(null),dropdown:e.ref(null)}}function Te(e,t,a,l,n,r,i,o,u,s){"boolean"!=typeof i&&(u=o,o=i,i=!1);const c="function"==typeof a?a.options:a;let p;if(e&&e.render&&(c.render=e.render,c.staticRenderFns=e.staticRenderFns,c._compiled=!0,n&&(c.functional=!0)),l&&(c._scopeId=l),r?(p=function(e){(e=e||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(e=__VUE_SSR_CONTEXT__),t&&t.call(this,u(e)),e&&e._registeredComponents&&e._registeredComponents.add(r)},c._ssrRegister=p):t&&(p=i?function(e){t.call(this,s(e,this.$root.$options.shadowRoot))}:function(e){t.call(this,o(e))}),p)if(c.functional){const e=c.render;c.render=function(t,a){return p.call(a),e(t,a)}}else{const e=c.beforeCreate;c.beforeCreate=e?[].concat(e,p):[p]}return a}const Ee={name:"Multiselect",emits:["paste","open","close","select","deselect","input","search-change","tag","option","update:modelValue","change","clear","keydown","keyup","max","create"],props:{value:{required:!1},modelValue:{required:!1},options:{type:[Array,Object,Function],required:!1,default:()=>[]},id:{type:[String,Number],required:!1},name:{type:[String,Number],required:!1,default:"multiselect"},disabled:{type:Boolean,required:!1,default:!1},label:{type:String,required:!1,default:"label"},trackBy:{type:[String,Array],required:!1,default:void 0},valueProp:{type:String,required:!1,default:"value"},placeholder:{type:String,required:!1,default:null},mode:{type:String,required:!1,default:"single"},searchable:{type:Boolean,required:!1,default:!1},limit:{type:Number,required:!1,default:-1},hideSelected:{type:Boolean,required:!1,default:!0},createTag:{type:Boolean,required:!1,default:void 0},createOption:{type:Boolean,required:!1,default:void 0},appendNewTag:{type:Boolean,required:!1,default:void 0},appendNewOption:{type:Boolean,required:!1,default:void 0},addTagOn:{type:Array,required:!1,default:void 0},addOptionOn:{type:Array,required:!1,default:void 0},caret:{type:Boolean,required:!1,default:!0},loading:{type:Boolean,required:!1,default:!1},noOptionsText:{type:[String,Object],required:!1,default:"The list is empty"},noResultsText:{type:[String,Object],required:!1,default:"No results found"},multipleLabel:{type:Function,required:!1},object:{type:Boolean,required:!1,default:!1},delay:{type:Number,required:!1,default:-1},minChars:{type:Number,required:!1,default:0},resolveOnLoad:{type:Boolean,required:!1,default:!0},filterResults:{type:Boolean,required:!1,default:!0},clearOnSearch:{type:Boolean,required:!1,default:!1},clearOnSelect:{type:Boolean,required:!1,default:!0},canDeselect:{type:Boolean,required:!1,default:!0},canClear:{type:Boolean,required:!1,default:!0},max:{type:Number,required:!1,default:-1},showOptions:{type:Boolean,required:!1,default:!0},required:{type:Boolean,required:!1,default:!1},openDirection:{type:String,required:!1,default:"bottom"},nativeSupport:{type:Boolean,required:!1,default:!1},classes:{type:Object,required:!1,default:()=>({})},strict:{type:Boolean,required:!1,default:!0},closeOnSelect:{type:Boolean,required:!1,default:!0},closeOnDeselect:{type:Boolean,required:!1,default:!1},autocomplete:{type:String,required:!1},groups:{type:Boolean,required:!1,default:!1},groupLabel:{type:String,required:!1,default:"label"},groupOptions:{type:String,required:!1,default:"options"},groupHideEmpty:{type:Boolean,required:!1,default:!1},groupSelect:{type:Boolean,required:!1,default:!0},inputType:{type:String,required:!1,default:"text"},attrs:{required:!1,type:Object,default:()=>({})},onCreate:{required:!1,type:Function},disabledProp:{type:String,required:!1,default:"disabled"},searchStart:{type:Boolean,required:!1,default:!1},reverse:{type:Boolean,required:!1,default:!1},regex:{type:[Object,String,RegExp],required:!1,default:void 0},rtl:{type:Boolean,required:!1,default:!1},infinite:{type:Boolean,required:!1,default:!1},aria:{required:!1,type:Object,default:()=>({})},clearOnBlur:{required:!1,type:Boolean,default:!0},locale:{required:!1,type:String,default:null},fallbackLocale:{required:!1,type:String,default:"en"},searchFilter:{required:!1,type:Function,default:null},allowAbsent:{required:!1,type:Boolean,default:!1},appendToBody:{required:!1,type:Boolean,default:!1},closeOnScroll:{required:!1,type:Boolean,default:!1},breakTags:{required:!1,type:Boolean,default:!1},appendTo:{required:!1,type:String}},setup:(e,t)=>function(e,t,a,l={}){return a.forEach((a=>{a&&(l={...l,...a(e,t,l)})})),l}(e,t,[Le,Se,l,r,be,n,a,ye,o,xe,u,we,_e,Oe]),beforeMount(){(this.$root.constructor?.version?.match(/^2\./)||2===this.vueVersionMs)&&(this.$options.components.Teleport||(this.$options.components.Teleport={render(){return this.$slots.default?this.$slots.default[0]:null}}))}};var ke=function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("div",{ref:"multiselect",class:e.classList.container,attrs:{id:e.searchable?void 0:e.id,dir:e.rtl?"rtl":void 0},on:{focusin:e.handleFocusIn,focusout:e.handleFocusOut,keyup:e.handleKeyup,keydown:e.handleKeydown}},[a("div",e._b({ref:"wrapper",class:e.classList.wrapper,attrs:{tabindex:e.tabindex,"aria-controls":e.searchable?void 0:e.ariaControls,"aria-placeholder":e.searchable?void 0:e.ariaPlaceholder,"aria-expanded":e.searchable?void 0:e.isOpen,"aria-activedescendant":e.searchable?void 0:e.ariaActiveDescendant,"aria-multiselectable":e.searchable?void 0:e.ariaMultiselectable,role:e.searchable?void 0:"combobox"},on:{mousedown:e.handleMousedown}},"div",e.searchable?{}:e.arias,!1),["tags"!==e.mode&&e.searchable&&!e.disabled?[a("input",e._b({ref:"input",class:e.classList.search,attrs:{type:e.inputType,modelValue:e.search,autocomplete:e.autocomplete,id:e.searchable?e.id:void 0,"aria-controls":e.ariaControls,"aria-placeholder":e.ariaPlaceholder,"aria-expanded":e.isOpen,"aria-activedescendant":e.ariaActiveDescendant,"aria-multiselectable":e.ariaMultiselectable,role:"combobox"},domProps:{value:e.search},on:{input:e.handleSearchInput,keypress:e.handleKeypress,paste:function(t){return t.stopPropagation(),e.handlePaste.apply(null,arguments)}}},"input",Object.assign({},e.attrs,e.arias),!1))]:e._e(),e._v(" "),"tags"==e.mode?[a("div",{class:e.classList.tags,attrs:{"data-tags":""}},[e._l(e.iv,(function(t,l,n){return e._t("tag",(function(){return[a("span",{key:n,class:[e.classList.tag,t.disabled?e.classList.tagDisabled:null],attrs:{tabindex:"-1","aria-label":e.ariaTagLabel(e.localize(t[e.label]))},on:{keyup:function(a){return!a.type.indexOf("key")&&e._k(a.keyCode,"enter",13,a.key,"Enter")?null:e.handleTagRemove(t,a)}}},[a("span",{class:e.classList.tagWrapper},[e._v(e._s(e.localize(t[e.label])))]),e._v(" "),e.disabled||t.disabled?e._e():a("span",{class:e.classList.tagRemove,on:{click:function(a){return a.stopPropagation(),e.handleTagRemove(t,a)}}},[a("span",{class:e.classList.tagRemoveIcon})])])]}),{option:t,handleTagRemove:e.handleTagRemove,disabled:e.disabled})})),e._v(" "),a("div",{ref:"tags",class:e.classList.tagsSearchWrapper},[a("span",{class:e.classList.tagsSearchCopy},[e._v(e._s(e.search))]),e._v(" "),e.searchable&&!e.disabled?a("input",e._b({ref:"input",class:e.classList.tagsSearch,attrs:{type:e.inputType,modelValue:e.search,id:e.searchable?e.id:void 0,autocomplete:e.autocomplete,"aria-controls":e.ariaControls,"aria-placeholder":e.ariaPlaceholder,"aria-expanded":e.isOpen,"aria-activedescendant":e.ariaActiveDescendant,"aria-multiselectable":e.ariaMultiselectable,role:"combobox"},domProps:{value:e.search},on:{input:e.handleSearchInput,keypress:e.handleKeypress,paste:function(t){return t.stopPropagation(),e.handlePaste.apply(null,arguments)}}},"input",Object.assign({},e.attrs,e.arias),!1)):e._e()])],2)]:e._e(),e._v(" "),"single"==e.mode&&e.hasSelected&&!e.search&&e.iv?[e._t("singlelabel",(function(){return[a("div",{class:e.classList.singleLabel},[a("span",{class:e.classList.singleLabelText},[e._v(e._s(e.localize(e.iv[e.label])))])])]}),{value:e.iv})]:e._e(),e._v(" "),"multiple"==e.mode&&e.hasSelected&&!e.search?[e._t("multiplelabel",(function(){return[a("div",{class:e.classList.multipleLabel,domProps:{innerHTML:e._s(e.multipleLabelText)}})]}),{values:e.iv})]:e._e(),e._v(" "),!e.placeholder||e.hasSelected||e.search?e._e():[e._t("placeholder",(function(){return[a("div",{class:e.classList.placeholder,attrs:{"aria-hidden":"true"}},[e._v("\n          "+e._s(e.placeholder)+"\n        ")])]}))],e._v(" "),e.loading||e.resolving?e._t("spinner",(function(){return[a("span",{class:e.classList.spinner,attrs:{"aria-hidden":"true"}})]})):e._e(),e._v(" "),e.hasSelected&&!e.disabled&&e.canClear&&!e.busy?e._t("clear",(function(){return[a("span",{class:e.classList.clear,attrs:{"aria-hidden":"true",tabindex:"0",role:"button","data-clear":"","aria-roledescription":"❎"},on:{click:e.clear,keyup:function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"enter",13,t.key,"Enter")?null:e.clear.apply(null,arguments)}}},[a("span",{class:e.classList.clearIcon})])]}),{clear:e.clear}):e._e(),e._v(" "),e.caret&&e.showOptions?e._t("caret",(function(){return[a("span",{class:e.classList.caret,attrs:{"aria-hidden":"true"},on:{click:e.handleCaretClick}})]}),{handleCaretClick:e.handleCaretClick,isOpen:e.isOpen}):e._e()],2),e._v(" "),a("Teleport",{attrs:{to:e.appendTo||"body",disabled:!e.appendToBody&&!e.appendTo}},[a("div",{ref:"dropdown",class:e.classList.dropdown,attrs:{id:e.id+"-dropdown",tabindex:"-1"}},[e._t("beforelist",null,{options:e.fo}),e._v(" "),a("ul",{class:e.classList.options,attrs:{id:e.ariaControls,role:"listbox"}},[e.groups?e._l(e.fg,(function(t,l,n){return a("li",{key:n,class:e.classList.group,attrs:{id:e.ariaGroupId(t),"aria-label":e.ariaGroupLabel(e.localize(t[e.groupLabel])),"aria-selected":e.isSelected(t),role:"option"}},[t.__CREATE__?e._e():a("div",{class:e.classList.groupLabel(t),attrs:{"data-pointed":e.isPointed(t)},on:{mouseenter:function(a){return e.setPointer(t,l)},mousedown:function(a){return a.preventDefault(),e.handleGroupClick(t)}}},[e._t("grouplabel",(function(){return[a("span",{domProps:{innerHTML:e._s(e.localize(t[e.groupLabel]))}})]}),{group:t,isSelected:e.isSelected,isPointed:e.isPointed})],2),e._v(" "),a("ul",{class:e.classList.groupOptions,attrs:{"aria-label":e.ariaGroupLabel(e.localize(t[e.groupLabel])),role:"group"}},e._l(t.__VISIBLE__,(function(l,n,r){return a("li",{key:r,class:e.classList.option(l,t),attrs:{"data-pointed":e.isPointed(l),"data-selected":e.isSelected(l)||void 0,id:e.ariaOptionId(l),"aria-selected":e.isSelected(l),"aria-label":e.ariaOptionLabel(e.localize(l[e.label])),role:"option"},on:{mouseenter:function(t){return e.setPointer(l)},mousedown:function(t){return t.preventDefault(),e.handleOptionClick(l)}}},[e._t("option",(function(){return[a("span",[e._v(e._s(e.localize(l[e.label])))])]}),{option:l,isSelected:e.isSelected,isPointed:e.isPointed,search:e.search})],2)})),0)])})):e._l(e.fo,(function(t,l,n){return a("li",{key:n,class:e.classList.option(t),attrs:{"data-pointed":e.isPointed(t),"data-selected":e.isSelected(t)||void 0,id:e.ariaOptionId(t),"aria-selected":e.isSelected(t),"aria-label":e.ariaOptionLabel(e.localize(t[e.label])),role:"option"},on:{mouseenter:function(a){return e.setPointer(t)},mousedown:function(a){return a.preventDefault(),e.handleOptionClick(t)}}},[e._t("option",(function(){return[a("span",[e._v(e._s(e.localize(t[e.label])))])]}),{option:t,isSelected:e.isSelected,isPointed:e.isPointed,search:e.search})],2)}))],2),e._v(" "),e.noOptions?e._t("nooptions",(function(){return[a("div",{class:e.classList.noOptions,domProps:{innerHTML:e._s(e.localize(e.noOptionsText))}})]})):e._e(),e._v(" "),e.noResults?e._t("noresults",(function(){return[a("div",{class:e.classList.noResults,domProps:{innerHTML:e._s(e.localize(e.noResultsText))}})]})):e._e(),e._v(" "),e.infinite&&e.hasMore?a("div",{ref:"infiniteLoader",class:e.classList.inifinite},[e._t("infinite",(function(){return[a("span",{class:e.classList.inifiniteSpinner})]}))],2):e._e(),e._v(" "),e._t("afterlist",null,{options:e.fo})],2)]),e._v(" "),e.required?a("input",{class:e.classList.fakeInput,attrs:{tabindex:"-1",required:""},domProps:{value:e.textValue}}):e._e(),e._v(" "),e.nativeSupport?["single"==e.mode?a("input",{attrs:{type:"hidden",name:e.name},domProps:{value:void 0!==e.plainValue?e.plainValue:""}}):e._l(e.plainValue,(function(t,l){return a("input",{key:l,attrs:{type:"hidden",name:e.name+"[]"},domProps:{value:t}})}))]:e._e(),e._v(" "),e.searchable&&e.hasSelected?a("div",{class:e.classList.assist,attrs:{id:e.ariaAssist,"aria-hidden":"true"}},[e._v("\n    "+e._s(e.ariaLabel)+"\n  ")]):e._e(),e._v(" "),a("div",{class:e.classList.spacer})],2)};ke._withStripped=!0;return Te({render:ke,staticRenderFns:[]},undefined,Ee,undefined,false,undefined,!1,void 0,void 0,void 0)}(Vue);

package.json

 {
   "name": "@vueform/multiselect",
-  "version": "2.6.5",
+  "version": "2.6.6",
   "private": false,
@@ -57,4 +57,6 @@ "description": "Vue 3 multiselect component with single select, multiselect and tagging options.",
     "@babel/preset-env": "^7.12.10",
+    "@popperjs/core": "^2.11.8",
     "@rollup/plugin-alias": "^3.1.1",
     "@rollup/plugin-babel": "^5.2.2",
+    "@rollup/plugin-node-resolve": "^15.2.3",
     "@testing-library/jest-dom": "^5.11.5",
@@ -61,0 +63,0 @@ "@vue/compiler-sfc": "^3.0.4",

README.md

@@ -288,2 +288,3 @@ <div align="center">
 | **appendToBody** | `{boolean} false` | **[Vue 3 only]** *(experimental)* Whether the dropdown list should be appended to `<body>` and positioned absolutely. |
+| **appendTo** | `{string} undefined` | **[Vue 3 only]** *(experimental)* Can be used instead of `appendToBody` to teleport the dropdown to a specific DOM. The value should be a query selector. |
 | **closeOnScroll** | `{boolean} false` | Closes the dropdown list on scrolling parent DOM / window when using `appendToBody: true`. |
@@ -290,0 +291,0 @@ | **searchable** | `{boolean} false` | Whether the options should be searchable. |

src/composables/useClasses.js

@@ -5,3 +5,3 @@ import { computed, toRefs } from 'vue'
 {const { 
-    classes: classes_, disabled, openDirection, showOptions, breakTags
+    classes: classes_, disabled, showOptions, breakTags
   } = toRefs(props)
@@ -19,3 +19,6 @@
   const fo = dependencies.fo
+  const placement = dependencies.placement
 
+  // ============== COMPUTED ==============
+
   const classes = computed(() => ({
@@ -78,4 +81,2 @@ container: 'multiselect',
 
-  // ============== COMPUTED ==============
-
   const showDropdown = computed(() => {
@@ -91,4 +92,4 @@ return !!(isOpen.value && showOptions.value && (!resolving.value || (resolving.value && fo.value.length)))
         .concat(disabled.value ? c.containerDisabled : [])
-        .concat(showDropdown.value && openDirection.value === 'top'  ? c.containerOpenTop : [])
-        .concat(showDropdown.value && openDirection.value !== 'top' ? c.containerOpen : [])
+        .concat(showDropdown.value && placement.value === 'top'  ? c.containerOpenTop : [])
+        .concat(showDropdown.value && placement.value !== 'top' ? c.containerOpen : [])
         .concat(isActive.value ? c.containerActive : []),
@@ -120,6 +121,6 @@ wrapper: c.wrapper,
       dropdown: [c.dropdown]
-        .concat(openDirection.value === 'top' ? c.dropdownTop : [])
+        .concat(placement.value === 'top' ? c.dropdownTop : [])
         .concat(!isOpen.value || !showOptions.value || !showDropdown.value ? c.dropdownHidden : []),
       options: [c.options]
-        .concat(openDirection.value === 'top' ? c.optionsTop : []),
+        .concat(placement.value === 'top' ? c.optionsTop : []),
       group: c.group,
@@ -126,0 +127,0 @@ groupLabel: (g) => {

src/composables/useDropdown.js

@@ -1,6 +0,9 @@
-import { ref, toRefs, getCurrentInstance, computed, onMounted, watch, onBeforeUnmount } from 'vue'
+import { ref, toRefs, getCurrentInstance, computed, onMounted, onBeforeUnmount, nextTick } from 'vue'
+import { createPopper } from '@popperjs/core/lib/popper-lite'
+import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow'
+import flip from '@popperjs/core/lib/modifiers/flip'
 
 export default function useDropdown (props, context, dep)
 {
-  const { disabled, appendToBody, openDirection, closeOnScroll } = toRefs(props)
+  const { disabled, appendTo, appendToBody, openDirection } = toRefs(props)
 
@@ -13,3 +16,2 @@ const $this = getCurrentInstance().proxy
   const dropdown = dep.dropdown
-  const iv = dep.iv
 
@@ -19,35 +21,16 @@ // ================ DATA ================
   const isOpen = ref(false)
-  const updates = ref(0)
+  const popper = ref(null)
+  const forcedPlacement = ref(null)
   
   // ============== COMPUTED ==============
 
-  /* istanbul ignore next: UI feature */
-  const dropdownStyles = computed(() => {
-    if (!appendToBody.value || typeof window === 'undefined' || !isOpen.value || !dropdown.value || updates.value === -1) {
-      return
-    }
+  const appended = computed(() => {
+    return appendTo.value || appendToBody.value
+  })
 
-    let msPos = multiselect.value.getBoundingClientRect()
-    let maxHeight = window.getComputedStyle(dropdown.value).maxHeight
-    let spaceAbove = msPos.y
-    let spaceBelow = window.innerHeight - (msPos.y + msPos.height)
-
-    maxHeight = maxHeight.match(/%/)
-      ? (parseInt(maxHeight.replace('%')) / 100) * window.innerHeight
-      : parseInt(maxHeight.replace('px', ''))
-
-    return {
-      position: 'absolute',
-      zIndex: 9999,
-      transform: openDirection.value === 'top' ? `translateY(-100%)` : 'none',
-      maxHeight: openDirection.value === 'top' ? (
-        maxHeight > spaceAbove ? `${spaceAbove}px` : maxHeight
-      ) : (
-        maxHeight > spaceBelow ? `${spaceBelow}px` : undefined
-      ),
-      left: `${msPos.x}px`,
-      right: `${window.innerWidth - (msPos.x + msPos.width)}px`,
-      top: openDirection.value === 'top' ? `${msPos.y}px` : `${msPos.y + msPos.height}px`,
-      bottom: 'auto',
-    }
+  const placement = computed(() => {
+    return (openDirection.value === 'top' && forcedPlacement.value === 'bottom') ||
+           (openDirection.value === 'bottom' && forcedPlacement.value !== 'top')
+            ? 'bottom'
+            : 'top'
   })
@@ -64,2 +47,9 @@
     context.emit('open', $this)
+
+
+    if (appended.value) {
+      nextTick(() => {
+        updatePopper()
+      })
+    }
   }
@@ -76,115 +66,96 @@
 
-  /* istanbul ignore next: UI feature */
-  const getAllScrollableParents = (element) => {
-    const scrollableParents = [document]
-
-    function checkScrollable(element) {
-      if (!element || !element.parentNode) {
-        return
-      }
-
-      const computedStyle = window.getComputedStyle(element)
-      const overflowY = computedStyle.overflowY
-
-      if (overflowY === 'scroll' || overflowY === 'auto') {
-        scrollableParents.push(element)
-      }
-
-      checkScrollable(element.parentNode)
+  const updatePopper = () => {
+    if (!popper.value) {
+      return
     }
 
-    checkScrollable(element)
+    let borderTopWidth = parseInt(window.getComputedStyle(dropdown.value).borderTopWidth.replace('px', ''))
+    let borderBottomWidth = parseInt(window.getComputedStyle(dropdown.value).borderBottomWidth.replace('px', ''))
+    
+    popper.value.setOptions((options) => ({
+      ...options,
+      modifiers: [
+        ...options.modifiers,
+        {
+          name: 'offset',
+          options: {
+            offset: [0, (placement.value === 'top' ? borderTopWidth : borderBottomWidth) * -1],
+          },
+        },
+      ]
+    }))
 
-    return scrollableParents
+    popper.value.update()
   }
 
   /* istanbul ignore next: UI feature */
-  const updatePosition = () => {
-    updates.value++
-  }
+  const hasFixedParent = (element) => {
+    while (element && element !== document.body) {
+      const style = getComputedStyle(element)
 
-  /* istanbul ignore next: UI feature */
-  const handleScroll = () => {
-    if (!isOpen.value) {
-      return
-    }
+      if (style.position === 'fixed') {
+          return true
+      }
 
-    if (closeOnScroll.value) {
-      close()
+      element = element.parentElement
     }
-
-    updatePosition()
+    
+    return false
   }
 
-  /* istanbul ignore next: UI feature */
-  const handleResize = () => {
-    if (!isOpen.value) {
-      return
-    }
-
-    updatePosition()
-  }
-
-  /* istanbul ignore next: UI feature */
-  watch(iv, () => {
-    if (!appendToBody.value) {
-      return
-    }
-
-    updatePosition()
-  }, { flush: 'post' })
-
-  /* istanbul ignore next: UI feature */
   onMounted(() => {
-    if (!appendToBody.value) {
+    if (!appended.value) {
       return
     }
 
-    getAllScrollableParents(multiselect.value).forEach((el) => {
-      el.addEventListener('scroll', handleScroll)
+    /* istanbul ignore next: popper mock */
+    popper.value = createPopper(multiselect.value, dropdown.value, {
+      strategy: hasFixedParent(multiselect.value) ? /* istanbul ignore next: UI feature */ 'fixed' : undefined,
+      placement: openDirection.value,
+      modifiers: [
+        preventOverflow,
+        flip,
+        {
+          name: 'sameWidth',
+          enabled: true,
+          phase: 'beforeWrite',
+          requires: ['computeStyles'],
+          fn: ({ state }) => {
+            state.styles.popper.width = `${state.rects.reference.width}px`
+          },
+          effect: ({ state }) => {
+            state.elements.popper.style.width = `${
+              state.elements.reference.offsetWidth
+            }px`
+          }
+        },
+        {
+          name: 'toggleClass',
+          enabled: true,
+          phase: 'write',
+          fn({ state }) {
+            forcedPlacement.value = state.placement
+          },
+        },
+      ]
     })
-
-    window.addEventListener('resize', handleResize)
   })
 
-  /* istanbul ignore next: UI feature */
   onBeforeUnmount(() => {
-    if (!appendToBody.value) {
+    if (!appended.value || !popper.value) {
       return
     }
 
-    getAllScrollableParents(multiselect.value).forEach((el) => {
-      el.removeEventListener('scroll', handleScroll)
-    })
-
-    window.removeEventListener('resize', handleResize)
+    popper.value.destroy()
+    popper.value = null
   })
 
-  /* istanbul ignore next: UI feature */
-  watch(appendToBody, (n, o) => {
-    getAllScrollableParents(multiselect.value).forEach((el) => {
-      if (o && !n) {
-        el.removeEventListener('scroll', handleScroll)
-      }
-      
-      if (n) {
-        el.addEventListener('scroll', handleScroll)
-      }
-    })
-
-    if (o && !n) {
-      window.removeEventListener('resize', handleResize)
-    }
-
-    if (n) {
-      window.addEventListener('resize', handleResize)
-    }
-  })
-
   return {
+    popper,
     isOpen,
     open,
     close,
-    dropdownStyles,
+    placement,
+    updatePopper,
   }
 }

src/Multiselect.d.ts

@@ -105,2 +105,3 @@ import { VNode, defineComponent } from 'vue';
   breakTags?: boolean;
+  appendTo?: string;
 }
@@ -175,2 +176,3 @@
   breakTags: MultiselectProps['breakTags'];
+  appendTo: MultiselectProps['appendTo'];
 
@@ -272,2 +274,4 @@ $props: MultiselectProps;
   pointer: any;
+  placement: string;
+  popper: object;
   preparePointer: () => void;
@@ -289,4 +293,5 @@ refreshLabels: () => void;
   update: (val: any, triggerInput?: boolean) => void;
+  updatePopper: () => void;
 }
 
 export default Multiselect;

No alert changes

Improved metrics

Total package byte prevSize

856192

increased by54.02%

Number of package files

41

increased by5.13%

Lines of code

15652

increased by40.77%

Number of lines in readme file

1166

increased by0.09%

Worsened metrics

Dev dependency count

32

increased by6.67%

No dependency changes