primereact
Version:
PrimeReact is an open source UI library for React featuring a rich set of 80+ 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.34 kB
JavaScript
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=l.memo(l.forwardRef((function(e,r){var t,i,o,u=l.useRef(null);if(l.useImperativeHandle(r,(function(){return{props:e,getElement:function(){return u.current}}})),"determinate"===e.mode)return t=a.ObjectUtils.findDiffKeys(e,n.defaultProps),i=a.classNames("p-progressbar p-component p-progressbar-determinate",e.className),o=e.showValue&&null!=e.value?e.displayValueTemplate?e.displayValueTemplate(e.value):e.value+e.unit:null,l.createElement("div",s({role:"progressbar",id:e.id,ref:u,className:i,style:e.style,"aria-valuemin":"0","aria-valuenow":e.value,"aria-valuemax":"100"},t),l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{width:e.value+"%",display:"flex",backgroundColor:e.color}},null!=e.value&&0!==e.value&&e.showValue&&l.createElement("div",{className:"p-progressbar-label"},o)));if("indeterminate"===e.mode)return function(){var r=a.ObjectUtils.findDiffKeys(e,n.defaultProps),t=a.classNames("p-progressbar p-component p-progressbar-indeterminate",e.className);return l.createElement("div",s({role:"progressbar",id:e.id,ref:u,className:t,style:e.style},r),l.createElement("div",{className:"p-progressbar-indeterminate-container"},l.createElement("div",{className:"p-progressbar-value p-progressbar-value-animate",style:{backgroundColor:e.color}})))}();throw new Error(e.mode+" is not a valid mode for the ProgressBar. Valid values are 'determinate' and 'indeterminate'")})));return n.displayName="ProgressBar",n.defaultProps={__TYPE:"ProgressBar",id:null,value:null,showValue:!0,unit:"%",style:null,className:null,mode:"determinate",displayValueTemplate:null,color:null},e.ProgressBar=n,Object.defineProperty(e,"__esModule",{value:!0}),e}({},React,primereact.utils);