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