1import{B as e,D as t,R as n,U as r,Z as i,_ as a,_t as o,b as s,bt as c,k as l,st as u,v as d,vt as f,w as p,x as m}from"./vue.esm-bundler-Cs2C9GC0.js";import{a as h}from"./Router-BRbgQ86A.js";import{l as g,o as _,r as v,t as y}from"./dist-CCDeE_Af.js";var b=e=>{let t=u(!1),r=()=>{t.value=!0},a=()=>{t.value=!1};return i(e,()=>{e.value&&(e.value.addEventListener(`focus`,r),e.value.addEventListener(`blur`,a))}),n(()=>{e.value&&(e.value.removeEventListener(`focus`,r),e.value.removeEventListener(`blur`,a))}),{isFocus:t,onFocus:r,onBlur:a}},x={field:_().isRequired,label:g(),required:v(),disabled:v(),readonly:v(),class:y(),classInput:y(),classSpan:y(),highlights:_(),showErrorOnFocus:v(),placeholder:g(),for:g(),dataTestId:g()},S=(e,t)=>{let n=`bg-red-100`;if(t){if(typeof e.name==`string`){if(e.name in t)return n}else if(e.name.value in t)return n}},C=[`form-item-control`,`focus:[outline:none!important] focus-visible:[outline:none!important]`,`focus:[outline-offset:0!important] focus-visible:[outline-offset:0!important]`],w=[...C,`bg-gg-blue-50 ring-1 ring-inset ring-gray-300`,`focus:ring-2 focus:ring-inset focus:ring-gg-blue-600`,`focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-gg-blue-600`],T=[...C,`bg-gg-blue-50 ring-1 ring-inset ring-red-500`,`focus:ring-2 focus:ring-inset focus:ring-red-500`,`focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-red-500`],E=t({name:`FormItem`,props:x,setup(e){let{isFocus:t}=b(a(()=>e.field.ref.value)),n=a(()=>S(e.field,e.highlights)),r=a(()=>e.field.errors.value);return{isFocus:t,errors:r,showError:a(()=>!e.disabled&&(e.showErrorOnFocus||!t.value)&&r.value.length>0),inputClasses:a(()=>{let{disabled:t,label:r,field:i}=e,a=i.errors.value.length,o=r?`pt-5 pb-1.5`:`py-2`,s=[`block w-full appearance-none rounded-md px-4 text-base text-gray-900`,`placeholder:text-gray-400`];return t?[...s,...C,`cursor-not-allowed bg-gray-50/25 ring-1 ring-inset ring-gray-200`,o]:a||n.value?[...s,...T,o]:[...s,...w,o]})}}}),D=[`data-test-id`],O=[`for`],k={key:0,class:`text-red-600`},A=[`id`,`data-test-id`];function j(t,n,i,a,u,h){return e(),m(`div`,{class:o(t.$props.class),"data-test-id":t.dataTestId},[d(`label`,{for:t.$props.for,class:`block relative`},[r(t.$slots,`default`,f(l({required:t.required,classes:[t.inputClasses,t.classInput],name:t.field.name,disabled:t.disabled,readonly:t.readonly,showError:t.showError,ariaDescribedBy:t.showError||t.errors.length>0?`${t.$props.for}_error`:void 0}))),t.label?(e(),m(`span`,{key:0,class:o([`pointer-events-none absolute left-4 top-2 z-10 text-xs font-normal leading-tight text-gg-blue-600`,{"text-gray-500":t.disabled},t.classSpan])},[p(c(t.label),1),t.required?(e(),m(`span`,k,`*`)):s(``,!0)],2)):s(``,!0)],8,O),t.showError||t.errors.length>0?(e(),m(`p`,{key:0,id:`${t.$props.for}_error`,class:`mt-1 text-sm text-red-600`,role:`alert`,"data-test-id":t.$props.dataTestId?`${t.$props.dataTestId}-error`:void 0},c(t.errors[0]),9,A)):s(``,!0)],10,D)}var M=h(E,[[`render`,j]]);export{x as n,M as t};
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.