1import{l as s,m as a,D as v,E as l,t as o,x as m,y as c,q as d,C as h}from"./vue-vendor-Du8vYfZd.js";import{_ as f}from"./vue-export-helper-DlAUqK2U.js";const p={name:"PaymentDropdown",data(){return{selectedMethod:null}},props:{mode:{type:String,required:!0},items:{type:Array,required:!0},imgType:{type:String,default:()=>"common"},format:{type:String,default:"svg"}},methods:{selectMethod(n){this.$emit("select-method",n.value)}}},w={class:"payment-dropdown__body"},k={class:"payment-dropdown__layout"},b={class:"payment-dropdown__col"},T={class:"payment-dropdown__title"},U={class:"payment-dropdown__col"},C={key:0},D={key:0,class:"country-item country-item-value payment-dropdown"},S=["src","alt"],M={key:1},V={key:0,class:"country-item payment-dropdown"},B=["src","alt"];function q(n,i,e,E,r,y){const _=s("Svg"),u=s("Dropdown"),g=s("Panel");return a(),v(g,null,{header:l(()=>[o("div",{class:h(`${e.mode}__title`)},[i[1]||(i[1]=o("i",{class:"fa-duotone fa-money-bill-transfer payment-dropdown__header-icon"},null,-1)),o("span",null,m(n.$store.getters.translate(`website.generic.${e.mode}.methods`)),1)],2)]),default:l(()=>[o("div",w,[o("div",k,[o("div",b,[o("h3",T,m(n.$store.getters.translate(`website.generic.select.${e.mode}.method`)),1)]),o("div",U,[c(u,{modelValue:r.selectedMethod,"onUpdate:modelValue":i[0]||(i[0]=t=>r.selectedMethod=t),options:e.items,optionLabel:"description",filter:!0,placeholder:n.$store.getters.translate(`website.generic.select.${e.mode}.method`),class:"payment-dropdown__select",onChange:y.selectMethod},{value:l(t=>[t.value?(a(),d("div",C,[e.format==="svg"?(a(),d("div",D,[c(_,{"data-link":n.imgUrl(`payments/${e.mode}s/`+t.value.id+".svg",e.imgType),src:n.imgUrl(`payments/${e.mode}s/`+t.value.id+".svg",e.imgType),alt:t.value.id+" - "+t.value.description,fill:"var(--svg-color)"},null,8,["data-link","src","alt"])])):(a(),d("img",{key:1,src:n.imgUrl(`payments/${e.mode}s/${t.value.id}.${e.format}`,e.imgType),alt:t.value.id+" - "+t.value.description},null,8,S))])):(a(),d("span",M,m(t.placeholder),1))]),option:l(t=>[e.format==="svg"?(a(),d("div",V,[c(_,{"data-link":n.imgUrl(`payments/${e.mode}s/`+t.option.id+".svg",e.imgType),src:n.imgUrl(`payments/${e.mode}s/`+t.option.id+".svg",e.imgType),alt:t.option.id+" - "+t.option.description,fill:"var(--svg-color)"},null,8,["data-link","src","alt"])])):(a(),d("img",{key:1,src:n.imgUrl(`payments/${e.mode}s/${t.option.id}.${e.format}`,e.imgType),alt:t.option.id+" - "+t.option.description},null,8,B))]),_:1},8,["modelValue","options","placeholder","onChange"])])])])]),_:1})}const A=f(p,[["render",q],["__scopeId","data-v-4b239342"]]);export{A 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.