@progress/kendo-themes-html/dist/esm/form/form-field.mjs

A collection of HTML helpers used for developing Kendo UI themes

var t=(...i)=>i.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?t(...e):typeof e=="object"?Object.keys(e).map((l,r)=>e[r]||e[l]&&l||null).filter(l=>l!==null).join(" "):e).filter(e=>!!e).join(" ");var v=(i,e)=>{let{valid:l,invalid:r,hover:m,focus:s,checked:a,active:c,selected:u,disabled:f,indeterminate:d,loading:$,empty:F,readonly:M,highlighted:p,...x}=e;return t({"k-valid":l,"k-invalid":r,"k-hover":m,"k-focus":s,"k-checked":a,"k-active":c,"k-selected":u,"k-disabled":f,"k-indeterminate":d&&!a,"k-loading":$,"k-empty":F,"k-readonly":M,"k-highlighted":p},Object.keys(x).reduce((g,n)=>(n.startsWith("k-")?g[n]=x[n]:g[`k-${n}`]=x[n],g),{}))};var y={open:"open",hover:"hover",focus:"focus",active:"active",selected:"selected",disabled:"disabled",valid:"valid",invalid:"invalid",loading:"loading",required:"required",empty:"empty",indeterminate:"indeterminate",checked:"checked",readonly:"readonly",highlighted:"highlighted",generating:"generating",expanded:"expanded"};import{jsx as o,jsxs as k}from"react/jsx-runtime";var h="k-form-field",z=[y.disabled],b=i=>{let{label:e,orientation:l,optional:r,editor:m,hint:s,error:a,info:c,disabled:u,dir:f,colSpan:d}=i;return k("div",{className:t(h,i.className,v(h,{disabled:u}),{[`k-col-span-${d}`]:d}),dir:f,children:[e&&k("label",{className:t("k-label","k-form-label"),children:[e,r&&o("span",{className:"k-label-optional",children:"(Optional)"}),c&&o("span",{className:"k-field-info",children:"(field info)"})]}),l==="horizontal"&&!e&&o("span",{className:"k-label k-form-label k-label-empty"}),k("div",{className:"k-form-field-wrap",children:[m,s&&o("div",{className:"k-form-hint",children:s}),a&&o("div",{className:"k-form-error",children:a})]})]})};b.states=z;b.className=h;var L=b;export{h as FORMFIELD_CLASSNAME,b as FormField,L as default};