D1XImzPn.js 8.76 KB
import{T as W,I as X,U as Z,V as _,ac as ee,ai as ie,A as ae,y as se,L as le,o,k as c,w as te,e as ne,S as B,g as a,x as h,c as k,Y as u,$ as A,C as re,n as f,P as oe,s as ue,aj as de,a0 as S,ak as ge}from"./BtEn9SvP.js";const ce={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 start-0 flex items-start",leadingIcon:"shrink-0 text-dimmed",leadingAvatar:"shrink-0",leadingAvatarSize:"",trailing:"absolute end-0 flex items-start",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 inset-y-1",trailing:"pe-2 inset-y-1",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 inset-y-1.5",trailing:"pe-2.5 inset-y-1.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 inset-y-1.5",trailing:"pe-2.5 inset-y-1.5",leadingIcon:"size-5",leadingAvatarSize:"2xs",trailingIcon:"size-5"},lg:{base:"px-3 py-2 text-base/5 gap-2",leading:"ps-3 inset-y-2",trailing:"pe-3 inset-y-2",leadingIcon:"size-5",leadingAvatarSize:"2xs",trailingIcon:"size-5"},xl:{base:"px-3 py-2 text-base gap-2",leading:"ps-3 inset-y-2",trailing:"pe-3 inset-y-2",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"},autoresize:{true:{base:"resize-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"}},fe=["id","value","name","rows","placeholder","disabled","required"],me=Object.assign({inheritAttrs:!1},{__name:"UTextarea",props:{as:{type:null,required:!1},id:{type:String,required:!1},name:{type:String,required:!1},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},autofocus:{type:Boolean,required:!1},autofocusDelay:{type:Number,required:!1,default:0},autoresize:{type:Boolean,required:!1},autoresizeDelay:{type:Number,required:!1,default:0},disabled:{type:Boolean,required:!1},rows:{type:Number,required:!1,default:3},maxrows:{type:Number,required:!1,default:0},highlight:{type:Boolean,required:!1},fixed:{type:Boolean,required:!1},defaultValue:{type:null,required:!1},modelValue:{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(n,{expose:V,emit:C}){const e=n,p=C,d=W(),m=X(e,"modelValue",p,{defaultValue:e.defaultValue}),M=Z(),r=_("textarea",e),{emitFormFocus:x,emitFormBlur:N,emitFormInput:T,emitFormChange:F,size:$,color:R,id:j,name:D,highlight:P,disabled:H,ariaAttrs:O}=ee(e,{deferInputValidation:!0}),{isLeading:v,isTrailing:z,leadingIconName:I,trailingIconName:q}=ie(e),s=ue(()=>S({extend:S(ce),...M.ui?.textarea||{}})({color:R.value,variant:e.variant,size:$?.value,loading:e.loading,highlight:P.value,fixed:e.fixed,autoresize:e.autoresize,leading:v.value||!!e.avatar||!!d.leading,trailing:z.value||!!d.trailing})),l=ae("textareaRef");function w(i){e.modelModifiers?.trim&&(typeof i=="string"||i===null||i===void 0)&&(i=i?.trim()??null),e.modelModifiers?.number&&(i=de(i)),e.modelModifiers?.nullable&&(i||=null),e.modelModifiers?.optional&&!e.modelModifiers?.nullable&&i!==null&&(i||=void 0),m.value=i,T()}function U(i){g(),e.modelModifiers?.lazy||w(i.target.value)}function L(i){const t=i.target.value;e.modelModifiers?.lazy&&w(t),e.modelModifiers?.trim&&(i.target.value=t.trim()),F(),p("change",i)}function E(i){N(),p("blur",i)}function G(){e.autofocus&&l.value?.focus()}function g(){if(e.autoresize&&l.value){l.value.rows=e.rows;const i=l.value.style.overflow;l.value.style.overflow="hidden";const t=window.getComputedStyle(l.value),b=Number.parseInt(t.paddingTop),Y=Number.parseInt(t.paddingBottom),J=b+Y,K=Number.parseInt(t.lineHeight),{scrollHeight:Q}=l.value,y=(Q-J)/K;y>e.rows&&(l.value.rows=e.maxrows?Math.min(y,e.maxrows):y),l.value.style.overflow=i}}return se(m,()=>{ge(g)}),le(()=>{setTimeout(()=>{G()},e.autofocusDelay),setTimeout(()=>{g()},e.autoresizeDelay)}),V({textareaRef:l,autoResize:g}),(i,t)=>(o(),c(a(oe),{as:n.as,"data-slot":"root",class:u(s.value.root({class:[a(r)?.root,e.class]}))},{default:te(()=>[ne("textarea",B({id:a(j),ref_key:"textareaRef",ref:l,value:a(m),name:a(D),rows:n.rows,placeholder:n.placeholder,"data-slot":"base",class:s.value.base({class:a(r)?.base}),disabled:a(H),required:n.required},{...i.$attrs,...a(O)},{onInput:U,onBlur:E,onChange:L,onFocus:t[0]||(t[0]=(...b)=>a(x)&&a(x)(...b))}),null,16,fe),h(i.$slots,"default",{ui:s.value}),a(v)||n.avatar||d.leading?(o(),k("span",{key:0,"data-slot":"leading",class:u(s.value.leading({class:a(r)?.leading}))},[h(i.$slots,"leading",{ui:s.value},()=>[a(v)&&a(I)?(o(),c(A,{key:0,name:a(I),"data-slot":"leadingIcon",class:u(s.value.leadingIcon({class:a(r)?.leadingIcon}))},null,8,["name","class"])):n.avatar?(o(),c(re,B({key:1,size:a(r)?.leadingAvatarSize||s.value.leadingAvatarSize()},n.avatar,{"data-slot":"leadingAvatar",class:s.value.leadingAvatar({class:a(r)?.leadingAvatar})}),null,16,["size","class"])):f("",!0)])],2)):f("",!0),a(z)||d.trailing?(o(),k("span",{key:1,"data-slot":"trailing",class:u(s.value.trailing({class:a(r)?.trailing}))},[h(i.$slots,"trailing",{ui:s.value},()=>[a(q)?(o(),c(A,{key:0,name:a(q),"data-slot":"trailingIcon",class:u(s.value.trailingIcon({class:a(r)?.trailingIcon}))},null,8,["name","class"])):f("",!0)])],2)):f("",!0)]),_:3},8,["as","class"]))}});export{me as _};