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