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