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