"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[4822],{11236:(e,t,i)=>{i.d(t,{Ay:()=>h});var s=i(40099);let n;n="undefined"!=typeof window?window:"undefined"!=typeof self?self:i.g;let r=null,o=null;const a=n.clearTimeout,_=n.setTimeout,l=n.cancelAnimationFrame||n.mozCancelAnimationFrame||n.webkitCancelAnimationFrame,d=n.requestAnimationFrame||n.mozRequestAnimationFrame||n.webkitRequestAnimationFrame;null==l||null==d?(r=a,o=function(e){return _(e,20)}):(r=function([e,t]){l(e),a(t)},o=function(e){const t=d((function(){a(i),e()})),i=_((function(){l(t),e()}),20);return[t,i]});class h extends s.Component{constructor(...e){super(...e),this.state={height:this.props.defaultHeight||0,scaledHeight:this.props.defaultHeight||0,scaledWidth:this.props.defaultWidth||0,width:this.props.defaultWidth||0},this._autoSizer=null,this._detectElementResize=null,this._parentNode=null,this._resizeObserver=null,this._timeoutId=null,this._onResize=()=>{this._timeoutId=null;const{disableHeight:e,disableWidth:t,onResize:i}=this.props;if(this._parentNode){const s=window.getComputedStyle(this._parentNode)||{},n=parseFloat(s.paddingLeft||"0"),r=parseFloat(s.paddingRight||"0"),o=parseFloat(s.paddingTop||"0"),a=parseFloat(s.paddingBottom||"0"),_=this._parentNode.getBoundingClientRect(),l=_.height-o-a,d=_.width-n-r,h=this._parentNode.offsetHeight-o-a,c=this._parentNode.offsetWidth-n-r;(e||this.state.height===h&&this.state.scaledHeight===l)&&(t||this.state.width===c&&this.state.scaledWidth===d)||(this.setState({height:h,width:c,scaledHeight:l,scaledWidth:d}),"function"==typeof i&&i({height:h,scaledHeight:l,scaledWidth:d,width:c}))}},this._setRef=e=>{this._autoSizer=e}}componentDidMount(){const{nonce:e}=this.props,t=this._autoSizer?this._autoSizer.parentNode:null;if(null!=t&&t.ownerDocument&&t.ownerDocument.defaultView&&t instanceof t.ownerDocument.defaultView.HTMLElement){this._parentNode=t;const i=t.ownerDocument.defaultView.ResizeObserver;null!=i?(this._resizeObserver=new i((()=>{this._timeoutId=setTimeout(this._onResize,0)})),this._resizeObserver.observe(t)):(this._detectElementResize=function(e){let t,i,s,a,_,l,d;const h="undefined"!=typeof document&&document.attachEvent;if(!h){l=function(e){const t=e.__resizeTriggers__,i=t.firstElementChild,s=t.lastElementChild,n=i.firstElementChild;s.scrollLeft=s.scrollWidth,s.scrollTop=s.scrollHeight,n.style.width=i.offsetWidth+1+"px",n.style.height=i.offsetHeight+1+"px",i.scrollLeft=i.scrollWidth,i.scrollTop=i.scrollHeight},_=function(e){return e.offsetWidth!==e.__resizeLast__.width||e.offsetHeight!==e.__resizeLast__.height},d=function(e){if(e.target.className&&"function"==typeof e.target.className.indexOf&&e.target.className.indexOf("contract-trigger")<0&&e.target.className.indexOf("expand-trigger")<0)return;const t=this;l(this),this.__resizeRAF__&&r(this.__resizeRAF__),this.__resizeRAF__=o((function(){_(t)&&(t.__resizeLast__.width=t.offsetWidth,t.__resizeLast__.height=t.offsetHeight,t.__resizeListeners__.forEach((function(i){i.call(t,e)})))}))};let e=!1,n="";s="animationstart";const h="Webkit Moz O ms".split(" ");let c="webkitAnimationStart animationstart oAnimationStart MSAnimationStart".split(" "),g="";{const t=document.createElement("fakeelement");if(void 0!==t.style.animationName&&(e=!0),!1===e)for(let i=0;i<h.length;i++)if(void 0!==t.style[h[i]+"AnimationName"]){g=h[i],n="-"+g.toLowerCase()+"-",s=c[i],e=!0;break}}i="resizeanim",t="@"+n+"keyframes "+i+" { from { opacity: 0; } to { opacity: 0; } } ",a=n+"animation: 1ms "+i+"; "}return{addResizeListener:function(r,o){if(h)r.attachEvent("onresize",o);else{if(!r.__resizeTriggers__){const o=r.ownerDocument,_=n.getComputedStyle(r);_&&"static"===_.position&&(r.style.position="relative"),function(i){if(!i.getElementById("detectElementResize")){const s=(t||"")+".resize-triggers { "+(a||"")+'visibility: hidden; opacity: 0; } .resize-triggers, .resize-triggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .resize-triggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',n=i.head||i.getElementsByTagName("head")[0],r=i.createElement("style");r.id="detectElementResize",r.type="text/css",null!=e&&r.setAttribute("nonce",e),r.styleSheet?r.styleSheet.cssText=s:r.appendChild(i.createTextNode(s)),n.appendChild(r)}}(o),r.__resizeLast__={},r.__resizeListeners__=[],(r.__resizeTriggers__=o.createElement("div")).className="resize-triggers";const h=o.createElement("div");h.className="expand-trigger",h.appendChild(o.createElement("div"));const c=o.createElement("div");c.className="contract-trigger",r.__resizeTriggers__.appendChild(h),r.__resizeTriggers__.appendChild(c),r.appendChild(r.__resizeTriggers__),l(r),r.addEventListener("scroll",d,!0),s&&(r.__resizeTriggers__.__animationListener__=function(e){e.animationName===i&&l(r)},r.__resizeTriggers__.addEventListener(s,r.__resizeTriggers__.__animationListener__))}r.__resizeListeners__.push(o)}},removeResizeListener:function(e,t){if(h)e.detachEvent("onresize",t);else if(e.__resizeListeners__.splice(e.__resizeListeners__.indexOf(t),1),!e.__resizeListeners__.length){e.removeEventListener("scroll",d,!0),e.__resizeTriggers__.__animationListener__&&(e.__resizeTriggers__.removeEventListener(s,e.__resizeTriggers__.__animationListener__),e.__resizeTriggers__.__animationListener__=null);try{e.__resizeTriggers__=!e.removeChild(e.__resizeTriggers__)}catch(e){}}}}}(e),this._detectElementResize.addResizeListener(t,this._onResize)),this._onResize()}}componentWillUnmount(){this._parentNode&&(this._detectElementResize&&this._detectElementResize.removeResizeListener(this._parentNode,this._onResize),null!==this._timeoutId&&clearTimeout(this._timeoutId),this._resizeObserver&&this._resizeObserver.disconnect())}render(){const{children:e,defaultHeight:t,defaultWidth:i,disableHeight:n=!1,disableWidth:r=!1,doNotBailOutOnEmptyChildren:o=!1,nonce:a,onResize:_,style:l={},tagName:d="div",...h}=this.props,{height:c,scaledHeight:g,scaledWidth:m,width:u}=this.state,f={overflow:"visible"},p={};let z=!1;return n||(0===c&&(z=!0),f.height=0,p.height=c,p.scaledHeight=g),r||(0===u&&(z=!0),f.width=0,p.width=u,p.scaledWidth=m),o&&(z=!1),(0,s.createElement)(d,{ref:this._setRef,style:{...f,...l},...h},!z&&e(p))}}}}]);