import $ from"./CPU6CqO2.js";import{_ as w,r as h,m as B,ad as b,e as u,i as n,F as y,k as C,p as S,x as V,n as r,an as T,h as a,f as p,ae as F,t as R}from"#entry";import{e as D}from"./DoyTWK7L.js";import"./CyWb6TZl.js";import"./Ch9-BcdM.js";import"./BiLnp6eD.js";const N={class:"relative"},U=["id","type","placeholder","tabindex"],q=["for"],z=["id","value","type","placeholder","tabindex"],E={__name:"BaseInput",props:{modelValue:{type:String,default:""},type:{type:String,default:"text",validator:t=>["text","email","password","search","tel","url"].includes(t)},value:{type:String,default:""},placeholder:{type:String,default:void 0},label:{type:String,default:void 0},labelClass:{type:String,default:""},inputClass:{type:String,default:""},active:{type:Boolean,default:!1},theme:{type:String,default:"light",validator:t=>["light","dark"].includes(t)},noBorder:{type:Boolean,default:!1,validator:t=>[!1,!0].includes(t)},icon:{type:String,default:""},tabIndex:{type:Number,default:null}},emits:["update:modelValue","inputChanged"],setup(t,{expose:i,emit:g}){const{displayFont:c}=D(),e=t,f=g,l=h(null),o=h("");B(()=>e.active,()=>{x()});const x=()=>{e.active?setTimeout(()=>{l.value.focus()},250):setTimeout(()=>{l.value.blur()})},v=()=>{f("inputChanged",o.value)},_=()=>{l.value.focus()},k=b(),m=b();return i({focus:_}),(M,s)=>{const I=$;return n(),u("div",N,[e.noBorder?(n(),u(y,{key:0},[e.icon?(n(),C(I,{key:0,file:e.icon,alt:e.icon,class:r(["inline-block absolute top-[11px] sm:top-5 h-4 w-4 fill-current",e.theme==="light"?"text-dark":"text-white"])},null,8,["file","alt","class"])):S("",!0),V(p("input",{id:`search-${a(k)}`,ref_key:"inputRef",ref:l,"onUpdate:modelValue":s[0]||(s[0]=d=>F(o)?o.value=d:null),type:e.type,placeholder:e.placeholder,class:r([`borderless bg-transparent ${a(c)} ${e.inputClass} ${e.theme} ${e.theme==="light"?"border-gray-400 placeholder-black text-black":"border-white placeholder-white text-white"}`,"block w-full h-10 sm:h-14 px-6 lg:px-8 border-bottom font-medium text-base"]),tabindex:e.tabIndex,onInput:v},null,42,U),[[T,a(o)]])],64)):(n(),u(y,{key:1},[p("label",{for:`search_${a(m)}`,class:r(t.labelClass)},R(t.label),11,q),p("input",{id:`search_${a(m)}`,ref_key:"inputRef",ref:l,value:e.modelValue,type:e.type,placeholder:e.placeholder,class:r([`${a(c)} ${e.inputClass} ${e.theme} ${e.theme==="light"?"border-gray-400 bg-white placeholder-black text-black":"bg-black border-black hover:border-gray-700 placeholder-gray-400 text-gray-400"}`,"block w-full h-10 sm:h-14 px-4 lg:px-8 border rounded-full font-medium text-base"]),tabindex:e.tabIndex,onInput:s[1]||(s[1]=d=>f("update:modelValue",d.target.value))},null,42,z)],64))])}}},L=w(E,[["__scopeId","data-v-9dc1d685"]]);export{L as default};

AltStyle によって変換されたページ (->オリジナル) /