UNPKG

@progress/kendo-themes-html

Version:

A collection of HTML helpers used for developing Kendo UI themes

2 lines (1 loc) 2.44 kB
var u=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var z=Object.getOwnPropertyNames;var M=Object.prototype.hasOwnProperty;var S=(t,e)=>{for(var a in e)u(t,a,{get:e[a],enumerable:!0})},B=(t,e,a,l)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of z(e))!M.call(t,r)&&r!==a&&u(t,r,{get:()=>e[r],enumerable:!(l=P(e,r))||l.enumerable});return t};var w=t=>B(u({},"__esModule",{value:!0}),t);var K={};S(K,{ProgressBarNormal:()=>R});module.exports=w(K);var s=(...t)=>t.filter(e=>e!==!0&&!!e).map(e=>Array.isArray(e)?s(...e):typeof e=="object"?Object.keys(e).map((a,l)=>e[l]||e[a]&&a||null).filter(a=>a!==null).join(" "):e).filter(e=>!!e).join(" ");var x=(t,e)=>s({"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 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"};var i=require("react/jsx-runtime"),o="k-progressbar",N=[g.disabled,g.indeterminate],A={},n={indeterminate:!1,label:!0,labelPosition:"start",orientation:"horizontal",reverse:!1,value:"0"},d=t=>{let{disabled:e,height:a,indeterminate:l=n.indeterminate,label:r=n.label,labelPosition:c=n.labelPosition,orientation:m=n.orientation,reverse:f=n.reverse,value:h=n.value,width:b,style:y,...$}=t;return(0,i.jsxs)("div",{...$,className:s(t.className,o,x(o,{disabled:e}),{[`${o}-${m}`]:m,[`${o}-indeterminate`]:l,[`${o}-reverse`]:f}),style:{...y,"--kendo-progressbar-value":h,[m==="horizontal"?"height":"width"]:m==="horizontal"?a:b},children:[(0,i.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${c}`]:c&&!l}),children:r&&(0,i.jsxs)("span",{className:"k-progress-status",children:[h,"%"]})}),!l&&(0,i.jsx)("div",{className:"k-progressbar-value k-selected",children:(0,i.jsx)("span",{className:s("k-progress-status-wrap",{[`k-progress-${c}`]:c}),children:r&&(0,i.jsxs)("span",{className:"k-progress-status",children:[t.value,"%"]})})})]})};d.states=N;d.options=A;d.className=o;d.defaultOptions=n;var k=d;var v=require("react/jsx-runtime"),R=t=>(0,v.jsx)(k,{...t});