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