@progress/kendo-themes-html/dist/cjs/progressbar/demos/progressbar.js

A collection of HTML helpers used for developing Kendo UI themes

var B=Object.defineProperty;var L=Object.getOwnPropertyDescriptor;var K=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var r in e)B(t,r,{get:e[r],enumerable:!0})},T=(t,e,r,s)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of K(e))!_.call(t,a)&&a!==r&&B(t,a,{get:()=>e[a],enumerable:!(s=L(e,a))||s.enumerable});return t};var C=t=>T(B({},"__esModule",{value:!0}),t);var V={};D(V,{ProgressbarDemo:()=>u,default:()=>U});module.exports=C(V);var c=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?c(...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 $=(t,e)=>{let{valid:r,invalid:s,hover:a,focus:o,checked:i,active:f,selected:b,disabled:x,indeterminate:h,loading:k,empty:y,readonly:w,highlighted:z,...P}=e;return c({"k-valid":r,"k-invalid":s,"k-hover":a,"k-focus":o,"k-checked":i,"k-active":f,"k-selected":b,"k-disabled":x,"k-indeterminate":h&&!i,"k-loading":k,"k-empty":y,"k-readonly":w,"k-highlighted":z},Object.keys(P).reduce((R,p)=>(p.startsWith("k-")?R[p]=P[p]:R[`k-${p}`]=P[p],R),{}))};var S={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 N="progressbar",A=N;var d=require("react/jsx-runtime"),g="k-progressbar",G=[S.disabled,S.indeterminate],j={orientation:["horizontal","vertical"]},m={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},n=t=>{let{disabled:e,height:r,indeterminate:s=m.indeterminate,label:a=m.label,labelPosition:o=m.labelPosition,orientation:i=m.orientation,reverse:f=m.reverse,value:b=m.value,width:x,style:h,ariaLabel:k,...y}=t;return(0,d.jsxs)("div",{...y,className:c(t.className,g,$(g,{disabled:e}),{[`${g}-${i}`]:i,[`${g}-indeterminate`]:s,[`${g}-reverse`]:f}),style:{...h,"--kendo-progressbar-value":b,[i==="horizontal"?"height":"width"]:i==="horizontal"?r:x},role:"progressbar","aria-label":k||"progress","aria-valuenow":s?void 0:Number(b),"aria-valuemin":0,"aria-valuemax":100,children:[(0,d.jsx)("span",{className:c("k-progress-status-wrap",{[`k-progress-${o}`]:o&&!s}),children:a&&(0,d.jsxs)("span",{className:"k-progress-status",children:[b,"%"]})}),!s&&(0,d.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,d.jsx)("span",{className:c("k-progress-status-wrap",{[`k-progress-${o}`]:o}),children:a&&(0,d.jsxs)("span",{className:"k-progress-status",children:[t.value,"%"]})})})]})};n.states=G;n.options=j;n.className=g;n.defaultOptions=m;n.moduleName=N;n.folderName=A;n.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=n;var E=require("react/jsx-runtime"),v=t=>(0,E.jsx)(M,{...t});var l=require("react/jsx-runtime"),H=n.options,q=n.states,O={...n.defaultOptions,variant:"start"},F=[{name:"start",title:"Label start"},{name:"center",title:"Label center"},{name:"end",title:"Label end"},{name:"empty",title:"No label"}],I=[],u=t=>{let{variant:e,modifiers:r,...s}={...O,...t},a={},o={style:{width:"324px"}};switch(Object.keys(r||{}).forEach(i=>{switch(i){case"reverse":a.reverse=!!(r!=null&&r[i]);break;case"vertical":a.orientation=r!=null&&r[i]?"vertical":void 0,o.style=r!=null&&r[i]?void 0:{width:"324px"};break}}),e){case"end":return(0,l.jsx)("div",{...o,children:(0,l.jsx)(v,{...s,...a,labelPosition:"end",value:"50"})});case"center":return(0,l.jsx)("div",{...o,children:(0,l.jsx)(v,{...s,...a,labelPosition:"center",value:"50"})});case"empty":return(0,l.jsx)("div",{...o,children:(0,l.jsx)(v,{...s,...a,label:!1,value:"50"})});default:return(0,l.jsx)("div",{...o,children:(0,l.jsx)(v,{...s,...a,labelPosition:"start",value:"50"})})}};u.options=H;u.states=q;u.variants=F;u.defaultOptions=O;u.modifiers=I;u.className=n.className;var U=u;