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