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