@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.55 kB
JavaScript
var d=(...n)=>n.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?d(...e):typeof e=="object"?Object.keys(e).map((o,r)=>e[r]||e[o]&&o||null).filter(o=>o!==null).join(" "):e).filter(e=>!!e).join(" ");var N=(n,e)=>d({[`${n}-xs`]:e.size==="xsmall",[`${n}-sm`]:e.size==="small",[`${n}-md`]:e.size==="medium",[`${n}-lg`]:e.size==="large",[`${n}-xl`]:e.size==="xlarge",[`${n}-xxl`]:e.size==="xxlarge",[`${n}-xxxl`]:e.size==="xxxlarge"},{[`${n}-${e.fillMode}`]:e.fillMode},{[`${n}-${e.themeColor}`]:e.themeColor},{"k-rounded-sm":e.rounded==="small","k-rounded-md":e.rounded==="medium","k-rounded-lg":e.rounded==="large","k-rounded-full":e.rounded==="full","k-rounded-none":e.rounded==="none"}),$=(n,e)=>{let{valid:o,invalid:r,hover:f,focus:x,checked:m,active:g,selected:p,disabled:h,indeterminate:k,loading:y,empty:I,readonly:A,highlighted:E,...v}=e;return d({"k-valid":o,"k-invalid":r,"k-hover":f,"k-focus":x,"k-checked":m,"k-active":g,"k-selected":p,"k-disabled":h,"k-indeterminate":k&&!m,"k-loading":y,"k-empty":I,"k-readonly":A,"k-highlighted":E},Object.keys(v).reduce((b,s)=>(s.startsWith("k-")?b[s]=v[s]:b[`k-${s}`]=v[s],b),{}))};var a={undefined:void 0,xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},i={undefined:void 0,none:"none",small:"small",medium:"medium",large:"large",full:"full"},u={undefined:void 0,solid:"solid",flat:"flat",outline:"outline",clear:"clear",link:"link"};var t={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 M="input",z=M;import{jsx as _}from"react/jsx-runtime";var c="k-input",O=[t.hover,t.focus,t.valid,t.invalid,t.required,t.disabled,t.loading,t.readonly],S={size:[a.undefined,a.small,a.medium,a.large],rounded:[i.undefined,i.none,i.small,i.medium,i.large,i.full],fillMode:[u.undefined,u.solid,u.flat,u.outline]},T={},l=n=>{let{hover:e,focus:o,disabled:r,invalid:f,valid:x,loading:m,readonly:g,size:p,rounded:h,fillMode:k,...y}=n;return _("span",{...y,className:d(n.className,c,N(c,{size:p,rounded:h,fillMode:k}),$(c,{hover:e,focus:o,disabled:r,invalid:f,valid:x,loading:m,readonly:g}))})};l.states=O;l.options=S;l.className=c;l.defaultOptions=T;l.moduleName=M;l.folderName=z;var V=l;export{c as INPUT_CLASSNAME,l as Input,V as default,T as defaultOptions,S as options,O as states};