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