@progress/kendo-themes-html/dist/esm/progressbar/progressbar.spec.mjs

A collection of HTML helpers used for developing Kendo UI themes

var n=(...i)=>i.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((r,t)=>e[t]||e[r]&&r||null).filter(r=>r!==null).join(" "):e).filter(e=>!!e).join(" ");var S=(i,e)=>{let{valid:r,invalid:t,hover:m,focus:l,checked:s,active:g,selected:u,disabled:b,indeterminate:x,loading:f,empty:v,readonly:M,highlighted:A,...p}=e;return n({"k-valid":r,"k-invalid":t,"k-hover":m,"k-focus":l,"k-checked":s,"k-active":g,"k-selected":u,"k-disabled":b,"k-indeterminate":x&&!s,"k-loading":f,"k-empty":v,"k-readonly":M,"k-highlighted":A},Object.keys(p).reduce((h,c)=>(c.startsWith("k-")?h[c]=p[c]:h[`k-${c}`]=p[c],h),{}))};var k={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 y="progressbar",$=y;import{jsx as P,jsxs as R}from"react/jsx-runtime";var d="k-progressbar",E=[k.disabled,k.indeterminate],B={orientation:["horizontal","vertical"]},o={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},a=i=>{let{disabled:e,height:r,indeterminate:t=o.indeterminate,label:m=o.label,labelPosition:l=o.labelPosition,orientation:s=o.orientation,reverse:g=o.reverse,value:u=o.value,width:b,style:x,ariaLabel:f,...v}=i;return R("div",{...v,className:n(i.className,d,S(d,{disabled:e}),{[`${d}-${s}`]:s,[`${d}-indeterminate`]:t,[`${d}-reverse`]:g}),style:{...x,"--kendo-progressbar-value":u,[s==="horizontal"?"height":"width"]:s==="horizontal"?r:b},role:"progressbar","aria-label":f||"progress","aria-valuenow":t?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[P("span",{className:n("k-progress-status-wrap",{[`k-progress-${l}`]:l&&!t}),children:m&&R("span",{className:"k-progress-status",children:[u,"%"]})}),!t&&P("div",{className:"k-progressbar-value k-selected",children:P("span",{className:n("k-progress-status-wrap",{[`k-progress-${l}`]:l}),children:m&&R("span",{className:"k-progress-status",children:[i.value,"%"]})})})]})};a.states=E;a.options=B;a.className=d;a.defaultOptions=o;a.moduleName=y;a.folderName=$;a.ariaSpec={selector:".k-progressbar",implicitRole:"progressbar",rules:[{selector:".k-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ProgressBar."},{selector:".k-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ProgressBar needs an accessible name to be assigned to it."},{selector:".k-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Decimal value between aria-valuemin and aria-valuemax."},{selector:".k-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to 100."}]};var q=a;export{d as PROGRESSBAR_CLASSNAME,a as ProgressBar,q as default};