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