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