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