define("metaserver/static/js/prod_assets_web_modules/dig-components/progress_indicators",["exports","../classnames","react","../react-transition-group/CSSTransition","../common/extends","../common/Transition","react-dom"],(function(e,t,a,r,i,n,s){"use strict";var o=({className:e,onComplete:i,value:n=0,isIndeterminate:s=!1,inverse:o=!1,"aria-valuetext":l,...c})=>{const m=Math.min(100,Math.max(0,n)),d=a.useRef(null),[g,u]=a.useState(!1),v=a.useRef(null),p=t("dig-Interstitial",{"dig-Interstitial--isIndeterminate":s,"dig-Interstitial--complete":g,"dig-Interstitial--inverse":o},e),E={};return s?E["aria-valuetext"]=l:(E["aria-valuenow"]=m,E["aria-valuemin"]=0,E["aria-valuemax"]=100),a.useEffect(()=>{n>=100&&!g&&u(!0),(()=>{const e=Math.max(800-m/100*700,0);v&&v.current&&v.current.setAttribute("stroke-dashoffset",e.toString())})()},[n,g,m,v]),a.createElement(r,{timeout:{exit:1e3},classNames:"dig-Interstitial-container",unmountOnExit:!0,...c},a.createElement("div",{role:"progressbar",...E,className:p,onTransitionEnd:e=>{d&&d.current===e.target&&g&&i&&(i(),u(!1))},ref:d},a.createElement("div",{className:"dig-Interstitial-inner"},!s&&a.createElement("svg",{className:"dig-Interstitial-track",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 300 300","aria-hidden":"true",focusable:"false"},a.createElement("rect",{fill:"none",stroke:"currentColor",strokeLinecap:"square",strokeWidth:"100",x:"50",y:"50",width:"200",height:"200",ref:v})),a.createElement("div",{className:"dig-Interstitial-dot dig-Interstitial-dot--one"}),a.createElement("div",{className:"dig-Interstitial-dot dig-Interstitial-dot--two"}))))};o.displayName="Interstitial";var l={exit:1e3},c=e=>({"aria-valuenow":e,"aria-valuemin":0,"aria-valuemax":100}),m=({showInner:e,...t})=>a.createElement("div",{className:"dig-ProgressBar-track",...t},e&&a.createElement("div",{className:"dig-ProgressBar-track-inner"})),d=({className:e,value:i=0,inverse:n=!1,isStatic:s,...o})=>{const d=Math.min(1,Math.max(0,i/100));if(s){const r=t("dig-ProgressBar-container","dig-ProgressBar--static",e,{"dig-ProgressBar--inverse":n}),s={transform:`scaleX(${d})`},l=c(i);return a.createElement("div",{role:"progressbar",...l,className:r,...o},a.createElement(m,{style:s}))}const{isIndeterminate:g,onComplete:u,"aria-valuetext":v,...p}=o,E={};let h={};const x=t("dig-ProgressBar-container",e,{"dig-ProgressBar--determinate":!g,"dig-ProgressBar--indeterminate":g,"dig-ProgressBar--inverse":n});return g?h["aria-valuetext"]=v:(E.transform=`scaleX(${d})`,h=c(i)),a.createElement(r,{timeout:l,classNames:"dig-ProgressBar-container",unmountOnExit:!0,...p},a.createElement("div",{role:"progressbar",...h,className:x},a.createElement(m,{style:E,onAnimationIteration:e=>{i>=100&&("progressBarIndeterminateTranslate"===e.animationName||!g)&&u&&u()},showInner:!g}),a.createElement("div",{className:"dig-ProgressBar-complete"})))};d.displayName="ProgressBar";var g=()=>a.createElement("svg",{className:"dig-Spinner--track",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24","aria-hidden":"true",focusable:"false","data-testid":"digSpinnerTrack"},a.createElement("rect",{fill:"none",strokeLinecap:"square",strokeWidth:"6",x:"3",y:"3",width:"18",height:"18"}));e.Interstitial=o,e.ProgressBar=d,e.Spinner=({"aria-valuetext":e,className:r,withTrack:i=!0,inverse:n,size:s="standard",monochromatic:o=!1,...l})=>a.createElement("div",{role:"progressbar","aria-valuetext":e,className:t("dig-Spinner",r,`dig-Spinner--${s}`,{"dig-Spinner--inverse":n,"dig-Spinner--monochromatic":o}),...l},a.createElement("div",{className:"dig-Spinner-content"},i&&a.createElement(g,null),a.createElement("div",{className:"dig-Spinner-dot dig-Spinner-dot--one"}),a.createElement("div",{className:"dig-Spinner-dot dig-Spinner-dot--two"}))),Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=pkg-dig-progress.min.js-vflLRtksK.map