=h?p=0:(-1===p||h component higher in the tree to provide a loading indicator or placeholder to display."+ut(c))}ji=!0,s=po(s,c),l=u;do{switch(l.tag){case 3:c=s,l.effectTag|=2048,l.expirationTime=i,ao(l,i=Ci(l,c,i));break e;case 1:if(c=s,u=l.type,f=l.stateNode,0==(64&l.effectTag)&&("function"==typeof u.getDerivedStateFromError||null!==f&&"function"==typeof f.componentDidCatch&&(null===Bi||!Bi.has(f)))){l.effectTag|=2048,l.expirationTime=i,ao(l,i=Ti(l,c,i));break e}}l=l.return}while(null!==l)}Fi=$i(o);continue}r=!0,Fa(t)}}break}if(Ai=!1,yo=vo=mo=Oi.currentDispatcher=null,r)Li=null,e.finishedWork=null;else if(null!==Fi)e.finishedWork=null;else{if(null===(r=e.current.alternate)&&a("281"),Li=null,ji){if(o=e.latestPendingTime,i=e.latestSuspendedTime,l=e.latestPingedTime,0!==o&&ot?0:t)):(e.pendingCommitExpirationTime=n,e.finishedWork=r)}}function Ki(e,t){for(var n=e.return;null!==n;){switch(n.tag){case 1:var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Bi||!Bi.has(r)))return io(n,e=Ti(n,e=po(t,e),1073741823)),void Zi(n,1073741823);break;case 3:return io(n,e=Ci(n,e=po(t,e),1073741823)),void Zi(n,1073741823)}n=n.return}3===e.tag&&(io(e,n=Ci(e,n=po(t,e),1073741823)),Zi(e,1073741823))}function Yi(e,t){return 0!==Ui?e=Ui:Ai?e=Wi?1073741823:Ii:1&t.mode?(e=da?1073741822-10*(1+((1073741822-e+15)/10|0)):1073741822-25*(1+((1073741822-e+500)/25|0)),null!==Li&&e===Ii&&--e):e=1073741823,da&&(0===ua||e=i){i=o=r,e.didError=!1;var a=e.latestPingedTime;(0===a||a>i)&&(e.latestPingedTime=i),Zr(i,e)}else Yr(e,o=Yi(o=_a(),t));0!=(1&t.mode)&&e===Li&&Ii===r&&(Li=null),Ji(t,o),0==(1&t.mode)&&(Ji(n,o),1===n.tag&&null!==n.stateNode&&((t=ro(o)).tag=2,io(n,t))),0!==(n=e.expirationTime)&&Sa(e,n)}function Ji(e,t){e.expirationTimeIi&&Hi(),Yr(e,t),Ai&&!Wi&&Li===e||Sa(e,e.expirationTime),ba>ga&&(ba=0,a("185")))}function ea(e,t,n,r,o){var i=Ui;Ui=1073741823;try{return e(t,n,r,o)}finally{Ui=i}}var ta=null,na=null,ra=0,oa=void 0,ia=!1,aa=null,la=0,ua=0,ca=!1,sa=null,fa=!1,pa=!1,da=!1,ha=null,ma=i.unstable_now(),va=1073741822-(ma/10|0),ya=va,ga=50,ba=0,wa=null;function Ea(){va=1073741822-((i.unstable_now()-ma)/10|0)}function ka(e,t){if(0!==ra){if(te.expirationTime&&(e.expirationTime=t),ia||(fa?pa&&(aa=e,la=1073741823,Ua(e,1073741823,!1)):1073741823===t?Oa(1073741823,!1):ka(e,t))}function Ca(){var e=0,t=null;if(null!==na)for(var n=na,r=ta;null!==r;){var o=r.expirationTime;if(0===o){if((null===n||null===na)&&a("244"),r===r.nextScheduledRoot){ta=na=r.nextScheduledRoot=null;break}if(r===ta)ta=o=r.nextScheduledRoot,na.nextScheduledRoot=o,r.nextScheduledRoot=null;else{if(r===na){(na=n).nextScheduledRoot=ta,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if(o>e&&(e=o,t=r),r===na)break;if(1073741823===e)break;n=r,r=r.nextScheduledRoot}}aa=t,la=e}var Ta=!1;function Na(){return!!Ta||!!i.unstable_shouldYield()&&(Ta=!0)}function Pa(){try{if(!Na()&&null!==ta){Ea();var e=ta;do{var t=e.expirationTime;0!==t&&va<=t&&(e.nextExpirationTimeToWorkOn=va),e=e.nextScheduledRoot}while(e!==ta)}Oa(0,!0)}finally{Ta=!1}}function Oa(e,t){if(Ca(),t)for(Ea(),ya=va;null!==aa&&0!==la&&e<=la&&!(Ta&&va>la);)Ua(aa,la,va>la),Ca(),Ea(),ya=va;else for(;null!==aa&&0!==la&&e<=la;)Ua(aa,la,!1),Ca();if(t&&(ra=0,oa=null),0!==la&&ka(aa,la),ba=0,wa=null,null!==ha)for(e=ha,ha=null,t=0;t=n&&(null===ha?ha=[r]:ha.push(r),r._defer))return e.finishedWork=t,void(e.expirationTime=0);e.finishedWork=null,e===wa?ba++:(wa=e,ba=0),Wi=Ai=!0,e.current===t&&a("177"),0===(n=e.pendingCommitExpirationTime)&&a("261"),e.pendingCommitExpirationTime=0,r=t.expirationTime;var o=t.childExpirationTime;if(r=o>r?o:r,e.didError=!1,0===r?(e.earliestPendingTime=0,e.latestPendingTime=0,e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0):(0!==(o=e.latestPendingTime)&&(o>r?e.earliestPendingTime=e.latestPendingTime=0:e.earliestPendingTime>r&&(e.earliestPendingTime=e.latestPendingTime)),0===(o=e.earliestSuspendedTime)?Yr(e,r):ro&&Yr(e,r)),Zr(0,e),Oi.current=null,1b&&(w=b,b=g,g=w),w=Ln(x,g),E=Ln(x,b),w&&E&&(1!==S.rangeCount||S.anchorNode!==w.node||S.anchorOffset!==w.offset||S.focusNode!==E.node||S.focusOffset!==E.offset)&&((_=_.createRange()).setStart(w.node,w.offset),S.removeAllRanges(),g>b?(S.addRange(_),S.extend(E.node,E.offset)):(_.setEnd(E.node,E.offset),S.addRange(_))))),_=[];for(S=x;S=S.parentNode;)1===S.nodeType&&_.push({element:S,left:S.scrollLeft,top:S.scrollTop});for("function"==typeof x.focus&&x.focus(),x=0;x<_.length;x++)(S=_[x]).element.scrollLeft=S.left,S.element.scrollTop=S.top}for(mr=null,_n=!!hr,hr=null,e.current=t,Ri=r;null!==Ri;){r=!1,x=void 0;try{for(_=n;null!==Ri;){var C=Ri.effectTag;if(36&C){var T=Ri.alternate;switch(g=_,(S=Ri).tag){case 0:case 11:case 15:break;case 1:var N=S.stateNode;if(4&S.effectTag)if(null===T)N.componentDidMount();else{var P=S.elementType===S.type?T.memoizedProps:Mo(S.type,T.memoizedProps);N.componentDidUpdate(P,T.memoizedState,N.__reactInternalSnapshotBeforeUpdate)}var O=S.updateQueue;null!==O&&so(0,O,N);break;case 3:var M=S.updateQueue;if(null!==M){if(b=null,null!==S.child)switch(S.child.tag){case 5:b=S.child.stateNode;break;case 1:b=S.child.stateNode}so(0,M,b)}break;case 5:var U=S.stateNode;null===T&&4&S.effectTag&&vr(S.type,S.memoizedProps)&&U.focus();break;case 6:case 4:case 12:case 13:case 17:break;default:a("163")}}if(128&C){var A=Ri.ref;if(null!==A){var F=Ri.stateNode;switch(Ri.tag){case 5:var L=F;break;default:L=F}"function"==typeof A?A(L):A.current=L}}Ri=Ri.nextEffect}}catch(e){r=!0,x=e}r&&(null===Ri&&a("178"),Ki(Ri,x),null!==Ri&&(Ri=Ri.nextEffect))}Ai=Wi=!1,"function"==typeof jr&&jr(t.stateNode),C=t.expirationTime,0===(t=(t=t.childExpirationTime)>C?t:C)&&(Bi=null),e.expirationTime=t,e.finishedWork=null}function Fa(e){null===aa&&a("246"),aa.expirationTime=0,ca||(ca=!0,sa=e)}function La(e,t){var n=fa;fa=!0;try{return e(t)}finally{(fa=n)||ia||Oa(1073741823,!1)}}function Ia(e,t){if(fa&&!pa){pa=!0;try{return e(t)}finally{pa=!1}}return e(t)}function Da(e,t,n){if(da)return e(t,n);fa||ia||0===ua||(Oa(ua,!1),ua=0);var r=da,o=fa;fa=da=!0;try{return e(t,n)}finally{da=r,(fa=o)||ia||Oa(1073741823,!1)}}function ja(e,t,n,r,o){var i=t.current;e:if(n){t:{2===tn(n=n._reactInternalFiber)&&1===n.tag||a("170");var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(Mr(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);a("171"),l=void 0}if(1===n.tag){var u=n.type;if(Mr(u)){n=Lr(n,u,l);break e}}n=l}else n=Cr;return null===t.context?t.context=n:t.pendingContext=n,t=o,(o=ro(r)).payload={element:e},null!==(t=void 0===t?null:t)&&(o.callback=t),Gi(),io(i,o),Zi(i,r),r}function Ra(e,t,n,r){var o=t.current;return ja(e,t,n,o=Yi(_a(),o),r)}function Wa(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function za(e){var t=1073741822-25*(1+((1073741822-_a()+500)/25|0));t>=Mi&&(t=Mi-1),this._expirationTime=Mi=t,this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function Va(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function Ba(e,t,n){e={current:t=Vr(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,didError:!1,pendingCommitExpirationTime:0,finishedWork:null,timeoutHandle:-1,context:null,pendingContext:null,hydrate:n,nextExpirationTimeToWorkOn:0,expirationTime:0,firstBatch:null,nextScheduledRoot:null},this._internalRoot=t.stateNode=e}function Ha(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Ga(e,t,n,r,o){Ha(n)||a("200");var i=n._reactRootContainer;if(i){if("function"==typeof o){var l=o;o=function(){var e=Wa(i._internalRoot);l.call(e)}}null!=e?i.legacy_renderSubtreeIntoContainer(e,t,o):i.render(t,o)}else{if(i=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new Ba(e,!1,t)}(n,r),"function"==typeof o){var u=o;o=function(){var e=Wa(i._internalRoot);u.call(e)}}Ia(function(){null!=e?i.legacy_renderSubtreeIntoContainer(e,t,o):i.render(t,o)})}return Wa(i._internalRoot)}function $a(e,t){var n=2=t;)n=r,r=r._next;e._next=r,null!==n&&(n._next=e)}return e},Ue=La,Ae=Da,Fe=function(){ia||0===ua||(Oa(ua,!1),ua=0)};var qa={createPortal:$a,findDOMNode:function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternalFiber;return void 0===t&&("function"==typeof e.render?a("188"):a("268",Object.keys(e))),e=null===(e=rn(t))?null:e.stateNode},hydrate:function(e,t,n){return Ga(null,e,t,!0,n)},render:function(e,t,n){return Ga(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return(null==e||void 0===e._reactInternalFiber)&&a("38"),Ga(e,t,n,!1,r)},unmountComponentAtNode:function(e){return Ha(e)||a("40"),!!e._reactRootContainer&&(Ia(function(){Ga(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return $a.apply(void 0,arguments)},unstable_batchedUpdates:La,unstable_interactiveUpdates:Da,flushSync:function(e,t){ia&&a("187");var n=fa;fa=!0;try{return ea(e,t)}finally{fa=n,Oa(1073741823,!1)}},unstable_flushControlled:function(e){var t=fa;fa=!0;try{ea(e)}finally{(fa=t)||ia||Oa(1073741823,!1)}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[I,D,j,P.injectEventPluginsByName,g,H,function(e){C(e,B)},Oe,Me,Nn,M]},unstable_createRoot:function(e,t){return Ha(e)||a("299","unstable_createRoot"),new Ba(e,!0,null!=t&&!0===t.hydrate)}};!function(e){var t=e.findFiberByHostInstance;(function(e){if("undefined"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var t=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t.isDisabled||!t.supportsFiber)return!0;try{var n=t.inject(e);jr=Wr(function(e){return t.onCommitFiberRoot(n,e)}),Rr=Wr(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}})(o({},e,{findHostInstanceByFiber:function(e){return null===(e=rn(e))?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}({findFiberByHostInstance:L,bundleType:0,version:"16.6.3",rendererPackageName:"react-dom"});var Qa={default:qa},Ka=Qa&&qa||Qa;e.exports=Ka.default||Ka},function(e,t,n){"use strict";e.exports=n(285)},function(e,t,n){"use strict";
-/** @license React v16.6.1
+ */var r=n(0),o=n(112),i=n(284);function a(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;rthis.eventPool.length&&this.eventPool.push(e)}function fe(e){e.eventPool=[],e.getPooled=ce,e.release=se}o(ue.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=ae)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ae)},persist:function(){this.isPersistent=ae},isPersistent:le,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null,this.isPropagationStopped=this.isDefaultPrevented=le,this._dispatchInstances=this._dispatchListeners=null}}),ue.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null},ue.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var i=new t;return o(i,n.prototype),n.prototype=i,n.prototype.constructor=n,n.Interface=o({},r.Interface,e),n.extend=r.extend,fe(n),n},fe(ue);var pe=ue.extend({data:null}),de=ue.extend({data:null}),he=[9,13,27,32],me=G&&"CompositionEvent"in window,ve=null;G&&"documentMode"in document&&(ve=document.documentMode);var ye=G&&"TextEvent"in window&&!ve,ge=G&&(!me||ve&&8=ve),be=String.fromCharCode(32),we={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},Ee=!1;function ke(e,t){switch(e){case"keyup":return-1!==he.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function xe(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var _e=!1;var Se={eventTypes:we,extractEvents:function(e,t,n,r){var o=void 0,i=void 0;if(me)e:{switch(e){case"compositionstart":o=we.compositionStart;break e;case"compositionend":o=we.compositionEnd;break e;case"compositionupdate":o=we.compositionUpdate;break e}o=void 0}else _e?ke(e,n)&&(o=we.compositionEnd):"keydown"===e&&229===n.keyCode&&(o=we.compositionStart);return o?(ge&&"ko"!==n.locale&&(_e||o!==we.compositionStart?o===we.compositionEnd&&_e&&(i=ie()):(re="value"in(ne=r)?ne.value:ne.textContent,_e=!0)),o=pe.getPooled(o,t,n,r),i?o.data=i:null!==(i=xe(n))&&(o.data=i),H(o),i=o):i=null,(e=ye?function(e,t){switch(e){case"compositionend":return xe(t);case"keypress":return 32!==t.which?null:(Ee=!0,be);case"textInput":return(e=t.data)===be&&Ee?null:e;default:return null}}(e,n):function(e,t){if(_e)return"compositionend"===e||!me&&ke(e,t)?(e=ie(),oe=re=ne=null,_e=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1t}return!1}(t,n,o,r)&&(n=null),r||null===o?function(e){return!!st.call(pt,e)||!st.call(ft,e)&&(ct.test(e)?pt[e]=!0:(ft[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function gt(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function bt(e,t){var n=t.checked;return o({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function wt(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=gt(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function Et(e,t){null!=(t=t.checked)&&yt(e,"checked",t,!1)}function kt(e,t){Et(e,t);var n=gt(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?_t(e,t.type,n):t.hasOwnProperty("defaultValue")&&_t(e,t.type,gt(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function xt(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!e.defaultChecked,e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function _t(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(mt,vt);ht[t]=new dt(t,1,!1,e,null)}),"xlink:actuate xlink:arcrole xlink:href xlink:role xlink:show xlink:title xlink:type".split(" ").forEach(function(e){var t=e.replace(mt,vt);ht[t]=new dt(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(mt,vt);ht[t]=new dt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),ht.tabIndex=new dt("tabIndex",1,!1,"tabindex",null);var St={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Ct(e,t,n){return(e=ue.getPooled(St.change,e,t,n)).type="change",Oe(n),H(e),e}var Tt=null,Nt=null;function Pt(e){M(e)}function Ot(e){if(Be(D(e)))return e}function Mt(e,t){if("change"===e)return t}var Ut=!1;function At(){Tt&&(Tt.detachEvent("onpropertychange",Ft),Nt=Tt=null)}function Ft(e){"value"===e.propertyName&&Ot(Nt)&&Ie(Pt,e=Ct(Nt,e,Re(e)))}function Lt(e,t,n){"focus"===e?(At(),Nt=n,(Tt=t).attachEvent("onpropertychange",Ft)):"blur"===e&&At()}function It(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Ot(Nt)}function Dt(e,t){if("click"===e)return Ot(t)}function jt(e,t){if("input"===e||"change"===e)return Ot(t)}G&&(Ut=We("input")&&(!document.documentMode||9kn.length&&kn.push(e)}}}var Pn={},On=0,Mn="_reactListenersID"+(""+Math.random()).slice(2);function Un(e){return Object.prototype.hasOwnProperty.call(e,Mn)||(e[Mn]=On++,Pn[e[Mn]]={}),Pn[e[Mn]]}function An(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function Fn(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ln(e,t){var n,r=Fn(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=Fn(r)}}function In(){for(var e=window,t=An();t instanceof e.HTMLIFrameElement;){try{e=t.contentDocument.defaultView}catch(e){break}t=An(e.document)}return t}function Dn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var jn=G&&"documentMode"in document&&11>=document.documentMode,Rn={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Wn=null,zn=null,Vn=null,Bn=!1;function Hn(e,t){var n=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;return Bn||null==Wn||Wn!==An(n)?null:("selectionStart"in(n=Wn)&&Dn(n)?n={start:n.selectionStart,end:n.selectionEnd}:n={anchorNode:(n=(n.ownerDocument&&n.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset},Vn&&en(Vn,n)?null:(Vn=n,(e=ue.getPooled(Rn.select,zn,e,t)).type="select",e.target=Wn,H(e),e))}var Gn={eventTypes:Rn,extractEvents:function(e,t,n,r){var o,i=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(o=!i)){e:{i=Un(i),o=w.onSelect;for(var a=0;a=t.length||a("93"),t=t[0]),n=t),null==n&&(n="")),e._wrapperState={initialValue:gt(n)}}function Yn(e,t){var n=gt(t.value),r=gt(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function Xn(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}P.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),E=j,k=I,x=D,P.injectEventPluginsByName({SimpleEventPlugin:wn,EnterLeaveEventPlugin:Xt,ChangeEventPlugin:Rt,SelectEventPlugin:Gn,BeforeInputEventPlugin:Se});var Jn={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function Zn(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function er(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Zn(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var tr,nr=void 0,rr=(tr=function(e,t){if(e.namespaceURI!==Jn.svg||"innerHTML"in e)e.innerHTML=t;else{for((nr=nr||document.createElement("div")).innerHTML=""+t+" ",t=nr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction(function(){return tr(e,t)})}:tr);function or(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var ir={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ar=["Webkit","ms","Moz","O"];function lr(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ir.hasOwnProperty(e)&&ir[e]?(""+t).trim():t+"px"}function ur(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=lr(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(ir).forEach(function(e){ar.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ir[t]=ir[e]})});var cr=o({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function sr(e,t){t&&(cr[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML)&&a("137",e,""),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&a("60"),"object"==typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||a("61")),null!=t.style&&"object"!=typeof t.style&&a("62",""))}function fr(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function pr(e,t){var n=Un(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=w[t];for(var r=0;rxr||(e.current=kr[xr],kr[xr]=null,xr--)}function Sr(e,t){kr[++xr]=e.current,e.current=t}var Cr={},Tr={current:Cr},Nr={current:!1},Pr=Cr;function Or(e,t){var n=e.type.contextTypes;if(!n)return Cr;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,i={};for(o in n)i[o]=t[o];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Mr(e){return null!=(e=e.childContextTypes)}function Ur(e){_r(Nr),_r(Tr)}function Ar(e){_r(Nr),_r(Tr)}function Fr(e,t,n){Tr.current!==Cr&&a("168"),Sr(Tr,t),Sr(Nr,n)}function Lr(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var i in r=r.getChildContext())i in e||a("108",lt(t)||"Unknown",i);return o({},n,r)}function Ir(e){var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||Cr,Pr=Tr.current,Sr(Tr,t),Sr(Nr,Nr.current),!0}function Dr(e,t,n){var r=e.stateNode;r||a("169"),n?(t=Lr(e,t,Pr),r.__reactInternalMemoizedMergedChildContext=t,_r(Nr),_r(Tr),Sr(Tr,t)):_r(Nr),Sr(Nr,n)}var jr=null,Rr=null;function Wr(e){return function(t){try{return e(t)}catch(e){}}}function zr(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.firstContextDependency=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childExpirationTime=this.expirationTime=0,this.alternate=null}function Vr(e,t,n,r){return new zr(e,t,n,r)}function Br(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Hr(e,t){var n=e.alternate;return null===n?((n=Vr(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.effectTag=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childExpirationTime=e.childExpirationTime,n.expirationTime=e.expirationTime,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,n.firstContextDependency=e.firstContextDependency,n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Gr(e,t,n,r,o,i){var l=2;if(r=e,"function"==typeof e)Br(e)&&(l=1);else if("string"==typeof e)l=5;else e:switch(e){case Ke:return $r(n.children,o,i,t);case et:return qr(n,3|o,i,t);case Ye:return qr(n,2|o,i,t);case Xe:return(e=Vr(12,n,t,4|o)).elementType=Xe,e.type=Xe,e.expirationTime=i,e;case nt:return(e=Vr(13,n,t,o)).elementType=nt,e.type=nt,e.expirationTime=i,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case Je:l=10;break e;case Ze:l=9;break e;case tt:l=11;break e;case rt:l=14;break e;case ot:l=16,r=null;break e}a("130",null==e?e:typeof e,"")}return(t=Vr(l,n,t,o)).elementType=e,t.type=r,t.expirationTime=i,t}function $r(e,t,n,r){return(e=Vr(7,e,r,t)).expirationTime=n,e}function qr(e,t,n,r){return e=Vr(8,e,r,t),t=0==(1&t)?Ye:et,e.elementType=t,e.type=t,e.expirationTime=n,e}function Qr(e,t,n){return(e=Vr(6,e,null,t)).expirationTime=n,e}function Kr(e,t,n){return(t=Vr(4,null!==e.children?e.children:[],e.key,t)).expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Yr(e,t){e.didError=!1;var n=e.earliestPendingTime;0===n?e.earliestPendingTime=e.latestPendingTime=t:nt&&(e.latestPendingTime=t),Zr(t,e)}function Xr(e,t){e.didError=!1;var n=e.latestPingedTime;0!==n&&n>=t&&(e.latestPingedTime=0),n=e.earliestPendingTime;var r=e.latestPendingTime;n===t?e.earliestPendingTime=r===t?e.latestPendingTime=0:r:r===t&&(e.latestPendingTime=n),n=e.earliestSuspendedTime,r=e.latestSuspendedTime,0===n?e.earliestSuspendedTime=e.latestSuspendedTime=t:nt&&(e.latestSuspendedTime=t),Zr(t,e)}function Jr(e,t){var n=e.earliestPendingTime;return n>t&&(t=n),(e=e.earliestSuspendedTime)>t&&(t=e),t}function Zr(e,t){var n=t.earliestSuspendedTime,r=t.latestSuspendedTime,o=t.earliestPendingTime,i=t.latestPingedTime;0===(o=0!==o?o:i)&&(0===e||re&&(e=n),t.nextExpirationTimeToWorkOn=o,t.expirationTime=e}var eo=!1;function to(e){return{baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function no(e){return{baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function ro(e){return{expirationTime:e,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function oo(e,t){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t)}function io(e,t){var n=e.alternate;if(null===n){var r=e.updateQueue,o=null;null===r&&(r=e.updateQueue=to(e.memoizedState))}else r=e.updateQueue,o=n.updateQueue,null===r?null===o?(r=e.updateQueue=to(e.memoizedState),o=n.updateQueue=to(n.memoizedState)):r=e.updateQueue=no(o):null===o&&(o=n.updateQueue=no(r));null===o||r===o?oo(r,t):null===r.lastUpdate||null===o.lastUpdate?(oo(r,t),oo(o,t)):(oo(r,t),o.lastUpdate=t)}function ao(e,t){var n=e.updateQueue;null===(n=null===n?e.updateQueue=to(e.memoizedState):lo(e,n)).lastCapturedUpdate?n.firstCapturedUpdate=n.lastCapturedUpdate=t:(n.lastCapturedUpdate.next=t,n.lastCapturedUpdate=t)}function lo(e,t){var n=e.alternate;return null!==n&&t===n.updateQueue&&(t=e.updateQueue=no(t)),t}function uo(e,t,n,r,i,a){switch(n.tag){case 1:return"function"==typeof(e=n.payload)?e.call(a,r,i):e;case 3:e.effectTag=-2049&e.effectTag|64;case 0:if(null==(i="function"==typeof(e=n.payload)?e.call(a,r,i):e))break;return o({},r,i);case 2:eo=!0}return r}function co(e,t,n,r,o){eo=!1;for(var i=(t=lo(e,t)).baseState,a=null,l=0,u=t.firstUpdate,c=i;null!==u;){var s=u.expirationTime;sm?(v=f,f=null):v=f.sibling;var y=d(o,f,l[m],u);if(null===y){null===f&&(f=v);break}e&&f&&null===y.alternate&&t(o,f),a=i(y,a,m),null===s?c=y:s.sibling=y,s=y,f=v}if(m===l.length)return n(o,f),c;if(null===f){for(;mv?(y=m,m=null):y=m.sibling;var b=d(o,m,g.value,c);if(null===b){m||(m=y);break}e&&m&&null===b.alternate&&t(o,m),l=i(b,l,v),null===f?s=b:f.sibling=b,f=b,m=y}if(g.done)return n(o,m),s;if(null===m){for(;!g.done;v++,g=u.next())null!==(g=p(o,g.value,c))&&(l=i(g,l,v),null===f?s=g:f.sibling=g,f=g);return s}for(m=r(o,m);!g.done;v++,g=u.next())null!==(g=h(m,o,v,g.value,c))&&(e&&null!==g.alternate&&m.delete(null===g.key?v:g.key),l=i(g,l,v),null===f?s=g:f.sibling=g,f=g);return e&&m.forEach(function(e){return t(o,e)}),s}return function(e,r,i,u){var c="object"==typeof i&&null!==i&&i.type===Ke&&null===i.key;c&&(i=i.props.children);var s="object"==typeof i&&null!==i;if(s)switch(i.$$typeof){case qe:e:{for(s=i.key,c=r;null!==c;){if(c.key===s){if(7===c.tag?i.type===Ke:c.elementType===i.type){n(e,c.sibling),(r=o(c,i.type===Ke?i.props.children:i.props)).ref=zo(e,c,i),r.return=e,e=r;break e}n(e,c);break}t(e,c),c=c.sibling}i.type===Ke?((r=$r(i.props.children,e.mode,u,i.key)).return=e,e=r):((u=Gr(i.type,i.key,i.props,null,e.mode,u)).ref=zo(e,r,i),u.return=e,e=u)}return l(e);case Qe:e:{for(c=i.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(e,r.sibling),(r=o(r,i.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Kr(i,e.mode,u)).return=e,e=r}return l(e)}if("string"==typeof i||"number"==typeof i)return i=""+i,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,i)).return=e,e=r):(n(e,r),(r=Qr(i,e.mode,u)).return=e,e=r),l(e);if(Wo(i))return m(e,r,i,u);if(at(i))return v(e,r,i,u);if(s&&Vo(e,i),void 0===i&&!c)switch(e.tag){case 1:case 0:a("152",(u=e.type).displayName||u.name||"Component")}return n(e,r)}}var Ho=Bo(!0),Go=Bo(!1),$o=null,qo=null,Qo=!1;function Ko(e,t){var n=Vr(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function Yo(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function Xo(e){if(Qo){var t=qo;if(t){var n=t;if(!Yo(e,t)){if(!(t=wr(n))||!Yo(e,t))return e.effectTag|=2,Qo=!1,void($o=e);Ko($o,n)}$o=e,qo=Er(t)}else e.effectTag|=2,Qo=!1,$o=e}}function Jo(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;$o=e}function Zo(e){if(e!==$o)return!1;if(!Qo)return Jo(e),Qo=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!yr(t,e.memoizedProps))for(t=qo;t;)Ko(e,t),t=wr(t);return Jo(e),qo=$o?wr(e.stateNode):null,!0}function ei(){qo=$o=null,Qo=!1}var ti=He.ReactCurrentOwner;function ni(e,t,n,r){t.child=null===e?Go(t,null,n,r):Ho(t,e.child,n,r)}function ri(e,t,n,r,o){n=n.render;var i=t.ref;return wo(t),r=n(r,i),t.effectTag|=1,ni(e,t,r,o),t.child}function oi(e,t,n,r,o,i){if(null===e){var a=n.type;return"function"!=typeof a||Br(a)||void 0!==a.defaultProps||null!==n.compare?((e=Gr(n.type,null,r,null,t.mode,i)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,ii(e,t,a,r,o,i))}return a=e.child,o=n?fi(e,t,n):null!==(t=pi(e,t,n))?t.sibling:null}return pi(e,t,n)}switch(t.expirationTime=0,t.tag){case 2:r=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),e=t.pendingProps;var o=Or(t,Tr.current);if(wo(t),o=r(e,o),t.effectTag|=1,"object"==typeof o&&null!==o&&"function"==typeof o.render&&void 0===o.$$typeof){if(t.tag=1,Mr(r)){var i=!0;Ir(t)}else i=!1;t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null;var l=r.getDerivedStateFromProps;"function"==typeof l&&Fo(t,r,l,e),o.updater=Lo,t.stateNode=o,o._reactInternalFiber=t,Ro(t,r,e,n),t=ci(null,t,r,!0,i,n)}else t.tag=0,ni(null,t,o,n),t=t.child;return t;case 16:switch(o=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),i=t.pendingProps,e=function(e){var t=e._result;switch(e._status){case 1:return t;case 2:case 0:throw t;default:throw e._status=0,(t=(t=e._ctor)()).then(function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)},function(t){0===e._status&&(e._status=2,e._result=t)}),e._result=t,t}}(o),t.type=e,o=t.tag=function(e){if("function"==typeof e)return Br(e)?1:0;if(null!=e){if((e=e.$$typeof)===tt)return 11;if(e===rt)return 14}return 2}(e),i=Mo(e,i),l=void 0,o){case 0:l=li(null,t,e,i,n);break;case 1:l=ui(null,t,e,i,n);break;case 11:l=ri(null,t,e,i,n);break;case 14:l=oi(null,t,e,Mo(e.type,i),r,n);break;default:a("283",e)}return l;case 0:return r=t.type,o=t.pendingProps,li(e,t,r,o=t.elementType===r?o:Mo(r,o),n);case 1:return r=t.type,o=t.pendingProps,ui(e,t,r,o=t.elementType===r?o:Mo(r,o),n);case 3:return si(t),null===(r=t.updateQueue)&&a("282"),o=null!==(o=t.memoizedState)?o.element:null,co(t,r,t.pendingProps,null,n),(r=t.memoizedState.element)===o?(ei(),t=pi(e,t,n)):(o=t.stateNode,(o=(null===e||null===e.child)&&o.hydrate)&&(qo=Er(t.stateNode.containerInfo),$o=t,o=Qo=!0),o?(t.effectTag|=2,t.child=Go(t,null,r,n)):(ni(e,t,r,n),ei()),t=t.child),t;case 5:return Po(t),null===e&&Xo(t),r=t.type,o=t.pendingProps,i=null!==e?e.memoizedProps:null,l=o.children,yr(r,o)?l=null:null!==i&&yr(r,i)&&(t.effectTag|=16),ai(e,t),1!==n&&1&t.mode&&o.hidden?(t.expirationTime=1,t=null):(ni(e,t,l,n),t=t.child),t;case 6:return null===e&&Xo(t),null;case 13:return fi(e,t,n);case 4:return To(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Ho(t,null,r,n):ni(e,t,r,n),t.child;case 11:return r=t.type,o=t.pendingProps,ri(e,t,r,o=t.elementType===r?o:Mo(r,o),n);case 7:return ni(e,t,t.pendingProps,n),t.child;case 8:case 12:return ni(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,o=t.pendingProps,l=t.memoizedProps,go(t,i=o.value),null!==l){var u=l.value;if(0===(i=u===i&&(0!==u||1/u==1/i)||u!=u&&i!=i?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(u,i):1073741823))){if(l.children===o.children&&!Nr.current){t=pi(e,t,n);break e}}else for(null!==(l=t.child)&&(l.return=t);null!==l;){if(null!==(u=l.firstContextDependency))do{if(u.context===r&&0!=(u.observedBits&i)){if(1===l.tag){var c=ro(n);c.tag=2,io(l,c)}l.expirationTime<\/script>",f=i.removeChild(i.firstChild)):"string"==typeof d.is?f=f.createElement(i,{is:d.is}):(f=f.createElement(i),"select"===i&&d.multiple&&(f.multiple=!0)):f=f.createElementNS(s,i),(i=f)[A]=p,i[F]=u,mi(i,t,!1,!1),d=i;var h=c,m=fr(f=l,p=u);switch(f){case"iframe":case"object":Sn("load",d),c=p;break;case"video":case"audio":for(c=0;cu&&(u=i),(c=l.childExpirationTime)>u&&(u=c),l=l.sibling;t.childExpirationTime=u}if(null!==Fi)return Fi;null!==n&&0==(1024&n.effectTag)&&(null===n.firstEffect&&(n.firstEffect=e.firstEffect),null!==e.lastEffect&&(null!==n.lastEffect&&(n.lastEffect.nextEffect=e.firstEffect),n.lastEffect=e.lastEffect),1=h?p=0:(-1===p||h component higher in the tree to provide a loading indicator or placeholder to display."+ut(c))}ji=!0,s=po(s,c),l=u;do{switch(l.tag){case 3:c=s,l.effectTag|=2048,l.expirationTime=i,ao(l,i=Ci(l,c,i));break e;case 1:if(c=s,u=l.type,f=l.stateNode,0==(64&l.effectTag)&&("function"==typeof u.getDerivedStateFromError||null!==f&&"function"==typeof f.componentDidCatch&&(null===Bi||!Bi.has(f)))){l.effectTag|=2048,l.expirationTime=i,ao(l,i=Ti(l,c,i));break e}}l=l.return}while(null!==l)}Fi=$i(o);continue}r=!0,Fa(t)}}break}if(Ai=!1,yo=vo=mo=Oi.currentDispatcher=null,r)Li=null,e.finishedWork=null;else if(null!==Fi)e.finishedWork=null;else{if(null===(r=e.current.alternate)&&a("281"),Li=null,ji){if(o=e.latestPendingTime,i=e.latestSuspendedTime,l=e.latestPingedTime,0!==o&&ot?0:t)):(e.pendingCommitExpirationTime=n,e.finishedWork=r)}}function Ki(e,t){for(var n=e.return;null!==n;){switch(n.tag){case 1:var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Bi||!Bi.has(r)))return io(n,e=Ti(n,e=po(t,e),1073741823)),void Zi(n,1073741823);break;case 3:return io(n,e=Ci(n,e=po(t,e),1073741823)),void Zi(n,1073741823)}n=n.return}3===e.tag&&(io(e,n=Ci(e,n=po(t,e),1073741823)),Zi(e,1073741823))}function Yi(e,t){return 0!==Ui?e=Ui:Ai?e=Wi?1073741823:Ii:1&t.mode?(e=da?1073741822-10*(1+((1073741822-e+15)/10|0)):1073741822-25*(1+((1073741822-e+500)/25|0)),null!==Li&&e===Ii&&--e):e=1073741823,da&&(0===ua||e=i){i=o=r,e.didError=!1;var a=e.latestPingedTime;(0===a||a>i)&&(e.latestPingedTime=i),Zr(i,e)}else Yr(e,o=Yi(o=_a(),t));0!=(1&t.mode)&&e===Li&&Ii===r&&(Li=null),Ji(t,o),0==(1&t.mode)&&(Ji(n,o),1===n.tag&&null!==n.stateNode&&((t=ro(o)).tag=2,io(n,t))),0!==(n=e.expirationTime)&&Sa(e,n)}function Ji(e,t){e.expirationTimeIi&&Hi(),Yr(e,t),Ai&&!Wi&&Li===e||Sa(e,e.expirationTime),ba>ga&&(ba=0,a("185")))}function ea(e,t,n,r,o){var i=Ui;Ui=1073741823;try{return e(t,n,r,o)}finally{Ui=i}}var ta=null,na=null,ra=0,oa=void 0,ia=!1,aa=null,la=0,ua=0,ca=!1,sa=null,fa=!1,pa=!1,da=!1,ha=null,ma=i.unstable_now(),va=1073741822-(ma/10|0),ya=va,ga=50,ba=0,wa=null;function Ea(){va=1073741822-((i.unstable_now()-ma)/10|0)}function ka(e,t){if(0!==ra){if(te.expirationTime&&(e.expirationTime=t),ia||(fa?pa&&(aa=e,la=1073741823,Ua(e,1073741823,!1)):1073741823===t?Oa(1073741823,!1):ka(e,t))}function Ca(){var e=0,t=null;if(null!==na)for(var n=na,r=ta;null!==r;){var o=r.expirationTime;if(0===o){if((null===n||null===na)&&a("244"),r===r.nextScheduledRoot){ta=na=r.nextScheduledRoot=null;break}if(r===ta)ta=o=r.nextScheduledRoot,na.nextScheduledRoot=o,r.nextScheduledRoot=null;else{if(r===na){(na=n).nextScheduledRoot=ta,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if(o>e&&(e=o,t=r),r===na)break;if(1073741823===e)break;n=r,r=r.nextScheduledRoot}}aa=t,la=e}var Ta=!1;function Na(){return!!Ta||!!i.unstable_shouldYield()&&(Ta=!0)}function Pa(){try{if(!Na()&&null!==ta){Ea();var e=ta;do{var t=e.expirationTime;0!==t&&va<=t&&(e.nextExpirationTimeToWorkOn=va),e=e.nextScheduledRoot}while(e!==ta)}Oa(0,!0)}finally{Ta=!1}}function Oa(e,t){if(Ca(),t)for(Ea(),ya=va;null!==aa&&0!==la&&e<=la&&!(Ta&&va>la);)Ua(aa,la,va>la),Ca(),Ea(),ya=va;else for(;null!==aa&&0!==la&&e<=la;)Ua(aa,la,!1),Ca();if(t&&(ra=0,oa=null),0!==la&&ka(aa,la),ba=0,wa=null,null!==ha)for(e=ha,ha=null,t=0;t=n&&(null===ha?ha=[r]:ha.push(r),r._defer))return e.finishedWork=t,void(e.expirationTime=0);e.finishedWork=null,e===wa?ba++:(wa=e,ba=0),Wi=Ai=!0,e.current===t&&a("177"),0===(n=e.pendingCommitExpirationTime)&&a("261"),e.pendingCommitExpirationTime=0,r=t.expirationTime;var o=t.childExpirationTime;if(r=o>r?o:r,e.didError=!1,0===r?(e.earliestPendingTime=0,e.latestPendingTime=0,e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0):(0!==(o=e.latestPendingTime)&&(o>r?e.earliestPendingTime=e.latestPendingTime=0:e.earliestPendingTime>r&&(e.earliestPendingTime=e.latestPendingTime)),0===(o=e.earliestSuspendedTime)?Yr(e,r):ro&&Yr(e,r)),Zr(0,e),Oi.current=null,1b&&(w=b,b=g,g=w),w=Ln(x,g),E=Ln(x,b),w&&E&&(1!==S.rangeCount||S.anchorNode!==w.node||S.anchorOffset!==w.offset||S.focusNode!==E.node||S.focusOffset!==E.offset)&&((_=_.createRange()).setStart(w.node,w.offset),S.removeAllRanges(),g>b?(S.addRange(_),S.extend(E.node,E.offset)):(_.setEnd(E.node,E.offset),S.addRange(_))))),_=[];for(S=x;S=S.parentNode;)1===S.nodeType&&_.push({element:S,left:S.scrollLeft,top:S.scrollTop});for("function"==typeof x.focus&&x.focus(),x=0;x<_.length;x++)(S=_[x]).element.scrollLeft=S.left,S.element.scrollTop=S.top}for(mr=null,_n=!!hr,hr=null,e.current=t,Ri=r;null!==Ri;){r=!1,x=void 0;try{for(_=n;null!==Ri;){var C=Ri.effectTag;if(36&C){var T=Ri.alternate;switch(g=_,(S=Ri).tag){case 0:case 11:case 15:break;case 1:var N=S.stateNode;if(4&S.effectTag)if(null===T)N.componentDidMount();else{var P=S.elementType===S.type?T.memoizedProps:Mo(S.type,T.memoizedProps);N.componentDidUpdate(P,T.memoizedState,N.__reactInternalSnapshotBeforeUpdate)}var O=S.updateQueue;null!==O&&so(0,O,N);break;case 3:var M=S.updateQueue;if(null!==M){if(b=null,null!==S.child)switch(S.child.tag){case 5:b=S.child.stateNode;break;case 1:b=S.child.stateNode}so(0,M,b)}break;case 5:var U=S.stateNode;null===T&&4&S.effectTag&&vr(S.type,S.memoizedProps)&&U.focus();break;case 6:case 4:case 12:case 13:case 17:break;default:a("163")}}if(128&C){var A=Ri.ref;if(null!==A){var F=Ri.stateNode;switch(Ri.tag){case 5:var L=F;break;default:L=F}"function"==typeof A?A(L):A.current=L}}Ri=Ri.nextEffect}}catch(e){r=!0,x=e}r&&(null===Ri&&a("178"),Ki(Ri,x),null!==Ri&&(Ri=Ri.nextEffect))}Ai=Wi=!1,"function"==typeof jr&&jr(t.stateNode),C=t.expirationTime,0===(t=(t=t.childExpirationTime)>C?t:C)&&(Bi=null),e.expirationTime=t,e.finishedWork=null}function Fa(e){null===aa&&a("246"),aa.expirationTime=0,ca||(ca=!0,sa=e)}function La(e,t){var n=fa;fa=!0;try{return e(t)}finally{(fa=n)||ia||Oa(1073741823,!1)}}function Ia(e,t){if(fa&&!pa){pa=!0;try{return e(t)}finally{pa=!1}}return e(t)}function Da(e,t,n){if(da)return e(t,n);fa||ia||0===ua||(Oa(ua,!1),ua=0);var r=da,o=fa;fa=da=!0;try{return e(t,n)}finally{da=r,(fa=o)||ia||Oa(1073741823,!1)}}function ja(e,t,n,r,o){var i=t.current;e:if(n){t:{2===tn(n=n._reactInternalFiber)&&1===n.tag||a("170");var l=n;do{switch(l.tag){case 3:l=l.stateNode.context;break t;case 1:if(Mr(l.type)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break t}}l=l.return}while(null!==l);a("171"),l=void 0}if(1===n.tag){var u=n.type;if(Mr(u)){n=Lr(n,u,l);break e}}n=l}else n=Cr;return null===t.context?t.context=n:t.pendingContext=n,t=o,(o=ro(r)).payload={element:e},null!==(t=void 0===t?null:t)&&(o.callback=t),Gi(),io(i,o),Zi(i,r),r}function Ra(e,t,n,r){var o=t.current;return ja(e,t,n,o=Yi(_a(),o),r)}function Wa(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function za(e){var t=1073741822-25*(1+((1073741822-_a()+500)/25|0));t>=Mi&&(t=Mi-1),this._expirationTime=Mi=t,this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function Va(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function Ba(e,t,n){e={current:t=Vr(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,didError:!1,pendingCommitExpirationTime:0,finishedWork:null,timeoutHandle:-1,context:null,pendingContext:null,hydrate:n,nextExpirationTimeToWorkOn:0,expirationTime:0,firstBatch:null,nextScheduledRoot:null},this._internalRoot=t.stateNode=e}function Ha(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Ga(e,t,n,r,o){Ha(n)||a("200");var i=n._reactRootContainer;if(i){if("function"==typeof o){var l=o;o=function(){var e=Wa(i._internalRoot);l.call(e)}}null!=e?i.legacy_renderSubtreeIntoContainer(e,t,o):i.render(t,o)}else{if(i=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new Ba(e,!1,t)}(n,r),"function"==typeof o){var u=o;o=function(){var e=Wa(i._internalRoot);u.call(e)}}Ia(function(){null!=e?i.legacy_renderSubtreeIntoContainer(e,t,o):i.render(t,o)})}return Wa(i._internalRoot)}function $a(e,t){var n=2=t;)n=r,r=r._next;e._next=r,null!==n&&(n._next=e)}return e},Ue=La,Ae=Da,Fe=function(){ia||0===ua||(Oa(ua,!1),ua=0)};var qa={createPortal:$a,findDOMNode:function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternalFiber;return void 0===t&&("function"==typeof e.render?a("188"):a("268",Object.keys(e))),e=null===(e=rn(t))?null:e.stateNode},hydrate:function(e,t,n){return Ga(null,e,t,!0,n)},render:function(e,t,n){return Ga(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return(null==e||void 0===e._reactInternalFiber)&&a("38"),Ga(e,t,n,!1,r)},unmountComponentAtNode:function(e){return Ha(e)||a("40"),!!e._reactRootContainer&&(Ia(function(){Ga(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return $a.apply(void 0,arguments)},unstable_batchedUpdates:La,unstable_interactiveUpdates:Da,flushSync:function(e,t){ia&&a("187");var n=fa;fa=!0;try{return ea(e,t)}finally{fa=n,Oa(1073741823,!1)}},unstable_flushControlled:function(e){var t=fa;fa=!0;try{ea(e)}finally{(fa=t)||ia||Oa(1073741823,!1)}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[I,D,j,P.injectEventPluginsByName,g,H,function(e){C(e,B)},Oe,Me,Nn,M]},unstable_createRoot:function(e,t){return Ha(e)||a("299","unstable_createRoot"),new Ba(e,!0,null!=t&&!0===t.hydrate)}};!function(e){var t=e.findFiberByHostInstance;(function(e){if("undefined"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var t=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t.isDisabled||!t.supportsFiber)return!0;try{var n=t.inject(e);jr=Wr(function(e){return t.onCommitFiberRoot(n,e)}),Rr=Wr(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}})(o({},e,{findHostInstanceByFiber:function(e){return null===(e=rn(e))?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}({findFiberByHostInstance:L,bundleType:0,version:"16.6.3",rendererPackageName:"react-dom"});var Qa={default:qa},Ka=Qa&&qa||Qa;e.exports=Ka.default||Ka},function(e,t,n){"use strict";e.exports=n(285)},function(e,t,n){"use strict";(function(e){
+/** @license React v0.11.3
* scheduler.production.min.js
*
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
- */Object.defineProperty(t,"__esModule",{value:!0});var r=null,o=!1,i=3,a=-1,l=-1,u=!1,c=!1;function s(){if(!u){var e=r.expirationTime;c?y():c=!0,v(d,e)}}function f(){var e=r,t=r.next;if(r===t)r=null;else{var n=r.previous;r=n.next=t,t.previous=n}e.next=e.previous=null,n=e.callback,t=e.expirationTime,e=e.priorityLevel;var o=i,a=l;i=e,l=t;try{var u=n()}finally{i=o,l=a}if("function"==typeof u)if(u={callback:u,priorityLevel:e,expirationTime:t,next:null,previous:null},null===r)r=u.next=u.previous=u;else{n=null,e=r;do{if(e.expirationTime>=t){n=e;break}e=e.next}while(e!==r);null===n?n=r:n===r&&(r=u,s()),(t=n.previous).next=n.previous=u,u.next=n,u.previous=t}}function p(){if(-1===a&&null!==r&&1===r.priorityLevel){u=!0;try{do{f()}while(null!==r&&1===r.priorityLevel)}finally{u=!1,null!==r?s():c=!1}}}function d(e){u=!0;var n=o;o=e;try{if(e)for(;null!==r;){var i=t.unstable_now();if(!(r.expirationTime<=i))break;do{f()}while(null!==r&&r.expirationTime<=i)}else if(null!==r)do{f()}while(null!==r&&!g())}finally{u=!1,o=n,null!==r?s():c=!1,p()}}var h,m,v,y,g,b=Date,w="function"==typeof setTimeout?setTimeout:void 0,E="function"==typeof clearTimeout?clearTimeout:void 0,k="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,x="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;function _(e){h=k(function(t){E(m),e(t)}),m=w(function(){x(h),e(t.unstable_now())},100)}if("object"==typeof performance&&"function"==typeof performance.now){var S=performance;t.unstable_now=function(){return S.now()}}else t.unstable_now=function(){return b.now()};if("undefined"!=typeof window&&window._schedMock){var C=window._schedMock;v=C[0],y=C[1],g=C[2]}else if("undefined"==typeof window||"function"!=typeof window.addEventListener){var T=null,N=-1,P=function(e,t){if(null!==T){var n=T;T=null;try{N=t,n(e)}finally{N=-1}}};v=function(e,t){-1!==N?setTimeout(v,0,e,t):(T=e,setTimeout(P,t,!0,t),setTimeout(P,1073741823,!1,1073741823))},y=function(){T=null},g=function(){return!1},t.unstable_now=function(){return-1===N?0:N}}else{"undefined"!=typeof console&&("function"!=typeof k&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof x&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var O=null,M=!1,U=-1,A=!1,F=!1,L=0,I=33,D=33;g=function(){return L<=t.unstable_now()};var j="__reactIdleCallback$"+Math.random().toString(36).slice(2);window.addEventListener("message",function(e){if(e.source===window&&e.data===j){M=!1,e=O;var n=U;O=null,U=-1;var r=t.unstable_now(),o=!1;if(0>=L-r){if(!(-1!==n&&n<=r))return A||(A=!0,_(R)),O=e,void(U=n);o=!0}if(null!==e){F=!0;try{e(o)}finally{F=!1}}}},!1);var R=function(e){if(null!==O){_(R);var t=e-L+D;tt&&(t=8),D=tt?window.postMessage(j,"*"):A||(A=!0,_(R))},y=function(){O=null,M=!1,U=-1}}t.unstable_ImmediatePriority=1,t.unstable_UserBlockingPriority=2,t.unstable_NormalPriority=3,t.unstable_IdlePriority=5,t.unstable_LowPriority=4,t.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=i,o=a;i=e,a=t.unstable_now();try{return n()}finally{i=r,a=o,p()}},t.unstable_scheduleCallback=function(e,n){var o=-1!==a?a:t.unstable_now();if("object"==typeof n&&null!==n&&"number"==typeof n.timeout)n=o+n.timeout;else switch(i){case 1:n=o+-1;break;case 2:n=o+250;break;case 5:n=o+1073741823;break;case 4:n=o+1e4;break;default:n=o+5e3}if(e={callback:e,priorityLevel:i,expirationTime:n,next:null,previous:null},null===r)r=e.next=e.previous=e,s();else{o=null;var l=r;do{if(l.expirationTime>n){o=l;break}l=l.next}while(l!==r);null===o?o=r:o===r&&(r=e,s()),(n=o.previous).next=o.previous=e,e.next=o,e.previous=n}return e},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(t===e)r=null;else{e===r&&(r=t);var n=e.previous;n.next=t,t.previous=n}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var n=i;return function(){var r=i,o=a;i=n,a=t.unstable_now();try{return e.apply(this,arguments)}finally{i=r,a=o,p()}}},t.unstable_getCurrentPriorityLevel=function(){return i},t.unstable_shouldYield=function(){return!o&&(null!==r&&r.expirationTime=t){r=e;break}e=e.next}while(e!==n);null===r?r=n:r===n&&(n=u,c()),(t=r.previous).next=r.previous=u,u.next=r,u.previous=t}}function f(){if(-1===i&&null!==n&&1===n.priorityLevel){l=!0;try{do{s()}while(null!==n&&1===n.priorityLevel)}finally{l=!1,null!==n?c():u=!1}}}function p(e){l=!0;var o=r;r=e;try{if(e)for(;null!==n;){var i=t.unstable_now();if(!(n.expirationTime<=i))break;do{s()}while(null!==n&&n.expirationTime<=i)}else if(null!==n)do{s()}while(null!==n&&!_())}finally{l=!1,r=o,null!==n?c():u=!1,f()}}var d,h,m=Date,v="function"==typeof setTimeout?setTimeout:void 0,y="function"==typeof clearTimeout?clearTimeout:void 0,g="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,b="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;function w(e){d=g(function(t){y(h),e(t)}),h=v(function(){b(d),e(t.unstable_now())},100)}if("object"==typeof performance&&"function"==typeof performance.now){var E=performance;t.unstable_now=function(){return E.now()}}else t.unstable_now=function(){return m.now()};var k,x,_,S=null;if("undefined"!=typeof window?S=window:void 0!==e&&(S=e),S&&S._schedMock){var C=S._schedMock;k=C[0],x=C[1],_=C[2],t.unstable_now=C[3]}else if("undefined"==typeof window||"function"!=typeof MessageChannel){var T=null,N=function(e){if(null!==T)try{T(e)}finally{T=null}};k=function(e){null!==T?setTimeout(k,0,e):(T=e,setTimeout(N,0,!1))},x=function(){T=null},_=function(){return!1}}else{"undefined"!=typeof console&&("function"!=typeof g&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof b&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var P=null,O=!1,M=-1,U=!1,A=!1,F=0,L=33,I=33;_=function(){return F<=t.unstable_now()};var D=new MessageChannel,j=D.port2;D.port1.onmessage=function(){O=!1;var e=P,n=M;P=null,M=-1;var r=t.unstable_now(),o=!1;if(0>=F-r){if(!(-1!==n&&n<=r))return U||(U=!0,w(R)),P=e,void(M=n);o=!0}if(null!==e){A=!0;try{e(o)}finally{A=!1}}};var R=function(e){if(null!==P){w(R);var t=e-F+I;tt&&(t=8),I=tt?j.postMessage(void 0):U||(U=!0,w(R))},x=function(){P=null,O=!1,M=-1}}t.unstable_ImmediatePriority=1,t.unstable_UserBlockingPriority=2,t.unstable_NormalPriority=3,t.unstable_IdlePriority=5,t.unstable_LowPriority=4,t.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=o,a=i;o=e,i=t.unstable_now();try{return n()}finally{o=r,i=a,f()}},t.unstable_scheduleCallback=function(e,r){var a=-1!==i?i:t.unstable_now();if("object"==typeof r&&null!==r&&"number"==typeof r.timeout)r=a+r.timeout;else switch(o){case 1:r=a+-1;break;case 2:r=a+250;break;case 5:r=a+1073741823;break;case 4:r=a+1e4;break;default:r=a+5e3}if(e={callback:e,priorityLevel:o,expirationTime:r,next:null,previous:null},null===n)n=e.next=e.previous=e,c();else{a=null;var l=n;do{if(l.expirationTime>r){a=l;break}l=l.next}while(l!==n);null===a?a=n:a===n&&(n=e,c()),(r=a.previous).next=a.previous=e,e.next=a,e.previous=r}return e},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(t===e)n=null;else{e===n&&(n=t);var r=e.previous;r.next=t,t.previous=r}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var n=o;return function(){var r=o,a=i;o=n,i=t.unstable_now();try{return e.apply(this,arguments)}finally{o=r,i=a,f()}}},t.unstable_getCurrentPriorityLevel=function(){return o},t.unstable_shouldYield=function(){return!r&&(null!==n&&n.expirationTime= 910) {
device = "large";
} else if (width < 910 && width >= 610) {
device = "mid";
} else if (width < 610) {
device = "tablet";
}
return device;
}
function generatePopupLinks() {
let pLink = {};
pLink.plingListUrl = "/#plingList", pLink.ocsapiContentUrl = "/#ocsapiContent", pLink.aboutContentUrl = "/#aboutContent", pLink.linkTarget = "_blank";
if (window.location.hostname.indexOf('opendesktop') === -1 || window.location.hostname === "git.opendesktop.org" || window.location.hostname === "git.opendesktop.cc" || window.location.hostname === "forum.opendesktop.org" || window.location.hostname === "forum.opendesktop.cc" || window.location.hostname === "my.opendesktop.org" || window.location.hostname === "my.opendesktop.cc") {
pLink.plingListUrl = "/plings";
pLink.ocsapiContentUrl = "/partials/ocsapicontent.phtml";
pLink.aboutContentUrl = "/partials/about.phtml";
pLink.linkTarget = "";
}
return pLink;
}
function getPopupUrl(key, isExternal, baseUrl) {
let url = baseUrl;
return url;
}
return {
generateMenuGroupsArray,
getDeviceFromWidth,
generatePopupLinks,
getPopupUrl
};
}();
class MetaHeader extends React.Component {
constructor(props){
super(props);
this.state = {
domains:config.domains,
baseUrl:config.baseUrl,
blogUrl:config.blogUrl,
forumUrl:config.forumUrl,
loginUrl:config.loginUrl,
logoutUrl:config.logoutUrl,
gitlabUrl:config.gitlabUrl,
sName:config.sName,
isExternal:config.isExternal,
user:config.user,
showModal:false,
modalUrl:'',
isAdmin:config.json_isAdmin
};
this.initMetaHeader = this.initMetaHeader.bind(this);
this.updateDimensions = this.updateDimensions.bind(this);
//this.getUser = this.getUser.bind(this);
}
componentWillMount() {
this.updateDimensions();
}
componentDidMount() {
this.initMetaHeader();
}
componentWillUnmount(){
window.removeEventListener("resize", this.updateDimensions);
window.removeEventListener("orientationchange",this.updateDimensions);
}
initMetaHeader(){
window.addEventListener("resize", this.updateDimensions);
window.addEventListener("orientationchange",this.updateDimensions);
//this.getUser();
}
getUser(){
const decodedCookie = decodeURIComponent(document.cookie);
let ocs_data = decodedCookie.split('ocs_data=')[1];
if (ocs_data){
if (ocs_data.indexOf(';') > -1){ ocs_data = ocs_data.split(';')[0]; }
const user = JSON.parse(ocs_data);
this.setState({user:user});
}
}
updateDimensions(){
const width = window.innerWidth;
let device;
if (width >= 1015){
device = "large";
} else if (width < 1015 && width >= 730){
device = "mid";
} else if (width < 730){
device = "tablet";
}
this.setState({device:device});
}
render(){
let domainsMenuDisplay;
if (this.state.device === "tablet"){
domainsMenuDisplay = (
)
} else {
domainsMenuDisplay = (
)
}
return (
)
}
}
class DomainsMenu extends React.Component {
constructor(props){
super(props);
this.state = {
};
}
render(){
let moreMenuItemDisplay, adminsDropDownMenuDisplay, myOpendesktopMenuDisplay;
if (this.props.device !== "large"){
moreMenuItemDisplay = (
)
}
return (
openDesktop.org :
{moreMenuItemDisplay}
)
}
}
class DomainsDropDownMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentDidMount() {
let menuGroups = [];
this.props.domains.forEach(function(domain,index){
if (menuGroups.indexOf(domain.menugroup) === -1){
menuGroups.push(domain.menugroup);
}
});
this.setState({menuGroups:menuGroups});
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "domains-menu-link-item"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
let menuGroupsDisplayLeft, menuGroupsDisplayRight;
if (this.state.menuGroups){
menuGroupsDisplayLeft = this.state.menuGroups.slice(0,2).map((mg,i) => (
));
menuGroupsDisplayRight = this.state.menuGroups.slice(2).map((mg,i) => (
));
}
return (
this.node = node} id="domains-dropdown-menu" className={this.state.dropdownClass}>
Store Listings
);
}
}
class DiscussionBoardsDropDownMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "discussion-menu-link-item"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
return (
this.node = node} id="discussion-boards" className={this.state.dropdownClass}>
Discussion Boards
);
}
}
class DevelopmentDropDownMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
this.state = {
gitlabLink:config.gitlabUrl+"/dashboard/issues?assignee_id="
};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
componentDidMount() {
/*const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
const gitlabLink = self.state.gitlabLink + res[0].id;
self.setState({gitlabLink:gitlabLink,loading:false});
}
};
xhttp.open("GET", config.gitlabUrl+"/api/v4/users?username="+this.props.user.username, true);
xhttp.send();*/
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "admins-menu-link-item"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
let issuesMenuItem;
if (this.props.isAdmin){
issuesMenuItem = (
Issues
)
}
let gitfaqLinkItem;
if (config.isExternal === false){
gitfaqLinkItem = (Git FAQ );
} else {
gitfaqLinkItem = (Git FAQ );
}
return (
this.node = node} id="admins-dropdown-menu" className={this.state.dropdownClass}>
Development
Projects
{issuesMenuItem}
{gitfaqLinkItem}
)
}
}
class MoreDropDownMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "more-menu-link-item"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
let faqLinkItem, apiLinkItem, aboutLinkItem;
if (config.isExternal === false){
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
} else {
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
}
return(
this.node = node} id="more-dropdown-menu" className={this.state.dropdownClass}>
More
)
}
}
class DomainsMenuGroup extends React.Component {
constructor(props){
super(props);
this.state = {};
this.filterDomainsByMenuGroup = this.filterDomainsByMenuGroup.bind(this);
}
filterDomainsByMenuGroup(domain){
if (domain.menugroup === this.props.menuGroup){
return domain;
}
}
render(){
const domainsDisplay = this.props.domains.filter(this.filterDomainsByMenuGroup).map((domain,index) => {
let domainPrefix = "";
if (domain.menuhref.indexOf('https://') === -1 && domain.menuhref.indexOf('http://') === -1){
domainPrefix += "http://";
}
return (
{domain.name}
);
});
return (
{this.props.menuGroup}
)
}
}
class UserMenu extends React.Component {
constructor(props){
super(props);
this.state = {};
}
render(){
let userDropdownDisplay, userAppsContextDisplay, developmentAppMenuDisplay;
if (this.props.user && this.props.user.member_id){
userDropdownDisplay = (
);
userAppsContextDisplay = (
);
developmentAppMenuDisplay = (
);
} else {
userDropdownDisplay = (
Login
)
}
let userMenuContainerDisplay;
if (this.props.device === "large"){
let faqLinkItem, apiLinkItem, aboutLinkItem;
if (config.isExternal === false){
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
} else {
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
}
userMenuContainerDisplay = (
);
} else {
userMenuContainerDisplay = (
);
}
return (
)
}
}
class UserContextMenuContainer extends React.Component {
constructor(props){
super(props);
this.state = {
gitlabLink:config.gitlabUrl+"/dashboard/issues?assignee_id="
};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
componentDidMount() {
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
const gitlabLink = self.state.gitlabLink + res[0].id;
self.setState({gitlabLink:gitlabLink,loading:false});
}
};
xhttp.open("GET", config.gitlabUrl+"/api/v4/users?username="+this.props.user.username, true);
xhttp.send();
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "th-icon" || e.target.className === "btn btn-default dropdown-toggle"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
/*
// BU CODE
*/
const urlEnding = config.baseUrl.split('opendesktop.')[1];
let contextMenuDisplay;
if (this.props.isAdmin){
contextMenuDisplay = (
);
} else {
contextMenuDisplay = (
);
}
return (
this.node = node} id="user-context-menu-container">
{contextMenuDisplay}
)
}
}
class DevelopmentAppMenu extends React.Component {
constructor(props){
super(props);
this.state = {
gitlabLink:config.gitlabUrl+"/dashboard/issues?assignee_id="
};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
componentDidMount() {
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
const gitlabLink = self.state.gitlabLink + res[0].id;
self.setState({gitlabLink:gitlabLink,loading:false});
}
};
xhttp.open("GET", config.gitlabUrl+"/api/v4/users?username="+this.props.user.username, true);
xhttp.send();
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "th-icon" || e.target.className === "btn btn-default dropdown-toggle"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
const urlEnding = config.baseUrl.split('opendesktop.')[1];
return (
this.node = node} id="development-app-menu-container">
)
}
}
class UserLoginMenuContainerVersionTwo extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "th-icon" || e.target.className === "btn btn-default dropdown-toggle"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass},function(){
if (dropdownClass === "open"){
$('body').addClass('drawer-open');
} else {
$('body').removeClass('drawer-open');
}
});
}
render(){
return (
)
}
}
class UserLoginMenuContainer extends React.Component {
constructor(props){
super(props);
this.state = {};
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
document.addEventListener('mousedown',this.handleClick, false);
}
componentWillUnmount() {
document.removeEventListener('mousedown',this.handleClick, false);
}
handleClick(e){
let dropdownClass = "";
if (this.node.contains(e.target)){
if (this.state.dropdownClass === "open"){
if (e.target.className === "th-icon" || e.target.className === "btn btn-default dropdown-toggle"){
dropdownClass = "";
} else {
dropdownClass = "open";
}
} else {
dropdownClass = "open";
}
}
this.setState({dropdownClass:dropdownClass});
}
render(){
return (
)
}
}
class UserTabs extends React.Component {
constructor(props){
super(props);
this.state = {
currentTab:'comments',
searchPhrase:''
};
this.onTabMenuItemClick = this.onTabMenuItemClick.bind(this);
this.onUserSearchInputChange = this.onUserSearchInputChange.bind(this);
this.getUsersAutocompleteList = this.getUsersAutocompleteList.bind(this);
this.selectUserFromAutocompleteList = this.selectUserFromAutocompleteList.bind(this);
}
onTabMenuItemClick(val){
this.setState({currentTab:val});
}
onUserSearchInputChange(e){
const searchPhrase = e.target.value;
this.setState({searchPhrase:e.target.value},function(){
let showUserList;
if (searchPhrase.length > 2){
showUserList = true;
} else {
showUserList = false;
}
this.setState({showUserList:showUserList,selectedUser:''},function(){
this.getUsersAutocompleteList(searchPhrase);
});
});
}
getUsersAutocompleteList(searchPhrase){
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({usersList:res,showUserList:true});
}
};
xhttp.open("GET", "https://www.opendesktop.cc/home/searchmember?username="+searchPhrase, true);
xhttp.send();
}
selectUserFromAutocompleteList(user){
this.setState({selectedUser:user,searchPhrase:user.username,showUserList:false});
}
render(){
let usersAutocompleteList;
if (this.state.usersList && this.state.showUserList){
const users = this.state.usersList.map((u,index) => (
this.selectUserFromAutocompleteList(u)} key={index}>
{u.username}
));
usersAutocompleteList = (
);
}
let tabContentDisplay;
if (this.state.currentTab === 'comments'){
tabContentDisplay = (
);
} else if (this.state.currentTab === 'search'){
if (this.state.selectedUser){
tabContentDisplay = (
);
} else {
tabContentDisplay = (
search user
);
}
}
return(
);
}
}
class UserCommentsTab extends React.Component {
constructor(props){
super(props);
this.state = {
loading:true
};
this.getUserOdComments = this.getUserOdComments.bind(this);
this.getUserForumComments = this.getUserForumComments.bind(this);
}
componentDidMount() {
this.setState({odComments:[],forumComments:[],loading:true},function(){
this.getUserOdComments();
});
}
getUserOdComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({odComments:res.commentsOpendeskop,loading:false},function(){
self.getUserForumComments();
});
}
};
xhttp.open("GET", "home/memberjson?member_id="+user.member_id, true);
xhttp.send();
}
getUserForumComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({forumComments:res.user_actions,loading:false});
}
};
xhttp.open("GET", "https://forum.opendesktop.cc/user_actions.json?offset=0&username=" + user.username + "&filter=5", true);
xhttp.send();
}
render(){
let contentDisplay;
if (!this.state.loading){
let odCommentsDisplay, forumCommentsDisplay;
if (this.state.odComments.length > 0){
odCommentsDisplay = (
);
}
if (this.state.forumComments.length > 0){
forumCommentsDisplay = (
);
}
contentDisplay = (
{odCommentsDisplay}
{forumCommentsDisplay}
)
} else {
contentDisplay = (
loading
);
}
return(
)
}
}
class UserSearchTab extends React.Component {
constructor(props){
super(props);
this.state = {
loading:true
};
this.getUserOdComments = this.getUserOdComments.bind(this);
this.getUserForumComments = this.getUserForumComments.bind(this);
}
componentDidMount() {
this.setState({odComments:[],forumComments:[],loading:true},function(){
this.getUserOdComments();
});
}
getUserOdComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({odComments:res.commentsOpendeskop,loading:false},function(){
self.getUserForumComments();
});
} else {
console.log('what happends here');
console.log(this);
}
};
xhttp.open("GET", "home/memberjson?member_id="+user.member_id, true);
xhttp.send();
}
getUserForumComments(){
const user = this.props.user;
const self = this;
const xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
console.log('this ');
if (this.readyState == 4 && this.status == 200) {
const res = JSON.parse(this.response);
self.setState({forumComments:res.user_actions,loading:false});
}
};
xhttp.open("GET", "https://forum.opendesktop.cc/user_actions.json?offset=0&username=" + user.username + "&filter=5", true);
xhttp.send();
}
render(){
let contentDisplay;
if (!this.state.loading){
let odCommentsDisplay, forumCommentsDisplay;
if (this.state.odComments.length > 0){
odCommentsDisplay = (
);
}
if (this.state.forumComments.length > 0){
forumCommentsDisplay = (
);
}
contentDisplay = (
{odCommentsDisplay}
{forumCommentsDisplay}
)
} else {
contentDisplay = (
loading
);
}
return(
)
}
}
class UserCommentsTabThreadsContainer extends React.Component {
constructor(props){
super(props);
this.state = {};
}
componentDidMount() {
let siteInfo;
if (this.props.type === 'od'){
siteInfo = {
address:'openDesktop.org',
url:'https://www.opendesktop.org'
}
} else if (this.props.type === 'forum'){
siteInfo = {
address:'forum',
url:'https://forum.opendesktop.org'
}
}
let threads = [];
this.props.comments.forEach(function(c,index){
if (threads.indexOf(c.title) === -1){
const thread = {
title:c.title,
id:c.project_id
}
threads.push(thread)
}
});
this.setState({siteInfo:siteInfo,comments:this.props.comments,threads:threads});
}
render(){
const t = this.state.siteInfo;
const comments = this.state.comments;
const user = this.props.user;
let headerDisplay, threadsDisplay, threadCommentsDisplay;
if (this.state.threads){
threadsDisplay = this.state.threads.map((tr,index) => (
));
headerDisplay = (
);
}
return (
{headerDisplay}
{threadCommentsDisplay}
)
}
}
class UserCommentsTabThread extends React.Component {
constructor(props){
super(props);
this.state = {};
this.filterCommentsByThread = this.filterCommentsByThread.bind(this);
}
filterCommentsByThread(comment){
if (comment.title === this.props.thread.title){
return comment;
}
}
render(){
let commentsDisplay;
if (this.props.comments){
const user = this.props.user;
commentsDisplay = this.props.comments.filter(this.filterCommentsByThread).map((c,index) => (
));
}
return (
);
}
}
class UserCommentsTabThreadCommentItem extends React.Component {
constructor(props){
super(props);
this.state = {};
}
render(){
const c = this.props.comment;
const user = this.props.user;
let repliedUsernameDisplay;
if (c.p_comment_member_id){
repliedUsernameDisplay = ( {c.p_username}
)
}
let userImage = user.avatar;
if (this.props.uType === 'search'){
userImage = user.profile_image_url;
}
return (
)
}
}
/** MOBILE SPECIFIC **/
class MobileLeftMenu extends React.Component {
constructor(props){
super(props);
this.state = {
overlayClass:""
};
this.toggleLeftSideOverlay = this.toggleLeftSideOverlay.bind(this);
this.handleClick = this.handleClick.bind(this);
}
componentWillMount() {
window.addEventListener('mousedown',this.handleClick, false);
window.addEventListener('touchend', this.handleClick, false);
}
componentWillUnmount() {
window.removeEventListener('mousedown',this.handleClick, false);
window.addEventListener('touchend', this.handleClick, false);
}
toggleLeftSideOverlay(){
let overlayClass = "open";
if (this.state.overlayClass === "open") {
overlayClass = "";
}
this.setState({overlayClass:overlayClass});
}
handleClick(e){
let overlayClass = "";
if (this.node.contains(e.target)){
if (this.state.overlayClass === "open"){
if (e.target.id === "left-side-overlay" || e.target.id === "menu-toggle-item"){
overlayClass = "";
} else {
overlayClass = "open";
}
} else {
overlayClass = "open";
}
}
const self = this;
setTimeout(function () {
console.log('time out');
self.setState({overlayClass:overlayClass});
}, 200);
}
render(){
return (
this.node = node} id="metaheader-left-mobile" className={this.state.overlayClass}>
);
}
}
class MobileLeftSidePanel extends React.Component {
constructor(props){
super(props);
this.state = {};
}
componentDidMount() {
let menuGroups = [];
this.props.domains.forEach(function(domain,index){
if (menuGroups.indexOf(domain.menugroup) === -1){
menuGroups.push(domain.menugroup);
}
});
this.setState({menuGroups:menuGroups});
}
render(){
let panelMenuGroupsDisplay;
if (this.state.menuGroups){
panelMenuGroupsDisplay = this.state.menuGroups.map((mg,i) => (
));
}
let faqLinkItem, apiLinkItem, aboutLinkItem;
if (config.isExternal === false){
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
} else {
faqLinkItem = (FAQ );
apiLinkItem = (API );
aboutLinkItem = (About );
}
return (
)
}
}
customElements.define('opendesktop-metaheader', class extends HTMLElement {
constructor() {
super();
this.buildComponent();
}
async buildComponent() {
const stylesheetElement = document.createElement('link');
stylesheetElement.rel = 'stylesheet';
stylesheetElement.href = 'https://www.opendesktop.org/theme/react/assets/css/metaheader.css';
if (location.hostname.endsWith('cc')) {
stylesheetElement.href = 'https://www.opendesktop.cc/theme/react/assets/css/metaheader.css';
}
else if (location.hostname.endsWith('localhost')) {
stylesheetElement.href = 'https://www.opendesktop.cc/theme/react/assets/css/metaheader.css';
}else{
stylesheetElement.href = 'https://www.opendesktop.org/theme/react/assets/css/metaheader.css';
}
this.appendChild(stylesheetElement);
await initConfig(this.getAttribute('config-target'),window.location.href);
const metaheaderElement = document.createElement('div');
metaheaderElement.id = 'metaheader';
ReactDOM.render(React.createElement(MetaHeader, null), metaheaderElement);
// Component must be capsule within Shadow DOM, and don't hack
// context/scope of external sites.
/*
this.attachShadow({mode: 'open'});
this.shadowRoot.appendChild(stylesheetElement);
this.shadowRoot.appendChild(metaheaderElement);
*/
// However, make this as Light DOM for now, because current
// implementation is not real component design yet.
// Need solve event handling, scoped CSS.
this.appendChild(metaheaderElement);
}
});