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