@vueform/multiselect - npm Package Compare versions

Comparing version 2.4.0 to 2.4.1

CHANGELOG.md

@@ -0,1 +1,8 @@
+## v2.4.1
+
+> `2021-05-31`
+
+### 🐞 Bug Fixes
+  - Hotfix for SSR [#235](https://github.com/vueform/multiselect/issues/235
+
 ## v2.4.0
@@ -33,5 +40,4 @@
   - CSS: moved max height to dropdown container from wrapper.
-  - Vite & Nuxt 3 build warn fixes.
+  - Vite & Nuxt 3 build warn fixes.).
 
-
 ## v2.3.4
@@ -38,0 +44,0 @@

dist/multiselect.global.js

@@ -1,1 +0,1 @@
-var VueformMultiselect=function(e){"use strict";function l(e){return-1!==[null,void 0].indexOf(e)}function a(a,t,n){const{object:u,valueProp:o,mode:i}=e.toRefs(a),r=e.getCurrentInstance().proxy,s=n.iv,c=e=>u.value||l(e)?e:Array.isArray(e)?e.map((e=>e[o.value])):e[o.value],d=e=>l(e)?"single"===i.value?{}:[]:e;return{update:e=>{s.value=d(e);const l=c(e);t.emit("change",l,r),t.emit("input",l),t.emit("update:modelValue",l)}}}function t(l,a){const{value:t,modelValue:n,mode:u,valueProp:o}=e.toRefs(l),i=e.ref("single"!==u.value?[]:{}),r=void 0!==a.expose?n:t,s=e.computed((()=>"single"===u.value?i.value[o.value]:i.value.map((e=>e[o.value])))),c=e.computed((()=>"single"!==u.value?i.value.map((e=>e[o.value])).join(","):i.value[o.value]));return{iv:i,internalValue:i,ev:r,externalValue:r,textValue:c,plainValue:s}}function n(l,a,t){const{regex:n}=e.toRefs(l),u=e.getCurrentInstance().proxy,o=t.isOpen,i=t.open,r=e.ref(null),s=e.ref(null);return e.watch(r,(e=>{!o.value&&e&&i(),a.emit("search-change",e,u)})),{search:r,input:s,clearSearch:()=>{r.value=""},handleSearchInput:e=>{r.value=e.target.value},handleKeypress:e=>{if(n&&n.value){let l=n.value;"string"==typeof l&&(l=new RegExp(l)),e.key.match(l)||e.preventDefault()}},handlePaste:e=>{if(n&&n.value){let l=(e.clipboardData||window.clipboardData).getData("Text"),a=n.value;"string"==typeof a&&(a=new RegExp(a)),l.split("").every((e=>!!e.match(a)))||e.preventDefault()}a.emit("paste",e,u)}}}function u(l,a,t){const{groupSelect:n,mode:u,groups:o,disabledProp:i}=e.toRefs(l),r=e.ref(null),s=e=>{void 0===e||null!==e&&e[i.value]||o.value&&e&&e.group&&("single"===u.value||!n.value)||(r.value=e)};return{pointer:r,setPointer:s,clearPointer:()=>{s(null)}}}function o(e,l=!0){return l?String(e).toLowerCase().trim():String(e).normalize("NFD").replace(/\p{Diacritic}/gu,"").toLowerCase().trim()}function i(a,t,n){const{options:u,mode:i,trackBy:r,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:k,filterResults:L,clearOnSearch:O,clearOnSelect:C,valueProp:w,canDeselect:E,max:V,strict:B,closeOnSelect:T,groups:x,reverse:N,infinite:P,groupOptions:q,groupHideEmpty:_,groupSelect:I,onCreate:D,disabledProp:R,searchStart:M}=e.toRefs(a),z=e.getCurrentInstance().proxy,A=n.iv,j=n.ev,H=n.search,$=n.clearSearch,F=n.update,K=n.pointer,G=n.clearPointer,W=n.focus,U=n.deactivate,J=n.close,Q=e.ref([]),X=e.ref([]),Y=e.ref(!1),Z=e.ref(null),ee=e.ref(P.value&&-1===s.value?10:s.value),le=e.computed((()=>d.value||v.value||!1)),ae=e.computed((()=>void 0!==m.value?m.value:void 0===f.value||f.value)),te=e.computed((()=>{if(x.value){let e=X.value||[],l=[];return e.forEach((e=>{Pe(e[q.value]).forEach((a=>{l.push(Object.assign({},a,e[R.value]?{[R.value]:!0}:{}))}))})),l}{let e=Pe(X.value||[]);return Q.value.length&&(e=e.concat(Q.value)),e}})),ne=e.computed((()=>x.value?xe((X.value||[]).map((e=>{const l=Pe(e[q.value]);return{...e,group:!0,[q.value]:Ne(l,!1).map((l=>Object.assign({},l,e[R.value]?{[R.value]:!0}:{}))),__VISIBLE__:Ne(l).map((l=>Object.assign({},l,e[R.value]?{[R.value]:!0}:{})))}}))):[])),ue=e.computed((()=>{let e=te.value;return N.value&&(e=e.reverse()),de.value.length&&(e=de.value.concat(e)),Ne(e)})),oe=e.computed((()=>{let e=ue.value;return ee.value>0&&(e=e.slice(0,ee.value)),e})),ie=e.computed((()=>{switch(i.value){case"single":return!l(A.value[w.value]);case"multiple":case"tags":return!l(A.value)&&A.value.length>0}})),re=e.computed((()=>void 0!==g&&void 0!==g.value?g.value(A.value,z):A.value&&A.value.length>1?`${A.value.length} options selected`:"1 option selected")),se=e.computed((()=>!te.value.length&&!Y.value&&!de.value.length)),ce=e.computed((()=>te.value.length>0&&0==oe.value.length&&(H.value&&x.value||!x.value))),de=e.computed((()=>!1!==le.value&&H.value?-1!==Be(H.value)?[]:[{[w.value]:H.value,[p.value]:H.value,[ve.value]:H.value,__CREATE__:!0}]:[])),ve=e.computed((()=>r.value||p.value)),pe=e.computed((()=>{switch(i.value){case"single":return null;case"multiple":case"tags":return[]}})),me=e.computed((()=>b.value||Y.value)),fe=e=>{switch("object"!=typeof e&&(e=Ve(e)),i.value){case"single":F(e);break;case"multiple":case"tags":F(A.value.concat(e))}t.emit("select",he(e),e,z)},ge=e=>{switch("object"!=typeof e&&(e=Ve(e)),i.value){case"single":ye();break;case"tags":case"multiple":F(Array.isArray(e)?A.value.filter((l=>-1===e.map((e=>e[w.value])).indexOf(l[w.value]))):A.value.filter((l=>l[w.value]!=e[w.value])))}t.emit("deselect",he(e),e,z)},he=e=>h.value?e:e[w.value],be=e=>{ge(e)},ye=()=>{t.emit("clear",z),F(pe.value)},Se=e=>{if(void 0!==e.group)return"single"!==i.value&&(Ee(e[q.value])&&e[q.value].length);switch(i.value){case"single":return!l(A.value)&&A.value[w.value]==e[w.value];case"tags":case"multiple":return!l(A.value)&&-1!==A.value.map((e=>e[w.value])).indexOf(e[w.value])}},ke=e=>!0===e[R.value],Le=()=>!(void 0===V||-1===V.value||!ie.value&&V.value>0)&&A.value.length>=V.value,Oe=e=>{switch(e.__CREATE__&&delete(e={...e}).__CREATE__,i.value){case"single":if(e&&Se(e))return void(E.value&&ge(e));e&&Ce(e),C.value&&$(),T.value&&(G(),J()),e&&fe(e);break;case"multiple":if(e&&Se(e))return void ge(e);if(Le())return;e&&(Ce(e),fe(e)),C.value&&$(),c.value&&G(),T.value&&J();break;case"tags":if(e&&Se(e))return void ge(e);if(Le())return;e&&Ce(e),C.value&&$(),e&&fe(e),c.value&&G(),T.value&&J()}T.value||W()},Ce=e=>{void 0===Ve(e[w.value])&&le.value&&(t.emit("tag",e[w.value],z),t.emit("option",e[w.value],z),ae.value&&Te(e),$())},we=e=>void 0===e.find((e=>!Se(e)&&!e[R.value])),Ee=e=>void 0===e.find((e=>!Se(e))),Ve=e=>te.value[te.value.map((e=>String(e[w.value]))).indexOf(String(e))],Be=(e,l)=>te.value.map((e=>parseInt(e[ve.value])==e[ve.value]?parseInt(e[ve.value]):e[ve.value])).indexOf(parseInt(e)==e?parseInt(e):e),Te=e=>{Q.value.push(e)},xe=e=>_.value?e.filter((e=>H.value?e.__VISIBLE__.length:e[q.value].length)):e.filter((e=>!H.value||e.__VISIBLE__.length)),Ne=(e,l=!0)=>{let a=e;return H.value&&L.value&&(a=a.filter((e=>M.value?o(e[ve.value],B.value).startsWith(o(H.value,B.value)):-1!==o(e[ve.value],B.value).indexOf(o(H.value,B.value))))),c.value&&l&&(a=a.filter((e=>!(e=>-1!==["tags","multiple"].indexOf(i.value)&&c.value&&Se(e))(e)))),a},Pe=e=>{let l=e;var a;return a=l,"[object Object]"===Object.prototype.toString.call(a)&&(l=Object.keys(l).map((e=>{let a=l[e];return{[w.value]:e,[ve.value]:a,[p.value]:a}}))),l=l.map((e=>"object"==typeof e?e:{[w.value]:e,[ve.value]:e,[p.value]:e})),l},qe=()=>{l(j.value)||(A.value=De(j.value))},_e=e=>(Y.value=!0,new Promise(((l,a)=>{u.value(H.value,z).then((l=>{X.value=l||[],"function"==typeof e&&e(l),Y.value=!1})).catch((e=>{console.error(e),X.value=[],Y.value=!1})).finally((()=>{l()}))}))),Ie=()=>{if(ie.value)if("single"===i.value){let e=Ve(A.value[w.value]);if(void 0!==e){let l=e[p.value];A.value[p.value]=l,h.value&&(j.value[p.value]=l)}}else A.value.forEach(((e,l)=>{let a=Ve(A.value[l][w.value]);if(void 0!==a){let e=a[p.value];A.value[l][p.value]=e,h.value&&(j.value[l][p.value]=e)}}))},De=e=>l(e)?"single"===i.value?{}:[]:h.value?e:"single"===i.value?Ve(e)||{}:e.filter((e=>!!Ve(e))).map((e=>Ve(e))),Re=()=>{Z.value=e.watch(H,(e=>{e.length<k.value||!e&&0!==k.value||(Y.value=!0,O.value&&(X.value=[]),setTimeout((()=>{e==H.value&&u.value(H.value,z).then((l=>{e!=H.value&&H.value||(X.value=l,K.value=oe.value.filter((e=>!0!==e[R.value]))[0]||null,Y.value=!1)})).catch((e=>{console.error(e)}))}),y.value))}),{flush:"sync"})};if("single"!==i.value&&!l(j.value)&&!Array.isArray(j.value))throw new Error(`v-model must be an array when using "${i.value}" mode`);return u&&"function"==typeof u.value?S.value?_e(qe):1==h.value&&qe():(X.value=u.value,qe()),y.value>-1&&Re(),e.watch(y,((e,l)=>{Z.value&&Z.value(),e>=0&&Re()})),e.watch(j,(e=>{if(l(e))A.value=De(e);else switch(i.value){case"single":(h.value?e[w.value]!=A.value[w.value]:e!=A.value[w.value])&&(A.value=De(e));break;case"multiple":case"tags":(function(e,l){const a=l.slice().sort();return e.length===l.length&&e.slice().sort().every((function(e,l){return e===a[l]}))})(h.value?e.map((e=>e[w.value])):e,A.value.map((e=>e[w.value])))||(A.value=De(e))}}),{deep:!0}),e.watch(u,((e,l)=>{"function"==typeof a.options?S.value&&_e():(X.value=a.options,Object.keys(A.value).length||qe(),Ie())})),e.watch(p,Ie),{pfo:ue,fo:oe,filteredOptions:oe,hasSelected:ie,multipleLabelText:re,eo:te,extendedOptions:te,fg:ne,filteredGroups:ne,noOptions:se,noResults:ce,resolving:Y,busy:me,offset:ee,select:fe,deselect:ge,remove:be,selectAll:()=>{"single"!==i.value&&fe(oe.value)},clear:ye,isSelected:Se,isDisabled:ke,isMax:Le,getOption:Ve,handleOptionClick:e=>{if(!ke(e))return D&&D.value&&!Se(e)&&e.__CREATE__&&(delete(e={...e}).__CREATE__,(e=D.value(e,z))instanceof Promise)?(Y.value=!0,void e.then((e=>{Y.value=!1,Oe(e)}))):void Oe(e)},handleGroupClick:e=>{if(!ke(e)&&"single"!==i.value&&I.value){switch(i.value){case"multiple":case"tags":we(e[q.value])?ge(e[q.value]):fe(e[q.value].filter((e=>-1===A.value.map((e=>e[w.value])).indexOf(e[w.value]))).filter((e=>!e[R.value])).filter(((e,l)=>A.value.length+1+l<=V.value||-1===V.value)))}T.value&&U()}},handleTagRemove:(e,l)=>{0===l.button?be(e):l.preventDefault()},refreshOptions:e=>{_e(e)},resolveOptions:_e,refreshLabels:Ie}}function r(l,a,t){const{valueProp:n,showOptions:u,searchable:o,groupLabel:i,groups:r,mode:s,groupSelect:c,disabledProp:d}=e.toRefs(l),v=t.fo,p=t.fg,m=t.handleOptionClick,f=t.handleGroupClick,g=t.search,h=t.pointer,b=t.setPointer,y=t.clearPointer,S=t.multiselect,k=t.isOpen,L=e.computed((()=>v.value.filter((e=>!e[d.value])))),O=e.computed((()=>p.value.filter((e=>!e[d.value])))),C=e.computed((()=>"single"!==s.value&&c.value)),w=e.computed((()=>h.value&&h.value.group)),E=e.computed((()=>D(h.value))),V=e.computed((()=>{const e=w.value?h.value:D(h.value),l=O.value.map((e=>e[i.value])).indexOf(e[i.value]);let a=O.value[l-1];return void 0===a&&(a=T.value),a})),B=e.computed((()=>{let e=O.value.map((e=>e.label)).indexOf(w.value?h.value[i.value]:D(h.value)[i.value])+1;return O.value.length<=e&&(e=0),O.value[e]})),T=e.computed((()=>[...O.value].slice(-1)[0])),x=e.computed((()=>h.value.__VISIBLE__.filter((e=>!e[d.value]))[0])),N=e.computed((()=>{const e=E.value.__VISIBLE__.filter((e=>!e[d.value]));return e[e.map((e=>e[n.value])).indexOf(h.value[n.value])-1]})),P=e.computed((()=>{const e=D(h.value).__VISIBLE__.filter((e=>!e[d.value]));return e[e.map((e=>e[n.value])).indexOf(h.value[n.value])+1]})),q=e.computed((()=>[...V.value.__VISIBLE__.filter((e=>!e[d.value]))].slice(-1)[0])),_=e.computed((()=>[...T.value.__VISIBLE__.filter((e=>!e[d.value]))].slice(-1)[0])),I=()=>{b(L.value[0]||null)},D=e=>O.value.find((l=>-1!==l.__VISIBLE__.map((e=>e[n.value])).indexOf(e[n.value]))),R=()=>{let e=S.value.querySelector("[data-pointed]");if(!e)return;let l=e.parentElement.parentElement;r.value&&(l=w.value?e.parentElement.parentElement.parentElement:e.parentElement.parentElement.parentElement.parentElement),e.offsetTop+e.offsetHeight>l.clientHeight+l.scrollTop&&(l.scrollTop=e.offsetTop+e.offsetHeight-l.clientHeight),e.offsetTop<l.scrollTop&&(l.scrollTop=e.offsetTop)};return e.watch(g,(e=>{o.value&&(e.length&&u.value?I():y())})),e.watch(k,(l=>{if(l){let l=S.value.querySelectorAll("[data-selected]")[0];if(!l)return;let a=l.parentElement.parentElement;e.nextTick((()=>{a.scrollTop>0||(a.scrollTop=l.offsetTop)}))}})),{pointer:h,canPointGroups:C,isPointed:e=>!(!h.value||!(!e.group&&h.value[n.value]==e[n.value]||void 0!==e.group&&h.value[i.value]==e[i.value]))||void 0,setPointerFirst:I,selectPointer:()=>{h.value&&!0!==h.value[d.value]&&(w.value?f(h.value):m(h.value))},forwardPointer:()=>{if(null===h.value)b((r.value&&C.value?O.value[0]:L.value[0])||null);else if(r.value&&C.value){let e=w.value?x.value:P.value;void 0===e&&(e=B.value),b(e||null)}else{let e=L.value.map((e=>e[n.value])).indexOf(h.value[n.value])+1;L.value.length<=e&&(e=0),b(L.value[e]||null)}e.nextTick((()=>{R()}))},backwardPointer:()=>{if(null===h.value){let e=L.value[L.value.length-1];r.value&&C.value&&(e=_.value,void 0===e&&(e=T.value)),b(e||null)}else if(r.value&&C.value){let e=w.value?q.value:N.value;void 0===e&&(e=w.value?V.value:E.value),b(e||null)}else{let e=L.value.map((e=>e[n.value])).indexOf(h.value[n.value])-1;e<0&&(e=L.value.length-1),b(L.value[e]||null)}e.nextTick((()=>{R()}))}}}function s(l,a,t){const{disabled:n}=e.toRefs(l),u=e.getCurrentInstance().proxy,o=e.ref(!1);return{isOpen:o,open:()=>{o.value||n.value||(o.value=!0,a.emit("open",u))},close:()=>{o.value&&(o.value=!1,a.emit("close",u))}}}function c(l,a,t){const{searchable:n,disabled:u}=e.toRefs(l),o=t.input,i=t.open,r=t.close,s=t.clearSearch,c=t.isOpen,d=e.ref(null),v=e.ref(null),p=e.ref(!1),m=e.computed((()=>n.value||u.value?-1:0)),f=()=>{n.value&&o.value.blur(),d.value.blur()},g=()=>{n.value&&!u.value&&o.value.focus()},h=()=>{u.value||(p.value=!0,i())},b=()=>{p.value=!1,setTimeout((()=>{p.value||(r(),s())}),1)};return{multiselect:d,tags:v,tabindex:m,isActive:p,blur:f,focus:g,handleFocus:()=>{g()},activate:h,deactivate:b,handleCaretClick:()=>{b(),f()},handleMousedown:e=>{c.value&&(e.target.isEqualNode(d.value)||e.target.isEqualNode(v.value))?setTimeout((()=>{b()}),0):document.activeElement.isEqualNode(d.value)&&!c.value&&h()}}}function d(l,a,t){const{mode:n,addTagOn:u,openDirection:o,searchable:i,showOptions:r,valueProp:s,groups:c,addOptionOn:d,createTag:v,createOption:p,reverse:m}=e.toRefs(l),f=e.getCurrentInstance().proxy,g=t.iv,h=t.update,b=t.search,y=t.setPointer,S=t.selectPointer,k=t.backwardPointer,L=t.forwardPointer,O=t.isOpen,C=t.open,w=t.blur,E=t.fo,V=e.computed((()=>v.value||p.value||!1)),B=e.computed((()=>void 0!==u.value?u.value:void 0!==d.value?d.value:["enter"])),T=()=>{"tags"===n.value&&!r.value&&V.value&&i.value&&!c.value&&y(E.value[E.value.map((e=>e[s.value])).indexOf(b.value)])};return{handleKeydown:e=>{switch(a.emit("keydown",e,f),e.key){case"Backspace":if("single"===n.value)return;if(i.value&&-1===[null,""].indexOf(b.value))return;if(0===g.value.length)return;h([...g.value].slice(0,-1));break;case"Enter":if(e.preventDefault(),-1===B.value.indexOf("enter")&&V.value)return;T(),S();break;case" ":if(!V.value&&!i.value)return e.preventDefault(),T(),void S();if(!V.value)return!1;if(-1===B.value.indexOf("space")&&V.value)return;e.preventDefault(),T(),S();break;case"Tab":case";":case",":if(-1===B.value.indexOf(e.key.toLowerCase())||!V.value)return;T(),S(),e.preventDefault();break;case"Escape":w();break;case"ArrowUp":if(e.preventDefault(),!r.value)return;O.value||C(),k();break;case"ArrowDown":if(e.preventDefault(),!r.value)return;O.value||C(),L()}},handleKeyup:e=>{a.emit("keyup",e,f)},preparePointer:T}}function v(l,a,t){const{classes:n,disabled:u,openDirection:o,showOptions:i}=e.toRefs(l),r=t.isOpen,s=t.isPointed,c=t.isSelected,d=t.isDisabled,v=t.isActive,p=t.canPointGroups,m=t.resolving,f=t.fo,g=e.computed((()=>({container:"multiselect",containerDisabled:"is-disabled",containerOpen:"is-open",containerOpenTop:"is-open-top",containerActive:"is-active",singleLabel:"multiselect-single-label",singleLabelText:"multiselect-single-label-text",multipleLabel:"multiselect-multiple-label",search:"multiselect-search",tags:"multiselect-tags",tag:"multiselect-tag",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",spacer:"multiselect-spacer",...n.value}))),h=e.computed((()=>!!(r.value&&i.value&&(!m.value||m.value&&f.value.length))));return{classList:e.computed((()=>{const e=g.value;return{container:[e.container].concat(u.value?e.containerDisabled:[]).concat(h.value&&"top"===o.value?e.containerOpenTop:[]).concat(h.value&&"top"!==o.value?e.containerOpen:[]).concat(v.value?e.containerActive:[]),spacer:e.spacer,singleLabel:e.singleLabel,singleLabelText:e.singleLabelText,multipleLabel:e.multipleLabel,search:e.search,tags:e.tags,tag:[e.tag].concat(u.value?e.tagDisabled:[]),tagRemove:e.tagRemove,tagRemoveIcon:e.tagRemoveIcon,tagsSearchWrapper:e.tagsSearchWrapper,tagsSearch:e.tagsSearch,tagsSearchCopy:e.tagsSearchCopy,placeholder:e.placeholder,caret:[e.caret].concat(r.value?e.caretOpen:[]),clear:e.clear,clearIcon:e.clearIcon,spinner:e.spinner,inifinite:e.inifinite,inifiniteSpinner:e.inifiniteSpinner,dropdown:[e.dropdown].concat("top"===o.value?e.dropdownTop:[]).concat(r.value&&i.value&&h.value?[]:e.dropdownHidden),options:[e.options].concat("top"===o.value?e.optionsTop:[]),group:e.group,groupLabel:l=>{let a=[e.groupLabel];return s(l)?a.push(c(l)?e.groupLabelSelectedPointed:e.groupLabelPointed):c(l)&&p.value?a.push(d(l)?e.groupLabelSelectedDisabled:e.groupLabelSelected):d(l)&&a.push(e.groupLabelDisabled),p.value&&a.push(e.groupLabelPointable),a},groupOptions:e.groupOptions,option:(l,a)=>{let t=[e.option];return s(l)?t.push(c(l)?e.optionSelectedPointed:e.optionPointed):c(l)?t.push(d(l)?e.optionSelectedDisabled:e.optionSelected):(d(l)||a&&d(a))&&t.push(e.optionDisabled),t},noOptions:e.noOptions,noResults:e.noResults,fakeInput:e.fakeInput}})),showDropdown:h}}function p(l,a,t){const{limit:n,infinite:u}=e.toRefs(l),o=t.isOpen,i=t.offset,r=t.search,s=t.pfo,c=t.eo,d=e.ref(null),v=e.ref(null),p=e.computed((()=>i.value<s.value.length)),m=l=>{const{isIntersecting:a,target:t}=l[0];if(a){const l=t.offsetParent,a=l.scrollTop;i.value+=-1==n.value?10:n.value,e.nextTick((()=>{l.scrollTop=a}))}},f=()=>{o.value&&i.value<s.value.length?d.value.observe(v.value):!o.value&&d.value&&d.value.disconnect()};return e.watch(o,(()=>{u.value&&f()})),e.watch(r,(()=>{u.value&&(i.value=n.value,f())}),{flush:"post"}),e.watch(c,(()=>{u.value&&f()}),{immediate:!1,flush:"post"}),e.onMounted((()=>{window&&window.IntersectionObserver&&(d.value=new IntersectionObserver(m))})),{hasMore:p,infiniteLoader:v}}function m(l,a,t){const{placeholder:n,id:u,valueProp:o,label:i,mode:r,groupLabel:s}=e.toRefs(l),c=t.pointer,d=t.iv,v=t.isSelected,p=t.hasSelected,m=t.multipleLabelText,f=e.ref(null),g=e.computed((()=>{let e=[];return u&&u.value&&e.push(u.value),e.push("multiselect-options"),e.join("-")})),h=e.computed((()=>{let e=[];if(u&&u.value&&e.push(u.value),e.push("multiselect-option"),c.value&&void 0!==c.value[o.value])return e.push(c.value[o.value]),e.join("-")})),b=e.computed((()=>{let e=[];return f.value&&e.push(f.value),n.value&&!p.value&&e.push(n.value),"single"===r.value&&d.value&&void 0!==d.value[i.value]&&e.push(d.value[i.value]),"multiple"===r.value&&p.value&&e.push(m.value),"tags"===r.value&&p.value&&e.push(...d.value.map((e=>e[i.value]))),e.join(", ")})),y=e.computed((()=>b.value));return e.onMounted((()=>{u&&u.value&&(f.value=document.querySelector(`[for="${u.value}"]`)?.innerText||null)})),{ariaOwns:g,ariaLabel:b,ariaPlaceholder:y,ariaActiveDescendant:h,ariaOptionId:e=>{let l=[];return u&&u.value&&l.push(u.value),l.push("multiselect-option"),l.push(e[o.value]),l.join("-")},ariaOptionLabel:e=>{let l=[];return v(e)&&l.push("✓"),l.push(e[i.value]),l.join(" ")},ariaGroupLabel:e=>{let l=[];return l.push(e[s.value]),l.join(" ")}}}var f={name:"Multiselect",emits:["paste","open","close","select","deselect","input","search-change","tag","option","update:modelValue","change","clear","keydown","keyup"],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,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,required:!1,default:"The list is empty"},noResultsText:{type:String,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},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}},setup:(e,l)=>function(e,l,a,t={}){return a.forEach((a=>{a&&(t={...t,...a(e,l,t)})})),t}(e,l,[t,u,s,n,a,c,i,p,r,d,v,m])};const g=["tabindex","id","dir","aria-owns","aria-expanded","aria-label","aria-placeholder","aria-activedescendant"],h=["type","modelValue","value","autocomplete","id","aria-owns","aria-expanded","aria-label","aria-placeholder","aria-activedescendant"],b=["onClick"],y=["type","modelValue","value","id","autocomplete","aria-owns","aria-expanded","aria-label","aria-placeholder","aria-activedescendant"],S=["innerHTML"],k=["innerHTML"],L=["id"],O=["data-pointed","onMouseenter","onClick"],C=["innerHTML"],w=["aria-label"],E=["data-pointed","data-selected","id","aria-label","onMouseenter","onClick"],V=["innerHTML"],B=["id","aria-label","data-pointed","data-selected","onMouseenter","onClick"],T=["innerHTML"],x=["innerHTML"],N=["innerHTML"],P=["value"],q=["name","value"],_=["name","value"];return f.render=function(l,a,t,n,u,o){return e.openBlock(),e.createElementBlock("div",{ref:"multiselect",tabindex:l.tabindex,class:e.normalizeClass(l.classList.container),id:t.searchable?void 0:t.id,dir:t.rtl?"rtl":void 0,"aria-owns":l.ariaOwns,"aria-expanded":l.isOpen,"aria-label":l.ariaLabel,"aria-placeholder":l.ariaPlaceholder,"aria-activedescendant":l.ariaActiveDescendant,onFocusin:a[8]||(a[8]=(...e)=>l.activate&&l.activate(...e)),onFocusout:a[9]||(a[9]=(...e)=>l.deactivate&&l.deactivate(...e)),onKeydown:a[10]||(a[10]=(...e)=>l.handleKeydown&&l.handleKeydown(...e)),onKeyup:a[11]||(a[11]=(...e)=>l.handleKeyup&&l.handleKeyup(...e)),onFocus:a[12]||(a[12]=(...e)=>l.handleFocus&&l.handleFocus(...e)),onMousedown:a[13]||(a[13]=(...e)=>l.handleMousedown&&l.handleMousedown(...e)),role:"combobox"},[e.createCommentVNode(" Search "),"tags"!==t.mode&&t.searchable&&!t.disabled?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,type:t.inputType,modelValue:l.search,value:l.search,class:l.classList.search,autocomplete:t.autocomplete,id:t.searchable?t.id:void 0},t.attrs,{"aria-owns":l.ariaOwns,"aria-expanded":l.isOpen,"aria-label":l.ariaLabel,"aria-placeholder":l.ariaPlaceholder,"aria-activedescendant":l.ariaActiveDescendant,onInput:a[0]||(a[0]=(...e)=>l.handleSearchInput&&l.handleSearchInput(...e)),onKeypress:a[1]||(a[1]=(...e)=>l.handleKeypress&&l.handleKeypress(...e)),onPaste:a[2]||(a[2]=e.withModifiers(((...e)=>l.handlePaste&&l.handlePaste(...e)),["stop"])),ref:"input",role:"combobox"}),null,16,h)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Tags (with search) "),"tags"==t.mode?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(l.classList.tags)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.iv,((a,n,u)=>e.renderSlot(l.$slots,"tag",{option:a,handleTagRemove:l.handleTagRemove,disabled:t.disabled},(()=>[(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(l.classList.tag),key:u},[e.createTextVNode(e.toDisplayString(a[t.label])+" ",1),t.disabled?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(l.classList.tagRemove),onClick:e=>l.handleTagRemove(a,e)},[e.createElementVNode("span",{class:e.normalizeClass(l.classList.tagRemoveIcon)},null,2)],10,b))],2))])))),256)),e.createElementVNode("div",{class:e.normalizeClass(l.classList.tagsSearchWrapper),ref:"tags"},[e.createCommentVNode(" Used for measuring search width "),e.createElementVNode("span",{class:e.normalizeClass(l.classList.tagsSearchCopy)},e.toDisplayString(l.search),3),e.createCommentVNode(" Actual search input "),t.searchable&&!t.disabled?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,type:t.inputType,modelValue:l.search,value:l.search,class:l.classList.tagsSearch,id:t.searchable?t.id:void 0,autocomplete:t.autocomplete},t.attrs,{"aria-owns":l.ariaOwns,"aria-expanded":l.isOpen,"aria-label":l.ariaLabel,"aria-placeholder":l.ariaPlaceholder,"aria-activedescendant":l.ariaActiveDescendant,onInput:a[3]||(a[3]=(...e)=>l.handleSearchInput&&l.handleSearchInput(...e)),onKeypress:a[4]||(a[4]=(...e)=>l.handleKeypress&&l.handleKeypress(...e)),onPaste:a[5]||(a[5]=e.withModifiers(((...e)=>l.handlePaste&&l.handlePaste(...e)),["stop"])),ref:"input",role:"combobox"}),null,16,y)):e.createCommentVNode("v-if",!0)],2)],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Single label "),"single"==t.mode&&l.hasSelected&&!l.search&&l.iv?e.renderSlot(l.$slots,"singlelabel",{key:2,value:l.iv},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.singleLabel)},[e.createElementVNode("span",{class:e.normalizeClass(l.classList.singleLabelText),innerHTML:l.iv[t.label]},null,10,S)],2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Multiple label "),"multiple"==t.mode&&l.hasSelected&&!l.search?e.renderSlot(l.$slots,"multiplelabel",{key:3,values:l.iv},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.multipleLabel),innerHTML:l.multipleLabelText},null,10,k)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Placeholder "),!t.placeholder||l.hasSelected||l.search?e.createCommentVNode("v-if",!0):e.renderSlot(l.$slots,"placeholder",{key:4},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.placeholder)},e.toDisplayString(t.placeholder),3)])),e.createCommentVNode(" Spinner "),t.loading||l.resolving?e.renderSlot(l.$slots,"spinner",{key:5},(()=>[e.createElementVNode("span",{class:e.normalizeClass(l.classList.spinner)},null,2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Clear "),l.hasSelected&&!t.disabled&&t.canClear&&!l.busy?e.renderSlot(l.$slots,"clear",{key:6,clear:l.clear},(()=>[e.createElementVNode("span",{class:e.normalizeClass(l.classList.clear),onClick:a[6]||(a[6]=(...e)=>l.clear&&l.clear(...e))},[e.createElementVNode("span",{class:e.normalizeClass(l.classList.clearIcon)},null,2)],2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Caret "),t.caret&&t.showOptions?e.renderSlot(l.$slots,"caret",{key:7},(()=>[e.createElementVNode("span",{class:e.normalizeClass(l.classList.caret),onClick:a[7]||(a[7]=(...e)=>l.handleCaretClick&&l.handleCaretClick(...e))},null,2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Options "),e.createElementVNode("div",{class:e.normalizeClass(l.classList.dropdown),tabindex:"-1"},[e.renderSlot(l.$slots,"beforelist",{options:l.fo}),e.createElementVNode("ul",{class:e.normalizeClass(l.classList.options),id:l.ariaOwns,role:"listbox"},[t.groups?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.fg,((a,n,u)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(l.classList.group),key:u},[e.createElementVNode("div",{class:e.normalizeClass(l.classList.groupLabel(a)),"data-pointed":l.isPointed(a),onMouseenter:e=>l.setPointer(a),onClick:e=>l.handleGroupClick(a),role:"none"},[e.renderSlot(l.$slots,"grouplabel",{group:a,isSelected:l.isSelected,isPointed:l.isPointed},(()=>[e.createElementVNode("span",{innerHTML:a[t.groupLabel]},null,8,C)]))],42,O),e.createElementVNode("ul",{class:e.normalizeClass(l.classList.groupOptions),"aria-label":l.ariaGroupLabel(a),role:"group"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.__VISIBLE__,((n,u,o)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(l.classList.option(n,a)),key:o,"data-pointed":l.isPointed(n),"data-selected":l.isSelected(n)||void 0,id:l.ariaOptionId(n),"aria-label":l.ariaOptionLabel(n),onMouseenter:e=>l.setPointer(n),onClick:e=>l.handleOptionClick(n),role:"option"},[e.renderSlot(l.$slots,"option",{option:n,isSelected:l.isSelected,isPointed:l.isPointed,search:l.search},(()=>[e.createElementVNode("span",{innerHTML:n[t.label]},null,8,V)]))],42,E)))),128))],10,w)],2)))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.fo,((a,n,u)=>(e.openBlock(),e.createElementBlock("li",{id:l.ariaOptionId(a),"aria-label":l.ariaOptionLabel(a),class:e.normalizeClass(l.classList.option(a)),key:u,"data-pointed":l.isPointed(a),"data-selected":l.isSelected(a)||void 0,onMouseenter:e=>l.setPointer(a),onClick:e=>l.handleOptionClick(a),role:"option"},[e.renderSlot(l.$slots,"option",{option:a,isSelected:l.isSelected,isPointed:l.isPointed,search:l.search},(()=>[e.createElementVNode("span",{innerHTML:a[t.label]},null,8,T)]))],42,B)))),128))],10,L),l.noOptions?e.renderSlot(l.$slots,"nooptions",{key:0},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.noOptions),innerHTML:t.noOptionsText},null,10,x)])):e.createCommentVNode("v-if",!0),l.noResults?e.renderSlot(l.$slots,"noresults",{key:1},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.noResults),innerHTML:t.noResultsText},null,10,N)])):e.createCommentVNode("v-if",!0),t.infinite&&l.hasMore?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(l.classList.inifinite),ref:"infiniteLoader"},[e.renderSlot(l.$slots,"infinite",{},(()=>[e.createElementVNode("span",{class:e.normalizeClass(l.classList.inifiniteSpinner)},null,2)]))],2)):e.createCommentVNode("v-if",!0),e.renderSlot(l.$slots,"afterlist",{options:l.fo})],2),e.createCommentVNode(" Hacky input element to show HTML5 required warning "),t.required?(e.openBlock(),e.createElementBlock("input",{key:8,class:e.normalizeClass(l.classList.fakeInput),tabindex:"-1",value:l.textValue,required:""},null,10,P)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Native input support "),t.nativeSupport?(e.openBlock(),e.createElementBlock(e.Fragment,{key:9},["single"==t.mode?(e.openBlock(),e.createElementBlock("input",{key:0,type:"hidden",name:t.name,value:void 0!==l.plainValue?l.plainValue:""},null,8,q)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.plainValue,((l,a)=>(e.openBlock(),e.createElementBlock("input",{type:"hidden",name:`${t.name}[]`,value:l,key:a},null,8,_)))),128))],64)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Create height for empty input "),e.createElementVNode("div",{class:e.normalizeClass(l.classList.spacer)},null,2)],42,g)},f.__file="src/Multiselect.vue",f}(Vue);
+var VueformMultiselect=function(e){"use strict";function l(e){return-1!==[null,void 0].indexOf(e)}function a(a,t,n){const{object:u,valueProp:o,mode:r}=e.toRefs(a),i=e.getCurrentInstance().proxy,s=n.iv,c=e=>u.value||l(e)?e:Array.isArray(e)?e.map((e=>e[o.value])):e[o.value],d=e=>l(e)?"single"===r.value?{}:[]:e;return{update:e=>{s.value=d(e);const l=c(e);t.emit("change",l,i),t.emit("input",l),t.emit("update:modelValue",l)}}}function t(l,a){const{value:t,modelValue:n,mode:u,valueProp:o}=e.toRefs(l),r=e.ref("single"!==u.value?[]:{}),i=void 0!==a.expose?n:t,s=e.computed((()=>"single"===u.value?r.value[o.value]:r.value.map((e=>e[o.value])))),c=e.computed((()=>"single"!==u.value?r.value.map((e=>e[o.value])).join(","):r.value[o.value]));return{iv:r,internalValue:r,ev:i,externalValue:i,textValue:c,plainValue:s}}function n(l,a,t){const{regex:n}=e.toRefs(l),u=e.getCurrentInstance().proxy,o=t.isOpen,r=t.open,i=e.ref(null),s=e.ref(null);return e.watch(i,(e=>{!o.value&&e&&r(),a.emit("search-change",e,u)})),{search:i,input:s,clearSearch:()=>{i.value=""},handleSearchInput:e=>{i.value=e.target.value},handleKeypress:e=>{if(n&&n.value){let l=n.value;"string"==typeof l&&(l=new RegExp(l)),e.key.match(l)||e.preventDefault()}},handlePaste:e=>{if(n&&n.value){let l=(e.clipboardData||window.clipboardData).getData("Text"),a=n.value;"string"==typeof a&&(a=new RegExp(a)),l.split("").every((e=>!!e.match(a)))||e.preventDefault()}a.emit("paste",e,u)}}}function u(l,a,t){const{groupSelect:n,mode:u,groups:o,disabledProp:r}=e.toRefs(l),i=e.ref(null),s=e=>{void 0===e||null!==e&&e[r.value]||o.value&&e&&e.group&&("single"===u.value||!n.value)||(i.value=e)};return{pointer:i,setPointer:s,clearPointer:()=>{s(null)}}}function o(e,l=!0){return l?String(e).toLowerCase().trim():String(e).normalize("NFD").replace(/\p{Diacritic}/gu,"").toLowerCase().trim()}function r(a,t,n){const{options:u,mode:r,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:k,filterResults:L,clearOnSearch:O,clearOnSelect:C,valueProp:w,canDeselect:E,max:V,strict:B,closeOnSelect:T,groups:x,reverse:q,infinite:N,groupOptions:P,groupHideEmpty:_,groupSelect:I,onCreate:D,disabledProp:R,searchStart:M}=e.toRefs(a),z=e.getCurrentInstance().proxy,A=n.iv,j=n.ev,H=n.search,$=n.clearSearch,F=n.update,K=n.pointer,G=n.clearPointer,W=n.focus,U=n.deactivate,J=n.close,Q=e.ref([]),X=e.ref([]),Y=e.ref(!1),Z=e.ref(null),ee=e.ref(N.value&&-1===s.value?10:s.value),le=e.computed((()=>d.value||v.value||!1)),ae=e.computed((()=>void 0!==m.value?m.value:void 0===f.value||f.value)),te=e.computed((()=>{if(x.value){let e=X.value||[],l=[];return e.forEach((e=>{Ne(e[P.value]).forEach((a=>{l.push(Object.assign({},a,e[R.value]?{[R.value]:!0}:{}))}))})),l}{let e=Ne(X.value||[]);return Q.value.length&&(e=e.concat(Q.value)),e}})),ne=e.computed((()=>x.value?xe((X.value||[]).map((e=>{const l=Ne(e[P.value]);return{...e,group:!0,[P.value]:qe(l,!1).map((l=>Object.assign({},l,e[R.value]?{[R.value]:!0}:{}))),__VISIBLE__:qe(l).map((l=>Object.assign({},l,e[R.value]?{[R.value]:!0}:{})))}}))):[])),ue=e.computed((()=>{let e=te.value;return q.value&&(e=e.reverse()),de.value.length&&(e=de.value.concat(e)),qe(e)})),oe=e.computed((()=>{let e=ue.value;return ee.value>0&&(e=e.slice(0,ee.value)),e})),re=e.computed((()=>{switch(r.value){case"single":return!l(A.value[w.value]);case"multiple":case"tags":return!l(A.value)&&A.value.length>0}})),ie=e.computed((()=>void 0!==g&&void 0!==g.value?g.value(A.value,z):A.value&&A.value.length>1?`${A.value.length} options selected`:"1 option selected")),se=e.computed((()=>!te.value.length&&!Y.value&&!de.value.length)),ce=e.computed((()=>te.value.length>0&&0==oe.value.length&&(H.value&&x.value||!x.value))),de=e.computed((()=>!1!==le.value&&H.value?-1!==Be(H.value)?[]:[{[w.value]:H.value,[p.value]:H.value,[ve.value]:H.value,__CREATE__:!0}]:[])),ve=e.computed((()=>i.value||p.value)),pe=e.computed((()=>{switch(r.value){case"single":return null;case"multiple":case"tags":return[]}})),me=e.computed((()=>b.value||Y.value)),fe=e=>{switch("object"!=typeof e&&(e=Ve(e)),r.value){case"single":F(e);break;case"multiple":case"tags":F(A.value.concat(e))}t.emit("select",he(e),e,z)},ge=e=>{switch("object"!=typeof e&&(e=Ve(e)),r.value){case"single":ye();break;case"tags":case"multiple":F(Array.isArray(e)?A.value.filter((l=>-1===e.map((e=>e[w.value])).indexOf(l[w.value]))):A.value.filter((l=>l[w.value]!=e[w.value])))}t.emit("deselect",he(e),e,z)},he=e=>h.value?e:e[w.value],be=e=>{ge(e)},ye=()=>{t.emit("clear",z),F(pe.value)},Se=e=>{if(void 0!==e.group)return"single"!==r.value&&(Ee(e[P.value])&&e[P.value].length);switch(r.value){case"single":return!l(A.value)&&A.value[w.value]==e[w.value];case"tags":case"multiple":return!l(A.value)&&-1!==A.value.map((e=>e[w.value])).indexOf(e[w.value])}},ke=e=>!0===e[R.value],Le=()=>!(void 0===V||-1===V.value||!re.value&&V.value>0)&&A.value.length>=V.value,Oe=e=>{switch(e.__CREATE__&&delete(e={...e}).__CREATE__,r.value){case"single":if(e&&Se(e))return void(E.value&&ge(e));e&&Ce(e),C.value&&$(),T.value&&(G(),J()),e&&fe(e);break;case"multiple":if(e&&Se(e))return void ge(e);if(Le())return;e&&(Ce(e),fe(e)),C.value&&$(),c.value&&G(),T.value&&J();break;case"tags":if(e&&Se(e))return void ge(e);if(Le())return;e&&Ce(e),C.value&&$(),e&&fe(e),c.value&&G(),T.value&&J()}T.value||W()},Ce=e=>{void 0===Ve(e[w.value])&&le.value&&(t.emit("tag",e[w.value],z),t.emit("option",e[w.value],z),ae.value&&Te(e),$())},we=e=>void 0===e.find((e=>!Se(e)&&!e[R.value])),Ee=e=>void 0===e.find((e=>!Se(e))),Ve=e=>te.value[te.value.map((e=>String(e[w.value]))).indexOf(String(e))],Be=(e,l)=>te.value.map((e=>parseInt(e[ve.value])==e[ve.value]?parseInt(e[ve.value]):e[ve.value])).indexOf(parseInt(e)==e?parseInt(e):e),Te=e=>{Q.value.push(e)},xe=e=>_.value?e.filter((e=>H.value?e.__VISIBLE__.length:e[P.value].length)):e.filter((e=>!H.value||e.__VISIBLE__.length)),qe=(e,l=!0)=>{let a=e;return H.value&&L.value&&(a=a.filter((e=>M.value?o(e[ve.value],B.value).startsWith(o(H.value,B.value)):-1!==o(e[ve.value],B.value).indexOf(o(H.value,B.value))))),c.value&&l&&(a=a.filter((e=>!(e=>-1!==["tags","multiple"].indexOf(r.value)&&c.value&&Se(e))(e)))),a},Ne=e=>{let l=e;var a;return a=l,"[object Object]"===Object.prototype.toString.call(a)&&(l=Object.keys(l).map((e=>{let a=l[e];return{[w.value]:e,[ve.value]:a,[p.value]:a}}))),l=l.map((e=>"object"==typeof e?e:{[w.value]:e,[ve.value]:e,[p.value]:e})),l},Pe=()=>{l(j.value)||(A.value=De(j.value))},_e=e=>(Y.value=!0,new Promise(((l,a)=>{u.value(H.value,z).then((l=>{X.value=l||[],"function"==typeof e&&e(l),Y.value=!1})).catch((e=>{console.error(e),X.value=[],Y.value=!1})).finally((()=>{l()}))}))),Ie=()=>{if(re.value)if("single"===r.value){let e=Ve(A.value[w.value]);if(void 0!==e){let l=e[p.value];A.value[p.value]=l,h.value&&(j.value[p.value]=l)}}else A.value.forEach(((e,l)=>{let a=Ve(A.value[l][w.value]);if(void 0!==a){let e=a[p.value];A.value[l][p.value]=e,h.value&&(j.value[l][p.value]=e)}}))},De=e=>l(e)?"single"===r.value?{}:[]:h.value?e:"single"===r.value?Ve(e)||{}:e.filter((e=>!!Ve(e))).map((e=>Ve(e))),Re=()=>{Z.value=e.watch(H,(e=>{e.length<k.value||!e&&0!==k.value||(Y.value=!0,O.value&&(X.value=[]),setTimeout((()=>{e==H.value&&u.value(H.value,z).then((l=>{e!=H.value&&H.value||(X.value=l,K.value=oe.value.filter((e=>!0!==e[R.value]))[0]||null,Y.value=!1)})).catch((e=>{console.error(e)}))}),y.value))}),{flush:"sync"})};if("single"!==r.value&&!l(j.value)&&!Array.isArray(j.value))throw new Error(`v-model must be an array when using "${r.value}" mode`);return u&&"function"==typeof u.value?S.value?_e(Pe):1==h.value&&Pe():(X.value=u.value,Pe()),y.value>-1&&Re(),e.watch(y,((e,l)=>{Z.value&&Z.value(),e>=0&&Re()})),e.watch(j,(e=>{if(l(e))A.value=De(e);else switch(r.value){case"single":(h.value?e[w.value]!=A.value[w.value]:e!=A.value[w.value])&&(A.value=De(e));break;case"multiple":case"tags":(function(e,l){const a=l.slice().sort();return e.length===l.length&&e.slice().sort().every((function(e,l){return e===a[l]}))})(h.value?e.map((e=>e[w.value])):e,A.value.map((e=>e[w.value])))||(A.value=De(e))}}),{deep:!0}),e.watch(u,((e,l)=>{"function"==typeof a.options?S.value&&_e():(X.value=a.options,Object.keys(A.value).length||Pe(),Ie())})),e.watch(p,Ie),{pfo:ue,fo:oe,filteredOptions:oe,hasSelected:re,multipleLabelText:ie,eo:te,extendedOptions:te,fg:ne,filteredGroups:ne,noOptions:se,noResults:ce,resolving:Y,busy:me,offset:ee,select:fe,deselect:ge,remove:be,selectAll:()=>{"single"!==r.value&&fe(oe.value)},clear:ye,isSelected:Se,isDisabled:ke,isMax:Le,getOption:Ve,handleOptionClick:e=>{if(!ke(e))return D&&D.value&&!Se(e)&&e.__CREATE__&&(delete(e={...e}).__CREATE__,(e=D.value(e,z))instanceof Promise)?(Y.value=!0,void e.then((e=>{Y.value=!1,Oe(e)}))):void Oe(e)},handleGroupClick:e=>{if(!ke(e)&&"single"!==r.value&&I.value){switch(r.value){case"multiple":case"tags":we(e[P.value])?ge(e[P.value]):fe(e[P.value].filter((e=>-1===A.value.map((e=>e[w.value])).indexOf(e[w.value]))).filter((e=>!e[R.value])).filter(((e,l)=>A.value.length+1+l<=V.value||-1===V.value)))}T.value&&U()}},handleTagRemove:(e,l)=>{0===l.button?be(e):l.preventDefault()},refreshOptions:e=>{_e(e)},resolveOptions:_e,refreshLabels:Ie}}function i(l,a,t){const{valueProp:n,showOptions:u,searchable:o,groupLabel:r,groups:i,mode:s,groupSelect:c,disabledProp:d}=e.toRefs(l),v=t.fo,p=t.fg,m=t.handleOptionClick,f=t.handleGroupClick,g=t.search,h=t.pointer,b=t.setPointer,y=t.clearPointer,S=t.multiselect,k=t.isOpen,L=e.computed((()=>v.value.filter((e=>!e[d.value])))),O=e.computed((()=>p.value.filter((e=>!e[d.value])))),C=e.computed((()=>"single"!==s.value&&c.value)),w=e.computed((()=>h.value&&h.value.group)),E=e.computed((()=>D(h.value))),V=e.computed((()=>{const e=w.value?h.value:D(h.value),l=O.value.map((e=>e[r.value])).indexOf(e[r.value]);let a=O.value[l-1];return void 0===a&&(a=T.value),a})),B=e.computed((()=>{let e=O.value.map((e=>e.label)).indexOf(w.value?h.value[r.value]:D(h.value)[r.value])+1;return O.value.length<=e&&(e=0),O.value[e]})),T=e.computed((()=>[...O.value].slice(-1)[0])),x=e.computed((()=>h.value.__VISIBLE__.filter((e=>!e[d.value]))[0])),q=e.computed((()=>{const e=E.value.__VISIBLE__.filter((e=>!e[d.value]));return e[e.map((e=>e[n.value])).indexOf(h.value[n.value])-1]})),N=e.computed((()=>{const e=D(h.value).__VISIBLE__.filter((e=>!e[d.value]));return e[e.map((e=>e[n.value])).indexOf(h.value[n.value])+1]})),P=e.computed((()=>[...V.value.__VISIBLE__.filter((e=>!e[d.value]))].slice(-1)[0])),_=e.computed((()=>[...T.value.__VISIBLE__.filter((e=>!e[d.value]))].slice(-1)[0])),I=()=>{b(L.value[0]||null)},D=e=>O.value.find((l=>-1!==l.__VISIBLE__.map((e=>e[n.value])).indexOf(e[n.value]))),R=()=>{let e=S.value.querySelector("[data-pointed]");if(!e)return;let l=e.parentElement.parentElement;i.value&&(l=w.value?e.parentElement.parentElement.parentElement:e.parentElement.parentElement.parentElement.parentElement),e.offsetTop+e.offsetHeight>l.clientHeight+l.scrollTop&&(l.scrollTop=e.offsetTop+e.offsetHeight-l.clientHeight),e.offsetTop<l.scrollTop&&(l.scrollTop=e.offsetTop)};return e.watch(g,(e=>{o.value&&(e.length&&u.value?I():y())})),e.watch(k,(l=>{if(l){let l=S.value.querySelectorAll("[data-selected]")[0];if(!l)return;let a=l.parentElement.parentElement;e.nextTick((()=>{a.scrollTop>0||(a.scrollTop=l.offsetTop)}))}})),{pointer:h,canPointGroups:C,isPointed:e=>!(!h.value||!(!e.group&&h.value[n.value]==e[n.value]||void 0!==e.group&&h.value[r.value]==e[r.value]))||void 0,setPointerFirst:I,selectPointer:()=>{h.value&&!0!==h.value[d.value]&&(w.value?f(h.value):m(h.value))},forwardPointer:()=>{if(null===h.value)b((i.value&&C.value?O.value[0]:L.value[0])||null);else if(i.value&&C.value){let e=w.value?x.value:N.value;void 0===e&&(e=B.value),b(e||null)}else{let e=L.value.map((e=>e[n.value])).indexOf(h.value[n.value])+1;L.value.length<=e&&(e=0),b(L.value[e]||null)}e.nextTick((()=>{R()}))},backwardPointer:()=>{if(null===h.value){let e=L.value[L.value.length-1];i.value&&C.value&&(e=_.value,void 0===e&&(e=T.value)),b(e||null)}else if(i.value&&C.value){let e=w.value?P.value:q.value;void 0===e&&(e=w.value?V.value:E.value),b(e||null)}else{let e=L.value.map((e=>e[n.value])).indexOf(h.value[n.value])-1;e<0&&(e=L.value.length-1),b(L.value[e]||null)}e.nextTick((()=>{R()}))}}}function s(l,a,t){const{disabled:n}=e.toRefs(l),u=e.getCurrentInstance().proxy,o=e.ref(!1);return{isOpen:o,open:()=>{o.value||n.value||(o.value=!0,a.emit("open",u))},close:()=>{o.value&&(o.value=!1,a.emit("close",u))}}}function c(l,a,t){const{searchable:n,disabled:u}=e.toRefs(l),o=t.input,r=t.open,i=t.close,s=t.clearSearch,c=t.isOpen,d=e.ref(null),v=e.ref(null),p=e.ref(!1),m=e.computed((()=>n.value||u.value?-1:0)),f=()=>{n.value&&o.value.blur(),d.value.blur()},g=()=>{n.value&&!u.value&&o.value.focus()},h=()=>{u.value||(p.value=!0,r())},b=()=>{p.value=!1,setTimeout((()=>{p.value||(i(),s())}),1)};return{multiselect:d,tags:v,tabindex:m,isActive:p,blur:f,focus:g,handleFocus:()=>{g()},activate:h,deactivate:b,handleCaretClick:()=>{b(),f()},handleMousedown:e=>{c.value&&(e.target.isEqualNode(d.value)||e.target.isEqualNode(v.value))?setTimeout((()=>{b()}),0):document.activeElement.isEqualNode(d.value)&&!c.value&&h()}}}function d(l,a,t){const{mode:n,addTagOn:u,openDirection:o,searchable:r,showOptions:i,valueProp:s,groups:c,addOptionOn:d,createTag:v,createOption:p,reverse:m}=e.toRefs(l),f=e.getCurrentInstance().proxy,g=t.iv,h=t.update,b=t.search,y=t.setPointer,S=t.selectPointer,k=t.backwardPointer,L=t.forwardPointer,O=t.isOpen,C=t.open,w=t.blur,E=t.fo,V=e.computed((()=>v.value||p.value||!1)),B=e.computed((()=>void 0!==u.value?u.value:void 0!==d.value?d.value:["enter"])),T=()=>{"tags"===n.value&&!i.value&&V.value&&r.value&&!c.value&&y(E.value[E.value.map((e=>e[s.value])).indexOf(b.value)])};return{handleKeydown:e=>{switch(a.emit("keydown",e,f),e.key){case"Backspace":if("single"===n.value)return;if(r.value&&-1===[null,""].indexOf(b.value))return;if(0===g.value.length)return;h([...g.value].slice(0,-1));break;case"Enter":if(e.preventDefault(),-1===B.value.indexOf("enter")&&V.value)return;T(),S();break;case" ":if(!V.value&&!r.value)return e.preventDefault(),T(),void S();if(!V.value)return!1;if(-1===B.value.indexOf("space")&&V.value)return;e.preventDefault(),T(),S();break;case"Tab":case";":case",":if(-1===B.value.indexOf(e.key.toLowerCase())||!V.value)return;T(),S(),e.preventDefault();break;case"Escape":w();break;case"ArrowUp":if(e.preventDefault(),!i.value)return;O.value||C(),k();break;case"ArrowDown":if(e.preventDefault(),!i.value)return;O.value||C(),L()}},handleKeyup:e=>{a.emit("keyup",e,f)},preparePointer:T}}function v(l,a,t){const{classes:n,disabled:u,openDirection:o,showOptions:r}=e.toRefs(l),i=t.isOpen,s=t.isPointed,c=t.isSelected,d=t.isDisabled,v=t.isActive,p=t.canPointGroups,m=t.resolving,f=t.fo,g=e.computed((()=>({container:"multiselect",containerDisabled:"is-disabled",containerOpen:"is-open",containerOpenTop:"is-open-top",containerActive:"is-active",singleLabel:"multiselect-single-label",singleLabelText:"multiselect-single-label-text",multipleLabel:"multiselect-multiple-label",search:"multiselect-search",tags:"multiselect-tags",tag:"multiselect-tag",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",spacer:"multiselect-spacer",...n.value}))),h=e.computed((()=>!!(i.value&&r.value&&(!m.value||m.value&&f.value.length))));return{classList:e.computed((()=>{const e=g.value;return{container:[e.container].concat(u.value?e.containerDisabled:[]).concat(h.value&&"top"===o.value?e.containerOpenTop:[]).concat(h.value&&"top"!==o.value?e.containerOpen:[]).concat(v.value?e.containerActive:[]),spacer:e.spacer,singleLabel:e.singleLabel,singleLabelText:e.singleLabelText,multipleLabel:e.multipleLabel,search:e.search,tags:e.tags,tag:[e.tag].concat(u.value?e.tagDisabled:[]),tagRemove:e.tagRemove,tagRemoveIcon:e.tagRemoveIcon,tagsSearchWrapper:e.tagsSearchWrapper,tagsSearch:e.tagsSearch,tagsSearchCopy:e.tagsSearchCopy,placeholder:e.placeholder,caret:[e.caret].concat(i.value?e.caretOpen:[]),clear:e.clear,clearIcon:e.clearIcon,spinner:e.spinner,inifinite:e.inifinite,inifiniteSpinner:e.inifiniteSpinner,dropdown:[e.dropdown].concat("top"===o.value?e.dropdownTop:[]).concat(i.value&&r.value&&h.value?[]:e.dropdownHidden),options:[e.options].concat("top"===o.value?e.optionsTop:[]),group:e.group,groupLabel:l=>{let a=[e.groupLabel];return s(l)?a.push(c(l)?e.groupLabelSelectedPointed:e.groupLabelPointed):c(l)&&p.value?a.push(d(l)?e.groupLabelSelectedDisabled:e.groupLabelSelected):d(l)&&a.push(e.groupLabelDisabled),p.value&&a.push(e.groupLabelPointable),a},groupOptions:e.groupOptions,option:(l,a)=>{let t=[e.option];return s(l)?t.push(c(l)?e.optionSelectedPointed:e.optionPointed):c(l)?t.push(d(l)?e.optionSelectedDisabled:e.optionSelected):(d(l)||a&&d(a))&&t.push(e.optionDisabled),t},noOptions:e.noOptions,noResults:e.noResults,fakeInput:e.fakeInput}})),showDropdown:h}}function p(l,a,t){const{limit:n,infinite:u}=e.toRefs(l),o=t.isOpen,r=t.offset,i=t.search,s=t.pfo,c=t.eo,d=e.ref(null),v=e.ref(null),p=e.computed((()=>r.value<s.value.length)),m=l=>{const{isIntersecting:a,target:t}=l[0];if(a){const l=t.offsetParent,a=l.scrollTop;r.value+=-1==n.value?10:n.value,e.nextTick((()=>{l.scrollTop=a}))}},f=()=>{o.value&&r.value<s.value.length?d.value.observe(v.value):!o.value&&d.value&&d.value.disconnect()};return e.watch(o,(()=>{u.value&&f()})),e.watch(i,(()=>{u.value&&(r.value=n.value,f())}),{flush:"post"}),e.watch(c,(()=>{u.value&&f()}),{immediate:!1,flush:"post"}),e.onMounted((()=>{window&&window.IntersectionObserver&&(d.value=new IntersectionObserver(m))})),{hasMore:p,infiniteLoader:v}}function m(l,a,t){const{placeholder:n,id:u,valueProp:o,label:r,mode:i,groupLabel:s}=e.toRefs(l),c=t.pointer,d=t.iv,v=t.isSelected,p=t.hasSelected,m=t.multipleLabelText,f=e.ref(null),g=e.computed((()=>{let e=[];return u&&u.value&&e.push(u.value),e.push("multiselect-options"),e.join("-")})),h=e.computed((()=>{let e=[];if(u&&u.value&&e.push(u.value),e.push("multiselect-option"),c.value&&void 0!==c.value[o.value])return e.push(c.value[o.value]),e.join("-")})),b=e.computed((()=>{let e=[];return f.value&&e.push(f.value),n.value&&!p.value&&e.push(n.value),"single"===i.value&&d.value&&void 0!==d.value[r.value]&&e.push(d.value[r.value]),"multiple"===i.value&&p.value&&e.push(m.value),"tags"===i.value&&p.value&&e.push(...d.value.map((e=>e[r.value]))),e.join(", ")})),y=e.computed((()=>b.value));return e.onMounted((()=>{u&&u.value&&document&&document.querySelector&&(f.value=document.querySelector(`[for="${u.value}"]`)?.innerText||null)})),{ariaOwns:g,ariaLabel:b,ariaPlaceholder:y,ariaActiveDescendant:h,ariaOptionId:e=>{let l=[];return u&&u.value&&l.push(u.value),l.push("multiselect-option"),l.push(e[o.value]),l.join("-")},ariaOptionLabel:e=>{let l=[];return v(e)&&l.push("✓"),l.push(e[r.value]),l.join(" ")},ariaGroupLabel:e=>{let l=[];return l.push(e[s.value]),l.join(" ")}}}var f={name:"Multiselect",emits:["paste","open","close","select","deselect","input","search-change","tag","option","update:modelValue","change","clear","keydown","keyup"],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,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,required:!1,default:"The list is empty"},noResultsText:{type:String,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},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}},setup:(e,l)=>function(e,l,a,t={}){return a.forEach((a=>{a&&(t={...t,...a(e,l,t)})})),t}(e,l,[t,u,s,n,a,c,r,p,i,d,v,m])};const g=["tabindex","id","dir","aria-owns","aria-expanded","aria-label","aria-placeholder","aria-activedescendant"],h=["type","modelValue","value","autocomplete","id","aria-owns","aria-expanded","aria-label","aria-placeholder","aria-activedescendant"],b=["onClick"],y=["type","modelValue","value","id","autocomplete","aria-owns","aria-expanded","aria-label","aria-placeholder","aria-activedescendant"],S=["innerHTML"],k=["innerHTML"],L=["id"],O=["data-pointed","onMouseenter","onClick"],C=["innerHTML"],w=["aria-label"],E=["data-pointed","data-selected","id","aria-label","onMouseenter","onClick"],V=["innerHTML"],B=["id","aria-label","data-pointed","data-selected","onMouseenter","onClick"],T=["innerHTML"],x=["innerHTML"],q=["innerHTML"],N=["value"],P=["name","value"],_=["name","value"];return f.render=function(l,a,t,n,u,o){return e.openBlock(),e.createElementBlock("div",{ref:"multiselect",tabindex:l.tabindex,class:e.normalizeClass(l.classList.container),id:t.searchable?void 0:t.id,dir:t.rtl?"rtl":void 0,"aria-owns":l.ariaOwns,"aria-expanded":l.isOpen,"aria-label":l.ariaLabel,"aria-placeholder":l.ariaPlaceholder,"aria-activedescendant":l.ariaActiveDescendant,onFocusin:a[8]||(a[8]=(...e)=>l.activate&&l.activate(...e)),onFocusout:a[9]||(a[9]=(...e)=>l.deactivate&&l.deactivate(...e)),onKeydown:a[10]||(a[10]=(...e)=>l.handleKeydown&&l.handleKeydown(...e)),onKeyup:a[11]||(a[11]=(...e)=>l.handleKeyup&&l.handleKeyup(...e)),onFocus:a[12]||(a[12]=(...e)=>l.handleFocus&&l.handleFocus(...e)),onMousedown:a[13]||(a[13]=(...e)=>l.handleMousedown&&l.handleMousedown(...e)),role:"combobox"},[e.createCommentVNode(" Search "),"tags"!==t.mode&&t.searchable&&!t.disabled?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,type:t.inputType,modelValue:l.search,value:l.search,class:l.classList.search,autocomplete:t.autocomplete,id:t.searchable?t.id:void 0},t.attrs,{"aria-owns":l.ariaOwns,"aria-expanded":l.isOpen,"aria-label":l.ariaLabel,"aria-placeholder":l.ariaPlaceholder,"aria-activedescendant":l.ariaActiveDescendant,onInput:a[0]||(a[0]=(...e)=>l.handleSearchInput&&l.handleSearchInput(...e)),onKeypress:a[1]||(a[1]=(...e)=>l.handleKeypress&&l.handleKeypress(...e)),onPaste:a[2]||(a[2]=e.withModifiers(((...e)=>l.handlePaste&&l.handlePaste(...e)),["stop"])),ref:"input",role:"combobox"}),null,16,h)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Tags (with search) "),"tags"==t.mode?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(l.classList.tags)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.iv,((a,n,u)=>e.renderSlot(l.$slots,"tag",{option:a,handleTagRemove:l.handleTagRemove,disabled:t.disabled},(()=>[(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(l.classList.tag),key:u},[e.createTextVNode(e.toDisplayString(a[t.label])+" ",1),t.disabled?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(l.classList.tagRemove),onClick:e=>l.handleTagRemove(a,e)},[e.createElementVNode("span",{class:e.normalizeClass(l.classList.tagRemoveIcon)},null,2)],10,b))],2))])))),256)),e.createElementVNode("div",{class:e.normalizeClass(l.classList.tagsSearchWrapper),ref:"tags"},[e.createCommentVNode(" Used for measuring search width "),e.createElementVNode("span",{class:e.normalizeClass(l.classList.tagsSearchCopy)},e.toDisplayString(l.search),3),e.createCommentVNode(" Actual search input "),t.searchable&&!t.disabled?(e.openBlock(),e.createElementBlock("input",e.mergeProps({key:0,type:t.inputType,modelValue:l.search,value:l.search,class:l.classList.tagsSearch,id:t.searchable?t.id:void 0,autocomplete:t.autocomplete},t.attrs,{"aria-owns":l.ariaOwns,"aria-expanded":l.isOpen,"aria-label":l.ariaLabel,"aria-placeholder":l.ariaPlaceholder,"aria-activedescendant":l.ariaActiveDescendant,onInput:a[3]||(a[3]=(...e)=>l.handleSearchInput&&l.handleSearchInput(...e)),onKeypress:a[4]||(a[4]=(...e)=>l.handleKeypress&&l.handleKeypress(...e)),onPaste:a[5]||(a[5]=e.withModifiers(((...e)=>l.handlePaste&&l.handlePaste(...e)),["stop"])),ref:"input",role:"combobox"}),null,16,y)):e.createCommentVNode("v-if",!0)],2)],2)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Single label "),"single"==t.mode&&l.hasSelected&&!l.search&&l.iv?e.renderSlot(l.$slots,"singlelabel",{key:2,value:l.iv},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.singleLabel)},[e.createElementVNode("span",{class:e.normalizeClass(l.classList.singleLabelText),innerHTML:l.iv[t.label]},null,10,S)],2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Multiple label "),"multiple"==t.mode&&l.hasSelected&&!l.search?e.renderSlot(l.$slots,"multiplelabel",{key:3,values:l.iv},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.multipleLabel),innerHTML:l.multipleLabelText},null,10,k)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Placeholder "),!t.placeholder||l.hasSelected||l.search?e.createCommentVNode("v-if",!0):e.renderSlot(l.$slots,"placeholder",{key:4},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.placeholder)},e.toDisplayString(t.placeholder),3)])),e.createCommentVNode(" Spinner "),t.loading||l.resolving?e.renderSlot(l.$slots,"spinner",{key:5},(()=>[e.createElementVNode("span",{class:e.normalizeClass(l.classList.spinner)},null,2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Clear "),l.hasSelected&&!t.disabled&&t.canClear&&!l.busy?e.renderSlot(l.$slots,"clear",{key:6,clear:l.clear},(()=>[e.createElementVNode("span",{class:e.normalizeClass(l.classList.clear),onClick:a[6]||(a[6]=(...e)=>l.clear&&l.clear(...e))},[e.createElementVNode("span",{class:e.normalizeClass(l.classList.clearIcon)},null,2)],2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Caret "),t.caret&&t.showOptions?e.renderSlot(l.$slots,"caret",{key:7},(()=>[e.createElementVNode("span",{class:e.normalizeClass(l.classList.caret),onClick:a[7]||(a[7]=(...e)=>l.handleCaretClick&&l.handleCaretClick(...e))},null,2)])):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Options "),e.createElementVNode("div",{class:e.normalizeClass(l.classList.dropdown),tabindex:"-1"},[e.renderSlot(l.$slots,"beforelist",{options:l.fo}),e.createElementVNode("ul",{class:e.normalizeClass(l.classList.options),id:l.ariaOwns,role:"listbox"},[t.groups?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(l.fg,((a,n,u)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(l.classList.group),key:u},[e.createElementVNode("div",{class:e.normalizeClass(l.classList.groupLabel(a)),"data-pointed":l.isPointed(a),onMouseenter:e=>l.setPointer(a),onClick:e=>l.handleGroupClick(a),role:"none"},[e.renderSlot(l.$slots,"grouplabel",{group:a,isSelected:l.isSelected,isPointed:l.isPointed},(()=>[e.createElementVNode("span",{innerHTML:a[t.groupLabel]},null,8,C)]))],42,O),e.createElementVNode("ul",{class:e.normalizeClass(l.classList.groupOptions),"aria-label":l.ariaGroupLabel(a),role:"group"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.__VISIBLE__,((n,u,o)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(l.classList.option(n,a)),key:o,"data-pointed":l.isPointed(n),"data-selected":l.isSelected(n)||void 0,id:l.ariaOptionId(n),"aria-label":l.ariaOptionLabel(n),onMouseenter:e=>l.setPointer(n),onClick:e=>l.handleOptionClick(n),role:"option"},[e.renderSlot(l.$slots,"option",{option:n,isSelected:l.isSelected,isPointed:l.isPointed,search:l.search},(()=>[e.createElementVNode("span",{innerHTML:n[t.label]},null,8,V)]))],42,E)))),128))],10,w)],2)))),128)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.fo,((a,n,u)=>(e.openBlock(),e.createElementBlock("li",{id:l.ariaOptionId(a),"aria-label":l.ariaOptionLabel(a),class:e.normalizeClass(l.classList.option(a)),key:u,"data-pointed":l.isPointed(a),"data-selected":l.isSelected(a)||void 0,onMouseenter:e=>l.setPointer(a),onClick:e=>l.handleOptionClick(a),role:"option"},[e.renderSlot(l.$slots,"option",{option:a,isSelected:l.isSelected,isPointed:l.isPointed,search:l.search},(()=>[e.createElementVNode("span",{innerHTML:a[t.label]},null,8,T)]))],42,B)))),128))],10,L),l.noOptions?e.renderSlot(l.$slots,"nooptions",{key:0},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.noOptions),innerHTML:t.noOptionsText},null,10,x)])):e.createCommentVNode("v-if",!0),l.noResults?e.renderSlot(l.$slots,"noresults",{key:1},(()=>[e.createElementVNode("div",{class:e.normalizeClass(l.classList.noResults),innerHTML:t.noResultsText},null,10,q)])):e.createCommentVNode("v-if",!0),t.infinite&&l.hasMore?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(l.classList.inifinite),ref:"infiniteLoader"},[e.renderSlot(l.$slots,"infinite",{},(()=>[e.createElementVNode("span",{class:e.normalizeClass(l.classList.inifiniteSpinner)},null,2)]))],2)):e.createCommentVNode("v-if",!0),e.renderSlot(l.$slots,"afterlist",{options:l.fo})],2),e.createCommentVNode(" Hacky input element to show HTML5 required warning "),t.required?(e.openBlock(),e.createElementBlock("input",{key:8,class:e.normalizeClass(l.classList.fakeInput),tabindex:"-1",value:l.textValue,required:""},null,10,N)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Native input support "),t.nativeSupport?(e.openBlock(),e.createElementBlock(e.Fragment,{key:9},["single"==t.mode?(e.openBlock(),e.createElementBlock("input",{key:0,type:"hidden",name:t.name,value:void 0!==l.plainValue?l.plainValue:""},null,8,P)):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.plainValue,((l,a)=>(e.openBlock(),e.createElementBlock("input",{type:"hidden",name:`${t.name}[]`,value:l,key:a},null,8,_)))),128))],64)):e.createCommentVNode("v-if",!0),e.createCommentVNode(" Create height for empty input "),e.createElementVNode("div",{class:e.normalizeClass(l.classList.spacer)},null,2)],42,g)},f.__file="src/Multiselect.vue",f}(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:n,valueProp:i,mode:r}=e.toRefs(l),o=e.getCurrentInstance().proxy,s=u.iv,c=e=>n.value||a(e)?e:Array.isArray(e)?e.map((e=>e[i.value])):e[i.value],v=e=>a(e)?"single"===r.value?{}:[]:e;return{update:e=>{s.value=v(e);const a=c(e);t.emit("change",a,o),t.emit("input",a),t.emit("update:modelValue",a)}}}function t(a,l){const{value:t,modelValue:u,mode:n,valueProp:i}=e.toRefs(a),r=e.ref("single"!==n.value?[]:{}),o=void 0!==l.expose?u:t,s=e.computed((()=>"single"===n.value?r.value[i.value]:r.value.map((e=>e[i.value])))),c=e.computed((()=>"single"!==n.value?r.value.map((e=>e[i.value])).join(","):r.value[i.value]));return{iv:r,internalValue:r,ev:o,externalValue:o,textValue:c,plainValue:s}}function u(a,l,t){const{regex:u}=e.toRefs(a),n=e.getCurrentInstance().proxy,i=t.isOpen,r=t.open,o=e.ref(null),s=e.ref(null);return e.watch(o,(e=>{!i.value&&e&&r(),l.emit("search-change",e,n)})),{search:o,input:s,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,n)}}}function n(a,l,t){const{groupSelect:u,mode:n,groups:i,disabledProp:r}=e.toRefs(a),o=e.ref(null),s=e=>{void 0===e||null!==e&&e[r.value]||i.value&&e&&e.group&&("single"===n.value||!u.value)||(o.value=e)};return{pointer:o,setPointer:s,clearPointer:()=>{s(null)}}}function i(e,a=!0){return a?String(e).toLowerCase().trim():String(e).normalize("NFD").replace(/\p{Diacritic}/gu,"").toLowerCase().trim()}function r(l,t,u){const{options:n,mode:r,trackBy:o,limit:s,hideSelected:c,createTag:v,createOption:p,label:d,appendNewTag:f,appendNewOption:m,multipleLabel:g,object:h,loading:b,delay:_,resolveOnLoad:y,minChars:O,filterResults:S,clearOnSearch:L,clearOnSelect:w,valueProp:P,canDeselect:x,max:T,strict:q,closeOnSelect:k,groups:E,reverse:I,infinite:R,groupOptions:C,groupHideEmpty:B,groupSelect:D,onCreate:V,disabledProp:A,searchStart:j}=e.toRefs(l),N=e.getCurrentInstance().proxy,M=u.iv,H=u.ev,F=u.search,$=u.clearSearch,G=u.update,K=u.pointer,W=u.clearPointer,U=u.focus,X=u.deactivate,z=u.close,J=e.ref([]),Q=e.ref([]),Y=e.ref(!1),Z=e.ref(null),ee=e.ref(R.value&&-1===s.value?10:s.value),ae=e.computed((()=>v.value||p.value||!1)),le=e.computed((()=>void 0!==f.value?f.value:void 0===m.value||m.value)),te=e.computed((()=>{if(E.value){let e=Q.value||[],a=[];return e.forEach((e=>{Re(e[C.value]).forEach((l=>{a.push(Object.assign({},l,e[A.value]?{[A.value]:!0}:{}))}))})),a}{let e=Re(Q.value||[]);return J.value.length&&(e=e.concat(J.value)),e}})),ue=e.computed((()=>E.value?Ee((Q.value||[]).map((e=>{const a=Re(e[C.value]);return{...e,group:!0,[C.value]:Ie(a,!1).map((a=>Object.assign({},a,e[A.value]?{[A.value]:!0}:{}))),__VISIBLE__:Ie(a).map((a=>Object.assign({},a,e[A.value]?{[A.value]:!0}:{})))}}))):[])),ne=e.computed((()=>{let e=te.value;return I.value&&(e=e.reverse()),ve.value.length&&(e=ve.value.concat(e)),Ie(e)})),ie=e.computed((()=>{let e=ne.value;return ee.value>0&&(e=e.slice(0,ee.value)),e})),re=e.computed((()=>{switch(r.value){case"single":return!a(M.value[P.value]);case"multiple":case"tags":return!a(M.value)&&M.value.length>0}})),oe=e.computed((()=>void 0!==g&&void 0!==g.value?g.value(M.value,N):M.value&&M.value.length>1?`${M.value.length} options selected`:"1 option selected")),se=e.computed((()=>!te.value.length&&!Y.value&&!ve.value.length)),ce=e.computed((()=>te.value.length>0&&0==ie.value.length&&(F.value&&E.value||!E.value))),ve=e.computed((()=>!1!==ae.value&&F.value?-1!==qe(F.value)?[]:[{[P.value]:F.value,[d.value]:F.value,[pe.value]:F.value,__CREATE__:!0}]:[])),pe=e.computed((()=>o.value||d.value)),de=e.computed((()=>{switch(r.value){case"single":return null;case"multiple":case"tags":return[]}})),fe=e.computed((()=>b.value||Y.value)),me=e=>{switch("object"!=typeof e&&(e=Te(e)),r.value){case"single":G(e);break;case"multiple":case"tags":G(M.value.concat(e))}t.emit("select",he(e),e,N)},ge=e=>{switch("object"!=typeof e&&(e=Te(e)),r.value){case"single":_e();break;case"tags":case"multiple":G(Array.isArray(e)?M.value.filter((a=>-1===e.map((e=>e[P.value])).indexOf(a[P.value]))):M.value.filter((a=>a[P.value]!=e[P.value])))}t.emit("deselect",he(e),e,N)},he=e=>h.value?e:e[P.value],be=e=>{ge(e)},_e=()=>{t.emit("clear",N),G(de.value)},ye=e=>{if(void 0!==e.group)return"single"!==r.value&&(xe(e[C.value])&&e[C.value].length);switch(r.value){case"single":return!a(M.value)&&M.value[P.value]==e[P.value];case"tags":case"multiple":return!a(M.value)&&-1!==M.value.map((e=>e[P.value])).indexOf(e[P.value])}},Oe=e=>!0===e[A.value],Se=()=>!(void 0===T||-1===T.value||!re.value&&T.value>0)&&M.value.length>=T.value,Le=e=>{switch(e.__CREATE__&&delete(e={...e}).__CREATE__,r.value){case"single":if(e&&ye(e))return void(x.value&&ge(e));e&&we(e),w.value&&$(),k.value&&(W(),z()),e&&me(e);break;case"multiple":if(e&&ye(e))return void ge(e);if(Se())return;e&&(we(e),me(e)),w.value&&$(),c.value&&W(),k.value&&z();break;case"tags":if(e&&ye(e))return void ge(e);if(Se())return;e&&we(e),w.value&&$(),e&&me(e),c.value&&W(),k.value&&z()}k.value||U()},we=e=>{void 0===Te(e[P.value])&&ae.value&&(t.emit("tag",e[P.value],N),t.emit("option",e[P.value],N),le.value&&ke(e),$())},Pe=e=>void 0===e.find((e=>!ye(e)&&!e[A.value])),xe=e=>void 0===e.find((e=>!ye(e))),Te=e=>te.value[te.value.map((e=>String(e[P.value]))).indexOf(String(e))],qe=(e,a)=>te.value.map((e=>parseInt(e[pe.value])==e[pe.value]?parseInt(e[pe.value]):e[pe.value])).indexOf(parseInt(e)==e?parseInt(e):e),ke=e=>{J.value.push(e)},Ee=e=>B.value?e.filter((e=>F.value?e.__VISIBLE__.length:e[C.value].length)):e.filter((e=>!F.value||e.__VISIBLE__.length)),Ie=(e,a=!0)=>{let l=e;return F.value&&S.value&&(l=l.filter((e=>j.value?i(e[pe.value],q.value).startsWith(i(F.value,q.value)):-1!==i(e[pe.value],q.value).indexOf(i(F.value,q.value))))),c.value&&a&&(l=l.filter((e=>!(e=>-1!==["tags","multiple"].indexOf(r.value)&&c.value&&ye(e))(e)))),l},Re=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{[P.value]:e,[pe.value]:l,[d.value]:l}}))),a=a.map((e=>"object"==typeof e?e:{[P.value]:e,[pe.value]:e,[d.value]:e})),a},Ce=()=>{a(H.value)||(M.value=Ve(H.value))},Be=e=>(Y.value=!0,new Promise(((a,l)=>{n.value(F.value,N).then((a=>{Q.value=a||[],"function"==typeof e&&e(a),Y.value=!1})).catch((e=>{console.error(e),Q.value=[],Y.value=!1})).finally((()=>{a()}))}))),De=()=>{if(re.value)if("single"===r.value){let e=Te(M.value[P.value]);if(void 0!==e){let a=e[d.value];M.value[d.value]=a,h.value&&(H.value[d.value]=a)}}else M.value.forEach(((e,a)=>{let l=Te(M.value[a][P.value]);if(void 0!==l){let e=l[d.value];M.value[a][d.value]=e,h.value&&(H.value[a][d.value]=e)}}))},Ve=e=>a(e)?"single"===r.value?{}:[]:h.value?e:"single"===r.value?Te(e)||{}:e.filter((e=>!!Te(e))).map((e=>Te(e))),Ae=()=>{Z.value=e.watch(F,(e=>{e.length<O.value||!e&&0!==O.value||(Y.value=!0,L.value&&(Q.value=[]),setTimeout((()=>{e==F.value&&n.value(F.value,N).then((a=>{e!=F.value&&F.value||(Q.value=a,K.value=ie.value.filter((e=>!0!==e[A.value]))[0]||null,Y.value=!1)})).catch((e=>{console.error(e)}))}),_.value))}),{flush:"sync"})};if("single"!==r.value&&!a(H.value)&&!Array.isArray(H.value))throw new Error(`v-model must be an array when using "${r.value}" mode`);return n&&"function"==typeof n.value?y.value?Be(Ce):1==h.value&&Ce():(Q.value=n.value,Ce()),_.value>-1&&Ae(),e.watch(_,((e,a)=>{Z.value&&Z.value(),e>=0&&Ae()})),e.watch(H,(e=>{if(a(e))M.value=Ve(e);else switch(r.value){case"single":(h.value?e[P.value]!=M.value[P.value]:e!=M.value[P.value])&&(M.value=Ve(e));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[P.value])):e,M.value.map((e=>e[P.value])))||(M.value=Ve(e))}}),{deep:!0}),e.watch(n,((e,a)=>{"function"==typeof l.options?y.value&&Be():(Q.value=l.options,Object.keys(M.value).length||Ce(),De())})),e.watch(d,De),{pfo:ne,fo:ie,filteredOptions:ie,hasSelected:re,multipleLabelText:oe,eo:te,extendedOptions:te,fg:ue,filteredGroups:ue,noOptions:se,noResults:ce,resolving:Y,busy:fe,offset:ee,select:me,deselect:ge,remove:be,selectAll:()=>{"single"!==r.value&&me(ie.value)},clear:_e,isSelected:ye,isDisabled:Oe,isMax:Se,getOption:Te,handleOptionClick:e=>{if(!Oe(e))return V&&V.value&&!ye(e)&&e.__CREATE__&&(delete(e={...e}).__CREATE__,(e=V.value(e,N))instanceof Promise)?(Y.value=!0,void e.then((e=>{Y.value=!1,Le(e)}))):void Le(e)},handleGroupClick:e=>{if(!Oe(e)&&"single"!==r.value&&D.value){switch(r.value){case"multiple":case"tags":Pe(e[C.value])?ge(e[C.value]):me(e[C.value].filter((e=>-1===M.value.map((e=>e[P.value])).indexOf(e[P.value]))).filter((e=>!e[A.value])).filter(((e,a)=>M.value.length+1+a<=T.value||-1===T.value)))}k.value&&X()}},handleTagRemove:(e,a)=>{0===a.button?be(e):a.preventDefault()},refreshOptions:e=>{Be(e)},resolveOptions:Be,refreshLabels:De}}function o(a,l,t){const{valueProp:u,showOptions:n,searchable:i,groupLabel:r,groups:o,mode:s,groupSelect:c,disabledProp:v}=e.toRefs(a),p=t.fo,d=t.fg,f=t.handleOptionClick,m=t.handleGroupClick,g=t.search,h=t.pointer,b=t.setPointer,_=t.clearPointer,y=t.multiselect,O=t.isOpen,S=e.computed((()=>p.value.filter((e=>!e[v.value])))),L=e.computed((()=>d.value.filter((e=>!e[v.value])))),w=e.computed((()=>"single"!==s.value&&c.value)),P=e.computed((()=>h.value&&h.value.group)),x=e.computed((()=>V(h.value))),T=e.computed((()=>{const e=P.value?h.value:V(h.value),a=L.value.map((e=>e[r.value])).indexOf(e[r.value]);let l=L.value[a-1];return void 0===l&&(l=k.value),l})),q=e.computed((()=>{let e=L.value.map((e=>e.label)).indexOf(P.value?h.value[r.value]:V(h.value)[r.value])+1;return L.value.length<=e&&(e=0),L.value[e]})),k=e.computed((()=>[...L.value].slice(-1)[0])),E=e.computed((()=>h.value.__VISIBLE__.filter((e=>!e[v.value]))[0])),I=e.computed((()=>{const e=x.value.__VISIBLE__.filter((e=>!e[v.value]));return e[e.map((e=>e[u.value])).indexOf(h.value[u.value])-1]})),R=e.computed((()=>{const e=V(h.value).__VISIBLE__.filter((e=>!e[v.value]));return e[e.map((e=>e[u.value])).indexOf(h.value[u.value])+1]})),C=e.computed((()=>[...T.value.__VISIBLE__.filter((e=>!e[v.value]))].slice(-1)[0])),B=e.computed((()=>[...k.value.__VISIBLE__.filter((e=>!e[v.value]))].slice(-1)[0])),D=()=>{b(S.value[0]||null)},V=e=>L.value.find((a=>-1!==a.__VISIBLE__.map((e=>e[u.value])).indexOf(e[u.value]))),A=()=>{let e=y.value.querySelector("[data-pointed]");if(!e)return;let a=e.parentElement.parentElement;o.value&&(a=P.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(g,(e=>{i.value&&(e.length&&n.value?D():_())})),e.watch(O,(a=>{if(a){let a=y.value.querySelectorAll("[data-selected]")[0];if(!a)return;let l=a.parentElement.parentElement;e.nextTick((()=>{l.scrollTop>0||(l.scrollTop=a.offsetTop)}))}})),{pointer:h,canPointGroups:w,isPointed:e=>!(!h.value||!(!e.group&&h.value[u.value]==e[u.value]||void 0!==e.group&&h.value[r.value]==e[r.value]))||void 0,setPointerFirst:D,selectPointer:()=>{h.value&&!0!==h.value[v.value]&&(P.value?m(h.value):f(h.value))},forwardPointer:()=>{if(null===h.value)b((o.value&&w.value?L.value[0]:S.value[0])||null);else if(o.value&&w.value){let e=P.value?E.value:R.value;void 0===e&&(e=q.value),b(e||null)}else{let e=S.value.map((e=>e[u.value])).indexOf(h.value[u.value])+1;S.value.length<=e&&(e=0),b(S.value[e]||null)}e.nextTick((()=>{A()}))},backwardPointer:()=>{if(null===h.value){let e=S.value[S.value.length-1];o.value&&w.value&&(e=B.value,void 0===e&&(e=k.value)),b(e||null)}else if(o.value&&w.value){let e=P.value?C.value:I.value;void 0===e&&(e=P.value?T.value:x.value),b(e||null)}else{let e=S.value.map((e=>e[u.value])).indexOf(h.value[u.value])-1;e<0&&(e=S.value.length-1),b(S.value[e]||null)}e.nextTick((()=>{A()}))}}}function s(a,l,t){const{disabled:u}=e.toRefs(a),n=e.getCurrentInstance().proxy,i=e.ref(!1);return{isOpen:i,open:()=>{i.value||u.value||(i.value=!0,l.emit("open",n))},close:()=>{i.value&&(i.value=!1,l.emit("close",n))}}}function c(a,l,t){const{searchable:u,disabled:n}=e.toRefs(a),i=t.input,r=t.open,o=t.close,s=t.clearSearch,c=t.isOpen,v=e.ref(null),p=e.ref(null),d=e.ref(!1),f=e.computed((()=>u.value||n.value?-1:0)),m=()=>{u.value&&i.value.blur(),v.value.blur()},g=()=>{u.value&&!n.value&&i.value.focus()},h=()=>{n.value||(d.value=!0,r())},b=()=>{d.value=!1,setTimeout((()=>{d.value||(o(),s())}),1)};return{multiselect:v,tags:p,tabindex:f,isActive:d,blur:m,focus:g,handleFocus:()=>{g()},activate:h,deactivate:b,handleCaretClick:()=>{b(),m()},handleMousedown:e=>{c.value&&(e.target.isEqualNode(v.value)||e.target.isEqualNode(p.value))?setTimeout((()=>{b()}),0):document.activeElement.isEqualNode(v.value)&&!c.value&&h()}}}function v(a,l,t){const{mode:u,addTagOn:n,openDirection:i,searchable:r,showOptions:o,valueProp:s,groups:c,addOptionOn:v,createTag:p,createOption:d,reverse:f}=e.toRefs(a),m=e.getCurrentInstance().proxy,g=t.iv,h=t.update,b=t.search,_=t.setPointer,y=t.selectPointer,O=t.backwardPointer,S=t.forwardPointer,L=t.isOpen,w=t.open,P=t.blur,x=t.fo,T=e.computed((()=>p.value||d.value||!1)),q=e.computed((()=>void 0!==n.value?n.value:void 0!==v.value?v.value:["enter"])),k=()=>{"tags"===u.value&&!o.value&&T.value&&r.value&&!c.value&&_(x.value[x.value.map((e=>e[s.value])).indexOf(b.value)])};return{handleKeydown:e=>{switch(l.emit("keydown",e,m),e.key){case"Backspace":if("single"===u.value)return;if(r.value&&-1===[null,""].indexOf(b.value))return;if(0===g.value.length)return;h([...g.value].slice(0,-1));break;case"Enter":if(e.preventDefault(),-1===q.value.indexOf("enter")&&T.value)return;k(),y();break;case" ":if(!T.value&&!r.value)return e.preventDefault(),k(),void y();if(!T.value)return!1;if(-1===q.value.indexOf("space")&&T.value)return;e.preventDefault(),k(),y();break;case"Tab":case";":case",":if(-1===q.value.indexOf(e.key.toLowerCase())||!T.value)return;k(),y(),e.preventDefault();break;case"Escape":P();break;case"ArrowUp":if(e.preventDefault(),!o.value)return;L.value||w(),O();break;case"ArrowDown":if(e.preventDefault(),!o.value)return;L.value||w(),S()}},handleKeyup:e=>{l.emit("keyup",e,m)},preparePointer:k}}function p(a,l,t){const{classes:u,disabled:n,openDirection:i,showOptions:r}=e.toRefs(a),o=t.isOpen,s=t.isPointed,c=t.isSelected,v=t.isDisabled,p=t.isActive,d=t.canPointGroups,f=t.resolving,m=t.fo,g=e.computed((()=>({container:"multiselect",containerDisabled:"is-disabled",containerOpen:"is-open",containerOpenTop:"is-open-top",containerActive:"is-active",singleLabel:"multiselect-single-label",singleLabelText:"multiselect-single-label-text",multipleLabel:"multiselect-multiple-label",search:"multiselect-search",tags:"multiselect-tags",tag:"multiselect-tag",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",spacer:"multiselect-spacer",...u.value}))),h=e.computed((()=>!!(o.value&&r.value&&(!f.value||f.value&&m.value.length))));return{classList:e.computed((()=>{const e=g.value;return{container:[e.container].concat(n.value?e.containerDisabled:[]).concat(h.value&&"top"===i.value?e.containerOpenTop:[]).concat(h.value&&"top"!==i.value?e.containerOpen:[]).concat(p.value?e.containerActive:[]),spacer:e.spacer,singleLabel:e.singleLabel,singleLabelText:e.singleLabelText,multipleLabel:e.multipleLabel,search:e.search,tags:e.tags,tag:[e.tag].concat(n.value?e.tagDisabled:[]),tagRemove:e.tagRemove,tagRemoveIcon:e.tagRemoveIcon,tagsSearchWrapper:e.tagsSearchWrapper,tagsSearch:e.tagsSearch,tagsSearchCopy:e.tagsSearchCopy,placeholder:e.placeholder,caret:[e.caret].concat(o.value?e.caretOpen:[]),clear:e.clear,clearIcon:e.clearIcon,spinner:e.spinner,inifinite:e.inifinite,inifiniteSpinner:e.inifiniteSpinner,dropdown:[e.dropdown].concat("top"===i.value?e.dropdownTop:[]).concat(o.value&&r.value&&h.value?[]:e.dropdownHidden),options:[e.options].concat("top"===i.value?e.optionsTop:[]),group:e.group,groupLabel:a=>{let l=[e.groupLabel];return s(a)?l.push(c(a)?e.groupLabelSelectedPointed:e.groupLabelPointed):c(a)&&d.value?l.push(v(a)?e.groupLabelSelectedDisabled:e.groupLabelSelected):v(a)&&l.push(e.groupLabelDisabled),d.value&&l.push(e.groupLabelPointable),l},groupOptions:e.groupOptions,option:(a,l)=>{let t=[e.option];return s(a)?t.push(c(a)?e.optionSelectedPointed:e.optionPointed):c(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,fakeInput:e.fakeInput}})),showDropdown:h}}function d(a,l,t){const{limit:u,infinite:n}=e.toRefs(a),i=t.isOpen,r=t.offset,o=t.search,s=t.pfo,c=t.eo,v=e.ref(null),p=e.ref(null),d=e.computed((()=>r.value<s.value.length)),f=a=>{const{isIntersecting:l,target:t}=a[0];if(l){const a=t.offsetParent,l=a.scrollTop;r.value+=-1==u.value?10:u.value,e.nextTick((()=>{a.scrollTop=l}))}},m=()=>{i.value&&r.value<s.value.length?v.value.observe(p.value):!i.value&&v.value&&v.value.disconnect()};return e.watch(i,(()=>{n.value&&m()})),e.watch(o,(()=>{n.value&&(r.value=u.value,m())}),{flush:"post"}),e.watch(c,(()=>{n.value&&m()}),{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:n,valueProp:i,label:r,mode:o,groupLabel:s}=e.toRefs(a),c=t.pointer,v=t.iv,p=t.isSelected,d=t.hasSelected,f=t.multipleLabelText,m=e.ref(null),g=e.computed((()=>{let e=[];return n&&n.value&&e.push(n.value),e.push("multiselect-options"),e.join("-")})),h=e.computed((()=>{let e=[];if(n&&n.value&&e.push(n.value),e.push("multiselect-option"),c.value&&void 0!==c.value[i.value])return e.push(c.value[i.value]),e.join("-")})),b=e.computed((()=>{let e=[];return m.value&&e.push(m.value),u.value&&!d.value&&e.push(u.value),"single"===o.value&&v.value&&void 0!==v.value[r.value]&&e.push(v.value[r.value]),"multiple"===o.value&&d.value&&e.push(f.value),"tags"===o.value&&d.value&&e.push(...v.value.map((e=>e[r.value]))),e.join(", ")})),_=e.computed((()=>b.value));return e.onMounted((()=>{n&&n.value&&(m.value=document.querySelector(`[for="${n.value}"]`)?.innerText||null)})),{ariaOwns:g,ariaLabel:b,ariaPlaceholder:_,ariaActiveDescendant:h,ariaOptionId:e=>{let a=[];return n&&n.value&&a.push(n.value),a.push("multiselect-option"),a.push(e[i.value]),a.join("-")},ariaOptionLabel:e=>{let a=[];return p(e)&&a.push("✓"),a.push(e[r.value]),a.join(" ")},ariaGroupLabel:e=>{let a=[];return a.push(e[s.value]),a.join(" ")}}}function m(e,a,l,t,u,n,i,r,o,s){"boolean"!=typeof i&&(o=r,r=i,i=!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),n?(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(n)},c._ssrRegister=v):a&&(v=i?function(e){a.call(this,s(e,this.$root.$options.shadowRoot))}:function(e){a.call(this,r(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 g={name:"Multiselect",emits:["paste","open","close","select","deselect","input","search-change","tag","option","update:modelValue","change","clear","keydown","keyup"],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,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,required:!1,default:"The list is empty"},noResultsText:{type:String,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},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}},setup:(e,a)=>function(e,a,l,t={}){return l.forEach((l=>{l&&(t={...t,...l(e,a,t)})})),t}(e,a,[t,n,s,u,l,c,r,d,o,v,p,f])};var h=function(){var e=this,a=e.$createElement,l=e._self._c||a;return l("div",{ref:"multiselect",class:e.classList.container,attrs:{tabindex:e.tabindex,id:e.searchable?void 0:e.id,dir:e.rtl?"rtl":void 0,"aria-owns":e.ariaOwns,"aria-expanded":e.isOpen,"aria-label":e.ariaLabel,"aria-placeholder":e.ariaPlaceholder,"aria-activedescendant":e.ariaActiveDescendant,role:"combobox"},on:{focusin:e.activate,focusout:e.deactivate,keydown:e.handleKeydown,keyup:e.handleKeyup,focus:e.handleFocus,mousedown:e.handleMousedown}},["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-owns":e.ariaOwns,"aria-expanded":e.isOpen,"aria-label":e.ariaLabel,"aria-placeholder":e.ariaPlaceholder,"aria-activedescendant":e.ariaActiveDescendant,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",e.attrs,!1))]:e._e(),e._v(" "),"tags"==e.mode?[l("div",{class:e.classList.tags},[e._l(e.iv,(function(a,t,u){return e._t("tag",(function(){return[l("span",{key:u,class:e.classList.tag},[e._v("\n          "+e._s(a[e.label])+"\n          "),e.disabled?e._e():l("span",{class:e.classList.tagRemove,on:{click:function(l){return 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-owns":e.ariaOwns,"aria-expanded":e.isOpen,"aria-label":e.ariaLabel,"aria-placeholder":e.ariaPlaceholder,"aria-activedescendant":e.ariaActiveDescendant,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",e.attrs,!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,domProps:{innerHTML:e._s(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},[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})]})):e._e(),e._v(" "),e.hasSelected&&!e.disabled&&e.canClear&&!e.busy?e._t("clear",(function(){return[l("span",{class:e.classList.clear,on:{click:e.clear}},[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,on:{click:e.handleCaretClick}})]})):e._e(),e._v(" "),l("div",{class:e.classList.dropdown,attrs:{tabindex:"-1"}},[e._t("beforelist",null,{options:e.fo}),e._v(" "),l("ul",{class:e.classList.options,attrs:{id:e.ariaOwns,role:"listbox"}},[e.groups?e._l(e.fg,(function(a,t,u){return l("li",{key:u,class:e.classList.group},[l("div",{class:e.classList.groupLabel(a),attrs:{"data-pointed":e.isPointed(a),role:"none"},on:{mouseenter:function(l){return e.setPointer(a)},click:function(l){return e.handleGroupClick(a)}}},[e._t("grouplabel",(function(){return[l("span",{domProps:{innerHTML:e._s(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(a),role:"group"}},e._l(a.__VISIBLE__,(function(t,u,n){return l("li",{key:n,class:e.classList.option(t,a),attrs:{"data-pointed":e.isPointed(t),"data-selected":e.isSelected(t)||void 0,id:e.ariaOptionId(t),"aria-label":e.ariaOptionLabel(t),role:"option"},on:{mouseenter:function(a){return e.setPointer(t)},click:function(a){return e.handleOptionClick(t)}}},[e._t("option",(function(){return[l("span",{domProps:{innerHTML:e._s(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:{id:e.ariaOptionId(a),"aria-label":e.ariaOptionLabel(a),"data-pointed":e.isPointed(a),"data-selected":e.isSelected(a)||void 0,role:"option"},on:{mouseenter:function(l){return e.setPointer(a)},click:function(l){return e.handleOptionClick(a)}}},[e._t("option",(function(){return[l("span",{domProps:{innerHTML:e._s(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.noOptionsText)}})]})):e._e(),e._v(" "),e.noResults?e._t("noresults",(function(){return[l("div",{class:e.classList.noResults,domProps:{innerHTML:e._s(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(" "),l("div",{class:e.classList.spacer})],2)};h._withStripped=!0;return m({render:h,staticRenderFns:[]},undefined,g,undefined,false,undefined,!1,void 0,void 0,void 0)}(VueCompositionAPI);
+var VueformMultiselect=function(e){"use strict";function a(e){return-1!==[null,void 0].indexOf(e)}function l(l,t,u){const{object:n,valueProp:i,mode:r}=e.toRefs(l),o=e.getCurrentInstance().proxy,s=u.iv,c=e=>n.value||a(e)?e:Array.isArray(e)?e.map((e=>e[i.value])):e[i.value],v=e=>a(e)?"single"===r.value?{}:[]:e;return{update:e=>{s.value=v(e);const a=c(e);t.emit("change",a,o),t.emit("input",a),t.emit("update:modelValue",a)}}}function t(a,l){const{value:t,modelValue:u,mode:n,valueProp:i}=e.toRefs(a),r=e.ref("single"!==n.value?[]:{}),o=void 0!==l.expose?u:t,s=e.computed((()=>"single"===n.value?r.value[i.value]:r.value.map((e=>e[i.value])))),c=e.computed((()=>"single"!==n.value?r.value.map((e=>e[i.value])).join(","):r.value[i.value]));return{iv:r,internalValue:r,ev:o,externalValue:o,textValue:c,plainValue:s}}function u(a,l,t){const{regex:u}=e.toRefs(a),n=e.getCurrentInstance().proxy,i=t.isOpen,r=t.open,o=e.ref(null),s=e.ref(null);return e.watch(o,(e=>{!i.value&&e&&r(),l.emit("search-change",e,n)})),{search:o,input:s,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,n)}}}function n(a,l,t){const{groupSelect:u,mode:n,groups:i,disabledProp:r}=e.toRefs(a),o=e.ref(null),s=e=>{void 0===e||null!==e&&e[r.value]||i.value&&e&&e.group&&("single"===n.value||!u.value)||(o.value=e)};return{pointer:o,setPointer:s,clearPointer:()=>{s(null)}}}function i(e,a=!0){return a?String(e).toLowerCase().trim():String(e).normalize("NFD").replace(/\p{Diacritic}/gu,"").toLowerCase().trim()}function r(l,t,u){const{options:n,mode:r,trackBy:o,limit:s,hideSelected:c,createTag:v,createOption:p,label:d,appendNewTag:f,appendNewOption:m,multipleLabel:g,object:h,loading:b,delay:_,resolveOnLoad:y,minChars:O,filterResults:S,clearOnSearch:L,clearOnSelect:w,valueProp:P,canDeselect:x,max:T,strict:q,closeOnSelect:k,groups:E,reverse:I,infinite:R,groupOptions:C,groupHideEmpty:B,groupSelect:D,onCreate:V,disabledProp:A,searchStart:j}=e.toRefs(l),N=e.getCurrentInstance().proxy,M=u.iv,H=u.ev,F=u.search,$=u.clearSearch,G=u.update,K=u.pointer,W=u.clearPointer,U=u.focus,X=u.deactivate,z=u.close,J=e.ref([]),Q=e.ref([]),Y=e.ref(!1),Z=e.ref(null),ee=e.ref(R.value&&-1===s.value?10:s.value),ae=e.computed((()=>v.value||p.value||!1)),le=e.computed((()=>void 0!==f.value?f.value:void 0===m.value||m.value)),te=e.computed((()=>{if(E.value){let e=Q.value||[],a=[];return e.forEach((e=>{Re(e[C.value]).forEach((l=>{a.push(Object.assign({},l,e[A.value]?{[A.value]:!0}:{}))}))})),a}{let e=Re(Q.value||[]);return J.value.length&&(e=e.concat(J.value)),e}})),ue=e.computed((()=>E.value?Ee((Q.value||[]).map((e=>{const a=Re(e[C.value]);return{...e,group:!0,[C.value]:Ie(a,!1).map((a=>Object.assign({},a,e[A.value]?{[A.value]:!0}:{}))),__VISIBLE__:Ie(a).map((a=>Object.assign({},a,e[A.value]?{[A.value]:!0}:{})))}}))):[])),ne=e.computed((()=>{let e=te.value;return I.value&&(e=e.reverse()),ve.value.length&&(e=ve.value.concat(e)),Ie(e)})),ie=e.computed((()=>{let e=ne.value;return ee.value>0&&(e=e.slice(0,ee.value)),e})),re=e.computed((()=>{switch(r.value){case"single":return!a(M.value[P.value]);case"multiple":case"tags":return!a(M.value)&&M.value.length>0}})),oe=e.computed((()=>void 0!==g&&void 0!==g.value?g.value(M.value,N):M.value&&M.value.length>1?`${M.value.length} options selected`:"1 option selected")),se=e.computed((()=>!te.value.length&&!Y.value&&!ve.value.length)),ce=e.computed((()=>te.value.length>0&&0==ie.value.length&&(F.value&&E.value||!E.value))),ve=e.computed((()=>!1!==ae.value&&F.value?-1!==qe(F.value)?[]:[{[P.value]:F.value,[d.value]:F.value,[pe.value]:F.value,__CREATE__:!0}]:[])),pe=e.computed((()=>o.value||d.value)),de=e.computed((()=>{switch(r.value){case"single":return null;case"multiple":case"tags":return[]}})),fe=e.computed((()=>b.value||Y.value)),me=e=>{switch("object"!=typeof e&&(e=Te(e)),r.value){case"single":G(e);break;case"multiple":case"tags":G(M.value.concat(e))}t.emit("select",he(e),e,N)},ge=e=>{switch("object"!=typeof e&&(e=Te(e)),r.value){case"single":_e();break;case"tags":case"multiple":G(Array.isArray(e)?M.value.filter((a=>-1===e.map((e=>e[P.value])).indexOf(a[P.value]))):M.value.filter((a=>a[P.value]!=e[P.value])))}t.emit("deselect",he(e),e,N)},he=e=>h.value?e:e[P.value],be=e=>{ge(e)},_e=()=>{t.emit("clear",N),G(de.value)},ye=e=>{if(void 0!==e.group)return"single"!==r.value&&(xe(e[C.value])&&e[C.value].length);switch(r.value){case"single":return!a(M.value)&&M.value[P.value]==e[P.value];case"tags":case"multiple":return!a(M.value)&&-1!==M.value.map((e=>e[P.value])).indexOf(e[P.value])}},Oe=e=>!0===e[A.value],Se=()=>!(void 0===T||-1===T.value||!re.value&&T.value>0)&&M.value.length>=T.value,Le=e=>{switch(e.__CREATE__&&delete(e={...e}).__CREATE__,r.value){case"single":if(e&&ye(e))return void(x.value&&ge(e));e&&we(e),w.value&&$(),k.value&&(W(),z()),e&&me(e);break;case"multiple":if(e&&ye(e))return void ge(e);if(Se())return;e&&(we(e),me(e)),w.value&&$(),c.value&&W(),k.value&&z();break;case"tags":if(e&&ye(e))return void ge(e);if(Se())return;e&&we(e),w.value&&$(),e&&me(e),c.value&&W(),k.value&&z()}k.value||U()},we=e=>{void 0===Te(e[P.value])&&ae.value&&(t.emit("tag",e[P.value],N),t.emit("option",e[P.value],N),le.value&&ke(e),$())},Pe=e=>void 0===e.find((e=>!ye(e)&&!e[A.value])),xe=e=>void 0===e.find((e=>!ye(e))),Te=e=>te.value[te.value.map((e=>String(e[P.value]))).indexOf(String(e))],qe=(e,a)=>te.value.map((e=>parseInt(e[pe.value])==e[pe.value]?parseInt(e[pe.value]):e[pe.value])).indexOf(parseInt(e)==e?parseInt(e):e),ke=e=>{J.value.push(e)},Ee=e=>B.value?e.filter((e=>F.value?e.__VISIBLE__.length:e[C.value].length)):e.filter((e=>!F.value||e.__VISIBLE__.length)),Ie=(e,a=!0)=>{let l=e;return F.value&&S.value&&(l=l.filter((e=>j.value?i(e[pe.value],q.value).startsWith(i(F.value,q.value)):-1!==i(e[pe.value],q.value).indexOf(i(F.value,q.value))))),c.value&&a&&(l=l.filter((e=>!(e=>-1!==["tags","multiple"].indexOf(r.value)&&c.value&&ye(e))(e)))),l},Re=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{[P.value]:e,[pe.value]:l,[d.value]:l}}))),a=a.map((e=>"object"==typeof e?e:{[P.value]:e,[pe.value]:e,[d.value]:e})),a},Ce=()=>{a(H.value)||(M.value=Ve(H.value))},Be=e=>(Y.value=!0,new Promise(((a,l)=>{n.value(F.value,N).then((a=>{Q.value=a||[],"function"==typeof e&&e(a),Y.value=!1})).catch((e=>{console.error(e),Q.value=[],Y.value=!1})).finally((()=>{a()}))}))),De=()=>{if(re.value)if("single"===r.value){let e=Te(M.value[P.value]);if(void 0!==e){let a=e[d.value];M.value[d.value]=a,h.value&&(H.value[d.value]=a)}}else M.value.forEach(((e,a)=>{let l=Te(M.value[a][P.value]);if(void 0!==l){let e=l[d.value];M.value[a][d.value]=e,h.value&&(H.value[a][d.value]=e)}}))},Ve=e=>a(e)?"single"===r.value?{}:[]:h.value?e:"single"===r.value?Te(e)||{}:e.filter((e=>!!Te(e))).map((e=>Te(e))),Ae=()=>{Z.value=e.watch(F,(e=>{e.length<O.value||!e&&0!==O.value||(Y.value=!0,L.value&&(Q.value=[]),setTimeout((()=>{e==F.value&&n.value(F.value,N).then((a=>{e!=F.value&&F.value||(Q.value=a,K.value=ie.value.filter((e=>!0!==e[A.value]))[0]||null,Y.value=!1)})).catch((e=>{console.error(e)}))}),_.value))}),{flush:"sync"})};if("single"!==r.value&&!a(H.value)&&!Array.isArray(H.value))throw new Error(`v-model must be an array when using "${r.value}" mode`);return n&&"function"==typeof n.value?y.value?Be(Ce):1==h.value&&Ce():(Q.value=n.value,Ce()),_.value>-1&&Ae(),e.watch(_,((e,a)=>{Z.value&&Z.value(),e>=0&&Ae()})),e.watch(H,(e=>{if(a(e))M.value=Ve(e);else switch(r.value){case"single":(h.value?e[P.value]!=M.value[P.value]:e!=M.value[P.value])&&(M.value=Ve(e));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[P.value])):e,M.value.map((e=>e[P.value])))||(M.value=Ve(e))}}),{deep:!0}),e.watch(n,((e,a)=>{"function"==typeof l.options?y.value&&Be():(Q.value=l.options,Object.keys(M.value).length||Ce(),De())})),e.watch(d,De),{pfo:ne,fo:ie,filteredOptions:ie,hasSelected:re,multipleLabelText:oe,eo:te,extendedOptions:te,fg:ue,filteredGroups:ue,noOptions:se,noResults:ce,resolving:Y,busy:fe,offset:ee,select:me,deselect:ge,remove:be,selectAll:()=>{"single"!==r.value&&me(ie.value)},clear:_e,isSelected:ye,isDisabled:Oe,isMax:Se,getOption:Te,handleOptionClick:e=>{if(!Oe(e))return V&&V.value&&!ye(e)&&e.__CREATE__&&(delete(e={...e}).__CREATE__,(e=V.value(e,N))instanceof Promise)?(Y.value=!0,void e.then((e=>{Y.value=!1,Le(e)}))):void Le(e)},handleGroupClick:e=>{if(!Oe(e)&&"single"!==r.value&&D.value){switch(r.value){case"multiple":case"tags":Pe(e[C.value])?ge(e[C.value]):me(e[C.value].filter((e=>-1===M.value.map((e=>e[P.value])).indexOf(e[P.value]))).filter((e=>!e[A.value])).filter(((e,a)=>M.value.length+1+a<=T.value||-1===T.value)))}k.value&&X()}},handleTagRemove:(e,a)=>{0===a.button?be(e):a.preventDefault()},refreshOptions:e=>{Be(e)},resolveOptions:Be,refreshLabels:De}}function o(a,l,t){const{valueProp:u,showOptions:n,searchable:i,groupLabel:r,groups:o,mode:s,groupSelect:c,disabledProp:v}=e.toRefs(a),p=t.fo,d=t.fg,f=t.handleOptionClick,m=t.handleGroupClick,g=t.search,h=t.pointer,b=t.setPointer,_=t.clearPointer,y=t.multiselect,O=t.isOpen,S=e.computed((()=>p.value.filter((e=>!e[v.value])))),L=e.computed((()=>d.value.filter((e=>!e[v.value])))),w=e.computed((()=>"single"!==s.value&&c.value)),P=e.computed((()=>h.value&&h.value.group)),x=e.computed((()=>V(h.value))),T=e.computed((()=>{const e=P.value?h.value:V(h.value),a=L.value.map((e=>e[r.value])).indexOf(e[r.value]);let l=L.value[a-1];return void 0===l&&(l=k.value),l})),q=e.computed((()=>{let e=L.value.map((e=>e.label)).indexOf(P.value?h.value[r.value]:V(h.value)[r.value])+1;return L.value.length<=e&&(e=0),L.value[e]})),k=e.computed((()=>[...L.value].slice(-1)[0])),E=e.computed((()=>h.value.__VISIBLE__.filter((e=>!e[v.value]))[0])),I=e.computed((()=>{const e=x.value.__VISIBLE__.filter((e=>!e[v.value]));return e[e.map((e=>e[u.value])).indexOf(h.value[u.value])-1]})),R=e.computed((()=>{const e=V(h.value).__VISIBLE__.filter((e=>!e[v.value]));return e[e.map((e=>e[u.value])).indexOf(h.value[u.value])+1]})),C=e.computed((()=>[...T.value.__VISIBLE__.filter((e=>!e[v.value]))].slice(-1)[0])),B=e.computed((()=>[...k.value.__VISIBLE__.filter((e=>!e[v.value]))].slice(-1)[0])),D=()=>{b(S.value[0]||null)},V=e=>L.value.find((a=>-1!==a.__VISIBLE__.map((e=>e[u.value])).indexOf(e[u.value]))),A=()=>{let e=y.value.querySelector("[data-pointed]");if(!e)return;let a=e.parentElement.parentElement;o.value&&(a=P.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(g,(e=>{i.value&&(e.length&&n.value?D():_())})),e.watch(O,(a=>{if(a){let a=y.value.querySelectorAll("[data-selected]")[0];if(!a)return;let l=a.parentElement.parentElement;e.nextTick((()=>{l.scrollTop>0||(l.scrollTop=a.offsetTop)}))}})),{pointer:h,canPointGroups:w,isPointed:e=>!(!h.value||!(!e.group&&h.value[u.value]==e[u.value]||void 0!==e.group&&h.value[r.value]==e[r.value]))||void 0,setPointerFirst:D,selectPointer:()=>{h.value&&!0!==h.value[v.value]&&(P.value?m(h.value):f(h.value))},forwardPointer:()=>{if(null===h.value)b((o.value&&w.value?L.value[0]:S.value[0])||null);else if(o.value&&w.value){let e=P.value?E.value:R.value;void 0===e&&(e=q.value),b(e||null)}else{let e=S.value.map((e=>e[u.value])).indexOf(h.value[u.value])+1;S.value.length<=e&&(e=0),b(S.value[e]||null)}e.nextTick((()=>{A()}))},backwardPointer:()=>{if(null===h.value){let e=S.value[S.value.length-1];o.value&&w.value&&(e=B.value,void 0===e&&(e=k.value)),b(e||null)}else if(o.value&&w.value){let e=P.value?C.value:I.value;void 0===e&&(e=P.value?T.value:x.value),b(e||null)}else{let e=S.value.map((e=>e[u.value])).indexOf(h.value[u.value])-1;e<0&&(e=S.value.length-1),b(S.value[e]||null)}e.nextTick((()=>{A()}))}}}function s(a,l,t){const{disabled:u}=e.toRefs(a),n=e.getCurrentInstance().proxy,i=e.ref(!1);return{isOpen:i,open:()=>{i.value||u.value||(i.value=!0,l.emit("open",n))},close:()=>{i.value&&(i.value=!1,l.emit("close",n))}}}function c(a,l,t){const{searchable:u,disabled:n}=e.toRefs(a),i=t.input,r=t.open,o=t.close,s=t.clearSearch,c=t.isOpen,v=e.ref(null),p=e.ref(null),d=e.ref(!1),f=e.computed((()=>u.value||n.value?-1:0)),m=()=>{u.value&&i.value.blur(),v.value.blur()},g=()=>{u.value&&!n.value&&i.value.focus()},h=()=>{n.value||(d.value=!0,r())},b=()=>{d.value=!1,setTimeout((()=>{d.value||(o(),s())}),1)};return{multiselect:v,tags:p,tabindex:f,isActive:d,blur:m,focus:g,handleFocus:()=>{g()},activate:h,deactivate:b,handleCaretClick:()=>{b(),m()},handleMousedown:e=>{c.value&&(e.target.isEqualNode(v.value)||e.target.isEqualNode(p.value))?setTimeout((()=>{b()}),0):document.activeElement.isEqualNode(v.value)&&!c.value&&h()}}}function v(a,l,t){const{mode:u,addTagOn:n,openDirection:i,searchable:r,showOptions:o,valueProp:s,groups:c,addOptionOn:v,createTag:p,createOption:d,reverse:f}=e.toRefs(a),m=e.getCurrentInstance().proxy,g=t.iv,h=t.update,b=t.search,_=t.setPointer,y=t.selectPointer,O=t.backwardPointer,S=t.forwardPointer,L=t.isOpen,w=t.open,P=t.blur,x=t.fo,T=e.computed((()=>p.value||d.value||!1)),q=e.computed((()=>void 0!==n.value?n.value:void 0!==v.value?v.value:["enter"])),k=()=>{"tags"===u.value&&!o.value&&T.value&&r.value&&!c.value&&_(x.value[x.value.map((e=>e[s.value])).indexOf(b.value)])};return{handleKeydown:e=>{switch(l.emit("keydown",e,m),e.key){case"Backspace":if("single"===u.value)return;if(r.value&&-1===[null,""].indexOf(b.value))return;if(0===g.value.length)return;h([...g.value].slice(0,-1));break;case"Enter":if(e.preventDefault(),-1===q.value.indexOf("enter")&&T.value)return;k(),y();break;case" ":if(!T.value&&!r.value)return e.preventDefault(),k(),void y();if(!T.value)return!1;if(-1===q.value.indexOf("space")&&T.value)return;e.preventDefault(),k(),y();break;case"Tab":case";":case",":if(-1===q.value.indexOf(e.key.toLowerCase())||!T.value)return;k(),y(),e.preventDefault();break;case"Escape":P();break;case"ArrowUp":if(e.preventDefault(),!o.value)return;L.value||w(),O();break;case"ArrowDown":if(e.preventDefault(),!o.value)return;L.value||w(),S()}},handleKeyup:e=>{l.emit("keyup",e,m)},preparePointer:k}}function p(a,l,t){const{classes:u,disabled:n,openDirection:i,showOptions:r}=e.toRefs(a),o=t.isOpen,s=t.isPointed,c=t.isSelected,v=t.isDisabled,p=t.isActive,d=t.canPointGroups,f=t.resolving,m=t.fo,g=e.computed((()=>({container:"multiselect",containerDisabled:"is-disabled",containerOpen:"is-open",containerOpenTop:"is-open-top",containerActive:"is-active",singleLabel:"multiselect-single-label",singleLabelText:"multiselect-single-label-text",multipleLabel:"multiselect-multiple-label",search:"multiselect-search",tags:"multiselect-tags",tag:"multiselect-tag",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",spacer:"multiselect-spacer",...u.value}))),h=e.computed((()=>!!(o.value&&r.value&&(!f.value||f.value&&m.value.length))));return{classList:e.computed((()=>{const e=g.value;return{container:[e.container].concat(n.value?e.containerDisabled:[]).concat(h.value&&"top"===i.value?e.containerOpenTop:[]).concat(h.value&&"top"!==i.value?e.containerOpen:[]).concat(p.value?e.containerActive:[]),spacer:e.spacer,singleLabel:e.singleLabel,singleLabelText:e.singleLabelText,multipleLabel:e.multipleLabel,search:e.search,tags:e.tags,tag:[e.tag].concat(n.value?e.tagDisabled:[]),tagRemove:e.tagRemove,tagRemoveIcon:e.tagRemoveIcon,tagsSearchWrapper:e.tagsSearchWrapper,tagsSearch:e.tagsSearch,tagsSearchCopy:e.tagsSearchCopy,placeholder:e.placeholder,caret:[e.caret].concat(o.value?e.caretOpen:[]),clear:e.clear,clearIcon:e.clearIcon,spinner:e.spinner,inifinite:e.inifinite,inifiniteSpinner:e.inifiniteSpinner,dropdown:[e.dropdown].concat("top"===i.value?e.dropdownTop:[]).concat(o.value&&r.value&&h.value?[]:e.dropdownHidden),options:[e.options].concat("top"===i.value?e.optionsTop:[]),group:e.group,groupLabel:a=>{let l=[e.groupLabel];return s(a)?l.push(c(a)?e.groupLabelSelectedPointed:e.groupLabelPointed):c(a)&&d.value?l.push(v(a)?e.groupLabelSelectedDisabled:e.groupLabelSelected):v(a)&&l.push(e.groupLabelDisabled),d.value&&l.push(e.groupLabelPointable),l},groupOptions:e.groupOptions,option:(a,l)=>{let t=[e.option];return s(a)?t.push(c(a)?e.optionSelectedPointed:e.optionPointed):c(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,fakeInput:e.fakeInput}})),showDropdown:h}}function d(a,l,t){const{limit:u,infinite:n}=e.toRefs(a),i=t.isOpen,r=t.offset,o=t.search,s=t.pfo,c=t.eo,v=e.ref(null),p=e.ref(null),d=e.computed((()=>r.value<s.value.length)),f=a=>{const{isIntersecting:l,target:t}=a[0];if(l){const a=t.offsetParent,l=a.scrollTop;r.value+=-1==u.value?10:u.value,e.nextTick((()=>{a.scrollTop=l}))}},m=()=>{i.value&&r.value<s.value.length?v.value.observe(p.value):!i.value&&v.value&&v.value.disconnect()};return e.watch(i,(()=>{n.value&&m()})),e.watch(o,(()=>{n.value&&(r.value=u.value,m())}),{flush:"post"}),e.watch(c,(()=>{n.value&&m()}),{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:n,valueProp:i,label:r,mode:o,groupLabel:s}=e.toRefs(a),c=t.pointer,v=t.iv,p=t.isSelected,d=t.hasSelected,f=t.multipleLabelText,m=e.ref(null),g=e.computed((()=>{let e=[];return n&&n.value&&e.push(n.value),e.push("multiselect-options"),e.join("-")})),h=e.computed((()=>{let e=[];if(n&&n.value&&e.push(n.value),e.push("multiselect-option"),c.value&&void 0!==c.value[i.value])return e.push(c.value[i.value]),e.join("-")})),b=e.computed((()=>{let e=[];return m.value&&e.push(m.value),u.value&&!d.value&&e.push(u.value),"single"===o.value&&v.value&&void 0!==v.value[r.value]&&e.push(v.value[r.value]),"multiple"===o.value&&d.value&&e.push(f.value),"tags"===o.value&&d.value&&e.push(...v.value.map((e=>e[r.value]))),e.join(", ")})),_=e.computed((()=>b.value));return e.onMounted((()=>{n&&n.value&&document&&document.querySelector&&(m.value=document.querySelector(`[for="${n.value}"]`)?.innerText||null)})),{ariaOwns:g,ariaLabel:b,ariaPlaceholder:_,ariaActiveDescendant:h,ariaOptionId:e=>{let a=[];return n&&n.value&&a.push(n.value),a.push("multiselect-option"),a.push(e[i.value]),a.join("-")},ariaOptionLabel:e=>{let a=[];return p(e)&&a.push("✓"),a.push(e[r.value]),a.join(" ")},ariaGroupLabel:e=>{let a=[];return a.push(e[s.value]),a.join(" ")}}}function m(e,a,l,t,u,n,i,r,o,s){"boolean"!=typeof i&&(o=r,r=i,i=!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),n?(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(n)},c._ssrRegister=v):a&&(v=i?function(e){a.call(this,s(e,this.$root.$options.shadowRoot))}:function(e){a.call(this,r(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 g={name:"Multiselect",emits:["paste","open","close","select","deselect","input","search-change","tag","option","update:modelValue","change","clear","keydown","keyup"],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,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,required:!1,default:"The list is empty"},noResultsText:{type:String,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},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}},setup:(e,a)=>function(e,a,l,t={}){return l.forEach((l=>{l&&(t={...t,...l(e,a,t)})})),t}(e,a,[t,n,s,u,l,c,r,d,o,v,p,f])};var h=function(){var e=this,a=e.$createElement,l=e._self._c||a;return l("div",{ref:"multiselect",class:e.classList.container,attrs:{tabindex:e.tabindex,id:e.searchable?void 0:e.id,dir:e.rtl?"rtl":void 0,"aria-owns":e.ariaOwns,"aria-expanded":e.isOpen,"aria-label":e.ariaLabel,"aria-placeholder":e.ariaPlaceholder,"aria-activedescendant":e.ariaActiveDescendant,role:"combobox"},on:{focusin:e.activate,focusout:e.deactivate,keydown:e.handleKeydown,keyup:e.handleKeyup,focus:e.handleFocus,mousedown:e.handleMousedown}},["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-owns":e.ariaOwns,"aria-expanded":e.isOpen,"aria-label":e.ariaLabel,"aria-placeholder":e.ariaPlaceholder,"aria-activedescendant":e.ariaActiveDescendant,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",e.attrs,!1))]:e._e(),e._v(" "),"tags"==e.mode?[l("div",{class:e.classList.tags},[e._l(e.iv,(function(a,t,u){return e._t("tag",(function(){return[l("span",{key:u,class:e.classList.tag},[e._v("\n          "+e._s(a[e.label])+"\n          "),e.disabled?e._e():l("span",{class:e.classList.tagRemove,on:{click:function(l){return 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-owns":e.ariaOwns,"aria-expanded":e.isOpen,"aria-label":e.ariaLabel,"aria-placeholder":e.ariaPlaceholder,"aria-activedescendant":e.ariaActiveDescendant,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",e.attrs,!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,domProps:{innerHTML:e._s(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},[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})]})):e._e(),e._v(" "),e.hasSelected&&!e.disabled&&e.canClear&&!e.busy?e._t("clear",(function(){return[l("span",{class:e.classList.clear,on:{click:e.clear}},[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,on:{click:e.handleCaretClick}})]})):e._e(),e._v(" "),l("div",{class:e.classList.dropdown,attrs:{tabindex:"-1"}},[e._t("beforelist",null,{options:e.fo}),e._v(" "),l("ul",{class:e.classList.options,attrs:{id:e.ariaOwns,role:"listbox"}},[e.groups?e._l(e.fg,(function(a,t,u){return l("li",{key:u,class:e.classList.group},[l("div",{class:e.classList.groupLabel(a),attrs:{"data-pointed":e.isPointed(a),role:"none"},on:{mouseenter:function(l){return e.setPointer(a)},click:function(l){return e.handleGroupClick(a)}}},[e._t("grouplabel",(function(){return[l("span",{domProps:{innerHTML:e._s(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(a),role:"group"}},e._l(a.__VISIBLE__,(function(t,u,n){return l("li",{key:n,class:e.classList.option(t,a),attrs:{"data-pointed":e.isPointed(t),"data-selected":e.isSelected(t)||void 0,id:e.ariaOptionId(t),"aria-label":e.ariaOptionLabel(t),role:"option"},on:{mouseenter:function(a){return e.setPointer(t)},click:function(a){return e.handleOptionClick(t)}}},[e._t("option",(function(){return[l("span",{domProps:{innerHTML:e._s(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:{id:e.ariaOptionId(a),"aria-label":e.ariaOptionLabel(a),"data-pointed":e.isPointed(a),"data-selected":e.isSelected(a)||void 0,role:"option"},on:{mouseenter:function(l){return e.setPointer(a)},click:function(l){return e.handleOptionClick(a)}}},[e._t("option",(function(){return[l("span",{domProps:{innerHTML:e._s(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.noOptionsText)}})]})):e._e(),e._v(" "),e.noResults?e._t("noresults",(function(){return[l("div",{class:e.classList.noResults,domProps:{innerHTML:e._s(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(" "),l("div",{class:e.classList.spacer})],2)};h._withStripped=!0;return m({render:h,staticRenderFns:[]},undefined,g,undefined,false,undefined,!1,void 0,void 0,void 0)}(VueCompositionAPI);

package.json

 {
   "name": "@vueform/multiselect",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "private": false,
@@ -5,0 +5,0 @@ "description": "Vue 3 multiselect component with single select, multiselect and tagging options.",

README.md

@@ -589,6 +589,6 @@ <div align="center">
   dropdown: 'max-h-60 absolute -left-px -right-px bottom-0 transform translate-y-full border border-gray-300 -mt-px overflow-y-scroll z-50 bg-white flex flex-col rounded-b',
-  dropdownTop: '-translate-y-full top-px bottom-auto flex-col-reverse rounded-b-none rounded-t',
+  dropdownTop: '-translate-y-full top-px bottom-auto rounded-b-none rounded-t',
   dropdownHidden: 'hidden',
   options: 'flex flex-col p-0 m-0 list-none',
-  optionsTop: 'flex-col-reverse',
+  optionsTop: '',
   group: 'p-0 m-0',
@@ -617,3 +617,3 @@ groupLabel: 'flex text-sm box-border items-center justify-start text-left py-1 px-3 font-semibold bg-gray-200 cursor-default leading-normal',
 Certain classes has different states which are merged to the base class when the state is active. For example `dropdown` will be merged with `dropdownTop` when `open-direction: 'top'` resulting in the following classes:
-```absolute -left-px -right-px bottom-0 transform translate-y-full border border-gray-300 -mt-px overflow-y-scroll z-50 bg-white flex flex-col rounded-b -translate-y-full top-px bottom-auto flex-col-reverse rounded-b-none rounded-t```
+```absolute -left-px -right-px bottom-0 transform translate-y-full border border-gray-300 -mt-px overflow-y-scroll z-50 bg-white flex flex-col rounded-b -translate-y-full top-px bottom-auto rounded-b-none rounded-t```
 
@@ -855,3 +855,3 @@ The same is true for `container`, `tag`, `options`, `groupLabel` and `option` classes.
     :close-on-select="false"
-    :search="true"
+    :searchable="true"
     :options="[
@@ -858,0 +858,0 @@ { value: 'judy', name: 'Judy', image: 'https://randomuser.me/api/portraits/med/women/1.jpg' },

src/composables/useA11y.js

@@ -119,3 +119,3 @@ import { toRefs, onMounted, ref, computed } from 'composition-api'
   onMounted(() => {
-    if (id && id.value) {
+    if (id && id.value && document && document.querySelector) {
       label.value = document.querySelector(`[for="${id.value}"]`)?.innerText || null
@@ -122,0 +122,0 @@ }

src/index.d.ts

@@ -1,1 +0,1 @@
-export * from './Multiselect';
+export { default } from './Multiselect';

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

372610

increased by0.07%

Lines of code

6502

increased by0.02%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes