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