2 lines
8.2 KiB
JavaScript
2 lines
8.2 KiB
JavaScript
import{Q as K,aB as W,a0 as X,a1 as Y,aC as Z,aD as _,aE as ee,a6 as ie,G as ae,o as n,a as d,p as le,af as se,m as q,s as a,q as m,e as I,ac as o,ab as S,ad as te,f as g,P as ne,c as B,am as A,aF as re}from"./Sa-_S7_w.js";const oe={slots:{root:"relative inline-flex items-center",base:["w-full rounded-md border-0 appearance-none placeholder:text-dimmed focus:outline-none disabled:cursor-not-allowed disabled:opacity-75","transition-colors"],leading:"absolute inset-y-0 start-0 flex items-center",leadingIcon:"shrink-0 text-dimmed",leadingAvatar:"shrink-0",leadingAvatarSize:"",trailing:"absolute inset-y-0 end-0 flex items-center",trailingIcon:"shrink-0 text-dimmed"},variants:{fieldGroup:{horizontal:{root:"group has-focus-visible:z-[1]",base:"group-not-only:group-first:rounded-e-none group-not-only:group-last:rounded-s-none group-not-last:group-not-first:rounded-none"},vertical:{root:"group has-focus-visible:z-[1]",base:"group-not-only:group-first:rounded-b-none group-not-only:group-last:rounded-t-none group-not-last:group-not-first:rounded-none"}},size:{xs:{base:"px-2 py-1 text-sm/4 gap-1",leading:"ps-2",trailing:"pe-2",leadingIcon:"size-4",leadingAvatarSize:"3xs",trailingIcon:"size-4"},sm:{base:"px-2.5 py-1.5 text-sm/4 gap-1.5",leading:"ps-2.5",trailing:"pe-2.5",leadingIcon:"size-4",leadingAvatarSize:"3xs",trailingIcon:"size-4"},md:{base:"px-2.5 py-1.5 text-base/5 gap-1.5",leading:"ps-2.5",trailing:"pe-2.5",leadingIcon:"size-5",leadingAvatarSize:"2xs",trailingIcon:"size-5"},lg:{base:"px-3 py-2 text-base/5 gap-2",leading:"ps-3",trailing:"pe-3",leadingIcon:"size-5",leadingAvatarSize:"2xs",trailingIcon:"size-5"},xl:{base:"px-3 py-2 text-base gap-2",leading:"ps-3",trailing:"pe-3",leadingIcon:"size-6",leadingAvatarSize:"xs",trailingIcon:"size-6"}},variant:{outline:"text-highlighted bg-default ring ring-inset ring-accented",soft:"text-highlighted bg-elevated/50 hover:bg-elevated focus:bg-elevated disabled:bg-elevated/50",subtle:"text-highlighted bg-elevated ring ring-inset ring-accented",ghost:"text-highlighted bg-transparent hover:bg-elevated focus:bg-elevated disabled:bg-transparent dark:disabled:bg-transparent",none:"text-highlighted bg-transparent"},color:{primary:"",secondary:"",success:"",info:"",warning:"",error:"",neutral:""},leading:{true:""},trailing:{true:""},loading:{true:""},highlight:{true:""},fixed:{false:""},type:{file:"file:me-1.5 file:font-medium file:text-muted file:outline-none"}},compoundVariants:[{color:"primary",variant:["outline","subtle"],class:"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary"},{color:"secondary",variant:["outline","subtle"],class:"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-secondary"},{color:"success",variant:["outline","subtle"],class:"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-success"},{color:"info",variant:["outline","subtle"],class:"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-info"},{color:"warning",variant:["outline","subtle"],class:"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-warning"},{color:"error",variant:["outline","subtle"],class:"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error"},{color:"primary",highlight:!0,class:"ring ring-inset ring-primary"},{color:"secondary",highlight:!0,class:"ring ring-inset ring-secondary"},{color:"success",highlight:!0,class:"ring ring-inset ring-success"},{color:"info",highlight:!0,class:"ring ring-inset ring-info"},{color:"warning",highlight:!0,class:"ring ring-inset ring-warning"},{color:"error",highlight:!0,class:"ring ring-inset ring-error"},{color:"neutral",variant:["outline","subtle"],class:"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-inverted"},{color:"neutral",highlight:!0,class:"ring ring-inset ring-inverted"},{leading:!0,size:"xs",class:"ps-7"},{leading:!0,size:"sm",class:"ps-8"},{leading:!0,size:"md",class:"ps-9"},{leading:!0,size:"lg",class:"ps-10"},{leading:!0,size:"xl",class:"ps-11"},{trailing:!0,size:"xs",class:"pe-7"},{trailing:!0,size:"sm",class:"pe-8"},{trailing:!0,size:"md",class:"pe-9"},{trailing:!0,size:"lg",class:"pe-10"},{trailing:!0,size:"xl",class:"pe-11"},{loading:!0,leading:!0,class:{leadingIcon:"animate-spin"}},{loading:!0,leading:!1,trailing:!0,class:{trailingIcon:"animate-spin"}},{fixed:!1,size:"xs",class:"md:text-xs"},{fixed:!1,size:"sm",class:"md:text-xs"},{fixed:!1,size:"md",class:"md:text-sm"},{fixed:!1,size:"lg",class:"md:text-sm"}],defaultVariants:{size:"md",color:"primary",variant:"outline"}},ue=["id","type","value","name","placeholder","disabled","required","autocomplete"],ge=Object.assign({inheritAttrs:!1},{__name:"UInput",props:{as:{type:null,required:!1},id:{type:String,required:!1},name:{type:String,required:!1},type:{type:null,required:!1,default:"text"},placeholder:{type:String,required:!1},color:{type:null,required:!1},variant:{type:null,required:!1},size:{type:null,required:!1},required:{type:Boolean,required:!1},autocomplete:{type:[String,Object],required:!1,default:"off"},autofocus:{type:Boolean,required:!1},autofocusDelay:{type:Number,required:!1,default:0},disabled:{type:Boolean,required:!1},highlight:{type:Boolean,required:!1},fixed:{type:Boolean,required:!1},modelValue:{type:null,required:!1},defaultValue:{type:null,required:!1},modelModifiers:{type:null,required:!1},class:{type:null,required:!1},ui:{type:Object,required:!1},icon:{type:null,required:!1},avatar:{type:Object,required:!1},leading:{type:Boolean,required:!1},leadingIcon:{type:null,required:!1},trailing:{type:Boolean,required:!1},trailingIcon:{type:null,required:!1},loading:{type:Boolean,required:!1},loadingIcon:{type:null,required:!1}},emits:["update:modelValue","blur","change"],setup(s,{expose:k,emit:V}){const i=s,c=V,u=K(),v=W(i,"modelValue",c,{defaultValue:i.defaultValue}),C=X(),t=Y("input",i),{emitFormBlur:F,emitFormInput:M,emitFormChange:w,size:G,color:N,id:$,name:j,highlight:O,disabled:P,emitFormFocus:b,ariaAttrs:R}=Z(i,{}),{orientation:T,size:D}=_(i),{isLeading:f,isTrailing:h,leadingIconName:y,trailingIconName:x}=ee(i),E=B(()=>D.value||G.value),l=B(()=>A({extend:A(oe),...C.ui?.input||{}})({type:i.type,color:N.value,variant:i.variant,size:E?.value,loading:i.loading,highlight:O.value,fixed:i.fixed,leading:f.value||!!i.avatar||!!u.leading,trailing:h.value||!!u.trailing,fieldGroup:T.value})),p=ie("inputRef");function z(e){i.modelModifiers?.trim&&(typeof e=="string"||e===null||e===void 0)&&(e=e?.trim()??null),(i.modelModifiers?.number||i.type==="number")&&(e=re(e)),i.modelModifiers?.nullable&&(e||=null),i.modelModifiers?.optional&&!i.modelModifiers?.nullable&&e!==null&&(e||=void 0),v.value=e,M()}function U(e){i.modelModifiers?.lazy||z(e.target.value)}function L(e){const r=e.target.value;i.modelModifiers?.lazy&&z(r),i.modelModifiers?.trim&&(e.target.value=r.trim()),w(),c("change",e)}function Q(e){F(),c("blur",e)}function H(){i.autofocus&&p.value?.focus()}return ae(()=>{setTimeout(()=>{H()},i.autofocusDelay)}),k({inputRef:p}),(e,r)=>(n(),d(a(ne),{as:s.as,"data-slot":"root",class:o(l.value.root({class:[a(t)?.root,i.class]}))},{default:le(()=>[se("input",q({id:a($),ref_key:"inputRef",ref:p,type:s.type,value:a(v),name:a(j),placeholder:s.placeholder,"data-slot":"base",class:l.value.base({class:a(t)?.base}),disabled:a(P),required:s.required,autocomplete:s.autocomplete},{...e.$attrs,...a(R)},{onInput:U,onBlur:Q,onChange:L,onFocus:r[0]||(r[0]=(...J)=>a(b)&&a(b)(...J))}),null,16,ue),m(e.$slots,"default",{ui:l.value}),a(f)||s.avatar||u.leading?(n(),I("span",{key:0,"data-slot":"leading",class:o(l.value.leading({class:a(t)?.leading}))},[m(e.$slots,"leading",{ui:l.value},()=>[a(f)&&a(y)?(n(),d(S,{key:0,name:a(y),"data-slot":"leadingIcon",class:o(l.value.leadingIcon({class:a(t)?.leadingIcon}))},null,8,["name","class"])):s.avatar?(n(),d(te,q({key:1,size:a(t)?.leadingAvatarSize||l.value.leadingAvatarSize()},s.avatar,{"data-slot":"leadingAvatar",class:l.value.leadingAvatar({class:a(t)?.leadingAvatar})}),null,16,["size","class"])):g("",!0)])],2)):g("",!0),a(h)||u.trailing?(n(),I("span",{key:1,"data-slot":"trailing",class:o(l.value.trailing({class:a(t)?.trailing}))},[m(e.$slots,"trailing",{ui:l.value},()=>[a(x)?(n(),d(S,{key:0,name:a(x),"data-slot":"trailingIcon",class:o(l.value.trailingIcon({class:a(t)?.trailingIcon}))},null,8,["name","class"])):g("",!0)])],2)):g("",!0)]),_:3},8,["as","class"]))}});export{ge as _};
|