@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 3.51 kB
JavaScript
var n=(...o)=>o.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((t,x)=>e[x]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var K=(o,e)=>n({[`${o}-xs`]:e.size==="xsmall",[`${o}-sm`]:e.size==="small",[`${o}-md`]:e.size==="medium",[`${o}-lg`]:e.size==="large",[`${o}-xl`]:e.size==="xlarge",[`${o}-xxl`]:e.size==="xxlarge",[`${o}-xxxl`]:e.size==="xxxlarge"},{[`${o}-${e.fillMode}`]:e.fillMode},{[`${o}-${e.fillMode}-${e.themeColor}`]:e.fillMode&&e.themeColor},{[`${o}-${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"}),H=(o,e)=>{let{valid:t,invalid:x,hover:f,focus:p,checked:k,active:C,selected:y,disabled:g,indeterminate:E,loading:M,empty:N,readonly:S,highlighted:T,...O}=e;return n({"k-valid":t,"k-invalid":x,"k-hover":f,"k-focus":p,"k-checked":k,"k-active":C,"k-selected":y,"k-disabled":g,"k-indeterminate":E&&!k,"k-loading":M,"k-empty":N,"k-readonly":S,"k-highlighted":T},Object.keys(O).reduce((L,h)=>(h.startsWith("k-")?L[h]=O[h]:L[`k-${h}`]=O[h],L),{}))};var u={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"},c={small:"small",medium:"medium",large:"large",full:"full"};var a={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="checkbox",m=s;import{jsx as _}from"react/jsx-runtime";var b="k-checkbox",B=[a.hover,a.focus,a.valid,a.invalid,a.required,a.disabled,a.checked,a.indeterminate],R={size:[u.small,u.medium,u.large],rounded:[c.small,c.medium,c.large,c.full]},v={size:u.medium,rounded:c.medium},r=o=>{let{id:e,checked:t,indeterminate:x,hover:f,focus:p,disabled:k,invalid:C,valid:y,required:g,size:E=v.size,rounded:M=v.rounded,...N}=o;return _("span",{className:"k-checkbox-wrap",children:_("input",{...N,id:e,type:"checkbox",defaultChecked:t,required:g,className:n(o.className,b,K(b,{size:E,rounded:M}),H(b,{hover:f,focus:p,disabled:k,invalid:C,valid:y,indeterminate:x,checked:t}))})})};r.states=B;r.options=R;r.className=b;r.defaultOptions=v;r.moduleName=s;r.folderName=m;import{jsx as D}from"react/jsx-runtime";var z="k-checkbox-list",X=[],G={},I={layout:"vertical"},i=o=>{let{layout:e=I.layout,...t}=o;return D("ul",{...t,className:n(o.className,z,{[`k-list-${e}`]:e}),children:o.children})};i.states=X;i.options=G;i.className=z;i.defaultOptions=I;i.moduleName=s;i.folderName=m;import{jsx as q}from"react/jsx-runtime";var $="k-checkbox-list-item",F=[],P={},U={},l=o=>{let{...e}=o;return q("li",{...e,className:n(o.className,$),children:o.children})};l.states=F;l.options=P;l.className=$;l.defaultOptions=U;l.moduleName=s;l.folderName=m;import{Fragment as pe,jsx as fe,jsxs as Ce}from"react/jsx-runtime";import{Fragment as Ne,jsx as Me,jsxs as Oe}from"react/jsx-runtime";import{Fragment as He,jsx as Ke,jsxs as _e}from"react/jsx-runtime";import{jsx as Se}from"react/jsx-runtime";import{jsx as Xe}from"react/jsx-runtime";import{Fragment as w,jsx as d,jsxs as W}from"react/jsx-runtime";var Ze=o=>d(i,{children:W(w,{children:[d(l,{children:d(r,{})}),d(l,{children:d(r,{})}),d(l,{children:d(r,{})})]}),...o});export{Ze as CheckboxGroupNormal};