https://stupendiumstore.com/assets/TmlNewSelect.3be7b9a0.js

1import{H as ee,_ as te,aE as ie,bm as le,x as se,O as X,aX as oe,bo as ne,aS as re,K as ae,i as ue,bz as de}from"./index.474d7b13.js";import{f as ce}from"./faTimes.ee48c157.js";import{f as he}from"./faSearch.86bf43ae.js";import{f as fe}from"./form-field.ae6df727.js";import{at as pe,N as k,D as n,E as r,F as _,a2 as N,a0 as g,Q as a,f as m,U as y,S as c,H as S,a9 as d,V as P,G as h,W as K,a4 as V,O,P as B,a5 as H,a1 as F,R as M,$ as me,au as ye,a3 as be,aa as we,ab as ge}from"./vue.00f7c436.js";import{d as ve}from"./debounce.b00b40d5.js";import{s as Se}from"./scrollToElement.5b23ca89.js";import{i as Oe}from"./isEqual.4f114006.js";import"./sentry.09480738.js";const xe=e=>{const t=e.getBoundingClientRect(),s=document.body.getBoundingClientRect();return t.top>=s.bottom},Ce=(e,t)=>{let s=!1;const f=[];return t.forEach(o=>{if(!ee(o))throw new Error(`Encountered value of type ${typeof o}. Expected typeof Object`);f.includes(o[e])&&(s=!0),f.push(o[e])}),s};const ke=()=>ue(()=>import("./EmulateNativeDropdown.10d03c2c.js"),["assets/EmulateNativeDropdown.10d03c2c.js","assets/EmulateNativeDropdown.efc54ded.css","assets/TmlSegmentedSelect.616b4c13.js","assets/vue.00f7c436.js","assets/index.474d7b13.js","assets/index.33cc63cb.css","assets/sentry.09480738.js","assets/TmlFilterable.63d89cc9.js","assets/TmlSearchable.e5678453.js","assets/TmlTag.d83dee31.js","assets/TmlTag.f0c5079d.css","assets/faCheck.9ed344bd.js"]).catch(de),_e={name:"TmlNewSelect",components:{emulateNativeDropdown:ke,Teleport:pe},mixins:[fe],inject:["theme"],model:{event:"input",prop:"value"},props:{options:{type:Array,required:!0},displayField:{type:String,default:"text"},identifierField:{type:String,default:"value"},multiselect:{type:Boolean,default:!1},searchable:{type:Boolean,default:!1},customSearch:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},searchableProperties:{type:Object,default:()=>({})},height:{type:String,default:"300px"},width:{type:String,default:null},align:{type:String,default:"left"},scrollOnOpen:{type:Boolean,default:!1},emulateNative:{type:Boolean,default:!1},focusOnOpen:{type:Boolean,default:!1},noneSelected:{type:String,default:"None selected"},noOptions:{type:String,default:"No options"},noSearchResults:{type:String,default:"No results"},disabled:Boolean,modalDirection:{type:String,default:"down"},valueAsRef:[String,Number,Object,Array],teleportOptionsTo:{type:String},backgroundColor:String,borderColor:String,borderFocusedColor:String,textColor:String,optionHoverBackgroundColor:String,small:Boolean,autoComplete:{type:String,default:null}},data(){return{faTimes:ce.faTimes,faCaretDown:ie.faCaretDown,faCircleNotch:le.faCircleNotch,faSearch:he.faSearch,selectOptions:[],uid:se(),isOpen:!1,searchValue:"",searchLoading:!1,dropdownHeight:0,image:null,onDebounceSearch:()=>{},optionsOffsetX:0,optionsOffsetY:0,optionsWidth:0,activeOptionIndex:-1,lastAnnouncement:"",pendingAutofillValue:null}},computed:{hasSelected(){return this.multiselect?(this.inputValue||[]).length:!!this.inputValue},shouldShowNoOptions(){return this.noOptions?this.multiselect?this.selectOptions.length===(this.inputValue||[]).length:!this.selectOptions.length:!1},shouldShowSearch(){return this.isOpen&&this.searchable&&!(this.emulateNative&&X("md"))},shouldShowError(){return!!this.getFirstError()},shouldShowErrorMessage(){return this.shouldShowError&&!this.isOpen},shouldShowClear(){return this.multiselect?this.clearable&&(this.inputValue||[]).length:this.clearable&&this.inputValue},shouldShowNativeEmulator(){return X("md")&&this.emulateNative},shouldFocusInput(){return this.searchable&&this.focusOnOpen&&!this.emulateNative},useCustomWidth(){return!!this.width},teleported(){return!!this.teleportOptionsTo},optionsStyle(){const e={maxHeight:`${this.height} !important`,maxWidth:`${this.width} !important`};return this.teleported&&(e.top=`${this.optionsOffsetY}px`,e.left=`${this.optionsOffsetX}px`,e.width=`${this.optionsWidth}px`),e},internalStyles(){const e=this.theme();return oe({"--custom-form-background-primary-color":this.backgroundColor||e.get("form.background.primary.color"),"--custom-form-border-color":this.borderColor||e.get("form.border.color"),"--custom-form-border-focused-color":this.borderFocusedColor||e.get("form.border.focused.color"),"--custom-form-text-primary-color":this.textColor||e.get("form.text.primary.color"),"--custom-form-text-secondary-color":this.textColor||e.get("form.text.secondary.c

1olor"),"--custom-form-option-hover-background-color":this.optionHoverBackgroundColor||void 0},ne)},activeOptionId(){if(this.activeOptionIndex>=0){const e=this.selectOptions;if(e&&e[this.activeOptionIndex])return`option_${this.uid}_${this.activeOptionIndex}`}return null},selectedOptionsLabel(){if(this.multiselect){const e=this.inputValue?this.inputValue.length:0;return`${e} item${e!==1?"s":""} selected`}return this.inputValue?`${this.inputValue[this.displayField]} selected`:"No selection"},autofillProxyEnabled(){return!!this.autoComplete&&!this.multiselect},autofillProxyValue(){if(!this.inputValue||Array.isArray(this.inputValue))return"";const e=this.inputValue[this.identifierField];return e==null?"":String(e)}},watch:{valueAsRef:{immediate:!0,handler(){this.updateFromRef()}},options:{immediate:!0,handler(e){this.updateFromRef(),e&&(this.validateOptions(e),this.selectOptions=e,this.customSearch&&(this.searchLoading=!1),this.pendingAutofillValue&&this.applyAutofillValue(this.pendingAutofillValue))}}},created(){if(this.onDebounceSearch=ve(this.onSearch,500,{trailing:!0}),this.searchable&&!this.customSearch&&re(this.searchableProperties))throw new Error(`
2        TmlSelect has the searchable prop, but no search properties given.
3        Ensure you have defined searchable properties in the select props.
4      `);if(this.searchable&&this.emulateNative)throw new Error(`
5        TmlSelect does not currently support searchable functionality
6        alongside native emulation.
7      `);if(!this.searchable&&this.focusOnOpen)throw new Error(`
8        focusOnOpen prop defined, but the select dropdown in not searchable.
9        The select dropdown must be searchable to implement the functionality.
10      `)},mounted(){this.teleported&&(window.addEventListener("scroll",this.getOptionsPosition,!0),window.addEventListener("resize",this.getOptionsPosition,!0))},beforeUnmount(){this.teleported&&(window.removeEventListener("scroll",this.getOptionsPosition,!0),window.removeEventListener("resize",this.getOptionsPosition,!0))},methods:{castArray:ae,handleClick(){this.isOpen||this.open()},handleOpenClick(e){this.isOpen&&(e[`forceClose_${this.uid}`]=!0),this.getOptionsPosition()},getOptionsPosition(){if(!this.teleported)return;const t=this.$refs.input.getBoundingClientRect();this.optionsOffsetX=t.x,this.optionsOffsetY=t.y+t.height+1,this.optionsWidth=t.width},focusSearchInput(){if(this.shouldFocusInput){const e=document.getElementById(`select-search-${this.uid}`);if(e===null)return;e.focus()}},watchForClose(e){e[`forceClose_${this.uid}`]&&this.close();const t=e.target;t&&t.id===`select_${this.uid}`||t&&typeof t.closest=="function"&&(t.closest(`#select_${this.uid}`)||t.closest(`#option_container_${this.uid}`))||(t.parentNode?this.watchForClose({target:t.parentNode}):this.close())},getDropdownHeight(){return this.$refs["option-container"]?this.$refs["option-container"].offsetHeight:0},calculateDropdownPadding(){const e=this.$refs["option-container"];if(!e)return 0;const t=e.getBoundingClientRect();return xe(e)?t.height+16:0},open(){this.isOpen||this.disabled||(this.isOpen=!0,this.activeOptionIndex=-1,window.addEventListener("click",this.watchForClose),this.$emit("open"),this.$nextTick(()=>{this.focusSearchInput(),this.scrollOnOpen&&Se(this.$el,"middle"),this.dropdownHeight=this.calculateDropdownPadding()}))},close(){window.removeEventListener("click",this.watchForClose),this.isOpen&&(this.isOpen=!1,this.$emit("blur"),this.$nextTick(()=>{this.dropdownHeight=this.calculateDropdownPadding()}))},onSearch(e,t){this.customSearch?(this.searchLoading=!0,this.$emit("search",this.searchValue)):t(this.searchValue)},clearSearch(e,t){this.searchValue="",t&&this.onSearch(null,t)},onDeselect(e,t,s,f){this.searchValue="",t(e),s(),this.searchable&&f(this.searchValue)},onSelect(e,t,s,f){this.searchValue="",t(e),s(),this.searchable&&f(this.searchValue),this.$nextTick(()=>{this.multiselect?this.focusSearchInput():this.close()})},async filterQuery(e,t){return new Promise(s=>{this.$nextTick(()=>{t&&t.length&&s(e.filter(f=>!f.selected)),s(e)})})},validateOptions(e){if(e.forEach(t=>{if(!Object.prototype.hasOwnProperty.call(t,this.identifierField)||t[this.identifierField]===void 0)throw new Error(`Select options require a unique ${this.identifierField} property.`)}),Ce(this.identifierField,e))throw new Error(`Option list contains options with duplicate ${this.identifierField}s. This will cause errors when selecting options.`)},setValidationErrors(e){this.errors=e},updateFromRef(){this.valueAsRef&&(this.multiselect?this.inputValue=this.options.filter(e=>this.valueAsRef.includes(e[this.identifierField])):this.inputValue=this.options.find(e=>e[this.identifierField]===this.valueAsRef))},emitInputAsRef(e){Oe(e,this.valueAsRef)||this.$emit("input-as-ref",e)},afterSearch(e,t){this.$emit("after-search",{result:e,searchTerm:t})},handleComboboxArrowDown(){if(!this.isOpen){this.open();return}const e=this.selectOptions;!e||e.length===0||(this.activeOptionIndex=Math.min(this.activeOptionIndex+1,e.length-1))},handleComboboxArrowUp(){if(!this.isOpen){this.open();return}const e=this.selectOptions;!e||e.length===0||(this.activeOptionIndex=Math.max(this.activeOptionIndex-1,0))},navigateToNextOption(e,t){const s=Math.min(e+1,t-1);this.focusOption(s)},navigateToPreviousOption(e){const t=Math.max(e-1,0);this.focusOption(t)},handleBlur(){setTimeout(()=>{this.$el.contains(document.activeElement)||this.close()},100)},focusOption(e){const t=document.getElementById(`option_${this.uid}_${e}`);t&&t.focus()},isSelected(e){return this.multiselect?this.inputValue&&this.inputValue.some(t=>t[this.identifierField]===e[this.identifierField]):this.inputValue&&this.inputValue[this.identifierField]===e[this.identifierField]},findAutofillOption(e){if(!e)return null;const t=String(e).trim().toLowerCase();return this.selectOptions.find(s=>{const f=s[this.identifierField],o=s[this.displayField];return f===e||f!==null&&String(f).toLowerCase()===t||o!==null&&String(o).toLowerCase()===t})||null},applyAutofillValue(e){if(this.disabled||this.multiselect)return;const t=this.findAutofillOption(e);if(!t){this.$refs.autofillProxy&&(this.$refs.autofillProxy.value=this.autofillProxyValue);return}this.pendingAutofillValue=null,this.isSelected(t)||(this.inputValue=t)},onAutofillProxy(e){const t=e.target.value;this.pendingAutofillValue=t,this.applyAutofillValue(t)}}},Ve=e=>(we("data-v-d0d5814e"),e=e(),ge(),e),Fe=["id"],Ee=["name","value","autocomplete","disabled"],Ae=Ve(()=>c("option",{value:""},null,-1)),Ne=["value"],Pe={class:"w-full select-ui"},Be=["aria-expanded","aria-controls","aria-label","aria-activedescendant"],De={key:0,class:"label flex items-center absolute"},Te=["id"],Ie={key:0,class:"error flex items-center absolute"},Re={class:"flex items-center"},je=["aria-live","aria-label"],Le={class:"flex items-center select-placeholder"},Ke={class:"icons-container flex h-full"},He=["aria-label","onClick","onKeydown"],Me=["aria-label"],Ue=["aria-selected","onClick","onKeydown"],We=["id","aria-label","aria-multiselectable"],qe={key:0,class:"input-container flex justify-center items-center w-full"},ze={class:"w-full"},Xe=["onSubmit"],Qe=["id","aria-label","onInput"],Ye=["onClick"],Ge={key:1,class:"option flex justify-start items-center w-full cursor-pointer"},Je=["id","aria-selected","onClick","onKeydown"],Ze=["id","aria-selected","onClick","onKeydown"],$e={key:4,class:"option input-padding flex justify-start items-center w-full",role:"option","aria-disabled":"true"},et={key:5,class:"option flex justify-start items-center w-full cursor-pointer"},tt={key:6,class:"option input-padding flex justify-start items-center w-full",role:"option","aria-disabled":"true"};function it(e,t,s,f,o,i){const Q=k("tml-tag"),E=k("font-awesome-icon"),Y=k("emulate-native-dropdown"),G=k("tml-searchable"),J=k("tml-filterable"),Z=k("tml-segmented-select");return n(),r("div",{id:`select_${o.uid}`,class:S(["tml-new-select flex flex-col justify-center items-center relative w-full",{disabled:s.disabled,"select-open":o.isOpen}]),style:M({"padding-bottom":`${o.dropdownHeight}px`,...i.internalStyles})},[i.autofillProxyEnabled?(n(),r("select",{key:0,ref:"autofillProxy",class:"autofill-proxy",name:e.name,value:i.autofillProxyValue,autocomplete:s.autoComplete,disabled:s.disabled,tabindex:"-1",onChange:t[0]||(t[0]=(...v)=>i.onAutofillProxy&&i.onAutofillProxy(...v))},[Ae,(n(!0),r(_,null,N(o.selectOptions,v=>(n(),r("option",{key:String(v[s.identifierField]),value:v[s.identifierField]},g(v[s.displayField]),9,Ne))),128))],40,Ee)):a("",!0),m(Z,{modelValue:e.inputValue,"onUpdate:modelValue":t[18]||(t[18]=v=>e.inputValue=v),items:o.selectOptions,multiselect:s.multiselect,identifier:s.identifierField,onInputAsRef:i.emitInputAsRef,onClear:t[19]||(t[19]=v=>e.$emit("clear"))},{default:y(({selected:v,select:x,deselect:T,allItems:U,allSelected:W,clear:q})=>[m(J,{items:U,"filter-query":b=>i.filterQuery(U,v)},{default:y(({filter:b,filtered:$})=>[m(G,{items:$,"searchable-properties":s.searchableProperties,onSearch:i.afterSearch,onNoResults:i.afterSearch},{default:y(({search:p,searched:A,searchTerm:I,searching:lt,noResults:st,allItems:D})=>[c("div",Pe,[c("div",{class:S(["controls-container flex flex-col items-start",{"select-open":o.isOpen,"emulate-native":s.emulateNative,"has-search":i.shouldShowSearch,empty:W,error:i.shouldShowError}]),tabindex:"0",role:"combobox","aria-expanded":o.isOpen?"true":"false","aria-haspopup":"listbox","aria-controls":`listbox_${o.uid}`,"aria-label":e.label,"aria-activedescendant":i.activeOptionId,onClick:t[3]||(t[3]=(...l)=>i.handleClick&&i.handleClick(...l)),onKeydown:[t[4]||(t[4]=d((...l)=>i.handleClick&&i.handleClick(...l),["enter"])),t[5]||(t[5]=d((...l)=>i.handleClick&&i.handleClick(...l),["space"])),t[6]||(t[6]=d((...l)=>i.handleComboboxArrowDown&&i.handleComboboxArrowDown(...l),["arrow-down"])),t[7]||

10(t[7]=d((...l)=>i.handleComboboxArrowUp&&i.handleComboboxArrowUp(...l),["arrow-up"])),t[8]||(t[8]=d((...l)=>i.close&&i.close(...l),["escape"]))]},[c("div",{ref:"input",class:S(["selected-container flex justify-between items-center w-full relative",{disabled:s.disabled,"cursor-pointer":!s.disabled,"select-occupied":i.hasSelected,"select-closed":!o.isOpen}]),onClick:t[2]||(t[2]=(...l)=>i.handleOpenClick&&i.handleOpenClick(...l))},[e.label?(n(),r("div",De,[c("label",{id:`label_${o.uid}`,class:"flex items-center"},g(e.label),9,Te)])):a("",!0),m(P,{name:"fade"},{default:y(()=>[i.shouldShowErrorMessage?(n(),r("div",Ie,[c("label",Re,g(e.getFirstError()),1)])):a("",!0)]),_:1}),c("div",{class:S(["flex justify-start items-center flex-wrap flex-1 selected-options",{"px-2 pt-2":i.hasSelected&&s.multiselect}]),style:{"max-width":"90%"},"aria-live":o.isOpen?"polite":"off","aria-label":i.selectedOptionsLabel},[(n(!0),r(_,null,N(i.castArray(e.inputValue),l=>(n(),r("div",{key:l==null?void 0:l.uid,class:S(["selected flex items-center",{"pr-2 mb-2":s.multiselect}]),style:{"max-width":"100%"}},[i.hasSelected?h(e.$slots,"selected",O(H({key:0},{option:l,deselect:T,onDeselect:i.onDeselect,filter:b,search:p})),()=>[s.multiselect?(n(),K(Q,{key:0,"no-overflow":"","background-color":i.theme().get("form.background.secondary.color"),"text-color":i.theme().get("form.text.primary.color"),onClose:w=>i.onDeselect(l,T,b,p)},{default:y(()=>[V(g(l[s.displayField]),1)]),_:2},1032,["background-color","text-color","onClose"])):a("",!0),s.multiselect?a("",!0):(n(),r("p",{key:1,class:S(["single flex items-center",{small:s.small}])},[h(e.$slots,"selected-content",O(B({option:l})),()=>[V(g(l[s.displayField]),1)],!0)],2))],!0):a("",!0)],2))),128)),i.hasSelected?a("",!0):h(e.$slots,"none-selected",{key:0},()=>[c("div",Le,[c("p",null,[h(e.$slots,"none-selected-content",{},()=>[V(g(s.noneSelected),1)],!0)])])],!0)],10,je),c("div",Ke,[i.shouldShowClear?(n(),r("div",{key:0,class:"control-icon flex justify-center items-center cursor-pointer mr-1",tabindex:"0",role:"button","aria-label":`Remove selected ${e.label||"option"}`,onClick:F(q,["stop"]),onKeydown:[d(q,["enter"]),t[1]||(t[1]=d((...l)=>i.close&&i.close(...l),["esc"]))]},[m(E,{class:"clear-icon",icon:o.faTimes,"aria-hidden":"true"},null,8,["icon"])],40,He)):a("",!0),c("div",{class:S(["control-icon flex justify-center items-center cursor-pointer",{disabled:s.disabled,"cursor-pointer":!s.disabled}]),role:"button","aria-label":`${o.isOpen?"Close":"Open"} ${e.label||"dropdown"}`},[m(E,{class:S(["caret-icon",{rotated:o.isOpen}]),icon:o.faCaretDown,"aria-hidden":"true"},null,8,["class","icon"])],10,Me)])],2)],42,Be),m(P,{name:"fade"},{default:y(()=>[o.isOpen&&i.shouldShowNativeEmulator?(n(),K(Y,{key:0,options:o.selectOptions,multiselect:s.multiselect,"display-field":s.displayField,value:e.inputValue,onSelect:l=>i.onSelect(l,x,b,p),onDeselect:l=>i.onDeselect(l,T,b,p),onClose:i.close},{"prepend-option-custom":y(()=>[h(e.$slots,"prepend-option-custom",{},void 0,!0)]),default:y(({selected:l,isSelected:w,select:u,deselect:R,allItems:z,onEmulateSelect:j})=>[h(e.$slots,"options-custom",O(B({selected:l,isSelected:w,select:u,deselect:R,allItems:z,onSelect:j})),()=>[(n(!0),r(_,null,N(z,C=>(n(),r("div",{key:C.uid,class:"option input-padding flex justify-start items-center w-full cursor-pointer",tabindex:"0",role:"option","aria-selected":w(C),onClick:F(L=>j(C,u,R),["stop"]),onKeydown:[d(L=>j(C,u,R),["enter"]),t[9]||(t[9]=d((...L)=>i.close&&i.close(...L),["esc"]))]},[h(e.$slots,"option",O(B({option:C,displayField:s.displayField})),()=>[V(g(C[s.displayField]),1)],!0)],40,Ue))),128))],!0)]),"append-option-custom":y(()=>[h(e.$slots,"append-option-custom",{},void 0,!0)]),_:2},1032,["options","multiselect","display-field","value","onSelect","onDeselect","onClose"])):a("",!0)]),_:2},1024),(n(),K(be(i.teleported?"Teleport":"div"),{to:s.teleportOptionsTo},{default:y(()=>[m(P,{name:"open-down"},{default:y(()=>[c("div",{style:M(i.internalStyles)},[o.isOpen?(n(),r(_,{key:0},[i.shouldShowNativeEmulator?a("",!0):(n(),r("div",{key:0,id:`option_container_${o.uid}`,ref:"option-container",class:S(["option-container flex flex-col",{"open-upwards flex-col-reverse":s.modalDirection==="up","select-occupied":i.hasSelected,"select-open":o.isOpen,empty:W,"has-search":i.shouldShowSearch,overflow:s.height,"custom-width":i.useCustomWidth,[s.al

10ign]:!0,teleported:i.teleported,"position-fixed":i.teleported,absolute:!i.teleported}]),style:M(i.optionsStyle),role:"listbox","aria-label":`${e.label||"Options"} list`,"aria-multiselectable":s.multiselect},[i.shouldShowSearch?(n(),r("div",qe,[c("div",ze,[c("form",{class:"flex",onSubmit:F(l=>i.onSearch(l,p),["prevent"])},[m(E,{class:"mr-4 mt-2",icon:o.faSearch,"aria-hidden":"true"},null,8,["icon"]),me(c("input",{id:`select-search-${o.uid}`,"onUpdate:modelValue":t[10]||(t[10]=l=>o.searchValue=l),type:"text",placeholder:"Search",class:"!py-4 search-input outline-none",autocomplete:"off","aria-label":`Search ${e.label||"options"}`,onInput:l=>o.onDebounceSearch(l,p),onKeydown:[t[11]||(t[11]=d((...l)=>i.close&&i.close(...l),["esc"])),t[12]||(t[12]=d(l=>i.focusOption(0),["arrow-down"]))],onBlur:t[13]||(t[13]=(...l)=>i.handleBlur&&i.handleBlur(...l))},null,40,Qe),[[ye,o.searchValue]])],40,Xe)]),m(P,{name:"fadePopup"},{default:y(()=>[o.searchLoading?(n(),r("div",{key:0,class:S(["loading flex justify-center items-center h-full",{"mr-4":o.searchValue}]),"aria-hidden":"true"},[m(E,{icon:o.faCircleNotch},null,8,["icon"])],2)):a("",!0)]),_:1}),m(P,{name:"fade"},{default:y(()=>[o.searchValue?(n(),r("button",{key:0,type:"button",class:"clear-search flex justify-center items-center h-full cursor-pointer p-2","aria-label":"Clear search text",tabindex:"-1",onClick:F(l=>i.clearSearch(l,p),["stop"])},[m(E,{class:"clear-search-icon",icon:o.faTimes,"aria-hidden":"true"},null,8,["icon"])],8,Ye)):a("",!0)]),_:2},1024)])):a("",!0),e.$slots["prepend-option-custom"]?(n(),r("div",Ge,[h(e.$slots,"prepend-option-custom",{},void 0,!0)])):a("",!0),I&&A.length?h(e.$slots,"options-custom",O(H({key:2},{onSelect:i.onSelect,searched:A,filter:b,select:x,search:p})),()=>[(n(!0),r(_,null,N(A,(l,w)=>(n(),r("div",{id:`option_${o.uid}_${w}`,key:l.uid,class:"option input-padding flex justify-start items-center w-full cursor-pointer",role:"option","aria-selected":i.isSelected(l),tabindex:"0",onClick:F(u=>i.onSelect(l,x,b,p),["stop"]),onKeydown:[d(u=>i.onSelect(l,x,b,p),["enter"]),t[14]||(t[14]=d((...u)=>i.close&&i.close(...u),["esc"])),d(u=>i.navigateToNextOption(w,A.length),["arrow-down"]),d(u=>i.navigateToPreviousOption(w),["arrow-up"])],onBlur:t[15]||(t[15]=(...u)=>i.handleBlur&&i.handleBlur(...u))},[h(e.$slots,"option",O(B({option:l,displayField:s.displayField})),()=>[V(g(l[s.displayField]),1)],!0)],40,Je))),128))],!0):a("",!0),!I&&D.length?h(e.$slots,"options-custom",O(H({key:3},{onSelect:i.onSelect,allItems:D,filter:b,select:x,search:p})),()=>[(n(!0),r(_,null,N(D,(l,w)=>(n(),r("div",{id:`option_${o.uid}_${w}`,key:l.uid,class:"option input-padding flex justify-start items-center w-full cursor-pointer",role:"option","aria-selected":i.isSelected(l),tabindex:"0",onClick:F(u=>i.onSelect(l,x,b,p),["stop"]),onKeydown:[d(u=>i.onSelect(l,x,b,p),["enter"]),t[16]||(t[16]=d((...u)=>i.close&&i.close(...u),["esc"])),d(u=>i.navigateToNextOption(w,D.length),["arrow-down"]),d(u=>i.navigateToPreviousOption(w),["arrow-up"])],onBlur:t[17]||(t[17]=(...u)=>i.handleBlur&&i.handleBlur(...u))},[h(e.$slots,"option",O(B({option:l,displayField:s.displayField})),()=>[V(g(l[s.displayField]),1)],!0)],40,Ze))),128))],!0):a("",!0),I&&!A.length?(n(),r("div",$e,g(s.noSearchResults),1)):a("",!0),e.$slots["append-option-custom"]?(n(),r("div",et,[h(e.$slots,"append-option-custom",{},void 0,!0)])):a("",!0),i.shouldShowNoOptions?(n(),r("div",tt,g(s.noOptions),1)):a("",!0)],14,We))],64)):a("",!0)],4)]),_:2},1024)]),_:2},1032,["to"]))])]),_:2},1032,["items","searchable-properties","onSearch","onNoResults"])]),_:2},1032,["items","filter-query"])]),_:3},8,["modelValue","items","multiselect","identifier","onInputAsRef"])],14,Fe)}const pt=te(_e,[["render",it],["__scopeId","data-v-d0d5814e"]]);export{pt as default};
11//# sourceMappingURL=TmlNewSelect.3be7b9a0.js.map