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

A collection of HTML helpers used for developing Kendo UI themes

var n=(...r)=>r.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((t,a)=>e[a]||e[t]&&t||null).filter(t=>t!==null).join(" "):e).filter(e=>!!e).join(" ");var S=(r,e)=>{let{valid:t,invalid:a,hover:m,focus:l,checked:o,active:g,selected:u,disabled:b,indeterminate:x,loading:f,empty:p,readonly:A,highlighted:B,...v}=e;return n({"k-valid":t,"k-invalid":a,"k-hover":m,"k-focus":l,"k-checked":o,"k-active":g,"k-selected":u,"k-disabled":b,"k-indeterminate":x&&!o,"k-loading":f,"k-empty":p,"k-readonly":A,"k-highlighted":B},Object.keys(v).reduce((h,c)=>(c.startsWith("k-")?h[c]=v[c]:h[`k-${c}`]=v[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],N={orientation:["horizontal","vertical"]},i={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},s=r=>{let{disabled:e,height:t,indeterminate:a=i.indeterminate,label:m=i.label,labelPosition:l=i.labelPosition,orientation:o=i.orientation,reverse:g=i.reverse,value:u=i.value,width:b,style:x,ariaLabel:f,...p}=r;return R("div",{...p,className:n(r.className,d,S(d,{disabled:e}),{[`${d}-${o}`]:o,[`${d}-indeterminate`]:a,[`${d}-reverse`]:g}),style:{...x,"--kendo-progressbar-value":u,[o==="horizontal"?"height":"width"]:o==="horizontal"?t:b},role:"progressbar","aria-label":f||"progress","aria-valuenow":a?void 0:Number(u),"aria-valuemin":0,"aria-valuemax":100,children:[P("span",{className:n("k-progress-status-wrap",{[`k-progress-${l}`]:l&&!a}),children:m&&R("span",{className:"k-progress-status",children:[u,"%"]})}),!a&&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:[r.value,"%"]})})})]})};s.states=E;s.options=N;s.className=d;s.defaultOptions=i;s.moduleName=y;s.folderName=$;s.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 M=s;import{jsx as z}from"react/jsx-runtime";var W=r=>z(M,{...r});export{W as ProgressBarNormal};