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