UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

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