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