@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 2.91 kB
JavaScript
var o=(...r)=>r.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?o(...e):typeof e=="object"?Object.keys(e).map((s,a)=>e[a]||e[s]&&s||null).filter(s=>s!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(r,e)=>{let{valid:s,invalid:a,hover:d,focus:i,checked:n,active:h,selected:k,disabled:l,indeterminate:R,loading:S,empty:$,readonly:B,highlighted:C,...P}=e;return o({"k-valid":s,"k-invalid":a,"k-hover":d,"k-focus":i,"k-checked":n,"k-active":h,"k-selected":k,"k-disabled":l,"k-indeterminate":R&&!n,"k-loading":S,"k-empty":$,"k-readonly":B,"k-highlighted":C},Object.keys(P).reduce((y,f)=>(f.startsWith("k-")?y[f]=P[f]:y[`k-${f}`]=P[f],y),{}))};var c={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 p="progressbar",b=p;import{jsx as E,jsxs as A}from"react/jsx-runtime";var t="k-progressbar",O=[c.disabled,c.indeterminate],K={},m={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},g=r=>{let{disabled:e,height:s,indeterminate:a=m.indeterminate,label:d=m.label,labelPosition:i=m.labelPosition,orientation:n=m.orientation,reverse:h=m.reverse,value:k=m.value,width:l,style:R,...S}=r;return A("div",{...S,className:o(r.className,t,x(t,{disabled:e}),{[`${t}-${n}`]:n,[`${t}-indeterminate`]:a,[`${t}-reverse`]:h}),style:{...R,"--kendo-progressbar-value":k,[n==="horizontal"?"height":"width"]:n==="horizontal"?s:l},children:[E("span",{className:o("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!a}),children:d&&A("span",{className:"k-progress-status",children:[k,"%"]})}),!a&&E("div",{className:"k-progressbar-value k-selected",children:E("span",{className:o("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:d&&A("span",{className:"k-progress-status",children:[r.value,"%"]})})})]})};g.states=O;g.options=K;g.className=t;g.defaultOptions=m;g.moduleName=p;g.folderName=b;import{jsx as M}from"react/jsx-runtime";var N="k-chunk-progressbar",_=(r,e)=>e<=r-1,L=[c.disabled,c.indeterminate],z={},v={chunkCount:5,orientation:"horizontal",progress:0},u=r=>{let{disabled:e,chunkCount:s=v.chunkCount,indeterminate:a,orientation:d=v.orientation,progress:i=v.progress,reverse:n,...h}=r;return M("div",{...h,className:o(r.className,t,N,x(t,{disabled:e}),{[`${t}-${d}`]:d,[`${t}-indeterminate`]:a,[`${t}-reverse`]:n}),children:M("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(s)].map((k,l)=>M("li",{className:o("k-progressbar-chunk",{"k-first":l===0,"k-last":l===[...Array(s)].length-1,"k-selected":_(i,l)})},l))})})};u.states=L;u.options=z;u.className=N;u.defaultOptions=v;u.moduleName=p;u.folderName=b;var Z=u;export{N as CHUNKPROGRESSBAR_CLASSNAME,u as ChunkProgressBar,Z as default};