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