@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 4.67 kB
JavaScript
var o=(...r)=>r.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?o(...e):typeof e=="object"?Object.keys(e).map((a,s)=>e[s]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var f=(r,e)=>{let{valid:a,invalid:s,hover:u,focus:n,checked:i,active:p,selected:m,disabled:v,indeterminate:l,loading:S,empty:P,readonly:$,highlighted:O,...y}=e;return o({"k-valid":a,"k-invalid":s,"k-hover":u,"k-focus":n,"k-checked":i,"k-active":p,"k-selected":m,"k-disabled":v,"k-indeterminate":l&&!i,"k-loading":S,"k-empty":P,"k-readonly":$,"k-highlighted":O},Object.keys(y).reduce((A,k)=>(k.startsWith("k-")?A[k]=y[k]:A[`k-${k}`]=y[k],A),{}))};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 h="progressbar",x=h;import{jsx as N,jsxs as B}from"react/jsx-runtime";var t="k-progressbar",L=[b.disabled,b.indeterminate],K={orientation:["horizontal","vertical"]},c={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},g=r=>{let{disabled:e,height:a,indeterminate:s=c.indeterminate,label:u=c.label,labelPosition:n=c.labelPosition,orientation:i=c.orientation,reverse:p=c.reverse,value:m=c.value,width:v,style:l,ariaLabel:S,...P}=r;return B("div",{...P,className:o(r.className,t,f(t,{disabled:e}),{[`${t}-${i}`]:i,[`${t}-indeterminate`]:s,[`${t}-reverse`]:p}),style:{...l,"--kendo-progressbar-value":m,[i==="horizontal"?"height":"width"]:i==="horizontal"?a:v},role:"progressbar","aria-label":S||"progress","aria-valuenow":s?void 0:Number(m),"aria-valuemin":0,"aria-valuemax":100,children:[N("span",{className:o("k-progress-status-wrap",{[`k-progress-${n}`]:n&&!s}),children:u&&B("span",{className:"k-progress-status",children:[m,"%"]})}),!s&&N("div",{className:"k-progressbar-value k-selected",children:N("span",{className:o("k-progress-status-wrap",{[`k-progress-${n}`]:n}),children:u&&B("span",{className:"k-progress-status",children:[r.value,"%"]})})})]})};g.states=L;g.options=K;g.className=t;g.defaultOptions=c;g.moduleName=h;g.folderName=x;g.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."}]};import{jsx as M}from"react/jsx-runtime";var E="k-chunk-progressbar",_=(r,e)=>e<=r-1,z=[b.disabled,b.indeterminate],D={},R={chunkCount:5,orientation:"horizontal",progress:0},d=r=>{let{disabled:e,chunkCount:a=R.chunkCount,indeterminate:s,orientation:u=R.orientation,progress:n=R.progress,reverse:i,ariaLabel:p,...m}=r;return M("div",{...m,className:o(r.className,t,E,f(t,{disabled:e}),{[`${t}-${u}`]:u,[`${t}-indeterminate`]:s,[`${t}-reverse`]:i}),role:"progressbar","aria-label":p||"progress","aria-valuenow":s?void 0:n,"aria-valuemin":0,"aria-valuemax":a,children:M("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(a)].map((v,l)=>M("li",{className:o("k-progressbar-chunk",{"k-first":l===0,"k-last":l===[...Array(a)].length-1,"k-selected":_(n,l)})},l))})})};d.states=z;d.options=D;d.className=E;d.defaultOptions=R;d.moduleName=h;d.folderName=x;d.ariaSpec={selector:".k-chunk-progressbar",implicitRole:"progressbar",rules:[{selector:".k-chunk-progressbar",attribute:"role=progressbar",usage:"Sets the proper role for ChunkProgressBar."},{selector:".k-chunk-progressbar",attribute:"aria-label or aria-labelledby",usage:"The ChunkProgressBar needs an accessible name to be assigned to it."},{selector:".k-chunk-progressbar:not(.k-progressbar-indeterminate)",attribute:"aria-valuenow",usage:"Required if the value is not indeterminate. Value between aria-valuemin and aria-valuemax."},{selector:".k-chunk-progressbar",attribute:"aria-valuemin",usage:"Minimum value. Defaults to 0."},{selector:".k-chunk-progressbar",attribute:"aria-valuemax",usage:"Maximum value. Defaults to chunk count."}]};var C=d;import{jsx as w}from"react/jsx-runtime";var ne=r=>w(C,{...r});export{ne as ChunkProgressBarNormal};