1import I from"./DtfDc6gd.js";import g from"./CV1W2kt7.js";import _ from"./C9yiaWcE.js";import x from"./DmZjewwm.js";import k from"./YpzxG479.js";import{_ as S,c,b as h,w as C,n as d,a as r,j as u,e as i,F as B,x as D,t as f,o as a}from"./C_VzGqEg.js";import"./wFyQPfIZ.js";import"./D21fCrkA.js";const L={name:"DropdownMultiSelect",components:{IconArrowDown:g,Button:_,Search:x,VImage:k},props:{options:{type:Array,required:!0,default:()=>[]},buttonLabel:{type:String,default:""},displaySearchInput:{type:Boolean,default:!1},displayImage:{type:Boolean,default:!1},displayDotGreen:{type:Boolean,default:!1},position:{type:String,default:"left",validator:t=>["left","right"].includes(t)},searchPlaceholder:{type:String,default:""}},data(){return{isOpen:!1,selectedOptions:[],searchInput:""}},computed:{filteredOptions(){let t=this.options;return this.displaySearchInput&&(t=t.filter(e=>e.label.toLowerCase().includes(this.searchInput.toLowerCase()))),t.slice().sort((e,o)=>{const p=this.selectedOptions.some(l=>l.value===e.value),n=this.selectedOptions.some(l=>l.value===o.value);return p===n?0:p?-1:1})}},watch:{isOpen:{handler(t,e){t&&t!==e&&(this.selectedOptions=this.options.filter(o=>o?.selected)||[])},immediate:!0}},mounted(){document.addEventListener("click",this.handleClickOutside)},beforeUnmount(){document.removeEventListener("click",this.handleClickOutside)},methods:{handleClickOutside(t){const e=this.$refs.dropdown;e&&!e.contains(t.target)&&(this.isOpen=!1)},selectOption(t){const e=this.selectedOptions.findIndex(o=>o.value===t.value);e===-1?this.selectedOptions.push(t):(this.selectedOptions.splice(e,1),this.searchInput=""),this.$emit("update:modelValue",this.selectedOptions)},updateGameNameFilters(t){this.searchInput=t}}},V={ref:"dropdown",class:"relative inline-block text-left"},F={class:"text-nowrap text-xs"},N={class:"relative max-h-[286px] overflow-y-scroll p-sm pt-0"},z=["onClick"];function G(t,e,o,p,n,l){const m=I,v=g,y=_,b=x,w=k;return a(),c("div",V,[h(y,{variant:"ghost",size:"MD",icon:"","icon-position":"right",class:"h-[30px] lg:h-[41px] leading-none mb-3xs","full-height":"",onClick:e[0]||(e[0]=s=>n.isOpen=!n.isOpen)},{default:C(()=>[o.displayDotGreen?(a(),u(m,{key:0,name:"dot-green","aria-hidden":"true",role:"img",class:"w-[10px] h-[11px] flex00auto"})):i("",!0),r("span",F,f(o.buttonLabel),1),h(v,{class:"text-ghost-foreground hover:text-ghost-foreground","arrow-up-color":"text-ghost-foreground hover:text-ghost-foreground","arrow-up":n.isOpen},null,8,["arrow-up"])]),_:1}),n.isOpen?(a(),c("div",{key:0,class:d(["absolute mt-2xs z-40 w-max border-sm color-stroke-elevation background-flyout rounded-md backdrop-blur-md",{"left-0":o.position==="left","right-0":o.position==="right"}])},[r("div",N,[e[2]||(e[2]=r("div",{class:"sticky z-10 top-0 background-flyout w-full h-sm"},null,-1)),o.displaySearchInput?(a(),u(b,{key:0,modelValue:n.searchInput,"onUpdate:modelValue":e[1]||(e[1]=s=>n.searchInput=s),class:"col-span-2 sticky top-sm z-10 background-flyout backdrop-blur-md",type:"search",variant:"SearchRoundedMedium",placeholder:o.searchPlaceholder,onHandleFilter:l.updateGameNameFilters,onHandleSearch:l.updateGameNameFilters},null,8,["modelValue","placeholder","onHandleFilter","onHandleSearch"])):i("",!0),r("div",{class:d(["grid grid-cols-2 gap-xs",{"mt-xs":o.displaySearchInput}])},[(a(!0),c(B,null,D(l.filteredOptions,(s,O)=>(a(),c("button",{key:O,class:d(["flex items-center gap-xs p-xs w-[120px] border-sm rounded-md color-stroke-3 text-foreground-2 background-elevation-2 hover:background-elevation-4",{"background-elevation-4 color-stroke-accent":s?.selected}]),onClick:H=>l.selectOption(s)},[s?.selected?(a(),u(m,{key:0,name:"dot-green","aria-hidden":"true",role:"img",class:"w-xs h-xs flex00auto"})):i("",!0),o.displayImage&&s.image?(a(),u(w,{key:1,shape:"rounded-pill",class:"w-lg h-lg",src:s.image,alt:s.label},null,8,["src","alt"])):i("",!0),r("span",{class:d(["text-left body-xs !leading-120",{truncate:o.buttonLabel==="Providers"}])},f(s.label),3)],10,z))),128))],2)])],2)):i("",!0)],512)}const J=Object.assign(S(L,[["render",G]]),{__name:"DropdownMultiSelect"});export{J as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.