@progress/kendo-themes-html/dist/cjs/form/form-field.js

A collection of HTML helpers used for developing Kendo UI themes

var F=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames;var C=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var o in e)F(t,o,{get:e[o],enumerable:!0})},B=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of P(e))!C.call(t,r)&&r!==o&&F(t,r,{get:()=>e[r],enumerable:!(n=z(e,r))||n.enumerable});return t};var I=t=>B(F({},"__esModule",{value:!0}),t);var Z={};D(Z,{FORMFIELD_CLASSNAME:()=>h,FormField:()=>L,default:()=>Y});module.exports=I(Z);var l=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?l(...e):typeof e=="object"?Object.keys(e).map((o,n)=>e[n]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var b=(t,e)=>{let{valid:o,invalid:n,hover:r,focus:c,checked:a,active:p,selected:k,disabled:N,indeterminate:E,loading:x,empty:v,readonly:_,highlighted:T,...y}=e;return l({"k-valid":o,"k-invalid":n,"k-hover":r,"k-focus":c,"k-checked":a,"k-active":p,"k-selected":k,"k-disabled":N,"k-indeterminate":E&&!a,"k-loading":x,"k-empty":v,"k-readonly":_,"k-highlighted":T},Object.keys(y).reduce((M,u)=>(u.startsWith("k-")?M[u]=y[u]:M[`k-${u}`]=y[u],M),{}))};var g={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"};var S="label",$="label";var f=require("react/jsx-runtime"),A="k-label",w=[g.disabled],j={},q={},i=t=>{let{disabled:e,optional:o,info:n,text:r,children:c,...a}=t;return(0,f.jsxs)("label",{...a,className:l(t.className,A,b(A,{disabled:e})),children:[r||c,o&&(0,f.jsx)("span",{className:"k-label-optional",children:"(Optional)"}),n&&(0,f.jsx)("span",{className:"k-field-info",children:n})]})};i.states=w;i.options=j;i.className=A;i.defaultOptions=q;i.moduleName=S;i.folderName=$;var O=require("react/jsx-runtime"),K="k-form-hint",U=[],J={},V={},d=t=>{let{text:e,children:o,...n}=t;return(0,O.jsx)("div",{...n,className:l(t.className,K),children:e||o})};d.states=U;d.options=J;d.className=K;d.defaultOptions=V;var H=require("react/jsx-runtime"),R="k-form-error",W=[],X={},G={},m=t=>{let{text:e,children:o,...n}=t;return(0,H.jsx)("div",{...n,className:l(t.className,R),children:e||o})};m.states=W;m.options=X;m.className=R;m.defaultOptions=G;var s=require("react/jsx-runtime"),h="k-form-field",Q=[g.disabled],L=t=>{let{editorId:e,label:o,orientation:n,optional:r,editor:c,hint:a,error:p,info:k,disabled:N,dir:E,colSpan:x,...v}=t;return(0,s.jsxs)("div",{...v,className:l(h,t.className,b(h,{disabled:N}),{[`k-col-span-${x}`]:x}),dir:E,children:[o&&(0,s.jsx)(i,{className:"k-form-label",id:e?`${e}-label`:void 0,htmlFor:e||void 0,optional:r,info:k?"(field info)":void 0,children:o}),n==="horizontal"&&!o&&(0,s.jsx)("span",{className:"k-label k-form-label k-label-empty"}),(0,s.jsxs)("div",{className:"k-form-field-wrap",children:[c,a&&(0,s.jsx)(d,{id:e?`${e}-hint`:void 0,children:a}),p&&(0,s.jsx)(m,{id:e?`${e}-error`:void 0,children:p})]})]})};L.states=Q;L.className=h;var Y=L;