UNPKG

primereact

Version:

PrimeReact is an open source UI library for React featuring a rich set of 90+ components, a theme designer, various theme alternatives such as Material, Bootstrap, Tailwind, premium templates and professional support. In addition, it integrates with Prime

2 lines (1 loc) 2.48 kB
this.primereact=this.primereact||{},this.primereact.progressbar=function(e,r,a){"use strict";function t(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(r,a,t.get?t:{enumerable:!0,get:function(){return e[a]}})}})),r.default=e,Object.freeze(r)}var l=t(r);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},s.apply(this,arguments)}var n={defaultProps:{__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null,children:void 0},getProps:function(e){return a.ObjectUtils.getMergedProps(e,n.defaultProps)},getOtherProps:function(e){return a.ObjectUtils.getDiffProps(e,n.defaultProps)}},o=l.memo(l.forwardRef((function(e,r){var t,o,i,u=n.getProps(e),p=l.useRef(null);if(l.useImperativeHandle(r,(function(){return{props:u,getElement:function(){return p.current}}})),"determinate"===u.mode)return t=n.getOtherProps(u),o=a.classNames("p-progressbar p-component p-progressbar-determinate",u.className),i=u.showValue&&null!=u.value?u.displayValueTemplate?u.displayValueTemplate(u.value):u.value+u.unit:null,l.createElement("div",s({role:"progressbar",id:u.id,ref:p,className:o,style:u.style,"aria-valuemin":"0","aria-valuenow":u.value,"aria-valuemax":"100"},t),l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:u.value+"%",display:"flex",backgroundColor:u.color}},null!=u.value&&0!==u.value&&u.showValue&&l.createElement("div",{className:"p-progressbar-label"},i)));if("indeterminate"===u.mode)return function(){var e=n.getOtherProps(u),r=a.classNames("p-progressbar p-component p-progressbar-indeterminate",u.className);return l.createElement("div",s({role:"progressbar",id:u.id,ref:p,className:r,style:u.style},e),l.createElement("div",{className:"p-progressbar-indeterminate-container"},l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:u.color}})))}();throw new Error(u.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return o.displayName="ProgressBar",e.ProgressBar=o,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);