@progress/kendo-themes-html
Version:
A collection of HTML helpers used for developing Kendo UI themes
2 lines (1 loc) • 5.13 kB
JavaScript
var B=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var L=Object.getOwnPropertyNames;var K=Object.prototype.hasOwnProperty;var _=(r,e)=>{for(var a in e)B(r,a,{get:e[a],enumerable:!0})},z=(r,e,a,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let s of L(e))!K.call(r,s)&&s!==a&&B(r,s,{get:()=>e[s],enumerable:!(t=O(e,s))||t.enumerable});return r};var D=r=>z(B({},"__esModule",{value:!0}),r);var F={};_(F,{CHUNKPROGRESSBAR_CLASSNAME:()=>E,ChunkProgressBar:()=>d,default:()=>q});module.exports=D(F);var n=(...r)=>r.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?n(...e):typeof e=="object"?Object.keys(e).map((a,t)=>e[t]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(r,e)=>{let{valid:a,invalid:t,hover:s,focus:i,checked:l,active:k,selected:m,disabled:f,indeterminate:u,loading:y,empty:A,readonly:$,highlighted:C,...M}=e;return n({"k-valid":a,"k-invalid":t,"k-hover":s,"k-focus":i,"k-checked":l,"k-active":k,"k-selected":m,"k-disabled":f,"k-indeterminate":u&&!l,"k-loading":y,"k-empty":A,"k-readonly":$,"k-highlighted":C},Object.keys(M).reduce((N,h)=>(h.startsWith("k-")?N[h]=M[h]:N[`k-${h}`]=M[h],N),{}))};var p={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 v="progressbar",R=v;var c=require("react/jsx-runtime"),o="k-progressbar",w=[p.disabled,p.indeterminate],T={orientation:["horizontal","vertical"]},g={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},b=r=>{let{disabled:e,height:a,indeterminate:t=g.indeterminate,label:s=g.label,labelPosition:i=g.labelPosition,orientation:l=g.orientation,reverse:k=g.reverse,value:m=g.value,width:f,style:u,ariaLabel:y,...A}=r;return(0,c.jsxs)("div",{...A,className:n(r.className,o,x(o,{disabled:e}),{[`${o}-${l}`]:l,[`${o}-indeterminate`]:t,[`${o}-reverse`]:k}),style:{...u,"--kendo-progressbar-value":m,[l==="horizontal"?"height":"width"]:l==="horizontal"?a:f},role:"progressbar","aria-label":y||"progress","aria-valuenow":t?void 0:Number(m),"aria-valuemin":0,"aria-valuemax":100,children:[(0,c.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${i}`]:i&&!t}),children:s&&(0,c.jsxs)("span",{className:"k-progress-status",children:[m,"%"]})}),!t&&(0,c.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,c.jsx)("span",{className:n("k-progress-status-wrap",{[`k-progress-${i}`]:i}),children:s&&(0,c.jsxs)("span",{className:"k-progress-status",children:[r.value,"%"]})})})]})};b.states=w;b.options=T;b.className=o;b.defaultOptions=g;b.moduleName=v;b.folderName=R;b.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 P=require("react/jsx-runtime"),E="k-chunk-progressbar",G=(r,e)=>e<=r-1,H=[p.disabled,p.indeterminate],j={},S={chunkCount:5,orientation:"horizontal",progress:0},d=r=>{let{disabled:e,chunkCount:a=S.chunkCount,indeterminate:t,orientation:s=S.orientation,progress:i=S.progress,reverse:l,ariaLabel:k,...m}=r;return(0,P.jsx)("div",{...m,className:n(r.className,o,E,x(o,{disabled:e}),{[`${o}-${s}`]:s,[`${o}-indeterminate`]:t,[`${o}-reverse`]:l}),role:"progressbar","aria-label":k||"progress","aria-valuenow":t?void 0:i,"aria-valuemin":0,"aria-valuemax":a,children:(0,P.jsx)("ul",{className:"k-progressbar-chunks k-reset",children:[...Array(a)].map((f,u)=>(0,P.jsx)("li",{className:n("k-progressbar-chunk",{"k-first":u===0,"k-last":u===[...Array(a)].length-1,"k-selected":G(i,u)})},u))})})};d.states=H;d.options=j;d.className=E;d.defaultOptions=S;d.moduleName=v;d.folderName=R;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 q=d;