1import{_ as g}from"./DlAUqK2U.js";import{o as p,c as i,n as b,a as e,b as a,p as B,r as S,u as f,q as $,t as V,s as k,v as F,x as w,w as m,y as N,d as _}from"./Rp0TENc7.js";import{V as I}from"./DLGpkEzV.js";import{_ as M}from"./CjcwF03_.js";import{a as T}from"./DA38tTAj.js";const A={},E={id:"Your_design",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",version:"1.1",x:"0px",y:"0px",width:"126.611px",height:"126.611px",viewBox:"0 0 126.611 126.611","enable-background":"new 0 0 126.611 126.611","xml:space":"preserve"};function U(n,l){return p(),i("svg",E,l[0]||(l[0]=[b('<polygon fill="#F3BA2F" points="38.171,53.203 62.759,28.616 87.36,53.216 101.667,38.909 62.759,0 23.864,38.896 "></polygon><rect x="3.644" y="53.188" transform="matrix(0.7071 0.7071 -0.7071 0.7071 48.7933 8.8106)" fill="#F3BA2F" width="20.233" height="20.234"></rect><polygon fill="#F3BA2F" points="38.171,73.408 62.759,97.995 87.359,73.396 101.674,87.695 101.667,87.703 62.759,126.611 23.863,87.716 23.843,87.696 "></polygon><rect x="101.64" y="53.189" transform="matrix(-0.7071 0.7071 -0.7071 -0.7071 235.5457 29.0503)" fill="#F3BA2F" width="20.234" height="20.233"></rect><polygon fill="#F3BA2F" points="77.271,63.298 77.277,63.298 62.759,48.78 52.03,59.509 52.029,59.509 50.797,60.742 48.254,63.285 48.254,63.285 48.234,63.305 48.254,63.326 62.759,77.831 77.277,63.313 77.284,63.305 "></polygon>',5)]))}const C=g(A,[["render",U]]),D={class:"row-hug row-middle gap-8px rounded-full bg-neutral-900 p-8px pr-12px"},H={class:"rounded-full bg-black p-4px"},L={__name:"SwapperBadgeBNB",setup(n){return(l,t)=>(p(),i("div",D,[e("div",H,[a(C,{class:"h-20px w-20px fill-neutral-900"})]),t[0]||(t[0]=e("span",{class:"font-mulish-md text-white"},"BNB",-1)),t[1]||(t[1]=e("div",{class:"i-lucide-arrow-up text-white"},null,-1))]))}},O={class:"col rounded-24px bg-neutral-800 p-16px focus-within:ring-2 focus-within:ring-neutral-700"},P={class:"row row-middle gap-16px"},Y={class:"col"},q={class:"font-mulish-sm text-neutral-500"},z=["placeholder"],R={__name:"SwapperInput",props:B({label:{type:String,default:null},placeholder:{type:String,default:null},autofocus:{type:Boolean,default:!1}},{modelValue:{type:null},modelModifiers:{}}),emits:["update:modelValue"],setup(n){const l=n,t=S(null),s=f(n,"modelValue");return $(()=>{var r;l.autofocus&&((r=t.value)==null||r.focus())}),(r,d)=>(p(),i("label",O,[e("div",P,[e("div",Y,[e("span",q,V(n.label),1),k(e("input",{ref_key:"input",ref:t,"onUpdate:modelValue":d[0]||(d[0]=u=>s.value=u),type:"text",inputmode:"numeric",class:"h-full w-full border-none bg-transparent p-0 font-mulish-xl text-white font-700 focus:outline-none focus:ring-0",placeholder:n.placeholder},null,8,z),[[F,s.value]])]),w(r.$slots,"default",{},void 0,!0)]),w(r.$slots,"extra",{},void 0,!0)]))}},j=g(R,[["__scopeId","data-v-7f40c269"]]),G={class:"row-hug row-middle gap-8px rounded-full bg-neutral-900 p-8px pr-12px"},J={class:"rounded-full bg-primary p-2"},K={__name:"SwapperBadgeToken",setup(n){return(l,t)=>(p(),i("div",G,[e("div",J,[a(I,{class:"size-3 fill-black"})]),t[0]||(t[0]=e("span",{class:"font-mulish-md text-white"},"ETHP",-1)),t[1]||(t[1]=e("div",{class:"i-lucide-arrow-down text-white"},null,-1))]))}},Q={class:"col max-w-450px gap-16px rounded-32px bg-neutral-900 p-24px"},W={__name:"Swapper",props:{input:{type:String,default:null},inputModifiers:{},output:{type:String,default:null},outputModifiers:{}},emits:["update:input","update:output"],setup(n){const l=T(),t=f(n,"input"),s=f(n,"output"),r=async u=>{const o=u.target.value;if(!o){s.value=null;return}s.value=await l.getOutput(o)},d=async u=>{const o=u.target.value;if(!o){s.value=null;return}t.value=await l.getInput(o)};return(u,o)=>{const v=L,x=j,h=K,y=M;return p(),i("div",Q,[a(x,{modelValue:t.value,"onUpdate:modelValue":o[0]||(o[0]=c=>t.value=c),label:"You pay",placeholder:"0",onInput:r},{extra:m(()=>o[3]||(o[3]=[e("div",{class:"row row-center"},[e("div",{class:"absolute mt-4px rounded-16px bg-primary p-8px"},[e("div",{class:"i-lucide-arrow-down text-24px text-white"})])],-1)])),default:m(()=>[a(v)]),_:1},8,["modelValue"]),a(x,{modelValue:s.value,"onUpdate:modelValue":o[1]||(o[1]=c=>s.value=c),label:"Receive",placeholder:"0",onInput:d},{default:m(()=>[a(h)]),_:1},8,["modelValue"]),a(y,{class:"center h-56px w-full",label:"Swap",onClick:o[2]||(o[2]=c=>N(l).buyToken(s.value))})])}}},X={class:"col h-full max-w-1536px col-center col-top gap-24px"},lt={__name:"buy",setup(n){return(l,t)=>{const s=W;return p(),i("section",X,[t[0]||(t[0]=e("span",{class:"text-center font-montserrat-xl md:font-montserrat-2xl text-white font-900"},[_(" Swap any time"),e("br"),_(" any where"),e("br")],-1)),t[1]||(t[1]=e("div",{class:"i-lucide-repeat inline-block text-4xl text-primary"},null,-1)),a(s),t[2]||(t[2]=e("span",{class:"text-center font-mulish-sm md:font-mulish-md text-gray-500"}," Each swap cost $5 BNB for maintenance of ETHPlus ",-1))])}}};export{lt 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.