@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.63 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,i)=>e[i]||e[l]&&l||null).filter(l=>l!==null).join(" "):e).filter(e=>!!e).join(" ");var P=(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"}),m=(t,e)=>o({"k-valid":e.valid,"k-invalid":e.invalid,"k-hover":e.hover,"k-focus":e.focus,"k-checked":e.checked,"k-active":e.active,"k-selected":e.selected,"k-disabled":e.disabled,"k-indeterminate":e.indeterminate&&!e.checked,"k-loading":e.loading,"k-empty":e.empty,"k-readonly":e.readonly});var r={xsmall:"xsmall",small:"small",medium:"medium",large:"large",xlarge:"xlarge",xxlarge:"xxlarge",xxxlarge:"xxxlarge"};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"};import{jsx as A}from"react/jsx-runtime";var z=t=>A("tr",{children:t.children});import{jsx as E}from"react/jsx-runtime";var b="k-colorpalette-tile",$=[a.hover,a.focus,a.selected],L={},n=t=>{let{color:e,tileSize:l,hover:i,focus:x,selected:f,...y}=t,s={backgroundColor:e,width:l?l+"px":"",height:l?l+"px":""};return E("td",{...y,className:o(t.className,b,m(b,{hover:i,focus:x,selected:f})),style:s})};n.states=$;n.options=L;n.className=b;import{jsx as d}from"react/jsx-runtime";var u="k-colorpalette",K=[a.disabled],R={size:[r.small,r.medium,r.large]},v={columns:10,size:r.medium},c=t=>{let{size:e=v.size,palette:l,columns:i=v.columns,tileSize:x,disabled:f,...y}=t,s=[];if(l){let h=i||l.columns,k=l.colors?l.colors:l;Array.isArray(k)&&Array.from({length:Math.ceil(k.length/h)},(w,g)=>{let C=[];k.slice(g*h,(g+1)*h).map((T,M)=>{C.push(d(n,{color:T,tileSize:x},M))});let S=d(z,{children:C},g);s.push(S)})}return d("div",{...y,className:o(t.className,u,m(u,{disabled:f}),P(u,{size:e})),children:d("table",{className:"k-colorpalette-table",children:d("tbody",{children:s.length>0?s:t.children})})})};c.states=K;c.options=R;c.className=u;c.defaultOptions=v;var V=c;export{u as COLORPALETTE_CLASSNAME,c as ColorPalette,V as default};