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