@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 1.66 kB
JavaScript
var r=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?r(...e):typeof e=="object"?Object.keys(e).map((t,a)=>e[a]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var k=(o,e)=>{let{valid:t,invalid:a,hover:u,focus:c,checked:s,active:d,selected:m,disabled:f,indeterminate:y,loading:v,empty:A,readonly:E,highlighted:M,...g}=e;return r({"k-valid":t,"k-invalid":a,"k-hover":u,"k-focus":c,"k-checked":s,"k-active":d,"k-selected":m,"k-disabled":f,"k-indeterminate":y&&!s,"k-loading":v,"k-empty":A,"k-readonly":E,"k-highlighted":M},Object.keys(g).reduce((x,i)=>(i.startsWith("k-")?x[i]=g[i]:x[`k-${i}`]=g[i],x),{}))};var n={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 b="floating-label",L=b;import{jsx as _,jsxs as p}from"react/jsx-runtime";var h="k-floating-label-container",N=[n.hover,n.focus,n.valid,n.invalid,n.empty,n.disabled],F={},O={},l=o=>{let{hover:e,focus:t,disabled:a,invalid:u,valid:c,empty:s,label:d,optional:m,...f}=o;return p("span",{...f,className:r(o.className,h,k(h,{hover:e,focus:t,disabled:a,empty:s,valid:c,invalid:u})),children:[o.children,d&&p("label",{className:"k-floating-label",children:[d,m&&_("span",{className:"k-label-optional",children:"(Optional)"})]})]})};l.states=N;l.options=F;l.className=h;l.defaultOptions=O;l.moduleName=b;l.folderName=L;var w=l;export{h as FLOATINGLABEL_CLASSNAME,l as FloatingLabel,w as default};