Template:NTHU Taiwan/js/bundle

THIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED WARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABLITY OR NON-INFRINGEMENT.

See the Apache Version 2.0 License for specific language governing permissions and limitations under the License.

- - - - */

/var r=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,o,l=function(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}(e),s=1;s<arguments.length;s++){for(var u in n=Object(arguments[s]))i.call(n,u)&&(l[u]=n[u]);if(r){o=r(n);for(var c=0;c<o.length;c++)a.call(n,o[c])&&(l[o[c]]=n[o[c]])}}return l}},function(e,t,n){"use strict";var r=function(e){};e.exports=function(e,t,n,i,a,o,l,s){if(r(t),!e){var u;if(void 0===t)u=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var c=[n,i,a,o,l,s],f=0;(u=new Error(t.replace(/%s/g,function(){return c[f++]}))).name="Invariant Violation"}throw u.framesToPop=1,u}}},function(e,t,n){"use strict";e.exports={}},function(e,t,n){"use strict";function r(e){return function(){return e}}var i=function(){};i.thatReturns=r,i.thatReturnsFalse=r(!1),i.thatReturnsTrue=r(!0),i.thatReturnsNull=r(null),i.thatReturnsThis=function(){return this},i.thatReturnsArgument=function(e){return e},e.exports=i},function(e,t){var n,r,i=e.exports={};function a(){throw new Error("setTimeout has not been defined")}function o(){throw new Error("clearTimeout has not been defined")}function l(e){if(n===setTimeout)return setTimeout(e,0);if((n===a||!n)&&setTimeout)return n=setTimeout,setTimeout(e,0);try{return n(e,0)}catch(t){try{return n.call(null,e,0)}catch(t){return n.call(this,e,0)}}}!function(){try{n="function"==typeof setTimeout?setTimeout:a}catch(e){n=a}try{r="function"==typeof clearTimeout?clearTimeout:o}catch(e){r=o}}();var s,u=[],c=!1,f=-1;function d(){c&&s&&(c=!1,s.length?u=s.concat(u):f=-1,u.length&&p())}function p(){if(!c){var e=l(d);c=!0;for(var t=u.length;t;){for(s=u,u=[];++f<t;)s&&s[f].run();f=-1,t=u.length}s=null,c=!1,function(e){if(r===clearTimeout)return clearTimeout(e);if((r===o||!r)&&clearTimeout)return r=clearTimeout,clearTimeout(e);try{r(e)}catch(t){try{return r.call(null,e)}catch(t){return r.call(this,e)}}}(e)}}function h(e,t){this.fun=e,this.array=t}function m(){}i.nextTick=function(e){var t=new Array(arguments.length-1);if(arguments.length>1)for(var n=1;n<arguments.length;n++)t[n-1]=arguments[n];u.push(new h(e,t)),1!==u.length||c||l(p)},h.prototype.run=function(){this.fun.apply(null,this.array)},i.title="browser",i.browser=!0,i.env={},i.argv=[],i.version="",i.versions={},i.on=m,i.addListener=m,i.once=m,i.off=m,i.removeListener=m,i.removeAllListeners=m,i.emit=m,i.prependListener=m,i.prependOnceListener=m,i.listeners=function(e){return[]},i.binding=function(e){throw new Error("process.binding is not supported")},i.cwd=function(){return"/"},i.chdir=function(e){throw new Error("process.chdir is not supported")},i.umask=function(){return 0}},function(e,t,n){"undefined"!=typeof self&&self,e.exports=function(e){return function(e){function t(r){if(n[r])return n[r].exports;var i=n[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,t),i.l=!0,i.exports}var n={};return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s=4)}([function(e,t,n){var r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103;e.exports=n(6)(function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},!0)},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";var r=/[A-Z]/g,i=/^ms-/,a={};e.exports=function(e){return e in a?a[e]:a[e]=e.replace(r,"-$&").toLowerCase().replace(i,"-ms-")}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=n(0),a=function(e){return e&&e.__esModule?e:{default:e}}(i),o=a.default.oneOfType([a.default.string,a.default.number]),l={orientation:a.default.oneOf(["portrait","landscape"]),scan:a.default.oneOf(["progressive","interlace"]),aspectRatio:a.default.string,deviceAspectRatio:a.default.string,height:o,deviceHeight:o,width:o,deviceWidth:o,color:a.default.bool,colorIndex:a.default.bool,monochrome:a.default.bool,resolution:o},s=r({minAspectRatio:a.default.string,maxAspectRatio:a.default.string,minDeviceAspectRatio:a.default.string,maxDeviceAspectRatio:a.default.string,minHeight:o,maxHeight:o,minDeviceHeight:o,maxDeviceHeight:o,minWidth:o,maxWidth:o,minDeviceWidth:o,maxDeviceWidth:o,minColor:a.default.number,maxColor:a.default.number,minColorIndex:a.default.number,maxColorIndex:a.default.number,minMonochrome:a.default.number,maxMonochrome:a.default.number,minResolution:o,maxResolution:o},l),u={all:a.default.bool,grid:a.default.bool,aural:a.default.bool,braille:a.default.bool,handheld:a.default.bool,print:a.default.bool,projection:a.default.bool,screen:a.default.bool,tty:a.default.bool,tv:a.default.bool,embossed:a.default.bool},c=r({},u,s);l.type=Object.keys(u),t.default={all:c,types:u,matchers:l,features:s},e.exports=t.default},function(e,t,n){"use strict";function r(e){return e&&e.__esModule?e:{default:e}}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function a(e,t){var n=l({},e);return t.forEach(function(e){return delete n[e]}),n}Object.defineProperty(t,"__esModule",{value:!0}),t.toQuery=t.default=void 0;var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},s=n(5),u=r(s),c=n(0),f=r(c),d=n(9),p=r(d),h=n(2),m=r(h),g=n(3),v=r(g),y=n(11),b=r(y),w={component:f.default.node,query:f.default.string,values:f.default.shape(v.default.matchers),children:f.default.oneOfType([f.default.node,f.default.func]),onChange:f.default.func,onBeforeChange:f.default.func},E=Object.keys(v.default.all),x=Object.keys(w),T=x.concat(E),_=function(e){function t(){var e,n,r;!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);for(var a=arguments.length,o=Array(a),l=0;l<a;l++)o[l]=arguments[l];return n=r=i(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),r.state={matches:!1},r.updateMatches=function(){r._mql.matches!==r.state.matches&&r.setState({matches:r._mql.matches})},r.removeMql=function(){r._mql&&(r._mql.removeListener(r.updateMatches),r._mql.dispose())},i(r,n)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),o(t,[{key:"componentWillMount",value:function(){this.updateQuery(this.props)}},{key:"componentWillReceiveProps",value:function(e){this.updateQuery(e)}},{key:"updateQuery",value:function(e){var t=void 0,n=!1;if(e.query?this.query=e.query:this.query=(0,b.default)(a(e,x)),!this.query)throw new Error("Invalid or missing MediaQuery!");e.values&&(t=Object.keys(e.values).reduce(function(t,n){return t[(0,m.default)(n)]=e.values[n],t},{}),0!==Object.keys(t).length&&(n=!0)),this.removeMql(),this._mql=(0,p.default)(this.query,t,n),this._mql.addListener(this.updateMatches),this.updateMatches()}},{key:"componentWillUpdate",value:function(e,t){this.props.onBeforeChange&&this.state.matches!==t.matches&&this.props.onBeforeChange(this.state.matches)}},{key:"componentDidUpdate",value:function(e,t){this.props.onChange&&t.matches!==this.state.matches&&this.props.onChange(this.state.matches)}},{key:"componentWillUnmount",value:function(){this.removeMql()}},{key:"render",value:function(){if("function"==typeof this.props.children)return this.props.children(this.state.matches);if(!1===this.state.matches)return null;var e=a(this.props,T),t=Object.keys(e).length>0,n=u.default.Children.count(this.props.children);return this.props.component||null==this.props.children||t&&n>1?u.default.createElement(this.props.component||"div",e,this.props.children):t?u.default.cloneElement(this.props.children,e):n?this.props.children:null}}]),t}(u.default.Component);_.displayName="MediaQuery",_.defaultProps={values:{}},t.default=_,t.toQuery=b.default},function(t,n){t.exports=e},function(e,t,n){"use strict";function r(){return null}var i=n(7),a=n(1),o=n(8),l=function(){};l=function(e){var t="Warning: "+e;"undefined"!=typeof console&&console.error(t);try{throw new Error(t)}catch(e){}},e.exports=function(e,t){function n(e,t){return e===t?0!==e||1/e==1/t:e!=e&&t!=t}function s(e){this.message=e,this.stack=""}function u(e){function n(n,o,u,c,f,d,p){if(c=c||v,d=d||u,p!==a){if(t){var h=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use `PropTypes.checkPropTypes()` to call them. Read more at http://fb.me/use-check-prop-types");throw h.name="Invariant Violation",h}if("undefined"!=typeof console){var m=c+":"+u;!r[m]&&i<3&&(l("You are manually calling a React.PropTypes validation function for the `"+d+"` prop on `"+c+"`. This is deprecated and will throw in the standalone `prop-types` package. You may be seeing this warning due to a third-party PropTypes library. See https://fb.me/react-warning-dont-call-proptypes for details."),r[m]=!0,i++)}}return null==o[u]?n?new s(null===o[u]?"The "+f+" `"+d+"` is marked as required in `"+c+"`, but its value is `null`.":"The "+f+" `"+d+"` is marked as required in `"+c+"`, but its value is `undefined`."):null:e(o,u,c,f,d)}var r={},i=0,o=n.bind(null,!1);return o.isRequired=n.bind(null,!0),o}function c(e){return u(function(t,n,r,i,a,o){var l=t[n];return d(l)!==e?new s("Invalid "+i+" `"+a+"` of type `"+p(l)+"` supplied to `"+r+"`, expected `"+e+"`."):null})}function f(t){switch(typeof t){case"number":case"string":case"undefined":return!0;case"boolean":return!t;case"object":if(Array.isArray(t))return t.every(f);if(null===t||e(t))return!0;var n=function(e){var t=e&&(m&&e[m]||e[g]);if("function"==typeof t)return t}(t);if(!n)return!1;var r,i=n.call(t);if(n!==t.entries){for(;!(r=i.next()).done;)if(!f(r.value))return!1}else for(;!(r=i.next()).done;){var a=r.value;if(a&&!f(a[1]))return!1}return!0;default:return!1}}function d(e){var t=typeof e;return Array.isArray(e)?"array":e instanceof RegExp?"object":function(e,t){return"symbol"===e||"Symbol"===t["@@toStringTag"]||"function"==typeof Symbol&&t instanceof Symbol}(t,e)?"symbol":t}function p(e){if(void 0===e||null===e)return""+e;var t=d(e);if("object"===t){if(e instanceof Date)return"date";if(e instanceof RegExp)return"regexp"}return t}function h(e){var t=p(e);switch(t){case"array":case"object":return"an "+t;case"boolean":case"date":case"regexp":return"a "+t;default:return t}}var m="function"==typeof Symbol&&Symbol.iterator,g="@@iterator",v="<<anonymous>>",y={array:c("array"),bool:c("boolean"),func:c("function"),number:c("number"),object:c("object"),string:c("string"),symbol:c("symbol"),any:u(r),arrayOf:function(e){return u(function(t,n,r,i,o){if("function"!=typeof e)return new s("Property `"+o+"` of component `"+r+"` has invalid PropType notation inside arrayOf.");var l=t[n];if(!Array.isArray(l))return new s("Invalid "+i+" `"+o+"` of type `"+d(l)+"` supplied to `"+r+"`, expected an array.");for(var u=0;u<l.length;u++){var c=e(l,u,r,i,o+"["+u+"]",a);if(c instanceof Error)return c}return null})},element:u(function(t,n,r,i,a){var o=t[n];return e(o)?null:new s("Invalid "+i+" `"+a+"` of type `"+d(o)+"` supplied to `"+r+"`, expected a single ReactElement.")}),instanceOf:function(e){return u(function(t,n,r,i,a){if(!(t[n]instanceof e)){var o=e.name||v;return new s("Invalid "+i+" `"+a+"` of type `"+function(e){return e.constructor&&e.constructor.name?e.constructor.name:v}(t[n])+"` supplied to `"+r+"`, expected instance of `"+o+"`.")}return null})},node:u(function(e,t,n,r,i){return f(e[t])?null:new s("Invalid "+r+" `"+i+"` supplied to `"+n+"`, expected a ReactNode.")}),objectOf:function(e){return u(function(t,n,r,i,o){if("function"!=typeof e)return new s("Property `"+o+"` of component `"+r+"` has invalid PropType notation inside objectOf.");var l=t[n],u=d(l);if("object"!==u)return new s("Invalid "+i+" `"+o+"` of type `"+u+"` supplied to `"+r+"`, expected an object.");for(var c in l)if(l.hasOwnProperty(c)){var f=e(l,c,r,i,o+"."+c,a);if(f instanceof Error)return f}return null})},oneOf:function(e){return Array.isArray(e)?u(function(t,r,i,a,o){for(var l=t[r],u=0;u<e.length;u++)if(n(l,e[u]))return null;return new s("Invalid "+a+" `"+o+"` of value `"+l+"` supplied to `"+i+"`, expected one of "+JSON.stringify(e)+".")}):(l("Invalid argument supplied to oneOf, expected an instance of array."),r)},oneOfType:function(e){if(!Array.isArray(e))return l("Invalid argument supplied to oneOfType, expected an instance of array."),r;for(var t=0;t<e.length;t++){var n=e[t];if("function"!=typeof n)return l("Invalid argument supplied to oneOfType. Expected an array of check functions, but received "+h(n)+" at index "+t+"."),r}return u(function(t,n,r,i,o){for(var l=0;l<e.length;l++)if(null==(0,e[l])(t,n,r,i,o,a))return null;return new s("Invalid "+i+" `"+o+"` supplied to `"+r+"`.")})},shape:function(e){return u(function(t,n,r,i,o){var l=t[n],u=d(l);if("object"!==u)return new s("Invalid "+i+" `"+o+"` of type `"+u+"` supplied to `"+r+"`, expected `object`.");for(var c in e){var f=e[c];if(f){var p=f(l,c,r,i,o+"."+c,a);if(p)return p}}return null})},exact:function(e){return u(function(t,n,r,o,l){var u=t[n],c=d(u);if("object"!==c)return new s("Invalid "+o+" `"+l+"` of type `"+c+"` supplied to `"+r+"`, expected `object`.");var f=i({},t[n],e);for(var p in f){var h=e[p];if(!h)return new s("Invalid "+o+" `"+l+"` key `"+p+"` supplied to `"+r+"`.\nBad object: "+JSON.stringify(t[n],null," ")+"\nValid keys: "+JSON.stringify(Object.keys(e),null," "));var m=h(u,p,r,o,l+"."+p,a);if(m)return m}return null})}};return s.prototype=Error.prototype,y.checkPropTypes=o,y.PropTypes=y,y}},function(e,t,n){"use strict";

/* object-assign (c) Sindre Sorhus @license MIT

/

* react.production.min.js
*
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/var r=n(129),i=n(130),a=n(131),o=n(132),l="function"==typeof Symbol&&Symbol.for,s=l?Symbol.for("react.element"):60103,u=l?Symbol.for("react.portal"):60106,c=l?Symbol.for("react.fragment"):60107,f=l?Symbol.for("react.strict_mode"):60108,d=l?Symbol.for("react.profiler"):60114,p=l?Symbol.for("react.provider"):60109,h=l?Symbol.for("react.context"):60110,m=l?Symbol.for("react.async_mode"):60111,g=l?Symbol.for("react.forward_ref"):60112;l&&Symbol.for("react.timeout");var v="function"==typeof Symbol&&Symbol.iterator;function y(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);i(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}};function w(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||b}function E(){}function x(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||b}w.prototype.isReactComponent={},w.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&y("85"),this.updater.enqueueSetState(this,e,t,"setState")},w.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},E.prototype=w.prototype;var T=x.prototype=new E;T.constructor=x,r(T,w.prototype),T.isPureReactComponent=!0;var _={current:null},k=Object.prototype.hasOwnProperty,N={key:!0,ref:!0,__self:!0,__source:!0};function O(e,t,n){var r=void 0,i={},a=null,o=null;if(null!=t)for(r in void 0!==t.ref&&(o=t.ref),void 0!==t.key&&(a=""+t.key),t)k.call(t,r)&&!N.hasOwnProperty(r)&&(i[r]=t[r]);var l=arguments.length-2;if(1===l)i.children=n;else if(1<l){for(var u=Array(l),c=0;c<l;c++)u[c]=arguments[c+2];i.children=u}if(e&&e.defaultProps)for(r in l=e.defaultProps)void 0===i[r]&&(i[r]=l[r]);return{$$typeof:s,type:e,key:a,ref:o,props:i,_owner:_.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===s}var C=/\/+/g,P=[];function j(e,t,n,r){if(P.length){var i=P.pop();return i.result=e,i.keyPrefix=t,i.func=n,i.context=r,i.count=0,i}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function A(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>P.length&&P.push(e)}function M(e,t,n,r){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var a=!1;if(null===e)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case s:case u:a=!0}}if(a)return n(r,e,""===t?"."+R(e,0):t),1;if(a=0,t=""===t?".":t+":",Array.isArray(e))for(var o=0;o<e.length;o++){var l=t+R(i=e[o],o);a+=M(i,l,n,r)}else if(null===e||void 0===e?l=null:l="function"==typeof(l=v&&e[v]||e["@@iterator"])?l:null,"function"==typeof l)for(e=l.call(e),o=0;!(i=e.next()).done;)a+=M(i=i.value,l=t+R(i,o++),n,r);else"object"===i&&y("31","[object Object]"===(n=""+e)?"object with keys {"+Object.keys(e).join(", ")+"}":n,"");return a}function R(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}(e.key):t.toString(36)}function I(e,t){e.func.call(e.context,t,e.count++)}function L(e,t,n){var r=e.result,i=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?D(e,r,n,o.thatReturnsArgument):null!=e&&(S(e)&&(t=i+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(C,"$&/")+"/")+n,e={$$typeof:s,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}),r.push(e))}function D(e,t,n,r,i){var a="";null!=n&&(a=(""+n).replace(C,"$&/")+"/"),t=j(t,a,r,i),null==e||M(e,"",L,t),A(t)}var F={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return D(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;t=j(null,null,t,n),null==e||M(e,"",I,t),A(t)},count:function(e){return null==e?0:M(e,"",o.thatReturnsNull,null)},toArray:function(e){var t=[];return D(e,t,null,o.thatReturnsArgument),t},only:function(e){return S(e)||y("143"),e}},createRef:function(){return{current:null}},Component:w,PureComponent:x,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:h,_calculateChangedBits:t,_defaultValue:e,_currentValue:e,_currentValue2:e,_changedBits:0,_changedBits2:0,Provider:null,Consumer:null}).Provider={$$typeof:p,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:g,render:e}},Fragment:c,StrictMode:f,unstable_AsyncMode:m,unstable_Profiler:d,createElement:O,cloneElement:function(e,t,n){(null===e||void 0===e)&&y("267",e);var i=void 0,a=r({},e.props),o=e.key,l=e.ref,u=e._owner;if(null!=t){void 0!==t.ref&&(l=t.ref,u=_.current),void 0!==t.key&&(o=""+t.key);var c=void 0;for(i in e.type&&e.type.defaultProps&&(c=e.type.defaultProps),t)k.call(t,i)&&!N.hasOwnProperty(i)&&(a[i]=void 0===t[i]&&void 0!==c?c[i]:t[i])}if(1===(i=arguments.length-2))a.children=n;else if(1<i){c=Array(i);for(var f=0;f<i;f++)c[f]=arguments[f+2];a.children=c}return{$$typeof:s,type:e.type,key:o,ref:l,props:a,_owner:u}},createFactory:function(e){var t=O.bind(null,e);return t.type=e,t},isValidElement:S,version:"16.4.2",__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:_,assign:r}},H={default:F},U=H&&F||H;e.exports=U.default?U.default:U},function(e,t,n){"use strict";

/** @license React v16.4.2

* react-dom.production.min.js
*
* Copyright (c) 2013-present, Facebook, Inc.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/var r=n(130),i=n(0),a=n(312),o=n(129),l=n(132),s=n(313),u=n(314),c=n(315),f=n(131);function d(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,i=0;i<t;i++)n+="&args[]="+encodeURIComponent(arguments[i+1]);r(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}i||d("227");var p={_caughtError:null,_hasCaughtError:!1,_rethrowError:null,_hasRethrowError:!1,invokeGuardedCallback:function(e,t,n,r,i,a,o,l,s){(function(e,t,n,r,i,a,o,l,s){this._hasCaughtError=!1,this._caughtError=null;var u=Array.prototype.slice.call(arguments,3);try{t.apply(n,u)}catch(e){this._caughtError=e,this._hasCaughtError=!0}}).apply(p,arguments)},invokeGuardedCallbackAndCatchFirstError:function(e,t,n,r,i,a,o,l,s){if(p.invokeGuardedCallback.apply(this,arguments),p.hasCaughtError()){var u=p.clearCaughtError();p._hasRethrowError||(p._hasRethrowError=!0,p._rethrowError=u)}},rethrowCaughtError:function(){return function(){if(p._hasRethrowError){var e=p._rethrowError;throw p._rethrowError=null,p._hasRethrowError=!1,e}}.apply(p,arguments)},hasCaughtError:function(){return p._hasCaughtError},clearCaughtError:function(){if(p._hasCaughtError){var e=p._caughtError;return p._caughtError=null,p._hasCaughtError=!1,e}d("198")}};var h=null,m={};function g(){if(h)for(var e in m){var t=m[e],n=h.indexOf(e);if(-1<n||d("96",e),!y[n])for(var r in t.extractEvents||d("97",e),y[n]=t,n=t.eventTypes){var i=void 0,a=n[r],o=t,l=r;b.hasOwnProperty(l)&&d("99",l),b[l]=a;var s=a.phasedRegistrationNames;if(s){for(i in s)s.hasOwnProperty(i)&&v(s[i],o,l);i=!0}else a.registrationName?(v(a.registrationName,o,l),i=!0):i=!1;i||d("98",r,e)}}}function v(e,t,n){w[e]&&d("100",e),w[e]=t,E[e]=t.eventTypes[n].dependencies}var y=[],b={},w={},E={};function x(e){h&&d("101"),h=Array.prototype.slice.call(e),g()}function T(e){var t,n=!1;for(t in e)if(e.hasOwnProperty(t)){var r=e[t];m.hasOwnProperty(t)&&m[t]===r||(m[t]&&d("102",t),m[t]=r,n=!0)}n&&g()}var _={plugins:y,eventNameDispatchConfigs:b,registrationNameModules:w,registrationNameDependencies:E,possibleRegistrationNames:null,injectEventPluginOrder:x,injectEventPluginsByName:T},k=null,N=null,O=null;function S(e,t,n,r){t=e.type||"unknown-event",e.currentTarget=O(r),p.invokeGuardedCallbackAndCatchFirstError(t,n,void 0,e),e.currentTarget=null}function C(e,t){return null==t&&d("30"),null==e?t:Array.isArray(e)?Array.isArray(t)?(e.push.apply(e,t),e):(e.push(t),e):Array.isArray(t)?[e].concat(t):[e,t]}function P(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}var j=null;function A(e,t){if(e){var n=e._dispatchListeners,r=e._dispatchInstances;if(Array.isArray(n))for(var i=0;i<n.length&&!e.isPropagationStopped();i++)S(e,t,n[i],r[i]);else n&&S(e,t,n,r);e._dispatchListeners=null,e._dispatchInstances=null,e.isPersistent()||e.constructor.release(e)}}function M(e){return A(e,!0)}function R(e){return A(e,!1)}var I={injectEventPluginOrder:x,injectEventPluginsByName:T};function L(e,t){var n=e.stateNode;if(!n)return null;var r=k(n);if(!r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}return e?null:(n&&"function"!=typeof n&&d("231",t,typeof n),n)}function D(e,t){null!==e&&(j=C(j,e)),e=j,j=null,e&&(P(e,t?M:R),j&&d("95"),p.rethrowCaughtError())}function F(e,t,n,r){for(var i=null,a=0;a<y.length;a++){var o=y[a];o&&(o=o.extractEvents(e,t,n,r))&&(i=C(i,o))}D(i,!1)}var H={injection:I,getListener:L,runEventsInBatch:D,runExtractedEventsInBatch:F},U=Math.random().toString(36).slice(2),B="__reactInternalInstance$"+U,W="__reactEventHandlers$"+U;function V(e){if(e[B])return e[B];for(;!e[B];){if(!e.parentNode)return null;e=e.parentNode}return 5===(e=e[B]).tag||6===e.tag?e:null}function z(e){if(5===e.tag||6===e.tag)return e.stateNode;d("33")}function q(e){return e[W]||null}var G={precacheFiberNode:function(e,t){t[B]=e},getClosestInstanceFromNode:V,getInstanceFromNode:function(e){return!(e=e[B])||5!==e.tag&&6!==e.tag?null:e},getNodeFromInstance:z,getFiberCurrentPropsFromNode:q,updateFiberProps:function(e,t){e[W]=t}};function K(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function Y(e,t,n){for(var r=[];e;)r.push(e),e=K(e);for(e=r.length;0<e--;)t(r[e],"captured",n);for(e=0;e<r.length;e++)t(r[e],"bubbled",n)}function $(e,t,n){(t=L(e,n.dispatchConfig.phasedRegistrationNames[t]))&&(n._dispatchListeners=C(n._dispatchListeners,t),n._dispatchInstances=C(n._dispatchInstances,e))}function J(e){e&&e.dispatchConfig.phasedRegistrationNames&&Y(e._targetInst,$,e)}function X(e){if(e&&e.dispatchConfig.phasedRegistrationNames){var t=e._targetInst;Y(t=t?K(t):null,$,e)}}function Q(e,t,n){e&&n&&n.dispatchConfig.registrationName&&(t=L(e,n.dispatchConfig.registrationName))&&(n._dispatchListeners=C(n._dispatchListeners,t),n._dispatchInstances=C(n._dispatchInstances,e))}function Z(e){e&&e.dispatchConfig.registrationName&&Q(e._targetInst,null,e)}function ee(e){P(e,J)}function te(e,t,n,r){if(n&&r)e:{for(var i=n,a=r,o=0,l=i;l;l=K(l))o++;l=0;for(var s=a;s;s=K(s))l++;for(;0<o-l;)i=K(i),o--;for(;0<l-o;)a=K(a),l--;for(;o--;){if(i===a||i===a.alternate)break e;i=K(i),a=K(a)}i=null}else i=null;for(a=i,i=[];n&&n!==a&&(null===(o=n.alternate)||o!==a);)i.push(n),n=K(n);for(n=[];r&&r!==a&&(null===(o=r.alternate)||o!==a);)n.push(r),r=K(r);for(r=0;r<i.length;r++)Q(i[r],"bubbled",e);for(e=n.length;0<e--;)Q(n[e],"captured",t)}var ne={accumulateTwoPhaseDispatches:ee,accumulateTwoPhaseDispatchesSkipTarget:function(e){P(e,X)},accumulateEnterLeaveDispatches:te,accumulateDirectDispatches:function(e){P(e,Z)}};function re(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n["ms"+e]="MS"+t,n["O"+e]="o"+t.toLowerCase(),n}var ie={animationend:re("Animation","AnimationEnd"),animationiteration:re("Animation","AnimationIteration"),animationstart:re("Animation","AnimationStart"),transitionend:re("Transition","TransitionEnd")},ae={},oe={};function le(e){if(ae[e])return ae[e];if(!ie[e])return e;var t,n=ie[e];for(t in n)if(n.hasOwnProperty(t)&&t in oe)return ae[e]=n[t];return e}a.canUseDOM&&(oe=document.createElement("div").style,"AnimationEvent"in window||(delete ie.animationend.animation,delete ie.animationiteration.animation,delete ie.animationstart.animation),"TransitionEvent"in window||delete ie.transitionend.transition);var se=le("animationend"),ue=le("animationiteration"),ce=le("animationstart"),fe=le("transitionend"),de="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),pe=null;function he(){return!pe&&a.canUseDOM&&(pe="textContent"in document.documentElement?"textContent":"innerText"),pe}var me={_root:null,_startText:null,_fallbackText:null};function ge(){if(me._fallbackText)return me._fallbackText;var e,t,n=me._startText,r=n.length,i=ve(),a=i.length;for(e=0;e<r&&n[e]===i[e];e++);var o=r-e;for(t=1;t<=o&&n[r-t]===i[a-t];t++);return me._fallbackText=i.slice(e,1<t?1-t:void 0),me._fallbackText}function ve(){return"value"in me._root?me._root.value:me._root[he()]}var ye="dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(" "),be={type:null,target:null,currentTarget:l.thatReturnsNull,eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};function we(e,t,n,r){for(var i in this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n,e=this.constructor.Interface)e.hasOwnProperty(i)&&((t=e[i])?this[i]=t(n):"target"===i?this.target=r:this[i]=n[i]);return this.isDefaultPrevented=(null!=n.defaultPrevented?n.defaultPrevented:!1===n.returnValue)?l.thatReturnsTrue:l.thatReturnsFalse,this.isPropagationStopped=l.thatReturnsFalse,this}function Ee(e,t,n,r){if(this.eventPool.length){var i=this.eventPool.pop();return this.call(i,e,t,n,r),i}return new this(e,t,n,r)}function xe(e){e instanceof this||d("223"),e.destructor(),10>this.eventPool.length&&this.eventPool.push(e)}function Te(e){e.eventPool=[],e.getPooled=Ee,e.release=xe}o(we.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=l.thatReturnsTrue)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=l.thatReturnsTrue)},persist:function(){this.isPersistent=l.thatReturnsTrue},isPersistent:l.thatReturnsFalse,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;for(t=0;t<ye.length;t++)this[ye[t]]=null}}),we.Interface=be,we.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,Te(n),n},Te(we);var _e=we.extend({data:null}),ke=we.extend({data:null}),Ne=[9,13,27,32],Oe=a.canUseDOM&&"CompositionEvent"in window,Se=null;a.canUseDOM&&"documentMode"in document&&(Se=document.documentMode);var Ce=a.canUseDOM&&"TextEvent"in window&&!Se,Pe=a.canUseDOM&&(!Oe||Se&&8<Se&&11>=Se),je=String.fromCharCode(32),Ae={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(" ")}},Me=!1;function Re(e,t){switch(e){case"keyup":return-1!==Ne.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function Ie(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Le=!1;var De={eventTypes:Ae,extractEvents:function(e,t,n,r){var i=void 0,a=void 0;if(Oe)e:{switch(e){case"compositionstart":i=Ae.compositionStart;break e;case"compositionend":i=Ae.compositionEnd;break e;case"compositionupdate":i=Ae.compositionUpdate;break e}i=void 0}else Le?Re(e,n)&&(i=Ae.compositionEnd):"keydown"===e&&229===n.keyCode&&(i=Ae.compositionStart);return i?(Pe&&(Le||i!==Ae.compositionStart?i===Ae.compositionEnd&&Le&&(a=ge()):(me._root=r,me._startText=ve(),Le=!0)),i=_e.getPooled(i,t,n,r),a?i.data=a:null!==(a=Ie(n))&&(i.data=a),ee(i),a=i):a=null,(e=Ce?function(e,t){switch(e){case"compositionend":return Ie(t);case"keypress":return 32!==t.which?null:(Me=!0,je);case"textInput":return(e=t.data)===je&&Me?null:e;default:return null}}(e,n):function(e,t){if(Le)return"compositionend"===e||!Oe&&Re(e,t)?(e=ge(),me._root=null,me._startText=null,me._fallbackText=null,Le=!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&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return Pe?null:t.data;default:return null}}(e,n))?((t=ke.getPooled(Ae.beforeInput,t,n,r)).data=e,ee(t)):t=null,null===a?t:null===t?a:[a,t]}},Fe=null,He={injectFiberControlledHostComponent:function(e){Fe=e}},Ue=null,Be=null;function We(e){if(e=N(e)){Fe&&"function"==typeof Fe.restoreControlledState||d("194");var t=k(e.stateNode);Fe.restoreControlledState(e.stateNode,e.type,t)}}function Ve(e){Ue?Be?Be.push(e):Be=[e]:Ue=e}function ze(){return null!==Ue||null!==Be}function qe(){if(Ue){var e=Ue,t=Be;if(Be=Ue=null,We(e),t)for(e=0;e<t.length;e++)We(t[e])}}var Ge={injection:He,enqueueStateRestore:Ve,needsStateRestore:ze,restoreStateIfNeeded:qe};function Ke(e,t){return e(t)}function Ye(e,t,n){return e(t,n)}function $e(){}var Je=!1;function Xe(e,t){if(Je)return e(t);Je=!0;try{return Ke(e,t)}finally{Je=!1,ze()&&($e(),qe())}}var Qe={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Ze(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Qe[e.type]:"textarea"===t}function et(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function tt(e,t){return!(!a.canUseDOM||t&&!("addEventListener"in document))&&((t=(e="on"+e)in document)||((t=document.createElement("div")).setAttribute(e,"return;"),t="function"==typeof t[e]),t)}function nt(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function rt(e){e._valueTracker||(e._valueTracker=function(e){var t=nt(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var i=n.get,a=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return i.call(this)},set:function(e){r=""+e,a.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function it(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=nt(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}var at=i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,ot="function"==typeof Symbol&&Symbol.for,lt=ot?Symbol.for("react.element"):60103,st=ot?Symbol.for("react.portal"):60106,ut=ot?Symbol.for("react.fragment"):60107,ct=ot?Symbol.for("react.strict_mode"):60108,ft=ot?Symbol.for("react.profiler"):60114,dt=ot?Symbol.for("react.provider"):60109,pt=ot?Symbol.for("react.context"):60110,ht=ot?Symbol.for("react.async_mode"):60111,mt=ot?Symbol.for("react.forward_ref"):60112,gt=ot?Symbol.for("react.timeout"):60113,vt="function"==typeof Symbol&&Symbol.iterator;function yt(e){return null===e||void 0===e?null:"function"==typeof(e=vt&&e[vt]||e["@@iterator"])?e:null}function bt(e){var t=e.type;if("function"==typeof t)return t.displayName||t.name;if("string"==typeof t)return t;switch(t){case ht:return"AsyncMode";case pt:return"Context.Consumer";case ut:return"ReactFragment";case st:return"ReactPortal";case ft:return"Profiler("+e.pendingProps.id+")";case dt:return"Context.Provider";case ct:return"StrictMode";case gt:return"Timeout"}if("object"==typeof t&&null!==t)switch(t.$$typeof){case mt:return""!==(e=t.render.displayName||t.render.name||"")?"ForwardRef("+e+")":"ForwardRef"}return null}function wt(e){var t="";do{e:switch(e.tag){case 0:case 1:case 2:case 5:var n=e._debugOwner,r=e._debugSource,i=bt(e),a=null;n&&(a=bt(n)),n=r,i="\n    in "+(i||"Unknown")+(n?" (at "+n.fileName.replace(/^.*[\\\/]/,"")+":"+n.lineNumber+")":a?" (created by "+a+")":"");break e;default:i=""}t+=i,e=e.return}while(e);return t}var Et=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,xt=Object.prototype.hasOwnProperty,Tt={},_t={};function kt(e,t,n,r,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=i,this.mustUseProperty=n,this.propertyName=e,this.type=t}var Nt={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){Nt[e]=new kt(e,0,!1,e,null)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];Nt[t]=new kt(t,1,!1,e[1],null)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){Nt[e]=new kt(e,2,!1,e.toLowerCase(),null)}),["autoReverse","externalResourcesRequired","preserveAlpha"].forEach(function(e){Nt[e]=new kt(e,2,!1,e,null)}),"allowFullScreen async autoFocus autoPlay controls default defer disabled formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach(function(e){Nt[e]=new kt(e,3,!1,e.toLowerCase(),null)}),["checked","multiple","muted","selected"].forEach(function(e){Nt[e]=new kt(e,3,!0,e.toLowerCase(),null)}),["capture","download"].forEach(function(e){Nt[e]=new kt(e,4,!1,e.toLowerCase(),null)}),["cols","rows","size","span"].forEach(function(e){Nt[e]=new kt(e,6,!1,e.toLowerCase(),null)}),["rowSpan","start"].forEach(function(e){Nt[e]=new kt(e,5,!1,e.toLowerCase(),null)});var Ot=/[\-:]([a-z])/g;function St(e){return e[1].toUpperCase()}function Ct(e,t,n,r){var i=Nt.hasOwnProperty(t)?Nt[t]:null;(null!==i?0===i.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null===t||void 0===t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,i,r)&&(n=null),r||null===i?function(e){return!!xt.call(_t,e)||!xt.call(Tt,e)&&(Et.test(e)?_t[e]=!0:(Tt[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):i.mustUseProperty?e[i.propertyName]=null===n?3!==i.type&&"":n:(t=i.attributeName,r=i.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(i=i.type)||4===i&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function Pt(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 jt(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=Lt(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 At(e,t){null!=(t=t.checked)&&Ct(e,"checked",t,!1)}function Mt(e,t){At(e,t);var n=Lt(t.value);null!=n&&("number"===t.type?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n)),t.hasOwnProperty("value")?It(e,t.type,n):t.hasOwnProperty("defaultValue")&&It(e,t.type,Lt(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function Rt(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){t=""+e._wrapperState.initialValue;var r=e.value;n||t===r||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!e.defaultChecked,e.defaultChecked=!e.defaultChecked,""!==n&&(e.name=n)}function It(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function Lt(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}"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(Ot,St);Nt[t]=new kt(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(Ot,St);Nt[t]=new kt(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(Ot,St);Nt[t]=new kt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),Nt.tabIndex=new kt("tabIndex",1,!1,"tabindex",null);var Dt={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Ft(e,t,n){return(e=we.getPooled(Dt.change,e,t,n)).type="change",Ve(n),ee(e),e}var Ht=null,Ut=null;function Bt(e){D(e,!1)}function Wt(e){if(it(z(e)))return e}function Vt(e,t){if("change"===e)return t}var zt=!1;function qt(){Ht&&(Ht.detachEvent("onpropertychange",Gt),Ut=Ht=null)}function Gt(e){"value"===e.propertyName&&Wt(Ut)&&Xe(Bt,e=Ft(Ut,e,et(e)))}function Kt(e,t,n){"focus"===e?(qt(),Ut=n,(Ht=t).attachEvent("onpropertychange",Gt)):"blur"===e&&qt()}function Yt(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Wt(Ut)}function $t(e,t){if("click"===e)return Wt(t)}function Jt(e,t){if("input"===e||"change"===e)return Wt(t)}a.canUseDOM&&(zt=tt("input")&&(!document.documentMode||9<document.documentMode));var Xt={eventTypes:Dt,_isInputEventSupported:zt,extractEvents:function(e,t,n,r){var i=t?z(t):window,a=void 0,o=void 0,l=i.nodeName&&i.nodeName.toLowerCase();if("select"===l||"input"===l&&"file"===i.type?a=Vt:Ze(i)?zt?a=Jt:(a=Yt,o=Kt):(l=i.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===i.type||"radio"===i.type)&&(a=$t),a&&(a=a(e,t)))return Ft(a,n,r);o&&o(e,i,t),"blur"===e&&(e=i._wrapperState)&&e.controlled&&"number"===i.type&&It(i,"number",i.value)}},Qt=we.extend({view:null,detail:null}),Zt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function en(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Zt[e])&&!!t[e]}function tn(){return en}var nn=Qt.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:tn,button:null,buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)}}),rn=nn.extend({pointerId:null,width:null,height:null,pressure:null,tiltX:null,tiltY:null,pointerType:null,isPrimary:null}),an={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",dependencies:["pointerout","pointerover"]}},on={eventTypes:an,extractEvents:function(e,t,n,r){var i="mouseover"===e||"pointerover"===e,a="mouseout"===e||"pointerout"===e;if(i&&(n.relatedTarget||n.fromElement)||!a&&!i)return null;if(i=r.window===r?r:(i=r.ownerDocument)?i.defaultView||i.parentWindow:window,a?(a=t,t=(t=n.relatedTarget||n.toElement)?V(t):null):a=null,a===t)return null;var o=void 0,l=void 0,s=void 0,u=void 0;return"mouseout"===e||"mouseover"===e?(o=nn,l=an.mouseLeave,s=an.mouseEnter,u="mouse"):"pointerout"!==e&&"pointerover"!==e||(o=rn,l=an.pointerLeave,s=an.pointerEnter,u="pointer"),e=null==a?i:z(a),i=null==t?i:z(t),(l=o.getPooled(l,a,n,r)).type=u+"leave",l.target=e,l.relatedTarget=i,(n=o.getPooled(s,t,n,r)).type=u+"enter",n.target=i,n.relatedTarget=e,te(l,n,a,t),[l,n]}};function ln(e){var t=e;if(e.alternate)for(;t.return;)t=t.return;else{if(0!=(2&t.effectTag))return 1;for(;t.return;)if(0!=(2&(t=t.return).effectTag))return 1}return 3===t.tag?2:3}function sn(e){2!==ln(e)&&d("188")}function un(e){var t=e.alternate;if(!t)return 3===(t=ln(e))&&d("188"),1===t?null:e;for(var n=e,r=t;;){var i=n.return,a=i?i.alternate:null;if(!i||!a)break;if(i.child===a.child){for(var o=i.child;o;){if(o===n)return sn(i),e;if(o===r)return sn(i),t;o=o.sibling}d("188")}if(n.return!==r.return)n=i,r=a;else{o=!1;for(var l=i.child;l;){if(l===n){o=!0,n=i,r=a;break}if(l===r){o=!0,r=i,n=a;break}l=l.sibling}if(!o){for(l=a.child;l;){if(l===n){o=!0,n=a,r=i;break}if(l===r){o=!0,r=a,n=i;break}l=l.sibling}o||d("189")}}n.alternate!==r&&d("190")}return 3!==n.tag&&d("188"),n.stateNode.current===n?e:t}function cn(e){if(!(e=un(e)))return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}var fn=we.extend({animationName:null,elapsedTime:null,pseudoElement:null}),dn=we.extend({clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),pn=Qt.extend({relatedTarget:null});function hn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}var mn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},gn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},vn=Qt.extend({key:function(e){if(e.key){var t=mn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=hn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?gn[e.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:tn,charCode:function(e){return"keypress"===e.type?hn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?hn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),yn=nn.extend({dataTransfer:null}),bn=Qt.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:tn}),wn=we.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),En=nn.extend({deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:null,deltaMode:null}),xn=[["abort","abort"],[se,"animationEnd"],[ue,"animationIteration"],[ce,"animationStart"],["canplay","canPlay"],["canplaythrough","canPlayThrough"],["drag","drag"],["dragenter","dragEnter"],["dragexit","dragExit"],["dragleave","dragLeave"],["dragover","dragOver"],["durationchange","durationChange"],["emptied","emptied"],["encrypted","encrypted"],["ended","ended"],["error","error"],["gotpointercapture","gotPointerCapture"],["load","load"],["loadeddata","loadedData"],["loadedmetadata","loadedMetadata"],["loadstart","loadStart"],["lostpointercapture","lostPointerCapture"],["mousemove","mouseMove"],["mouseout","mouseOut"],["mouseover","mouseOver"],["playing","playing"],["pointermove","pointerMove"],["pointerout","pointerOut"],["pointerover","pointerOver"],["progress","progress"],["scroll","scroll"],["seeking","seeking"],["stalled","stalled"],["suspend","suspend"],["timeupdate","timeUpdate"],["toggle","toggle"],["touchmove","touchMove"],[fe,"transitionEnd"],["waiting","waiting"],["wheel","wheel"]],Tn={},_n={};function kn(e,t){var n=e[0],r="on"+((e=e[1])[0].toUpperCase()+e.slice(1));t={phasedRegistrationNames:{bubbled:r,captured:r+"Capture"},dependencies:[n],isInteractive:t},Tn[e]=t,_n[n]=t}[["blur","blur"],["cancel","cancel"],["click","click"],["close","close"],["contextmenu","contextMenu"],["copy","copy"],["cut","cut"],["dblclick","doubleClick"],["dragend","dragEnd"],["dragstart","dragStart"],["drop","drop"],["focus","focus"],["input","input"],["invalid","invalid"],["keydown","keyDown"],["keypress","keyPress"],["keyup","keyUp"],["mousedown","mouseDown"],["mouseup","mouseUp"],["paste","paste"],["pause","pause"],["play","play"],["pointercancel","pointerCancel"],["pointerdown","pointerDown"],["pointerup","pointerUp"],["ratechange","rateChange"],["reset","reset"],["seeked","seeked"],["submit","submit"],["touchcancel","touchCancel"],["touchend","touchEnd"],["touchstart","touchStart"],["volumechange","volumeChange"]].forEach(function(e){kn(e,!0)}),xn.forEach(function(e){kn(e,!1)});var Nn={eventTypes:Tn,isInteractiveTopLevelEventType:function(e){return void 0!==(e=_n[e])&&!0===e.isInteractive},extractEvents:function(e,t,n,r){var i=_n[e];if(!i)return null;switch(e){case"keypress":if(0===hn(n))return null;case"keydown":case"keyup":e=vn;break;case"blur":case"focus":e=pn;break;case"click":if(2===n.button)return null;case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":e=nn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":e=yn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":e=bn;break;case se:case ue:case ce:e=fn;break;case fe:e=wn;break;case"scroll":e=Qt;break;case"wheel":e=En;break;case"copy":case"cut":case"paste":e=dn;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":e=rn;break;default:e=we}return ee(t=e.getPooled(i,t,n,r)),t}},On=Nn.isInteractiveTopLevelEventType,Sn=[];function Cn(e){var t=e.targetInst;do{if(!t){e.ancestors.push(t);break}var n;for(n=t;n.return;)n=n.return;if(!(n=3!==n.tag?null:n.stateNode.containerInfo))break;e.ancestors.push(t),t=V(n)}while(t);for(n=0;n<e.ancestors.length;n++)t=e.ancestors[n],F(e.topLevelType,t,e.nativeEvent,et(e.nativeEvent))}var Pn=!0;function jn(e){Pn=!!e}function An(e,t){if(!t)return null;var n=(On(e)?Rn:In).bind(null,e);t.addEventListener(e,n,!1)}function Mn(e,t){if(!t)return null;var n=(On(e)?Rn:In).bind(null,e);t.addEventListener(e,n,!0)}function Rn(e,t){Ye(In,e,t)}function In(e,t){if(Pn){var n=et(t);if(null===(n=V(n))||"number"!=typeof n.tag||2===ln(n)||(n=null),Sn.length){var r=Sn.pop();r.topLevelType=e,r.nativeEvent=t,r.targetInst=n,e=r}else e={topLevelType:e,nativeEvent:t,targetInst:n,ancestors:[]};try{Xe(Cn,e)}finally{e.topLevelType=null,e.nativeEvent=null,e.targetInst=null,e.ancestors.length=0,10>Sn.length&&Sn.push(e)}}}var Ln={get _enabled(){return Pn},setEnabled:jn,isEnabled:function(){return Pn},trapBubbledEvent:An,trapCapturedEvent:Mn,dispatchEvent:In},Dn={},Fn=0,Hn="_reactListenersID"+(""+Math.random()).slice(2);function Un(e){return Object.prototype.hasOwnProperty.call(e,Hn)||(e[Hn]=Fn++,Dn[e[Hn]]={}),Dn[e[Hn]]}function Bn(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Wn(e,t){var n,r=Bn(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=Bn(r)}}function Vn(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 zn=a.canUseDOM&&"documentMode"in document&&11>=document.documentMode,qn={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Gn=null,Kn=null,Yn=null,$n=!1;function Jn(e,t){if($n||null==Gn||Gn!==s())return null;var n=Gn;return"selectionStart"in n&&Vn(n)?n={start:n.selectionStart,end:n.selectionEnd}:window.getSelection?n={anchorNode:(n=window.getSelection()).anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset}:n=void 0,Yn&&u(Yn,n)?null:(Yn=n,(e=we.getPooled(qn.select,Kn,e,t)).type="select",e.target=Gn,ee(e),e)}var Xn={eventTypes:qn,extractEvents:function(e,t,n,r){var i,a=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(i=!a)){e:{a=Un(a),i=E.onSelect;for(var o=0;o<i.length;o++){var l=i[o];if(!a.hasOwnProperty(l)||!a[l]){a=!1;break e}}a=!0}i=!a}if(i)return null;switch(a=t?z(t):window,e){case"focus":(Ze(a)||"true"===a.contentEditable)&&(Gn=a,Kn=t,Yn=null);break;case"blur":Yn=Kn=Gn=null;break;case"mousedown":$n=!0;break;case"contextmenu":case"mouseup":return $n=!1,Jn(n,r);case"selectionchange":if(zn)break;case"keydown":case"keyup":return Jn(n,r)}return null}};I.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin TapEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),k=G.getFiberCurrentPropsFromNode,N=G.getInstanceFromNode,O=G.getNodeFromInstance,I.injectEventPluginsByName({SimpleEventPlugin:Nn,EnterLeaveEventPlugin:on,ChangeEventPlugin:Xt,SelectEventPlugin:Xn,BeforeInputEventPlugin:De});var Qn="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,Zn=Date,er=setTimeout,tr=clearTimeout,nr=void 0;if("object"==typeof performance&&"function"==typeof performance.now){var rr=performance;nr=function(){return rr.now()}}else nr=function(){return Zn.now()};var ir=void 0,ar=void 0;if(a.canUseDOM){var or="function"==typeof Qn?Qn:function(){d("276")},lr=null,sr=null,ur=-1,cr=!1,fr=!1,dr=0,pr=33,hr=33,mr={didTimeout:!1,timeRemaining:function(){var e=dr-nr();return 0<e?e:0}},gr=function(e,t){var n=e.scheduledCallback,r=!1;try{n(t),r=!0}finally{ar(e),r||(cr=!0,window.postMessage(vr,"*"))}},vr="__reactIdleCallback$"+Math.random().toString(36).slice(2);window.addEventListener("message",function(e){if(e.source===window&&e.data===vr&&(cr=!1,null!==lr)){if(null!==lr){var t=nr();if(!(-1===ur||ur>t)){e=-1;for(var n=[],r=lr;null!==r;){var i=r.timeoutTime;-1!==i&&i<=t?n.push(r):-1!==i&&(-1===e||i<e)&&(e=i),r=r.next}if(0<n.length)for(mr.didTimeout=!0,t=0,r=n.length;t<r;t++)gr(n[t],mr);ur=e}}for(e=nr();0<dr-e&&null!==lr;)e=lr,mr.didTimeout=!1,gr(e,mr),e=nr();null===lr||fr||(fr=!0,or(yr))}},!1);var yr=function(e){fr=!1;var t=e-dr+hr;t<hr&&pr<hr?(8>t&&(t=8),hr=t<pr?pr:t):pr=t,dr=e+hr,cr||(cr=!0,window.postMessage(vr,"*"))};ir=function(e,t){var n=-1;return null!=t&&"number"==typeof t.timeout&&(n=nr()+t.timeout),(-1===ur||-1!==n&&n<ur)&&(ur=n),e={scheduledCallback:e,timeoutTime:n,prev:null,next:null},null===lr?lr=e:null!==(t=e.prev=sr)&&(t.next=e),sr=e,fr||(fr=!0,or(yr)),e},ar=function(e){if(null!==e.prev||lr===e){var t=e.next,n=e.prev;e.next=null,e.prev=null,null!==t?null!==n?(n.next=t,t.prev=n):(t.prev=null,lr=t):null!==n?(n.next=null,sr=n):sr=lr=null}}}else{var br=new Map;ir=function(e){var t={scheduledCallback:e,timeoutTime:0,next:null,prev:null},n=er(function(){e({timeRemaining:function(){return 1/0},didTimeout:!1})});return br.set(e,n),t},ar=function(e){var t=br.get(e.scheduledCallback);br.delete(e),tr(t)}}function wr(e,t){return e=o({children:void 0},t),(t=function(e){var t="";return i.Children.forEach(e,function(e){null==e||"string"!=typeof e&&"number"!=typeof e||(t+=e)}),t}(t.children))&&(e.children=t),e}function Er(e,t,n,r){if(e=e.options,t){t={};for(var i=0;i<n.length;i++)t["$"+n[i]]=!0;for(n=0;n<e.length;n++)i=t.hasOwnProperty("$"+e[n].value),e[n].selected!==i&&(e[n].selected=i),i&&r&&(e[n].defaultSelected=!0)}else{for(n=""+n,t=null,i=0;i<e.length;i++){if(e[i].value===n)return e[i].selected=!0,void(r&&(e[i].defaultSelected=!0));null!==t||e[i].disabled||(t=e[i])}null!==t&&(t.selected=!0)}}function xr(e,t){var n=t.value;e._wrapperState={initialValue:null!=n?n:t.defaultValue,wasMultiple:!!t.multiple}}function Tr(e,t){return null!=t.dangerouslySetInnerHTML&&d("91"),o({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function _r(e,t){var n=t.value;null==n&&(n=t.defaultValue,null!=(t=t.children)&&(null!=n&&d("92"),Array.isArray(t)&&(1>=t.length||d("93"),t=t[0]),n=""+t),null==n&&(n="")),e._wrapperState={initialValue:""+n}}function kr(e,t){var n=t.value;null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&(e.defaultValue=n)),null!=t.defaultValue&&(e.defaultValue=t.defaultValue)}function Nr(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}var Or={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function Sr(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 Cr(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Sr(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var Pr=void 0,jr=function(e){return"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,n,r,i){MSApp.execUnsafeLocalFunction(function(){return e(t,n)})}:e}(function(e,t){if(e.namespaceURI!==Or.svg||"innerHTML"in e)e.innerHTML=t;else{for((Pr=Pr||document.createElement("div")).innerHTML="<svg>"+t+"</svg>",t=Pr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function Ar(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 Mr={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,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},Rr=["Webkit","ms","Moz","O"];function Ir(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),i=n,a=t[n];i=null==a||"boolean"==typeof a||""===a?"":r||"number"!=typeof a||0===a||Mr.hasOwnProperty(i)&&Mr[i]?(""+a).trim():a+"px","float"===n&&(n="cssFloat"),r?e.setProperty(n,i):e[n]=i}}Object.keys(Mr).forEach(function(e){Rr.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Mr[t]=Mr[e]})});var Lr=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 Dr(e,t,n){t&&(Lr[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML)&&d("137",e,n()),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&d("60"),"object"==typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||d("61")),null!=t.style&&"object"!=typeof t.style&&d("62",n()))}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}}var Hr=l.thatReturns("");function Ur(e,t){var n=Un(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=E[t];for(var r=0;r<t.length;r++){var i=t[r];if(!n.hasOwnProperty(i)||!n[i]){switch(i){case"scroll":Mn("scroll",e);break;case"focus":case"blur":Mn("focus",e),Mn("blur",e),n.blur=!0,n.focus=!0;break;case"cancel":case"close":tt(i,!0)&&Mn(i,e);break;case"invalid":case"submit":case"reset":break;default:-1===de.indexOf(i)&&An(i,e)}n[i]=!0}}}function Br(e,t,n,r){return n=9===n.nodeType?n:n.ownerDocument,r===Or.html&&(r=Sr(e)),r===Or.html?"script"===e?((e=n.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):e="string"==typeof t.is?n.createElement(e,{is:t.is}):n.createElement(e):e=n.createElementNS(r,e),e}function Wr(e,t){return(9===t.nodeType?t:t.ownerDocument).createTextNode(e)}function Vr(e,t,n,r){var i=Fr(t,n);switch(t){case"iframe":case"object":An("load",e);var a=n;break;case"video":case"audio":for(a=0;a<de.length;a++)An(de[a],e);a=n;break;case"source":An("error",e),a=n;break;case"img":case"image":case"link":An("error",e),An("load",e),a=n;break;case"form":An("reset",e),An("submit",e),a=n;break;case"details":An("toggle",e),a=n;break;case"input":jt(e,n),a=Pt(e,n),An("invalid",e),Ur(r,"onChange");break;case"option":a=wr(e,n);break;case"select":xr(e,n),a=o({},n,{value:void 0}),An("invalid",e),Ur(r,"onChange");break;case"textarea":_r(e,n),a=Tr(e,n),An("invalid",e),Ur(r,"onChange");break;default:a=n}Dr(t,a,Hr);var s,u=a;for(s in u)if(u.hasOwnProperty(s)){var c=u[s];"style"===s?Ir(e,c):"dangerouslySetInnerHTML"===s?null!=(c=c?c.__html:void 0)&&jr(e,c):"children"===s?"string"==typeof c?("textarea"!==t||""!==c)&&Ar(e,c):"number"==typeof c&&Ar(e,""+c):"suppressContentEditableWarning"!==s&&"suppressHydrationWarning"!==s&&"autoFocus"!==s&&(w.hasOwnProperty(s)?null!=c&&Ur(r,s):null!=c&&Ct(e,s,c,i))}switch(t){case"input":rt(e),Rt(e,n,!1);break;case"textarea":rt(e),Nr(e);break;case"option":null!=n.value&&e.setAttribute("value",n.value);break;case"select":e.multiple=!!n.multiple,null!=(t=n.value)?Er(e,!!n.multiple,t,!1):null!=n.defaultValue&&Er(e,!!n.multiple,n.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=l)}}function zr(e,t,n,r,i){var a=null;switch(t){case"input":n=Pt(e,n),r=Pt(e,r),a=[];break;case"option":n=wr(e,n),r=wr(e,r),a=[];break;case"select":n=o({},n,{value:void 0}),r=o({},r,{value:void 0}),a=[];break;case"textarea":n=Tr(e,n),r=Tr(e,r),a=[];break;default:"function"!=typeof n.onClick&&"function"==typeof r.onClick&&(e.onclick=l)}Dr(t,r,Hr),t=e=void 0;var s=null;for(e in n)if(!r.hasOwnProperty(e)&&n.hasOwnProperty(e)&&null!=n[e])if("style"===e){var u=n[e];for(t in u)u.hasOwnProperty(t)&&(s||(s={}),s[t]="")}else"dangerouslySetInnerHTML"!==e&&"children"!==e&&"suppressContentEditableWarning"!==e&&"suppressHydrationWarning"!==e&&"autoFocus"!==e&&(w.hasOwnProperty(e)?a||(a=[]):(a=a||[]).push(e,null));for(e in r){var c=r[e];if(u=null!=n?n[e]:void 0,r.hasOwnProperty(e)&&c!==u&&(null!=c||null!=u))if("style"===e)if(u){for(t in u)!u.hasOwnProperty(t)||c&&c.hasOwnProperty(t)||(s||(s={}),s[t]="");for(t in c)c.hasOwnProperty(t)&&u[t]!==c[t]&&(s||(s={}),s[t]=c[t])}else s||(a||(a=[]),a.push(e,s)),s=c;else"dangerouslySetInnerHTML"===e?(c=c?c.__html:void 0,u=u?u.__html:void 0,null!=c&&u!==c&&(a=a||[]).push(e,""+c)):"children"===e?u===c||"string"!=typeof c&&"number"!=typeof c||(a=a||[]).push(e,""+c):"suppressContentEditableWarning"!==e&&"suppressHydrationWarning"!==e&&(w.hasOwnProperty(e)?(null!=c&&Ur(i,e),a||u===c||(a=[])):(a=a||[]).push(e,c))}return s&&(a=a||[]).push("style",s),a}function qr(e,t,n,r,i){"input"===n&&"radio"===i.type&&null!=i.name&&At(e,i),Fr(n,r),r=Fr(n,i);for(var a=0;a<t.length;a+=2){var o=t[a],l=t[a+1];"style"===o?Ir(e,l):"dangerouslySetInnerHTML"===o?jr(e,l):"children"===o?Ar(e,l):Ct(e,o,l,r)}switch(n){case"input":Mt(e,i);break;case"textarea":kr(e,i);break;case"select":e._wrapperState.initialValue=void 0,t=e._wrapperState.wasMultiple,e._wrapperState.wasMultiple=!!i.multiple,null!=(n=i.value)?Er(e,!!i.multiple,n,!1):t!==!!i.multiple&&(null!=i.defaultValue?Er(e,!!i.multiple,i.defaultValue,!0):Er(e,!!i.multiple,i.multiple?[]:"",!1))}}function Gr(e,t,n,r,i){switch(t){case"iframe":case"object":An("load",e);break;case"video":case"audio":for(r=0;r<de.length;r++)An(de[r],e);break;case"source":An("error",e);break;case"img":case"image":case"link":An("error",e),An("load",e);break;case"form":An("reset",e),An("submit",e);break;case"details":An("toggle",e);break;case"input":jt(e,n),An("invalid",e),Ur(i,"onChange");break;case"select":xr(e,n),An("invalid",e),Ur(i,"onChange");break;case"textarea":_r(e,n),An("invalid",e),Ur(i,"onChange")}for(var a in Dr(t,n,Hr),r=null,n)if(n.hasOwnProperty(a)){var o=n[a];"children"===a?"string"==typeof o?e.textContent!==o&&(r=["children",o]):"number"==typeof o&&e.textContent!==""+o&&(r=["children",""+o]):w.hasOwnProperty(a)&&null!=o&&Ur(i,a)}switch(t){case"input":rt(e),Rt(e,n,!0);break;case"textarea":rt(e),Nr(e);break;case"select":case"option":break;default:"function"==typeof n.onClick&&(e.onclick=l)}return r}function Kr(e,t){return e.nodeValue!==t}var Yr={createElement:Br,createTextNode:Wr,setInitialProperties:Vr,diffProperties:zr,updateProperties:qr,diffHydratedProperties:Gr,diffHydratedText:Kr,warnForUnmatchedText:function(){},warnForDeletedHydratableElement:function(){},warnForDeletedHydratableText:function(){},warnForInsertedHydratedElement:function(){},warnForInsertedHydratedText:function(){},restoreControlledState:function(e,t,n){switch(t){case"input":if(Mt(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var i=q(r);i||d("90"),it(r),Mt(r,i)}}}break;case"textarea":kr(e,n);break;case"select":null!=(t=n.value)&&Er(e,!!n.multiple,t,!1)}}},$r=null,Jr=null;function Xr(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function Qr(e,t){return"textarea"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&"string"==typeof t.dangerouslySetInnerHTML.__html}var Zr=nr,ei=ir,ti=ar;function ni(e){for(e=e.nextSibling;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}function ri(e){for(e=e.firstChild;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}new Set;var ii=[],ai=-1;function oi(e){return{current:e}}function li(e){0>ai||(e.current=ii[ai],ii[ai]=null,ai--)}function si(e,t){ii[++ai]=e.current,e.current=t}var ui=oi(f),ci=oi(!1),fi=f;function di(e){return hi(e)?fi:ui.current}function pi(e,t){var n=e.type.contextTypes;if(!n)return f;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var i,a={};for(i in n)a[i]=t[i];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=a),a}function hi(e){return 2===e.tag&&null!=e.type.childContextTypes}function mi(e){hi(e)&&(li(ci),li(ui))}function gi(e){li(ci),li(ui)}function vi(e,t,n){ui.current!==f&&d("168"),si(ui,t),si(ci,n)}function yi(e,t){var n=e.stateNode,r=e.type.childContextTypes;if("function"!=typeof n.getChildContext)return t;for(var i in n=n.getChildContext())i in r||d("108",bt(e)||"Unknown",i);return o({},t,n)}function bi(e){if(!hi(e))return!1;var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||f,fi=ui.current,si(ui,t),si(ci,ci.current),!0}function wi(e,t){var n=e.stateNode;if(n||d("169"),t){var r=yi(e,fi);n.__reactInternalMemoizedMergedChildContext=r,li(ci),li(ui),si(ui,r)}else li(ci);si(ci,t)}function Ei(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=null,this.index=0,this.ref=null,this.pendingProps=t,this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.expirationTime=0,this.alternate=null}function xi(e,t,n){var r=e.alternate;return null===r?((r=new Ei(e.tag,t,e.key,e.mode)).type=e.type,r.stateNode=e.stateNode,r.alternate=e,e.alternate=r):(r.pendingProps=t,r.effectTag=0,r.nextEffect=null,r.firstEffect=null,r.lastEffect=null),r.expirationTime=n,r.child=e.child,r.memoizedProps=e.memoizedProps,r.memoizedState=e.memoizedState,r.updateQueue=e.updateQueue,r.sibling=e.sibling,r.index=e.index,r.ref=e.ref,r}function Ti(e,t,n){var r=e.type,i=e.key;if(e=e.props,"function"==typeof r)var a=r.prototype&&r.prototype.isReactComponent?2:0;else if("string"==typeof r)a=5;else switch(r){case ut:return _i(e.children,t,n,i);case ht:a=11,t|=3;break;case ct:a=11,t|=2;break;case ft:return(r=new Ei(15,e,i,4|t)).type=ft,r.expirationTime=n,r;case gt:a=16,t|=2;break;default:e:{switch("object"==typeof r&&null!==r?r.$$typeof:null){case dt:a=13;break e;case pt:a=12;break e;case mt:a=14;break e;default:d("130",null==r?r:typeof r,"")}a=void 0}}return(t=new Ei(a,e,i,t)).type=r,t.expirationTime=n,t}function _i(e,t,n,r){return(e=new Ei(10,e,r,t)).expirationTime=n,e}function ki(e,t,n){return(e=new Ei(6,e,null,t)).expirationTime=n,e}function Ni(e,t,n){return(t=new Ei(4,null!==e.children?e.children:[],e.key,t)).expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Oi(e,t,n){return e={current:t=new Ei(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,pendingCommitExpirationTime:0,finishedWork:null,context:null,pendingContext:null,hydrate:n,remainingExpirationTime:0,firstBatch:null,nextScheduledRoot:null},t.stateNode=e}var Si=null,Ci=null;function Pi(e){return function(t){try{return e(t)}catch(e){}}}function ji(e){"function"==typeof Si&&Si(e)}function Ai(e){"function"==typeof Ci&&Ci(e)}var Mi=!1;function Ri(e){return{expirationTime:0,baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Ii(e){return{expirationTime:e.expirationTime,baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Li(e){return{expirationTime:e,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function Di(e,t,n){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t),(0===e.expirationTime||e.expirationTime>n)&&(e.expirationTime=n)}function Fi(e,t,n){var r=e.alternate;if(null===r){var i=e.updateQueue,a=null;null===i&&(i=e.updateQueue=Ri(e.memoizedState))}else i=e.updateQueue,a=r.updateQueue,null===i?null===a?(i=e.updateQueue=Ri(e.memoizedState),a=r.updateQueue=Ri(r.memoizedState)):i=e.updateQueue=Ii(a):null===a&&(a=r.updateQueue=Ii(i));null===a||i===a?Di(i,t,n):null===i.lastUpdate||null===a.lastUpdate?(Di(i,t,n),Di(a,t,n)):(Di(i,t,n),a.lastUpdate=t)}function Hi(e,t,n){var r=e.updateQueue;null===(r=null===r?e.updateQueue=Ri(e.memoizedState):Ui(e,r)).lastCapturedUpdate?r.firstCapturedUpdate=r.lastCapturedUpdate=t:(r.lastCapturedUpdate.next=t,r.lastCapturedUpdate=t),(0===r.expirationTime||r.expirationTime>n)&&(r.expirationTime=n)}function Ui(e,t){var n=e.alternate;return null!==n&&t===n.updateQueue&&(t=e.updateQueue=Ii(t)),t}function Bi(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=-1025&e.effectTag|64;case 0:if(null===(i="function"==typeof(e=n.payload)?e.call(a,r,i):e)||void 0===i)break;return o({},r,i);case 2:Mi=!0}return r}function Wi(e,t,n,r,i){if(Mi=!1,!(0===t.expirationTime||t.expirationTime>i)){for(var a=(t=Ui(e,t)).baseState,o=null,l=0,s=t.firstUpdate,u=a;null!==s;){var c=s.expirationTime;c>i?(null===o&&(o=s,a=u),(0===l||l>c)&&(l=c)):(u=Bi(e,0,s,u,n,r),null!==s.callback&&(e.effectTag|=32,s.nextEffect=null,null===t.lastEffect?t.firstEffect=t.lastEffect=s:(t.lastEffect.nextEffect=s,t.lastEffect=s))),s=s.next}for(c=null,s=t.firstCapturedUpdate;null!==s;){var f=s.expirationTime;f>i?(null===c&&(c=s,null===o&&(a=u)),(0===l||l>f)&&(l=f)):(u=Bi(e,0,s,u,n,r),null!==s.callback&&(e.effectTag|=32,s.nextEffect=null,null===t.lastCapturedEffect?t.firstCapturedEffect=t.lastCapturedEffect=s:(t.lastCapturedEffect.nextEffect=s,t.lastCapturedEffect=s))),s=s.next}null===o&&(t.lastUpdate=null),null===c?t.lastCapturedUpdate=null:e.effectTag|=32,null===o&&null===c&&(a=u),t.baseState=a,t.firstUpdate=o,t.firstCapturedUpdate=c,t.expirationTime=l,e.memoizedState=u}}function Vi(e,t){"function"!=typeof e&&d("191",e),e.call(t)}function zi(e,t,n){for(null!==t.firstCapturedUpdate&&(null!==t.lastUpdate&&(t.lastUpdate.next=t.firstCapturedUpdate,t.lastUpdate=t.lastCapturedUpdate),t.firstCapturedUpdate=t.lastCapturedUpdate=null),e=t.firstEffect,t.firstEffect=t.lastEffect=null;null!==e;){var r=e.callback;null!==r&&(e.callback=null,Vi(r,n)),e=e.nextEffect}for(e=t.firstCapturedEffect,t.firstCapturedEffect=t.lastCapturedEffect=null;null!==e;)null!==(t=e.callback)&&(e.callback=null,Vi(t,n)),e=e.nextEffect}function qi(e,t){return{value:e,source:t,stack:wt(t)}}var Gi=oi(null),Ki=oi(null),Yi=oi(0);function $i(e){var t=e.type._context;si(Yi,t._changedBits),si(Ki,t._currentValue),si(Gi,e),t._currentValue=e.pendingProps.value,t._changedBits=e.stateNode}function Ji(e){var t=Yi.current,n=Ki.current;li(Gi),li(Ki),li(Yi),(e=e.type._context)._currentValue=n,e._changedBits=t}var Xi={},Qi=oi(Xi),Zi=oi(Xi),ea=oi(Xi);function ta(e){return e===Xi&&d("174"),e}function na(e,t){si(ea,t),si(Zi,e),si(Qi,Xi);var n=t.nodeType;switch(n){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Cr(null,"");break;default:t=Cr(t=(n=8===n?t.parentNode:t).namespaceURI||null,n=n.tagName)}li(Qi),si(Qi,t)}function ra(e){li(Qi),li(Zi),li(ea)}function ia(e){Zi.current===e&&(li(Qi),li(Zi))}function aa(e,t,n){var r=e.memoizedState;r=null===(t=t(n,r))||void 0===t?r:o({},r,t),e.memoizedState=r,null!==(e=e.updateQueue)&&0===e.expirationTime&&(e.baseState=r)}var oa={isMounted:function(e){return!!(e=e._reactInternalFiber)&&2===ln(e)},enqueueSetState:function(e,t,n){e=e._reactInternalFiber;var r=bo(),i=Li(r=vo(r,e));i.payload=t,void 0!==n&&null!==n&&(i.callback=n),Fi(e,i,r),yo(e,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternalFiber;var r=bo(),i=Li(r=vo(r,e));i.tag=1,i.payload=t,void 0!==n&&null!==n&&(i.callback=n),Fi(e,i,r),yo(e,r)},enqueueForceUpdate:function(e,t){e=e._reactInternalFiber;var n=bo(),r=Li(n=vo(n,e));r.tag=2,void 0!==t&&null!==t&&(r.callback=t),Fi(e,r,n),yo(e,n)}};function la(e,t,n,r,i,a){var o=e.stateNode;return e=e.type,"function"==typeof o.shouldComponentUpdate?o.shouldComponentUpdate(n,i,a):!e.prototype||!e.prototype.isPureReactComponent||(!u(t,n)||!u(r,i))}function sa(e,t,n,r){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,r),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,r),t.state!==e&&oa.enqueueReplaceState(t,t.state,null)}function ua(e,t){var n=e.type,r=e.stateNode,i=e.pendingProps,a=di(e);r.props=i,r.state=e.memoizedState,r.refs=f,r.context=pi(e,a),null!==(a=e.updateQueue)&&(Wi(e,a,i,r,t),r.state=e.memoizedState),"function"==typeof(a=e.type.getDerivedStateFromProps)&&(aa(e,a,i),r.state=e.memoizedState),"function"==typeof n.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(n=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),n!==r.state&&oa.enqueueReplaceState(r,r.state,null),null!==(a=e.updateQueue)&&(Wi(e,a,i,r,t),r.state=e.memoizedState)),"function"==typeof r.componentDidMount&&(e.effectTag|=4)}var ca=Array.isArray;function fa(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){var r=void 0;(n=n._owner)&&(2!==n.tag&&d("110"),r=n.stateNode),r||d("147",e);var i=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===i?t.ref:((t=function(e){var t=r.refs===f?r.refs={}:r.refs;null===e?delete t[i]:t[i]=e})._stringRef=i,t)}"string"!=typeof e&&d("148"),n._owner||d("254",e)}return e}function da(e,t){"textarea"!==e.type&&d("31","[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,"")}function pa(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.effectTag=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function i(e,t,n){return(e=xi(e,t,n)).index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.effectTag=2,n):r:(t.effectTag=2,n):n}function o(t){return e&&null===t.alternate&&(t.effectTag=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=ki(n,e.mode,r)).return=e,t):((t=i(t,n,r)).return=e,t)}function s(e,t,n,r){return null!==t&&t.type===n.type?((r=i(t,n.props,r)).ref=fa(e,t,n),r.return=e,r):((r=Ti(n,e.mode,r)).ref=fa(e,t,n),r.return=e,r)}function u(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Ni(n,e.mode,r)).return=e,t):((t=i(t,n.children||[],r)).return=e,t)}function c(e,t,n,r,a){return null===t||10!==t.tag?((t=_i(n,e.mode,r,a)).return=e,t):((t=i(t,n,r)).return=e,t)}function f(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=ki(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case lt:return(n=Ti(t,e.mode,n)).ref=fa(e,null,t),n.return=e,n;case st:return(t=Ni(t,e.mode,n)).return=e,t}if(ca(t)||yt(t))return(t=_i(t,e.mode,n,null)).return=e,t;da(e,t)}return null}function p(e,t,n,r){var i=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==i?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case lt:return n.key===i?n.type===ut?c(e,t,n.props.children,r,i):s(e,t,n,r):null;case st:return n.key===i?u(e,t,n,r):null}if(ca(n)||yt(n))return null!==i?null:c(e,t,n,r,null);da(e,n)}return null}function h(e,t,n,r,i){if("string"==typeof r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,i);if("object"==typeof r&&null!==r){switch(r.$$typeof){case lt:return e=e.get(null===r.key?n:r.key)||null,r.type===ut?c(t,e,r.props.children,i,r.key):s(t,e,r,i);case st:return u(t,e=e.get(null===r.key?n:r.key)||null,r,i)}if(ca(r)||yt(r))return c(t,e=e.get(n)||null,r,i,null);da(t,r)}return null}function m(i,o,l,s){for(var u=null,c=null,d=o,m=o=0,g=null;null!==d&&m<l.length;m++){d.index>m?(g=d,d=null):g=d.sibling;var v=p(i,d,l[m],s);if(null===v){null===d&&(d=g);break}e&&d&&null===v.alternate&&t(i,d),o=a(v,o,m),null===c?u=v:c.sibling=v,c=v,d=g}if(m===l.length)return n(i,d),u;if(null===d){for(;m<l.length;m++)(d=f(i,l[m],s))&&(o=a(d,o,m),null===c?u=d:c.sibling=d,c=d);return u}for(d=r(i,d);m<l.length;m++)(g=h(d,i,m,l[m],s))&&(e&&null!==g.alternate&&d.delete(null===g.key?m:g.key),o=a(g,o,m),null===c?u=g:c.sibling=g,c=g);return e&&d.forEach(function(e){return t(i,e)}),u}function g(i,o,l,s){var u=yt(l);"function"!=typeof u&&d("150"),null==(l=u.call(l))&&d("151");for(var c=u=null,m=o,g=o=0,v=null,y=l.next();null!==m&&!y.done;g++,y=l.next()){m.index>g?(v=m,m=null):v=m.sibling;var b=p(i,m,y.value,s);if(null===b){m||(m=v);break}e&&m&&null===b.alternate&&t(i,m),o=a(b,o,g),null===c?u=b:c.sibling=b,c=b,m=v}if(y.done)return n(i,m),u;if(null===m){for(;!y.done;g++,y=l.next())null!==(y=f(i,y.value,s))&&(o=a(y,o,g),null===c?u=y:c.sibling=y,c=y);return u}for(m=r(i,m);!y.done;g++,y=l.next())null!==(y=h(m,i,g,y.value,s))&&(e&&null!==y.alternate&&m.delete(null===y.key?g:y.key),o=a(y,o,g),null===c?u=y:c.sibling=y,c=y);return e&&m.forEach(function(e){return t(i,e)}),u}return function(e,r,a,l){var s="object"==typeof a&&null!==a&&a.type===ut&&null===a.key;s&&(a=a.props.children);var u="object"==typeof a&&null!==a;if(u)switch(a.$$typeof){case lt:e:{for(u=a.key,s=r;null!==s;){if(s.key===u){if(10===s.tag?a.type===ut:s.type===a.type){n(e,s.sibling),(r=i(s,a.type===ut?a.props.children:a.props,l)).ref=fa(e,s,a),r.return=e,e=r;break e}n(e,s);break}t(e,s),s=s.sibling}a.type===ut?((r=_i(a.props.children,e.mode,l,a.key)).return=e,e=r):((l=Ti(a,e.mode,l)).ref=fa(e,r,a),l.return=e,e=l)}return o(e);case st:e:{for(s=a.key;null!==r;){if(r.key===s){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=i(r,a.children||[],l)).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Ni(a,e.mode,l)).return=e,e=r}return o(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=i(r,a,l)).return=e,e=r):(n(e,r),(r=ki(a,e.mode,l)).return=e,e=r),o(e);if(ca(a))return m(e,r,a,l);if(yt(a))return g(e,r,a,l);if(u&&da(e,a),void 0===a&&!s)switch(e.tag){case 2:case 1:d("152",(l=e.type).displayName||l.name||"Component")}return n(e,r)}}var ha=pa(!0),ma=pa(!1),ga=null,va=null,ya=!1;function ba(e,t){var n=new Ei(5,null,null,0);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 wa(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 Ea(e){if(ya){var t=va;if(t){var n=t;if(!wa(e,t)){if(!(t=ni(n))||!wa(e,t))return e.effectTag|=2,ya=!1,void(ga=e);ba(ga,n)}ga=e,va=ri(t)}else e.effectTag|=2,ya=!1,ga=e}}function xa(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;ga=e}function Ta(e){if(e!==ga)return!1;if(!ya)return xa(e),ya=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!Qr(t,e.memoizedProps))for(t=va;t;)ba(e,t),t=ni(t);return xa(e),va=ga?ni(e.stateNode):null,!0}function _a(){va=ga=null,ya=!1}function ka(e,t,n){Na(e,t,n,t.expirationTime)}function Na(e,t,n,r){t.child=null===e?ma(t,null,n,r):ha(t,e.child,n,r)}function Oa(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function Sa(e,t,n,r,i){Oa(e,t);var a=0!=(64&t.effectTag);if(!n&&!a)return r&&wi(t,!1),ja(e,t);n=t.stateNode,at.current=t;var o=a?null:n.render();return t.effectTag|=1,a&&(Na(e,t,null,i),t.child=null),Na(e,t,o,i),t.memoizedState=n.state,t.memoizedProps=n.props,r&&wi(t,!0),t.child}function Ca(e){var t=e.stateNode;t.pendingContext?vi(0,t.pendingContext,t.pendingContext!==t.context):t.context&&vi(0,t.context,!1),na(e,t.containerInfo)}function Pa(e,t,n,r){var i=e.child;for(null!==i&&(i.return=e);null!==i;){switch(i.tag){case 12:var a=0|i.stateNode;if(i.type===t&&0!=(a&n)){for(a=i;null!==a;){var o=a.alternate;if(0===a.expirationTime||a.expirationTime>r)a.expirationTime=r,null!==o&&(0===o.expirationTime||o.expirationTime>r)&&(o.expirationTime=r);else{if(null===o||!(0===o.expirationTime||o.expirationTime>r))break;o.expirationTime=r}a=a.return}a=null}else a=i.child;break;case 13:a=i.type===e.type?null:i.child;break;default:a=i.child}if(null!==a)a.return=i;else for(a=i;null!==a;){if(a===e){a=null;break}if(null!==(i=a.sibling)){i.return=a.return,a=i;break}a=a.return}i=a}}function ja(e,t){if(null!==e&&t.child!==e.child&&d("153"),null!==t.child){var n=xi(e=t.child,e.pendingProps,e.expirationTime);for(t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=xi(e,e.pendingProps,e.expirationTime)).return=t;n.sibling=null}return t.child}function Aa(e,t,n){if(0===t.expirationTime||t.expirationTime>n){switch(t.tag){case 3:Ca(t);break;case 2:bi(t);break;case 4:na(t,t.stateNode.containerInfo);break;case 13:$i(t)}return null}switch(t.tag){case 0:null!==e&&d("155");var r=t.type,i=t.pendingProps,a=di(t);return r=r(i,a=pi(t,a)),t.effectTag|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(a=t.type,t.tag=2,t.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,"function"==typeof(a=a.getDerivedStateFromProps)&&aa(t,a,i),i=bi(t),r.updater=oa,t.stateNode=r,r._reactInternalFiber=t,ua(t,n),e=Sa(e,t,!0,i,n)):(t.tag=1,ka(e,t,r),t.memoizedProps=i,e=t.child),e;case 1:return i=t.type,n=t.pendingProps,ci.current||t.memoizedProps!==n?(i=i(n,r=pi(t,r=di(t))),t.effectTag|=1,ka(e,t,i),t.memoizedProps=n,e=t.child):e=ja(e,t),e;case 2:if(i=bi(t),null===e)if(null===t.stateNode){var o=t.pendingProps,l=t.type;r=di(t);var s=2===t.tag&&null!=t.type.contextTypes;o=new l(o,a=s?pi(t,r):f),t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,o.updater=oa,t.stateNode=o,o._reactInternalFiber=t,s&&((s=t.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,s.__reactInternalMemoizedMaskedChildContext=a),ua(t,n),r=!0}else{l=t.type,r=t.stateNode,s=t.memoizedProps,a=t.pendingProps,r.props=s;var u=r.context;o=pi(t,o=di(t));var c=l.getDerivedStateFromProps;(l="function"==typeof c||"function"==typeof r.getSnapshotBeforeUpdate)||"function"!=typeof r.UNSAFE_componentWillReceiveProps&&"function"!=typeof r.componentWillReceiveProps||(s!==a||u!==o)&&sa(t,r,a,o),Mi=!1;var p=t.memoizedState;u=r.state=p;var h=t.updateQueue;null!==h&&(Wi(t,h,a,r,n),u=t.memoizedState),s!==a||p!==u||ci.current||Mi?("function"==typeof c&&(aa(t,c,a),u=t.memoizedState),(s=Mi||la(t,s,a,p,u,o))?(l||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||("function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount()),"function"==typeof r.componentDidMount&&(t.effectTag|=4)):("function"==typeof r.componentDidMount&&(t.effectTag|=4),t.memoizedProps=a,t.memoizedState=u),r.props=a,r.state=u,r.context=o,r=s):("function"==typeof r.componentDidMount&&(t.effectTag|=4),r=!1)}else l=t.type,r=t.stateNode,a=t.memoizedProps,s=t.pendingProps,r.props=a,u=r.context,o=pi(t,o=di(t)),(l="function"==typeof(c=l.getDerivedStateFromProps)||"function"==typeof r.getSnapshotBeforeUpdate)||"function"!=typeof r.UNSAFE_componentWillReceiveProps&&"function"!=typeof r.componentWillReceiveProps||(a!==s||u!==o)&&sa(t,r,s,o),Mi=!1,u=t.memoizedState,p=r.state=u,null!==(h=t.updateQueue)&&(Wi(t,h,s,r,n),p=t.memoizedState),a!==s||u!==p||ci.current||Mi?("function"==typeof c&&(aa(t,c,s),p=t.memoizedState),(c=Mi||la(t,a,s,u,p,o))?(l||"function"!=typeof r.UNSAFE_componentWillUpdate&&"function"!=typeof r.componentWillUpdate||("function"==typeof r.componentWillUpdate&&r.componentWillUpdate(s,p,o),"function"==typeof r.UNSAFE_componentWillUpdate&&r.UNSAFE_componentWillUpdate(s,p,o)),"function"==typeof r.componentDidUpdate&&(t.effectTag|=4),"function"==typeof r.getSnapshotBeforeUpdate&&(t.effectTag|=256)):("function"!=typeof r.componentDidUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=4),"function"!=typeof r.getSnapshotBeforeUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=256),t.memoizedProps=s,t.memoizedState=p),r.props=s,r.state=p,r.context=o,r=c):("function"!=typeof r.componentDidUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=4),"function"!=typeof r.getSnapshotBeforeUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=256),r=!1);return Sa(e,t,r,i,n);case 3:return Ca(t),null!==(i=t.updateQueue)?(r=null!==(r=t.memoizedState)?r.element:null,Wi(t,i,t.pendingProps,null,n),(i=t.memoizedState.element)===r?(_a(),e=ja(e,t)):(r=t.stateNode,(r=(null===e||null===e.child)&&r.hydrate)&&(va=ri(t.stateNode.containerInfo),ga=t,r=ya=!0),r?(t.effectTag|=2,t.child=ma(t,null,i,n)):(_a(),ka(e,t,i)),e=t.child)):(_a(),e=ja(e,t)),e;case 5:return ta(ea.current),(i=ta(Qi.current))!==(r=Cr(i,t.type))&&(si(Zi,t),si(Qi,r)),null===e&&Ea(t),i=t.type,s=t.memoizedProps,r=t.pendingProps,a=null!==e?e.memoizedProps:null,ci.current||s!==r||((s=1&t.mode&&!!r.hidden)&&(t.expirationTime=1073741823),s&&1073741823===n)?(s=r.children,Qr(i,r)?s=null:a&&Qr(i,a)&&(t.effectTag|=16),Oa(e,t),1073741823!==n&&1&t.mode&&r.hidden?(t.expirationTime=1073741823,t.memoizedProps=r,e=null):(ka(e,t,s),t.memoizedProps=r,e=t.child)):e=ja(e,t),e;case 6:return null===e&&Ea(t),t.memoizedProps=t.pendingProps,null;case 16:return null;case 4:return na(t,t.stateNode.containerInfo),i=t.pendingProps,ci.current||t.memoizedProps!==i?(null===e?t.child=ha(t,null,i,n):ka(e,t,i),t.memoizedProps=i,e=t.child):e=ja(e,t),e;case 14:return i=t.type.render,n=t.pendingProps,r=t.ref,ci.current||t.memoizedProps!==n||r!==(null!==e?e.ref:null)?(ka(e,t,i=i(n,r)),t.memoizedProps=n,e=t.child):e=ja(e,t),e;case 10:return n=t.pendingProps,ci.current||t.memoizedProps!==n?(ka(e,t,n),t.memoizedProps=n,e=t.child):e=ja(e,t),e;case 11:return n=t.pendingProps.children,ci.current||null!==n&&t.memoizedProps!==n?(ka(e,t,n),t.memoizedProps=n,e=t.child):e=ja(e,t),e;case 15:return n=t.pendingProps,t.memoizedProps===n?e=ja(e,t):(ka(e,t,n.children),t.memoizedProps=n,e=t.child),e;case 13:return function(e,t,n){var r=t.type._context,i=t.pendingProps,a=t.memoizedProps,o=!0;if(ci.current)o=!1;else if(a===i)return t.stateNode=0,$i(t),ja(e,t);var l=i.value;if(t.memoizedProps=i,null===a)l=1073741823;else if(a.value===i.value){if(a.children===i.children&&o)return t.stateNode=0,$i(t),ja(e,t);l=0}else{var s=a.value;if(s===l&&(0!==s||1/s==1/l)||s!=s&&l!=l){if(a.children===i.children&&o)return t.stateNode=0,$i(t),ja(e,t);l=0}else if(l="function"==typeof r._calculateChangedBits?r._calculateChangedBits(s,l):1073741823,0==(l|=0)){if(a.children===i.children&&o)return t.stateNode=0,$i(t),ja(e,t)}else Pa(t,r,l,n)}return t.stateNode=l,$i(t),ka(e,t,i.children),t.child}(e,t,n);case 12:e:if(r=t.type,a=t.pendingProps,s=t.memoizedProps,i=r._currentValue,o=r._changedBits,ci.current||0!==o||s!==a){if(t.memoizedProps=a,void 0!==(l=a.unstable_observedBits)&&null!==l||(l=1073741823),t.stateNode=l,0!=(o&l))Pa(t,r,o,n);else if(s===a){e=ja(e,t);break e}n=(n=a.children)(i),t.effectTag|=1,ka(e,t,n),e=t.child}else e=ja(e,t);return e;default:d("156")}}function Ma(e){e.effectTag|=4}var Ra=void 0,Ia=void 0,La=void 0;function Da(e,t){var n=t.pendingProps;switch(t.tag){case 1:return null;case 2:return mi(t),null;case 3:ra(),gi();var r=t.stateNode;return r.pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(Ta(t),t.effectTag&=-3),Ra(t),null;case 5:ia(t),r=ta(ea.current);var i=t.type;if(null!==e&&null!=t.stateNode){var a=e.memoizedProps,o=t.stateNode,l=ta(Qi.current);o=zr(o,i,a,n,r),Ia(e,t,o,i,a,n,r,l),e.ref!==t.ref&&(t.effectTag|=128)}else{if(!n)return null===t.stateNode&&d("166"),null;if(e=ta(Qi.current),Ta(t))n=t.stateNode,i=t.type,a=t.memoizedProps,n[B]=t,n[W]=a,r=Gr(n,i,a,e,r),t.updateQueue=r,null!==r&&Ma(t);else{(e=Br(i,n,r,e))[B]=t,e[W]=n;e:for(a=t.child;null!==a;){if(5===a.tag||6===a.tag)e.appendChild(a.stateNode);else if(4!==a.tag&&null!==a.child){a.child.return=a,a=a.child;continue}if(a===t)break;for(;null===a.sibling;){if(null===a.return||a.return===t)break e;a=a.return}a.sibling.return=a.return,a=a.sibling}Vr(e,i,n,r),Xr(i,n)&&Ma(t),t.stateNode=e}null!==t.ref&&(t.effectTag|=128)}return null;case 6:if(e&&null!=t.stateNode)La(e,t,e.memoizedProps,n);else{if("string"!=typeof n)return null===t.stateNode&&d("166"),null;r=ta(ea.current),ta(Qi.current),Ta(t)?(r=t.stateNode,n=t.memoizedProps,r[B]=t,Kr(r,n)&&Ma(t)):((r=Wr(n,r))[B]=t,t.stateNode=r)}return null;case 14:case 16:case 10:case 11:case 15:return null;case 4:return ra(),Ra(t),null;case 13:return Ji(t),null;case 12:return null;case 0:d("167");default:d("156")}}function Fa(e,t){var n=t.source;null===t.stack&&null!==n&&wt(n),null!==n&&bt(n),t=t.value,null!==e&&2===e.tag&&bt(e);try{t&&t.suppressReactErrorLogging||console.error(t)}catch(e){e&&e.suppressReactErrorLogging||console.error(e)}}function Ha(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){mo(e,t)}else t.current=null}function Ua(e){switch(Ai(e),e.tag){case 2:Ha(e);var t=e.stateNode;if("function"==typeof t.componentWillUnmount)try{t.props=e.memoizedProps,t.state=e.memoizedState,t.componentWillUnmount()}catch(t){mo(e,t)}break;case 5:Ha(e);break;case 4:Va(e)}}function Ba(e){return 5===e.tag||3===e.tag||4===e.tag}function Wa(e){e:{for(var t=e.return;null!==t;){if(Ba(t)){var n=t;break e}t=t.return}d("160"),n=void 0}var r=t=void 0;switch(n.tag){case 5:t=n.stateNode,r=!1;break;case 3:case 4:t=n.stateNode.containerInfo,r=!0;break;default:d("161")}16&n.effectTag&&(Ar(t,""),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||Ba(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag;){if(2&n.effectTag)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.effectTag)){n=n.stateNode;break e}}for(var i=e;;){if(5===i.tag||6===i.tag)if(n)if(r){var a=t,o=i.stateNode,l=n;8===a.nodeType?a.parentNode.insertBefore(o,l):a.insertBefore(o,l)}else t.insertBefore(i.stateNode,n);else r?(a=t,o=i.stateNode,8===a.nodeType?a.parentNode.insertBefore(o,a):a.appendChild(o)):t.appendChild(i.stateNode);else if(4!==i.tag&&null!==i.child){i.child.return=i,i=i.child;continue}if(i===e)break;for(;null===i.sibling;){if(null===i.return||i.return===e)return;i=i.return}i.sibling.return=i.return,i=i.sibling}}function Va(e){for(var t=e,n=!1,r=void 0,i=void 0;;){if(!n){n=t.return;e:for(;;){switch(null===n&&d("160"),n.tag){case 5:r=n.stateNode,i=!1;break e;case 3:case 4:r=n.stateNode.containerInfo,i=!0;break e}n=n.return}n=!0}if(5===t.tag||6===t.tag){e:for(var a=t,o=a;;)if(Ua(o),null!==o.child&&4!==o.tag)o.child.return=o,o=o.child;else{if(o===a)break;for(;null===o.sibling;){if(null===o.return||o.return===a)break e;o=o.return}o.sibling.return=o.return,o=o.sibling}i?(a=r,o=t.stateNode,8===a.nodeType?a.parentNode.removeChild(o):a.removeChild(o)):r.removeChild(t.stateNode)}else if(4===t.tag?r=t.stateNode.containerInfo:Ua(t),null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return;4===(t=t.return).tag&&(n=!1)}t.sibling.return=t.return,t=t.sibling}}function za(e,t){switch(t.tag){case 2:break;case 5:var n=t.stateNode;if(null!=n){var r=t.memoizedProps;e=null!==e?e.memoizedProps:r;var i=t.type,a=t.updateQueue;t.updateQueue=null,null!==a&&(n[W]=r,qr(n,a,i,e,r))}break;case 6:null===t.stateNode&&d("162"),t.stateNode.nodeValue=t.memoizedProps;break;case 3:case 15:case 16:break;default:d("163")}}function qa(e,t,n){(n=Li(n)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Qo(r),Fa(e,t)},n}function Ga(e,t,n){(n=Li(n)).tag=3;var r=e.stateNode;return null!==r&&"function"==typeof r.componentDidCatch&&(n.callback=function(){null===uo?uo=new Set([this]):uo.add(this);var n=t.value,r=t.stack;Fa(e,t),this.componentDidCatch(n,{componentStack:null!==r?r:""})}),n}function Ka(e,t,n,r,i,a){n.effectTag|=512,n.firstEffect=n.lastEffect=null,r=qi(r,n),e=t;do{switch(e.tag){case 3:return e.effectTag|=1024,void Hi(e,r=qa(e,r,a),a);case 2:if(t=r,n=e.stateNode,0==(64&e.effectTag)&&null!==n&&"function"==typeof n.componentDidCatch&&(null===uo||!uo.has(n)))return e.effectTag|=1024,void Hi(e,r=Ga(e,t,a),a)}e=e.return}while(null!==e)}function Ya(e){switch(e.tag){case 2:mi(e);var t=e.effectTag;return 1024&t?(e.effectTag=-1025&t|64,e):null;case 3:return ra(),gi(),1024&(t=e.effectTag)?(e.effectTag=-1025&t|64,e):null;case 5:return ia(e),null;case 16:return 1024&(t=e.effectTag)?(e.effectTag=-1025&t|64,e):null;case 4:return ra(),null;case 13:return Ji(e),null;default:return null}}Ra=function(){},Ia=function(e,t,n){(t.updateQueue=n)&&Ma(t)},La=function(e,t,n,r){n!==r&&Ma(t)};var $a=Zr(),Ja=2,Xa=$a,Qa=0,Za=0,eo=!1,to=null,no=null,ro=0,io=-1,ao=!1,oo=null,lo=!1,so=!1,uo=null;function co(){if(null!==to)for(var e=to.return;null!==e;){var t=e;switch(t.tag){case 2:mi(t);break;case 3:ra(),gi();break;case 5:ia(t);break;case 4:ra();break;case 13:Ji(t)}e=e.return}no=null,ro=0,io=-1,ao=!1,to=null,so=!1}function fo(e){for(;;){var t=e.alternate,n=e.return,r=e.sibling;if(0==(512&e.effectTag)){t=Da(t,e);var i=e;if(1073741823===ro||1073741823!==i.expirationTime){var a=0;switch(i.tag){case 3:case 2:var o=i.updateQueue;null!==o&&(a=o.expirationTime)}for(o=i.child;null!==o;)0!==o.expirationTime&&(0===a||a>o.expirationTime)&&(a=o.expirationTime),o=o.sibling;i.expirationTime=a}if(null!==t)return t;if(null!==n&&0==(512&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<e.effectTag&&(null!==n.lastEffect?n.lastEffect.nextEffect=e:n.firstEffect=e,n.lastEffect=e)),null!==r)return r;if(null===n){so=!0;break}e=n}else{if(null!==(e=Ya(e)))return e.effectTag&=511,e;if(null!==n&&(n.firstEffect=n.lastEffect=null,n.effectTag|=512),null!==r)return r;if(null===n)break;e=n}}return null}function po(e){var t=Aa(e.alternate,e,ro);return null===t&&(t=fo(e)),at.current=null,t}function ho(e,t,n){eo&&d("243"),eo=!0,t===ro&&e===no&&null!==to||(co(),ro=t,io=-1,to=xi((no=e).current,null,ro),e.pendingCommitExpirationTime=0);var r=!1;for(ao=!n||ro<=Ja;;){try{if(n)for(;null!==to&&!Xo();)to=po(to);else for(;null!==to;)to=po(to)}catch(t){if(null===to)r=!0,Qo(t);else{null===to&&d("271");var i=(n=to).return;if(null===i){r=!0,Qo(t);break}Ka(e,i,n,t,0,ro),to=fo(n)}}break}if(eo=!1,r)return null;if(null===to){if(so)return e.pendingCommitExpirationTime=t,e.current.alternate;ao&&d("262"),0<=io&&setTimeout(function(){var t=e.current.expirationTime;0!==t&&(0===e.remainingExpirationTime||e.remainingExpirationTime<t)&&Wo(e,t)},io),function(e){null===Oo&&d("246"),Oo.remainingExpirationTime=e}(e.current.expirationTime)}return null}function mo(e,t){var n;e:{for(eo&&!lo&&d("263"),n=e.return;null!==n;){switch(n.tag){case 2:var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromCatch||"function"==typeof r.componentDidCatch&&(null===uo||!uo.has(r))){Fi(n,e=Ga(n,e=qi(t,e),1),1),yo(n,1),n=void 0;break e}break;case 3:Fi(n,e=qa(n,e=qi(t,e),1),1),yo(n,1),n=void 0;break e}n=n.return}3===e.tag&&(Fi(e,n=qa(e,n=qi(t,e),1),1),yo(e,1)),n=void 0}return n}function go(){var e=2+25*(1+((bo()-2+500)/25|0));return e<=Qa&&(e=Qa+1),Qa=e}function vo(e,t){return e=0!==Za?Za:eo?lo?1:ro:1&t.mode?Lo?2+10*(1+((e-2+15)/10|0)):2+25*(1+((e-2+500)/25|0)):1,Lo&&(0===Co||e>Co)&&(Co=e),e}function yo(e,t){for(;null!==e;){if((0===e.expirationTime||e.expirationTime>t)&&(e.expirationTime=t),null!==e.alternate&&(0===e.alternate.expirationTime||e.alternate.expirationTime>t)&&(e.alternate.expirationTime=t),null===e.return){if(3!==e.tag)break;var n=e.stateNode;!eo&&0!==ro&&t<ro&&co();var r=n.current.expirationTime;eo&&!lo&&no===n||Wo(n,r),Ho>Fo&&d("185")}e=e.return}}function bo(){return Xa=Zr()-$a,Ja=2+(Xa/10|0)}function wo(e){var t=Za;Za=2+25*(1+((bo()-2+500)/25|0));try{return e()}finally{Za=t}}function Eo(e,t,n,r,i){var a=Za;Za=1;try{return e(t,n,r,i)}finally{Za=a}}var xo=null,To=null,_o=0,ko=void 0,No=!1,Oo=null,So=0,Co=0,Po=!1,jo=!1,Ao=null,Mo=null,Ro=!1,Io=!1,Lo=!1,Do=null,Fo=1e3,Ho=0,Uo=1;function Bo(e){if(0!==_o){if(e>_o)return;null!==ko&&ti(ko)}var t=Zr()-$a;_o=e,ko=ei(zo,{timeout:10*(e-2)-t})}function Wo(e,t){if(null===e.nextScheduledRoot)e.remainingExpirationTime=t,null===To?(xo=To=e,e.nextScheduledRoot=e):(To=To.nextScheduledRoot=e).nextScheduledRoot=xo;else{var n=e.remainingExpirationTime;(0===n||t<n)&&(e.remainingExpirationTime=t)}No||(Ro?Io&&(Oo=e,So=1,$o(e,1,!1)):1===t?qo():Bo(t))}function Vo(){var e=0,t=null;if(null!==To)for(var n=To,r=xo;null!==r;){var i=r.remainingExpirationTime;if(0===i){if((null===n||null===To)&&d("244"),r===r.nextScheduledRoot){xo=To=r.nextScheduledRoot=null;break}if(r===xo)xo=i=r.nextScheduledRoot,To.nextScheduledRoot=i,r.nextScheduledRoot=null;else{if(r===To){(To=n).nextScheduledRoot=xo,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if((0===e||i<e)&&(e=i,t=r),r===To)break;n=r,r=r.nextScheduledRoot}}null!==(n=Oo)&&n===t&&1===e?Ho++:Ho=0,Oo=t,So=e}function zo(e){Go(0,!0,e)}function qo(){Go(1,!1,null)}function Go(e,t,n){if(Mo=n,Vo(),t)for(;null!==Oo&&0!==So&&(0===e||e>=So)&&(!Po||bo()>=So);)bo(),$o(Oo,So,!Po),Vo();else for(;null!==Oo&&0!==So&&(0===e||e>=So);)$o(Oo,So,!1),Vo();null!==Mo&&(_o=0,ko=null),0!==So&&Bo(So),Mo=null,Po=!1,Yo()}function Ko(e,t){No&&d("253"),Oo=e,So=t,$o(e,t,!1),qo(),Yo()}function Yo(){if(Ho=0,null!==Do){var e=Do;Do=null;for(var t=0;t<e.length;t++){var n=e[t];try{n._onComplete()}catch(e){jo||(jo=!0,Ao=e)}}}if(jo)throw e=Ao,Ao=null,jo=!1,e}function $o(e,t,n){No&&d("245"),No=!0,n?null!==(n=e.finishedWork)?Jo(e,n,t):null!==(n=ho(e,t,!0))&&(Xo()?e.finishedWork=n:Jo(e,n,t)):null!==(n=e.finishedWork)?Jo(e,n,t):null!==(n=ho(e,t,!1))&&Jo(e,n,t),No=!1}function Jo(e,t,n){var r=e.firstBatch;if(null!==r&&r._expirationTime<=n&&(null===Do?Do=[r]:Do.push(r),r._defer))return e.finishedWork=t,void(e.remainingExpirationTime=0);if(e.finishedWork=null,lo=eo=!0,(n=t.stateNode).current===t&&d("177"),0===(r=n.pendingCommitExpirationTime)&&d("261"),n.pendingCommitExpirationTime=0,bo(),at.current=null,1<t.effectTag)if(null!==t.lastEffect){t.lastEffect.nextEffect=t;var i=t.firstEffect}else i=t;else i=t.firstEffect;$r=Pn;var a=s();if(Vn(a)){if("selectionStart"in a)var o={start:a.selectionStart,end:a.selectionEnd};else e:{var l=window.getSelection&&window.getSelection();if(l&&0!==l.rangeCount){o=l.anchorNode;var u=l.anchorOffset,f=l.focusNode;l=l.focusOffset;try{o.nodeType,f.nodeType}catch(e){o=null;break e}var p=0,h=-1,m=-1,g=0,v=0,y=a,b=null;t:for(;;){for(var w;y!==o||0!==u&&3!==y.nodeType||(h=p+u),y!==f||0!==l&&3!==y.nodeType||(m=p+l),3===y.nodeType&&(p+=y.nodeValue.length),null!==(w=y.firstChild);)b=y,y=w;for(;;){if(y===a)break t;if(b===o&&++g===u&&(h=p),b===f&&++v===l&&(m=p),null!==(w=y.nextSibling))break;b=(y=b).parentNode}y=w}o=-1===h||-1===m?null:{start:h,end:m}}else o=null}o=o||{start:0,end:0}}else o=null;for(Jr={focusedElem:a,selectionRange:o},jn(!1),oo=i;null!==oo;){a=!1,o=void 0;try{for(;null!==oo;){if(256&oo.effectTag){var E=oo.alternate;switch((u=oo).tag){case 2:if(256&u.effectTag&&null!==E){var x=E.memoizedProps,T=E.memoizedState,_=u.stateNode;_.props=u.memoizedProps,_.state=u.memoizedState;var k=_.getSnapshotBeforeUpdate(x,T);_.__reactInternalSnapshotBeforeUpdate=k}break;case 3:case 5:case 6:case 4:break;default:d("163")}}oo=oo.nextEffect}}catch(e){a=!0,o=e}a&&(null===oo&&d("178"),mo(oo,o),null!==oo&&(oo=oo.nextEffect))}for(oo=i;null!==oo;){E=!1,x=void 0;try{for(;null!==oo;){var N=oo.effectTag;if(16&N&&Ar(oo.stateNode,""),128&N){var O=oo.alternate;if(null!==O){var S=O.ref;null!==S&&("function"==typeof S?S(null):S.current=null)}}switch(14&N){case 2:Wa(oo),oo.effectTag&=-3;break;case 6:Wa(oo),oo.effectTag&=-3,za(oo.alternate,oo);break;case 4:za(oo.alternate,oo);break;case 8:Va(T=oo),T.return=null,T.child=null,T.alternate&&(T.alternate.child=null,T.alternate.return=null)}oo=oo.nextEffect}}catch(e){E=!0,x=e}E&&(null===oo&&d("178"),mo(oo,x),null!==oo&&(oo=oo.nextEffect))}if(S=Jr,O=s(),N=S.focusedElem,E=S.selectionRange,O!==N&&c(document.documentElement,N)){null!==E&&Vn(N)&&(O=E.start,void 0===(S=E.end)&&(S=O),"selectionStart"in N?(N.selectionStart=O,N.selectionEnd=Math.min(S,N.value.length)):window.getSelection&&(O=window.getSelection(),x=N[he()].length,S=Math.min(E.start,x),E=void 0===E.end?S:Math.min(E.end,x),!O.extend&&S>E&&(x=E,E=S,S=x),x=Wn(N,S),T=Wn(N,E),x&&T&&(1!==O.rangeCount||O.anchorNode!==x.node||O.anchorOffset!==x.offset||O.focusNode!==T.node||O.focusOffset!==T.offset)&&((_=document.createRange()).setStart(x.node,x.offset),O.removeAllRanges(),S>E?(O.addRange(_),O.extend(T.node,T.offset)):(_.setEnd(T.node,T.offset),O.addRange(_))))),O=[];for(S=N;S=S.parentNode;)1===S.nodeType&&O.push({element:S,left:S.scrollLeft,top:S.scrollTop});for("function"==typeof N.focus&&N.focus(),N=0;N<O.length;N++)(S=O[N]).element.scrollLeft=S.left,S.element.scrollTop=S.top}for(Jr=null,jn($r),$r=null,n.current=t,oo=i;null!==oo;){i=!1,N=void 0;try{for(O=r;null!==oo;){var C=oo.effectTag;if(36&C){var P=oo.alternate;switch(E=O,(S=oo).tag){case 2:var j=S.stateNode;if(4&S.effectTag)if(null===P)j.props=S.memoizedProps,j.state=S.memoizedState,j.componentDidMount();else{var A=P.memoizedProps,M=P.memoizedState;j.props=S.memoizedProps,j.state=S.memoizedState,j.componentDidUpdate(A,M,j.__reactInternalSnapshotBeforeUpdate)}var R=S.updateQueue;null!==R&&(j.props=S.memoizedProps,j.state=S.memoizedState,zi(S,R,j));break;case 3:var I=S.updateQueue;if(null!==I){if(x=null,null!==S.child)switch(S.child.tag){case 5:x=S.child.stateNode;break;case 2:x=S.child.stateNode}zi(S,I,x)}break;case 5:var L=S.stateNode;null===P&&4&S.effectTag&&Xr(S.type,S.memoizedProps)&&L.focus();break;case 6:case 4:case 15:case 16:break;default:d("163")}}if(128&C){S=void 0;var D=oo.ref;if(null!==D){var F=oo.stateNode;switch(oo.tag){case 5:S=F;break;default:S=F}"function"==typeof D?D(S):D.current=S}}var H=oo.nextEffect;oo.nextEffect=null,oo=H}}catch(e){i=!0,N=e}i&&(null===oo&&d("178"),mo(oo,N),null!==oo&&(oo=oo.nextEffect))}eo=lo=!1,ji(t.stateNode),0===(t=n.current.expirationTime)&&(uo=null),e.remainingExpirationTime=t}function Xo(){return!(null===Mo||Mo.timeRemaining()>Uo)&&(Po=!0)}function Qo(e){null===Oo&&d("246"),Oo.remainingExpirationTime=0,jo||(jo=!0,Ao=e)}function Zo(e,t){var n=Ro;Ro=!0;try{return e(t)}finally{(Ro=n)||No||qo()}}function el(e,t){if(Ro&&!Io){Io=!0;try{return e(t)}finally{Io=!1}}return e(t)}function tl(e,t){No&&d("187");var n=Ro;Ro=!0;try{return Eo(e,t)}finally{Ro=n,qo()}}function nl(e,t,n){if(Lo)return e(t,n);Ro||No||0===Co||(Go(Co,!1,null),Co=0);var r=Lo,i=Ro;Ro=Lo=!0;try{return e(t,n)}finally{Lo=r,(Ro=i)||No||qo()}}function rl(e){var t=Ro;Ro=!0;try{Eo(e)}finally{(Ro=t)||No||Go(1,!1,null)}}function il(e,t,n,r,i){var a=t.current;if(n){var o;n=n._reactInternalFiber;e:{for(2===ln(n)&&2===n.tag||d("170"),o=n;3!==o.tag;){if(hi(o)){o=o.stateNode.__reactInternalMemoizedMergedChildContext;break e}(o=o.return)||d("171")}o=o.stateNode.context}n=hi(n)?yi(n,o):o}else n=f;return null===t.context?t.context=n:t.pendingContext=n,t=i,(i=Li(r)).payload={element:e},null!==(t=void 0===t?null:t)&&(i.callback=t),Fi(a,i,r),yo(a,r),r}function al(e){var t=e._reactInternalFiber;return void 0===t&&("function"==typeof e.render?d("188"):d("268",Object.keys(e))),null===(e=cn(t))?null:e.stateNode}function ol(e,t,n,r){var i=t.current;return il(e,t,n,i=vo(bo(),i),r)}function ll(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function sl(e){var t=e.findFiberByHostInstance;return 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);Si=Pi(function(e){return t.onCommitFiberRoot(n,e)}),Ci=Pi(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}return!0}(o({},e,{findHostInstanceByFiber:function(e){return null===(e=cn(e))?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}var ul=Zo,cl=nl,fl=function(){No||0===Co||(Go(Co,!1,null),Co=0)};function dl(e){this._expirationTime=go(),this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function pl(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function hl(e,t,n){this._internalRoot=Oi(e,t,n)}function ml(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function gl(e,t,n,r,i){ml(n)||d("200");var a=n._reactRootContainer;if(a){if("function"==typeof i){var o=i;i=function(){var e=ll(a._internalRoot);o.call(e)}}null!=e?a.legacy_renderSubtreeIntoContainer(e,t,i):a.render(t,i)}else{if(a=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 hl(e,!1,t)}(n,r),"function"==typeof i){var l=i;i=function(){var e=ll(a._internalRoot);l.call(e)}}el(function(){null!=e?a.legacy_renderSubtreeIntoContainer(e,t,i):a.render(t,i)})}return ll(a._internalRoot)}function vl(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return ml(t)||d("200"),function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:st,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}He.injectFiberControlledHostComponent(Yr),dl.prototype.render=function(e){this._defer||d("250"),this._hasChildren=!0,this._children=e;var t=this._root._internalRoot,n=this._expirationTime,r=new pl;return il(e,t,null,n,r._onCommit),r},dl.prototype.then=function(e){if(this._didComplete)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},dl.prototype.commit=function(){var e=this._root._internalRoot,t=e.firstBatch;if(this._defer&&null!==t||d("251"),this._hasChildren){var n=this._expirationTime;if(t!==this){this._hasChildren&&(n=this._expirationTime=t._expirationTime,this.render(this._children));for(var r=null,i=t;i!==this;)r=i,i=i._next;null===r&&d("251"),r._next=i._next,this._next=t,e.firstBatch=this}this._defer=!1,Ko(e,n),t=this._next,this._next=null,null!==(t=e.firstBatch=t)&&t._hasChildren&&t.render(t._children)}else this._next=null,this._defer=!1},dl.prototype._onComplete=function(){if(!this._didComplete){this._didComplete=!0;var e=this._callbacks;if(null!==e)for(var t=0;t<e.length;t++)(0,e[t])()}},pl.prototype.then=function(e){if(this._didCommit)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},pl.prototype._onCommit=function(){if(!this._didCommit){this._didCommit=!0;var e=this._callbacks;if(null!==e)for(var t=0;t<e.length;t++){var n=e[t];"function"!=typeof n&&d("191",n),n()}}},hl.prototype.render=function(e,t){var n=this._internalRoot,r=new pl;return null!==(t=void 0===t?null:t)&&r.then(t),ol(e,n,null,r._onCommit),r},hl.prototype.unmount=function(e){var t=this._internalRoot,n=new pl;return null!==(e=void 0===e?null:e)&&n.then(e),ol(null,t,null,n._onCommit),n},hl.prototype.legacy_renderSubtreeIntoContainer=function(e,t,n){var r=this._internalRoot,i=new pl;return null!==(n=void 0===n?null:n)&&i.then(n),ol(t,r,e,i._onCommit),i},hl.prototype.createBatch=function(){var e=new dl(this),t=e._expirationTime,n=this._internalRoot,r=n.firstBatch;if(null===r)n.firstBatch=e,e._next=null;else{for(n=null;null!==r&&r._expirationTime<=t;)n=r,r=r._next;e._next=r,null!==n&&(n._next=e)}return e},Ke=ul,Ye=cl,$e=fl;var yl={createPortal:vl,findDOMNode:function(e){return null==e?null:1===e.nodeType?e:al(e)},hydrate:function(e,t,n){return gl(null,e,t,!0,n)},render:function(e,t,n){return gl(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return(null==e||void 0===e._reactInternalFiber)&&d("38"),gl(e,t,n,!1,r)},unmountComponentAtNode:function(e){return ml(e)||d("40"),!!e._reactRootContainer&&(el(function(){gl(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return vl.apply(void 0,arguments)},unstable_batchedUpdates:Zo,unstable_deferredUpdates:wo,unstable_interactiveUpdates:nl,flushSync:tl,unstable_flushControlled:rl,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{EventPluginHub:H,EventPluginRegistry:_,EventPropagators:ne,ReactControlledComponent:Ge,ReactDOMComponentTree:G,ReactDOMEventListener:Ln},unstable_createRoot:function(e,t){return new hl(e,!0,null!=t&&!0===t.hydrate)}};sl({findFiberByHostInstance:V,bundleType:0,version:"16.4.2",rendererPackageName:"react-dom"});var bl={default:yl},wl=bl&&yl||bl;e.exports=wl.default?wl.default:wl},function(e,t,n){"use strict";var r=!("undefined"==typeof window||!window.document||!window.document.createElement),i={canUseDOM:r,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:r&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:r&&!!window.screen,isInWorker:!r};e.exports=i},function(e,t,n){"use strict";e.exports=function(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(e,t,n){"use strict";var r=Object.prototype.hasOwnProperty;function i(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}e.exports=function(e,t){if(i(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(var o=0;o<n.length;o++)if(!r.call(t,n[o])||!i(e[n[o]],t[n[o]]))return!1;return!0}},function(e,t,n){"use strict";var r=n(316);e.exports=function e(t,n){return!(!t||!n)&&(t===n||!r(t)&&(r(n)?e(t,n.parentNode):"contains"in t?t.contains(n):!!t.compareDocumentPosition&&!!(16&t.compareDocumentPosition(n))))}},function(e,t,n){"use strict";var r=n(317);e.exports=function(e){return r(e)&&3==e.nodeType}},function(e,t,n){"use strict";e.exports=function(e){var t=(e?e.ownerDocument||e:document).defaultView||window;return!(!e||!("function"==typeof t.Node?e instanceof t.Node:"object"==typeof e&&"number"==typeof e.nodeType&&"string"==typeof e.nodeName))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,i,a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=v(['\n    font-family: "Bai Jamjuree","Segoe UI","微軟正黑體",sans-serif;\n    '],['\n    font-family: "Bai Jamjuree","Segoe UI","微軟正黑體",sans-serif;\n    ']),l=v(["\n    position: relative;\n    top: 60px;\n    ","\n    width: 100%;\n    z-index: 0;\n    "],["\n    position: relative;\n    top: 60px;\n    ","\n    width: 100%;\n    z-index: 0;\n    "]),s=g(n(0)),u=(g(n(37)),g(n(10))),c=n(55),f=n(36),d=g(n(325)),p=(g(n(134)),g(n(326))),h=g(n(364)),m=g(n(71));function g(e){return e&&e.__esModule?e:{default:e}}function v(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var y=new d.default,b=u.default.div(o),w=u.default.div(l,function(e){return e.mobile&&"\n        top: 50px;\n    "}),E=(r=(0,f.inject)("appState"),(0,c.withRouter)(i=r(i=(0,f.observer)(i=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.addScrollListener=n.addScrollListener.bind(n),n.addMediaListener=n.addMediaListener.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,s.default.Component),a(t,[{key:"render",value:function(){return s.default.createElement(b,null,s.default.createElement(p.default,null),s.default.createElement(w,{mobile:this.props.appState.mobile},m.default.route.map(function(e,t){return s.default.createElement(c.Route,{key:t,exact:e.exact,path:e.path,component:function(){return e.main}})})),s.default.createElement(h.default,null))}},{key:"componentDidMount",value:function(){this.addScrollListener(),this.addMediaListener()}},{key:"addScrollListener",value:function(){window.addEventListener("scroll",function(){y.scrollY=document.body.scrollTop})}},{key:"addMediaListener",value:function(){var e=this,t=window.matchMedia("(max-width: 800px)");this.props.appState.mobile=t.matches,t.addListener(function(t){e.props.appState.mobile=t.matches})}},{key:"componentDidUpdate",value:function(){window.scrollTo(0,0)}}]),t}())||i)||i)||i);t.default=function(){return s.default.createElement(f.Provider,{appState:y},s.default.createElement(c.BrowserRouter,null,s.default.createElement(E,null)))}},function(e,t){e.exports=function(e){if(!e.webpackPolyfill){var t=Object.create(e);t.children||(t.children=[]),Object.defineProperty(t,"loaded",{enumerable:!0,get:function(){return t.l}}),Object.defineProperty(t,"id",{enumerable:!0,get:function(){return t.i}}),Object.defineProperty(t,"exports",{enumerable:!0}),t.webpackPolyfill=1}return t}},function(e,t,n){"use strict";var r=/([A-Z])/g;e.exports=function(e){return e.replace(r,"-$1").toLowerCase()}},function(e,t,n){"use strict";var r=n(322);function i(){}e.exports=function(){function e(e,t,n,i,a,o){if(o!==r){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=i,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";

/** @license React v16.4.2

* react-is.production.min.js
*
* Copyright (c) 2013-present, Facebook, Inc.
*
* 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="function"==typeof Symbol&&Symbol.for,i=r?Symbol.for("react.element"):60103,a=r?Symbol.for("react.portal"):60106,o=r?Symbol.for("react.fragment"):60107,l=r?Symbol.for("react.strict_mode"):60108,s=r?Symbol.for("react.profiler"):60114,u=r?Symbol.for("react.provider"):60109,c=r?Symbol.for("react.context"):60110,f=r?Symbol.for("react.async_mode"):60111,d=r?Symbol.for("react.forward_ref"):60112,p=r?Symbol.for("react.timeout"):60113;function h(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case i:switch(e=e.type){case f:case o:case s:case l:return e;default:switch(e=e&&e.$$typeof){case c:case d:case u:return e;default:return t}}case a:return t}}}t.typeOf=h,t.AsyncMode=f,t.ContextConsumer=c,t.ContextProvider=u,t.Element=i,t.ForwardRef=d,t.Fragment=o,t.Profiler=s,t.Portal=a,t.StrictMode=l,t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===o||e===f||e===s||e===l||e===p||"object"==typeof e&&null!==e&&(e.$$typeof===u||e.$$typeof===c||e.$$typeof===d)},t.isAsyncMode=function(e){return h(e)===f},t.isContextConsumer=function(e){return h(e)===c},t.isContextProvider=function(e){return h(e)===u},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===i},t.isForwardRef=function(e){return h(e)===d},t.isFragment=function(e){return h(e)===o},t.isProfiler=function(e){return h(e)===s},t.isPortal=function(e){return h(e)===a},t.isStrictMode=function(e){return h(e)===l}},function(e,t){e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},function(e,t,n){"use strict";var r,i,a,o,l,s,u,c;Object.defineProperty(t,"__esModule",{value:!0});var f=n(11);function d(e,t,n,r){n&&Object.defineProperty(e,t,{enumerable:n.enumerable,configurable:n.configurable,writable:n.writable,value:n.initializer?n.initializer.call(r):void 0})}function p(e,t,n,r,i){var a={};return Object.keys(r).forEach(function(e){a[e]=r[e]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,("value"in a||a.initializer)&&(a.writable=!0),a=n.slice().reverse().reduce(function(n,r){return r(e,t,n)||n},a),i&&void 0!==a.initializer&&(a.value=a.initializer?a.initializer.call(i):void 0,a.initializer=void 0),void 0===a.initializer&&(Object.defineProperty(e,t,a),a=null),a}var h=(i=p((r=function e(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),d(this,"scrollY",i,this),d(this,"mobile",a,this),d(this,"pointerindex",o,this),d(this,"focusindex",l,this),d(this,"tabname",s,this),d(this,"open",u,this),d(this,"expandindex",c,this)}).prototype,"scrollY",[f.observable],{enumerable:!0,initializer:function(){return 0}}),a=p(r.prototype,"mobile",[f.observable],{enumerable:!0,initializer:function(){return!1}}),o=p(r.prototype,"pointerindex",[f.observable],{enumerable:!0,initializer:function(){return-1}}),l=p(r.prototype,"focusindex",[f.observable],{enumerable:!0,initializer:function(){return-1}}),s=p(r.prototype,"tabname",[f.observable],{enumerable:!0,initializer:function(){return"Home"}}),u=p(r.prototype,"open",[f.observable],{enumerable:!0,initializer:function(){return!1}}),c=p(r.prototype,"expandindex",[f.observable],{enumerable:!0,initializer:function(){return-1}}),r);t.default=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,i,a=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),o=p(n(0)),l=(p(n(10)),p(n(134)),n(11)),s=n(36),u=n(55),c=p(n(327)),f=p(n(360)),d=p(n(71));function p(e){return e&&e.__esModule?e:{default:e}}var h=(r=(0,s.inject)("appState"),(0,u.withRouter)(i=r(i=(0,s.observer)(i=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.onMatchReaction=n.onMatchReaction.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,o.default.Component),a(t,[{key:"render",value:function(){return this.props.appState.mobile?o.default.createElement(f.default,null):o.default.createElement(c.default,null)}},{key:"componentDidMount",value:function(){this.onMatchReaction()}},{key:"onMatchReaction",value:function(){var e=this;(0,l.reaction)(function(){return e.props.location.pathname},function(t){d.default.base==t?(e.props.appState.pointerindex=-1,e.props.appState.tabname="Home"):d.default.link.map(function(n,r){var i=n.fulllink,a=n.sublink;if(i.includes(t)){e.props.appState.pointerindex=r;var o=i.indexOf(t);e.props.appState.focusindex=o,e.props.appState.tabname=Array.isArray(a)?a[o]:a}})},{fireImmediately:!0})}}]),t}())||i)||i)||i);t.default=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,i,a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},o=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),l=y(["\n    position: fixed;\n    display: flex;\n    /* for igem ugly black topbar */\n    top: 15px;\n    align-items: center;\n    height: 70px;\n    min-width:fit-content;\n    width:100%;\n    background-color: white;\n    background-color: #003366 ;\n    /* background-color: steelblue ; */\n    /* background-color: dodgerblue; */\n    /* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */\n    z-index: 1;\n    transition: 0.3s;\n    \n    "],["\n    position: fixed;\n    display: flex;\n    /* for igem ugly black topbar */\n    top: 15px;\n    align-items: center;\n    height: 70px;\n    min-width:fit-content;\n    width:100%;\n    background-color: white;\n    background-color: #003366 ;\n    /* background-color: steelblue ; */\n    /* background-color: dodgerblue; */\n    /* box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3); */\n    z-index: 1;\n    transition: 0.3s;\n    \n    "]),s=y(["\n    display: inline-flex;\n    align-items: center;\n    height: fit-content;\n    margin-left: auto;\n    margin-top: 12px;\n    margin-right: 50px;\n    "],["\n    display: inline-flex;\n    align-items: center;\n    height: fit-content;\n    margin-left: auto;\n    margin-top: 12px;\n    margin-right: 50px;\n    "]),u=y(["\n    height: 70px;\n    padding: 5px;\n    position: absolute;\n    top: 20px;\n    margin-left: 30px;\n    margin-right: 10px;\n    background-color: white;\n    border-radius: 20%;\n    /* border-radius: 50%; */\n    box-shadow: 1px 2px 3px rgba(0,0,0,0.3);\n    cursor: pointer;\n    "],["\n    height: 70px;\n    padding: 5px;\n    position: absolute;\n    top: 20px;\n    margin-left: 30px;\n    margin-right: 10px;\n    background-color: white;\n    border-radius: 20%;\n    /* border-radius: 50%; */\n    box-shadow: 1px 2px 3px rgba(0,0,0,0.3);\n    cursor: pointer;\n    "]),c=v(n(0)),f=v(n(10)),d=(n(11),n(36)),p=n(55),h=v(n(4)),m=v(n(328)),g=v(n(71));function v(e){return e&&e.__esModule?e:{default:e}}function y(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var b=f.default.div(l),w=f.default.div(s),E=f.default.img(u),x=(r=(0,d.inject)("appState"),(0,p.withRouter)(i=r(i=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,c.default.Component),o(t,[{key:"render",value:function(){var e=this;return c.default.createElement(b,null,c.default.createElement(E,{src:h.default.image.icon.team,onClick:function(){e.props.history.push(g.default.base)}}),c.default.createElement(w,null,g.default.link.map(function(e,t){return c.default.createElement(m.default,a({key:t},e))})))}}]),t}())||i)||i);t.default=x},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=g(["\n    margin: 0 15px;\n    padding: 15px 5px;\n    "],["\n    margin: 0 15px;\n    padding: 15px 5px;\n    "]),o=g(["\n    display: flex;\n    align-items: baseline;\n    "],["\n    display: flex;\n    align-items: baseline;\n    "]),l=g(["\n    cursor: pointer;\n    user-select: none;\n    white-space: nowrap;\n    color: white;\n    font-size: 18px;\n    \n    ","\n    \n    "],["\n    cursor: pointer;\n    user-select: none;\n    white-space: nowrap;\n    color: white;\n    font-size: 18px;\n    \n    ","\n    \n    "]),s=g(["\n    position: relative;\n    top: 3px;\n    margin-left: 4px;\n    border: 5px solid transparent;\n    border-top-color: white;\n    transition: 0.4s ;\n\n    "],["\n    position: relative;\n    top: 3px;\n    margin-left: 4px;\n    border: 5px solid transparent;\n    border-top-color: white;\n    transition: 0.4s ;\n\n    "]),u=g(["\n    position: absolute;\n    margin: 10px 0px;\n    width: 160px;\n    padding: 0px 0px 3px 8px;\n    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\n    border-radius: 3px;\n    border-top: 2px solid #003366;\n    border-left: 6px solid #003366; \n    background-color: white;\n\n    display: none;\n\n    ",":hover &{\n        display:block;\n    }\n    "],["\n    position: absolute;\n    margin: 10px 0px;\n    width: 160px;\n    padding: 0px 0px 3px 8px;\n    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);\n    border-radius: 3px;\n    border-top: 2px solid #003366;\n    border-left: 6px solid #003366; \n    background-color: white;\n\n    display: none;\n\n    ",":hover &{\n        display:block;\n    }\n    "]),c=g(["\n    cursor: pointer;\n    user-select:none;\n    padding: 5px 0px;\n    "],["\n    cursor: pointer;\n    user-select:none;\n    padding: 5px 0px;\n    "]),f=m(n(0)),d=m(n(10)),p=(n(11),n(36)),h=n(55);function m(e){return e&&e.__esModule?e:{default:e}}function g(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var v=d.default.div(a),y=d.default.div(o),b=d.default.div(l,function(e){return e.active&&"\n        background-color: #003366;\n        color: white;\n        padding-left: 10px;\n        border-radius: 4px 0px 0px 4px;\n    "}),w=d.default.div(s),E=d.default.div(u,v),x=d.default.div(c),T=(0,p.inject)("appState")(r=(0,h.withRouter)(r=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.onItemClick=n.onItemClick.bind(n),n.onHeaderClick=n.onHeaderClick.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,f.default.Component),i(t,[{key:"render",value:function(){var e=this;return Array.isArray(this.props.sublink)?f.default.createElement(v,null,f.default.createElement(y,null,f.default.createElement(b,null,this.props.display),f.default.createElement(w,null)),f.default.createElement(E,null,this.props.sublink.map(function(t,n){return f.default.createElement(x,{key:n,onClick:function(){return e.onItemClick(n)}},t)}))):f.default.createElement(v,null,f.default.createElement(b,{onClick:this.onHeaderClick},this.props.display))}},{key:"onItemClick",value:function(e){var t=this.props.fulllink[e];this.props.history.push(t)}},{key:"onHeaderClick",value:function(){var e=this.props.fulllink;this.props.history.push(e)}}]),t}())||r)||r;t.default=T},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=g(['\n    width: 100%;\n    height: fit-content;\n\n     &::before{\n        content:"";\n        background: linear-gradient(0deg,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0.3));\n        position: absolute;\n        width: 100%;\n        height: 100% ;\n    }\n    '],['\n    width: 100%;\n    height: fit-content;\n\n     &::before{\n        content:"";\n        background: linear-gradient(0deg,rgba(0, 0, 0, 1),rgba(0, 0, 0, 0.3));\n        position: absolute;\n        width: 100%;\n        height: 100% ;\n    }\n    ']),a=g(["\n    width: 100%;\n    position: fixed;\n    top: 80px;\n    z-index: -1;\n\n    "],["\n    width: 100%;\n    position: fixed;\n    top: 80px;\n    z-index: -1;\n\n    "]),o=g(["\n    color: white;\n    font-size: 60px;\n    color: white;\n    position:relative;\n    top: 30%;\n    width: fit-content;\n    font-weight: 600;\n    margin: auto;\n    width: fit-content;\n    "],["\n    color: white;\n    font-size: 60px;\n    color: white;\n    position:relative;\n    top: 30%;\n    width: fit-content;\n    font-weight: 600;\n    margin: auto;\n    width: fit-content;\n    "]),l=g(["\n    width: fit-content;\n    margin: auto;\n    "],["\n    width: fit-content;\n    margin: auto;\n    "]),s=g(["\n    background-color: white;\n    margin-top: 50%;\n    padding-bottom: 150px;\n    position: relative;\n    "],["\n    background-color: white;\n    margin-top: 50%;\n    padding-bottom: 150px;\n    position: relative;\n    "]),u=g(["\n    width: 100%;\n    "],["\n    width: 100%;\n    "]),c=g(["\n    width: 200px;\n    "],["\n    width: 200px;\n    "]),f=n(0),d=m(f),p=m(n(4)),h=m(n(10));function m(e){return e&&e.__esModule?e:{default:e}}function g(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var v=h.default.div(i),y=h.default.video(a),b=h.default.div(o),w=h.default.div(l),E=h.default.div(s),x=h.default.img(u),T=h.default.img(c),_=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,f.Component),r(t,[{key:"render",value:function(){return d.default.createElement("div",null,d.default.createElement(v,null,d.default.createElement(y,{autoPlay:!0,muted:!0},d.default.createElement("source",{src:p.default.video.home,type:"video/mp4"})),d.default.createElement(b,null,d.default.createElement(w,null,"NTHU Taiwan"),d.default.createElement(w,{style:{fontSize:"30px"}},"iGEM 2018"),d.default.createElement(w,{style:{fontSize:"50px",marginTop:"40px"}},"Equivibrium"))),d.default.createElement(E,null,d.default.createElement("div",{style:{width:"60%",margin:"auto"}},d.default.createElement(x,{src:p.default.image.home.overview})),d.default.createElement("div",{style:{width:"fit-content",margin:"auto"}},d.default.createElement("a",{href:"https://2018.igem.org/Team:NTHU_Taiwan/Description"},d.default.createElement(T,{src:p.default.image.home.project})),d.default.createElement("a",{href:"https://2018.igem.org/Team:NTHU_Taiwan/Drylab-Overview"},d.default.createElement(T,{src:p.default.image.home.drylab})),d.default.createElement("a",{href:"https://2018.igem.org/Team:NTHU_Taiwan/Wetlab-Overview"},d.default.createElement(T,{src:p.default.image.home.wetlab})),d.default.createElement("a",{href:"https://2018.igem.org/Team:NTHU_Taiwan/Public_Engagement"},d.default.createElement(T,{src:p.default.image.home.hp})),d.default.createElement("a",{href:"https://2018.igem.org/Team:NTHU_Taiwan/Member"},d.default.createElement(T,{src:p.default.image.home.team})))))}}]),t}();t.default=_},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(4)),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"In an island state such as Taiwan, the aquaculture is an important industry. Based on the data from our Fisheries Agency, about one million tons of fisheries are produced in 2017. Among them, 27.5% of production is from fish farming and the total cost is about 30 billion US dollar.[1] However, the infection of aquatic animal has been a critical threat for a long time which leads to inestimable financial damage in Taiwan. Due to the fact reported by UN News indicates that more people than ever before rely on fisheries and aquaculture for food, the infection of aquatic animal exerts a huge impact on the global fishery market. [2] For example, the ",a.default.createElement("span",{className:"special-name"},"Vibrio"),"-related infection causes ten million US dollars worth of damage to Taiwan each year. Moreover, an estimated data from the government shows that about 800 to 1,000 hectare of fish farms are infected by ",a.default.createElement("span",{className:"special-name"},"Vibrio"),". Last year a huge outbreak of ",a.default.createElement("span",{className:"special-name"},"Vibrio"),"-related infection, ",a.default.createElement("span",{className:"special-name"},"Vibrio"),"sis, even caused at least 40% of hard clams to die in Taiwan. In a nutshell, ",a.default.createElement("span",{className:"special-name"},"Vibrio"),"-related infection is a serious problem. [3]"),a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{className:"illust-image-wrapper"},a.default.createElement("img",{className:"illust-image",src:o.default.image.description.infected})),a.default.createElement("div",{className:"undertext"},"reference: http://www.zjhys.cn/bhfz/typenews.asp?id=309")),a.default.createElement("div",{className:"part"},"To gain more insights into this problem, we have conducted interviews with many fishermen, and we found that when they encounter the situation that fish has died, traditional solution is adopted. They just send the dead fish to the testing institute and dose the prescribed antibiotic into their fishing farms without knowing why. However, the abuse of antibiotics will lead to irreversible harm to the environment. We consider that in order to end up the abuse of antibiotics, it is necessary to know that what kind of bacteria the fish is infected and also the concentration of the bacteria in the water. Therefore, our goal this year is to design a system which is able to dose appropriate and corrected aquacultural drugs according to the concentration of bacteria in the water as well as automatically detect the water condition which can let fishermen have a comprehensive understanding of whether the drug works or not.")),c=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"Our project can be divided into two parts: one is to dose appropriate and corrected drug, and the other is to automatically detect the water quality and the concentration of specific bacteria. "),a.default.createElement("div",{className:"part"},"To implement the idea of appropriately dosing aquaculture drug, we design a system based on the model of succession. Our engineered ",a.default.createElement("span",{className:"special-name"},"E. coli")," will detect acyl homoserine lactone (AHL) secreted by ",a.default.createElement("span",{className:"special-name"},"Vibrio")," through quorum sensing and triggers our engineered bacteria to produce an antimicrobial peptide which is able to kill ",a.default.createElement("span",{className:"special-name"},"Vibrio"),". The killing genes are regulated by a riboswitch called small transcription activating RNAs (STAR) system. In comparison to regulatory proteins, STAR shows the advantages of lowering leakage problem, shortening response time, and decreasing the burden of translation. The system regulates the rate of killing ",a.default.createElement("span",{className:"special-name"},"Vibrio")," and ",a.default.createElement("span",{className:"special-name"},"E. coli")," itself in order to keep the population of ",a.default.createElement("span",{className:"special-name"},"Vibrio")," under the pathogenic level and maintain the balance between two bacteria at the same time. Therefore, we can control the ",a.default.createElement("span",{className:"special-name"},"Vibrio")," population and avoid fish and shrimp infection in a sustainable way. "),a.default.createElement("div",{className:"part"},"In the part of detecting water quality, to get precise concentration of specific bacteria in the water, we design an automatic and real-time detecting device. The current detection methods are time-consuming and furthermore, the water quality monitoring system on the market currently is able to detect physical and chemical indexes only. Therefore, we aim to create an IoT detecting device which can collect the water sample automatically and periodically. Then it is able to detect the concentration of specific bacteria with high specificity. For instance, it can detect the concentration of 100 CFU/mL of ",a.default.createElement("span",{className:"special-name"},"Vibrio")," within 24 hours[4,5], and informs fisherman regularly. It has the potential to reduce the financial loss of our aquaculture industry. ")),f=a.default.createElement("div",null,a.default.createElement("div",{className:"reference"},"1. Ching-Ying Deng, Meei-Mei Chen, Ju-Hsien Peng, Yu-Chiao Yang, Chih-Chien Chang, Hui-Ping Tsai 2014 The Investigation on the Infection of Francisellosis in Farmed Tilapia in Taoyuan and Hsinchu Areas. Journal of Taiwan Fisheries Research,22 (1): 81-91"),a.default.createElement("div",{className:"reference"},"2. https://news.un.org/en/audio/2014/05/588932, UN NEWS. 19 May 2014 "),a.default.createElement("div",{className:"reference"},"3. H-J Ju, M-Y Huang, H-C Liu, L-W Tseng, C-L Pan and C-I Chang, 2016 Screening Bacteria Antagonistic toward Aquatic Pathogenic Vibrio spp. from Marine Fishes and Shrimp. Journal of Taiwan Fisheries Research, 24 (1): 37-50"),a.default.createElement("div",{className:"reference"},"4. Chin-I Chan, et al., 2011, https://www.tfrin.gov.tw/dl.asp?fileName=17111695971.pdf"),a.default.createElement("div",{className:"reference"},"5. http://www.tfrin.gov.tw/friweb/frienews/enews0118/h1.html")),d={viewbar:{Title:"Description",Subtitle:"A solution to the problem of the abuse of antibiotics in aquaculture",image:o.default.image.topfull.description},content:{Introduction:"",parts:[{Title:"Motivation",Description:u},{Title:"Solution",Description:c},{Title:"Reference",Description:f}]}},p=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,d)}}]),t}();t.default=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(4)),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",null,"Our project this year is to design an engineered E.coli to co-culture with pathogenic Vibrio and create a prey-predator system, also called bio-control, to control Vibrio population in order to create an equilibrium between Vibrio and engineered E.coli. Therefore Vibrio population can be controlled in a particular concentration which will not able to infect marine organism such as shrimp, fish…etc."),a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{className:"illust-image-wrapper"},a.default.createElement("img",{className:"illust-image",src:o.default.image.design.exp})),a.default.createElement("div",{className:"undertext"},"Fig 1. exponential growth of vibrio without constraint in fish farm")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.design.equlibrium}),a.default.createElement("div",{className:"undertext"},"Fig 2. Vibrio population controlled by engineered E.coli forming a equilibrium")),a.default.createElement("div",null)),a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{className:"illust-image-wrapper"},a.default.createElement("img",{className:"illust-image",src:o.default.image.design.shrimp})),a.default.createElement("div",{className:"undertext"},"Fig 3. Infected shrimp")),a.default.createElement("div",null,"Hence the goal of wetlab this year is going to design a gene circuit which can make engineered E.coli to secrete anti-vibrio substances[1] while vibrio concentration exceed hazard concentration, and engineered E.coli suicide[2] while vibrio concentration is low to avoid bio-safety concern."),a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{style:{margin:"auto",width:"500px"}},a.default.createElement("img",{className:"illust-image",src:o.default.image.design.cycle}))),a.default.createElement("div",{className:"part"}," Our gene design can be divided into 3 parts. First is the “detection” part makes our E.coli sense the population of vibrio and respond to it.  Second, the “kill switch” part compares the level of 2 bacteria and switches our E.coli  between modes of secreting anti-vibrio substances and suicide substance. “Growth inhibitor” part includes a toxic protein (so called Colicin M) and a toxic small RNA (tsRNA)."),a.default.createElement("div",{className:"part"}," Though we want to conduct Vibrio related experiments in our lab, our lab belongs to BSL1 level and we can’t cultivate Vibrio. Therefore, we use 2 different kinds of E. coli. to simulate our succession model with one being as fake Vibrio, and another being as engineered E. coli. ")),c=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"ACE is an abbreviation of “Automatic Color-detecting Examiner” which is able to provide a stable environment for any color-changing-related test. All of the processes are executed and the information of each color will be digitized automatically. Finally, we create our own database to store the data and analyze them more precisely. Combining with IoT technology, all of our data will be recorded and analyzed in our cloud database and be returned to our clients, which allows them to take control of the results."),a.default.createElement("div",{className:"part"},"In order to prove our ACE can be used in reality to solve the Vibrio problem in our society, we make a collaboration with the “Fisheries Research Institute” of the Taiwan government. We integrated their MV-kit with our system to develop a brand-new ",a.default.createElement("a",{href:"https://2018.igem.org/Team:NTHU_Taiwan/Application"},"Automatic Vibrio-detecting System")),a.default.createElement("div",{style:{width:"300px"},className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.design.system}))),f={viewbar:{Title:"Design",Subtitle:"Prey-predator system of Vibrio and E.coli",image:o.default.image.topfull.design},content:{parts:[{Title:"Wetlab",Description:u},{Title:"Drylab",Description:c}]}},d=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,f)}}]),t}();t.default=d},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(4)),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"The goal of ACE is to detect the color-changing process automatically and to analyze the degree of color-changing by comparing to our database. After analyzing, it is able to send a final report to our clients in a fast and simple way."),a.default.createElement("div",{className:"part"},"Here we demonstrate the whole structure design and showcase our expected effectiveness by combining different parts of our device."),a.default.createElement("div",null,"(a) An environment with a uniform source of light and it is temperature controllable."),a.default.createElement("div",null,"(b) A system which can control the X-Y axis to sample automatically."),a.default.createElement("div",null,"(c) A platform which combines the 96-well plate and it is able to prevent evaporation."),a.default.createElement("div",null,"(d) Automatic image-detecting system."),a.default.createElement("div",null,"(e) An application which can update the information anytime.")),c=a.default.createElement("iframe",{style:{height:"500px",width:"100%"},src:"https://www.youtube.com/embed/didyeianZ9U",frameborder:"0",allow:"autoplay; encrypted-media",allowfullscreen:!0}),f=a.default.createElement("iframe",{style:{height:"500px",width:"100%"},src:"https://www.youtube.com/embed/yOVGhMbamdk",frameborder:"0",allow:"autoplay; encrypted-media",allowfullscreen:!0}),d={viewbar:{Title:"Demonstration",Subtitle:"Working in real world",image:o.default.image.topfull.demonstration},content:{parts:[{Description:u},{Title:"Explosion",Description:c},{Title:"Demonstration",Description:f}]}},p=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,d)}}]),t}();t.default=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=(s(n(10)),s(n(4))),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",null,"We participated in iGEM's fifth International InterLaboratory Measurement Study. This study is organized by iGEM's measurement committee in an effort to establish a standardized, reliable and repeatable measurement tool for the iGEM community and the synthetic biology community as a whole. In the InterLab study of this year, our team followed ",a.default.createElement("a",{href:"https://static.igem.org/mediawiki/2018/0/09/2018_InterLab_Plate_Reader_Protocol.pdf"},"InterLab_2018_Plate_Reader_Protocol")," to conduct the experiment."),a.default.createElement("div",null,"The experiments can be divided into three parts: calibration, cell measurement, and counting colony-forming units from the sample.")),c=a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"1. OD 600 Reference point"),a.default.createElement("div",null,"LUDOX CL-X (45% colloidal silica suspension) is used as a single point reference to obtain a conversion factor to transform absorbance (Abs600) data from our plate reader into a comparable OD600 measurement as would be obtained in a spectrophotometer. We will get the data for OD600 of the H2O and LUDOX. The corrected Abs600 is calculated by subtracting the H2O reading. To convert measured Abs600 to OD600 is to let Reference OD600 divided by Abs600.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"2. Particle Standard Curve"),a.default.createElement("div",null,"We prepared a dilution series of monodisperse silica microspheres and measured the Abs600 in a plate reader. The size and optical characteristics of these microspheres are similar to cells, and there was a known amount of particles per volume. This measurement allows us to construct a standard curve of particle concentration which can be used to convert Abs600 measurements to an estimated number of cells.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"3. Fluorescence standard curve"),a.default.createElement("div",null,"Absolute fluorescence values cannot be directly compared from one instrument to another. In order to compare the fluorescence output of test devices between teams, it was necessary to create a standard fluorescence curve.")))),f=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"First, we transformed Escherichia coli DH5α with these following plasmids."),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",null,"Negative control   BBa_R0040    Kit Plate 7 Well 2D"),a.default.createElement("div",null,"Positive control   BBa_I20270   Kit Plate 7 Well 2B"),a.default.createElement("div",null,"Test Device 1   BBa_J364000  Kit Plate 7 Well 2F"),a.default.createElement("div",null,"Test Device 2   BBa_J364001  Kit Plate 7 Well 2H"),a.default.createElement("div",null,"Test Device 3   BBa_J364002  Kit Plate 7 Well 2J"),a.default.createElement("div",null,"Test Device 4   BBa_J364007  Kit Plate 7 Well 2L"),a.default.createElement("div",null,"Test Device 5      BBa_J364008  Kit Plate 7 Well 2N"),a.default.createElement("div",null,"Test Device 6      BBa_J364009  Kit Plate 7 Well 2P"))),a.default.createElement("div",{className:"part"},"Secondly, two colonies from each plate were picked and inoculated in LB medium containing chloramphenicol overnight for 16-18 hours at 37°C and 220 rpm."),a.default.createElement("div",{className:"part"},"Finally, we measured the OD600 and fluorescence of transformed cells according to the protocol after 0, 6 hours. Measurements gave us the following data and calculations which were conducted with the values we obtained from the standard curves and the reference point.")),d=a.default.createElement("div",null,"This measurement can be used to calibrate OD600 to colony forming unit (CFU) counts, which are directly relatable to the cell concentration of the culture. We first diluted overnight culture to OD600 = 0.1 in 1mL of LB + Cam media, then prepared a dilution series as instruction. Spread plate for dilution sample and incubated at 37°C overnight and count colonies after 18-20 hours of growth."),p=a.default.createElement("div",null,"Detail of the interlab experiment on ",a.default.createElement("a",{href:"https://drive.google.com/file/d/1ckLe66tEv3bbxnEU4JwRetVj-YGy4wxQ/view?usp=sharing"},"Google Drive")),h={viewbar:{Title:"Contribution",Subtitle:"Join the iGEM's fifth interlab Study",image:o.default.image.topfull.contribution},content:{Introduction:u,parts:[{Title:"Calibration",Description:c},{Title:"Cell measurement",Description:f},{Title:"Counting colony-forming units (CFUs)",Description:d},{Title:"File download",Description:p}]}},m=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,h)}}]),t}();t.default=m},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=M(["\n    margin-bottom: 150px;\n    "],["\n    margin-bottom: 150px;\n    "]),o=M(["\n    width: 80%;\n    margin: auto;\n    overflow-x: hidden;\n    ","\n    "],["\n    width: 80%;\n    margin: auto;\n    overflow-x: hidden;\n    ","\n    "]),l=M(["\n    font-size: 35px;\n    font-weight: 600;\n    color: #003366;\n    margin-bottom: 30px;\n    "],["\n    font-size: 35px;\n    font-weight: 600;\n    color: #003366;\n    margin-bottom: 30px;\n    "]),s=M(["\n    display: grid;\n    grid-template-columns: repeat(auto-fill,minmax(360px,1fr));\n    grid-gap: 30px;\n    ","\n    "],["\n    display: grid;\n    grid-template-columns: repeat(auto-fill,minmax(360px,1fr));\n    grid-gap: 30px;\n    ","\n    "]),u=M(["\n    vertical-align: top;\n    height: 630px;\n    display: inline-block;\n\n    ","\n    "],["\n    vertical-align: top;\n    height: 630px;\n    display: inline-block;\n\n    ","\n    "]),c=M(["\n    width: 220px;\n    margin: auto;\n    margin-bottom: 10px;\n    "],["\n    width: 220px;\n    margin: auto;\n    margin-bottom: 10px;\n    "]),f=M(["\n    width: inherit;\n    "],["\n    width: inherit;\n    "]),d=M(["\n    width: fit-content;\n    margin: auto;\n    font-size: 25px;\n    color: steelblue;\n    "],["\n    width: fit-content;\n    margin: auto;\n    font-size: 25px;\n    color: steelblue;\n    "]),p=M(["\n    /* break line by \n */\n    white-space: pre-line;\n    width: fit-content;\n    font-size: 18px;\n    margin: 8px auto;\n    "],["\n    /* break line by \\n */\n    white-space: pre-line;\n    width: fit-content;\n    font-size: 18px;\n    margin: 8px auto;\n    "]),h=M(["\n    "],["\n    "]),m=M(["\n    margin: auto;\n    width: 360px;\n\n    ","\n    "],["\n    margin: auto;\n    width: 360px;\n\n    ","\n    "]),g=M(["\n    margin-top: 5px;\n    color: steelblue;\n    "],["\n    margin-top: 5px;\n    color: steelblue;\n    "]),v=M(["\n    margin-top: 10px;\n    display: flex;\n    align-items: center;\n    "],["\n    margin-top: 10px;\n    display: flex;\n    align-items: center;\n    "]),y=M(["\n    text-decoration: none;\n    margin-right: 12px;\n    "],["\n    text-decoration: none;\n    margin-right: 12px;\n    "]),b=M(["\n    font-size: 28px;\n    color: lightsteelblue;\n    "],["\n    font-size: 28px;\n    color: lightsteelblue;\n    "]),w=M(["\n    display: none;\n    "],["\n    display: none;\n    "]),E=M(["\n    height: 50px;\n    "],["\n    height: 50px;\n    "]),x=M(["\n    grid-template-columns: repeat(auto-fill,minmax(400px,1fr));\n    ","\n    "],["\n    grid-template-columns: repeat(auto-fill,minmax(400px,1fr));\n    ","\n    "]),T=M(["\n    height: 550px;\n    ","\n    "],["\n    height: 550px;\n    ","\n    "]),_=M(["\n    width: 250px;\n    "],["\n    width: 250px;\n    "]),k=M(["\n    width: 360px;\n    ","\n    "],["\n    width: 360px;\n    ","\n    "]),N=n(0),O=A(N),S=A(n(10)),C=A(n(4)),P=n(36),j=A(n(135));function A(e){return e&&e.__esModule?e:{default:e}}function M(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var R=S.default.div(a),I=S.default.div(o,function(e){return e.mobile&&"\n        width: 95%;\n    "}),L=S.default.div(l),D=S.default.div(s,function(e){return e.mobile&&"\n        grid-template-columns: repeat(auto-fill,minmax(300px,1fr));\n    "}),F=S.default.div(u,function(e){return e.mobile&&"\n        height: fit-content;\n        margin-bottom: 80px;\n    "}),H=S.default.div(c),U=S.default.img(f),B=S.default.div(d),W=S.default.div(p),V=(S.default.div(h),S.default.div(m,function(e){return e.mobile&&"\n        width: 260px;\n    "})),z=S.default.div(h),q=S.default.div(g),G=S.default.div(v),K=S.default.a(y),Y=S.default.div(b),$=S.default.div(g),J=S.default.div(w),X=S.default.img(E),Q=[{name:"Max Wang",image:""+C.default.image.member.Max_Wang,position:"Team Leader",department:"Life Science/ Electrical Engineering",description:"Max, who majors in life science and double-majors in electrical engineering in NTHU, Taiwan. Outside of iGEM, he is now joining in an immunology laboratory and doing some researches about immune checkpoints, PD-1. Apart from the university studies, he is also active in diverse activities. For example, he has participated in several Chinese calligraphy contests in Taiwan and won many prizes.",contact:{facebook:"https://www.facebook.com/tysh0106",linkedin:"https://www.linkedin.com/in/tysh0106/"}},{name:"Kevin Wang",image:""+C.default.image.member.Kevin_Wang,position:"Wetlab",department:"Materials Science and Engineering/ Physics",description:"I am Kevin Wang, a sophomore student study in Material Sciences and Physics. \n      During iGEM, I design the gene circuit and most of gene fragments of our project this year, and including trouble shooting. This summer, I spent lots of time doing digestion-ligation, transform and PCR. Although failure make me feel frustration, I never give up till success. Beyond iGEM, I’m doing research about graphene’s physics properties and modeling tumor growth in physics method. Besides, I take care school’s stray dogs include feeding and medical treatment, and play tennis or softball at leisure time.\n      My dream is to become a scientist, and I will strive to pursuit my dream.",contact:{facebook:"https://www.facebook.com/profile.php?id=100001738147633"}},{name:"Frank Lin",image:""+C.default.image.member.Teng_Yen_Lin,position:"Drylab leader",department:"Materials Science and Engineering",description:"Frank is a master student of department of materials science and engineering, NTHU. He is a dry lab leader and he plays a crucial role in our team. He shows responsibility in our project, leading dry lab to make our devices possible. Apart from the iGEM competition, he is researching about stem cells and bioengineering.",contact:{facebook:"https://www.facebook.com/lin.t.yan.92"}},{name:"Tina Wu",image:""+C.default.image.member.Tina_Wu,position:"HP Leader",department:"Electrical Engineering",description:"This is Tina’s first time to join iGEM. Most of her time was spent on executing projects from Human Practice team. For her, seeing the whole project is going beyond the lab is really amazing! Outside iGEM, she majors in electrical engineering and she has interests in so many things such as biotech and  entrepreneurship. She had worked as an intern at an accelerator focusing on the healthcare industry. Recently she is conducting research on finding how signals are transmitted in drosophila's olfactory neuron system. Also, Opera and EDM are the two music genres she loves most : )",contact:{facebook:"https://www.facebook.com/tinawu2406",linkedin:"https://www.linkedin.com/in/xin-fang-wu/",email:"tinawu2406@gmail.com"}},{name:"Ruby Chan",image:""+C.default.image.member.Ruby_Chan,position:"Wetlab",department:"Chemistry",description:"A girl who is never satisfied with the status quo.",contact:{facebook:"https://www.facebook.com/profile.php?id=100004026627188"}},{name:"Andy Yu",image:""+C.default.image.member.Kai_Chiang_Yu,position:"Wetlab",department:"Chemistry",description:"Andy, a senior student from department of chemistry, now struggling along the tenebrous road from hell.",contact:{facebook:"https://www.facebook.com/profile.php?id=100002090493215"}},{name:"Ricky Chan",image:""+C.default.image.member.Ricky_Chan,position:"Wetlab",department:"Applied Science",description:"A boy who is curious about this unknown world, and likes to connect with different people. In iGEM NTHU TAIWAN, he participates in both wetlab and HP group. Therefore, sometimes he has to run around between the laboratory and local fishing rods. Although he  spent lots of time on it, he learned a lot and expand his horizons, feeling it's worth the efforts as well.",contact:{facebook:"https://www.facebook.com/profile.php?id=100002901720732"}},{name:"Emily Wu",image:""+C.default.image.member.Emily_Wu,position:"Wetlab",department:"Department of Life Science",description:"Hi, I’m Emily, who majors in life science in NTHU. During my leisure time, I enjoy painting because it’s a way to show the fantastic ideas in my mind. My work in team NTHU_Taiwan is conducting the biology cloning in wet lab. I think I am a prudent person and I immerse myself in wet lab work. Besides, participating in this competition is truly inspire me to acquire problem-solving skills and knowledge of synthetic biology.",contact:{facebook:"https://www.facebook.com/wu.jia.31"}},{name:"Jim Jian",image:""+C.default.image.member.Jim_Jian,position:"Wetlab",department:"Chemistry",description:"“A crazy lover of chemistry experiments, who often carries out experiment in the dormitory. Luckily, no explosion was made.” ---Kevin, my roommate.\n                     I like organic chemistry, synthetic biology, experiments, minerals, and caterpillars.\n                     Recently, I am experimenting some triboluminescence compound, if you are interested in them, we can keep in touch!",contact:{facebook:"https://www.facebook.com/profile.php?id=100003406433025",email:"caterpillar0922@gmail.com",pokemon_id:"132610448091",bug:"cater cater!"}},{name:"Toby Tsai",image:""+C.default.image.member.You_Yang_Tsai,position:"Wetlab",department:"Chemistry",description:"YY, a big boy who is still in his puberty, is interesting in chemistry and physics and accidentally joins iGEM NTHU TAIWAN. Few months age, he devoted to become a great scientist who could make the world better. But now, his largest dream is to become a Master of Pokémon. If you are also crazy about Pokémon, contact me and add me to your friend list. We can pursue Dragonite, beat Mewtwo and talk a walk for hatching eggs together : )",contact:{facebook:"https://www.facebook.com/profile.php?id=100003048785341",pokemon_id:"919370419502"}},{name:"Vanessa Chuang",image:""+C.default.image.member.Vanessa_Chuang,position:"Drylab",department:"Power Mechanical Enginnering",description:"Hello this is Vanessa, currently is a second year master student and have an interdisciplinary background of both mechanical engineering and computer science. I have an enthusiasm for learning new knowledge and also the maker spirit embedded in my mind. Making things by myself and integrating all mechanical systems together make me feel a sense of achievement. Besides, I am also interested in different cultures and love to travel. As the saying say “When the going gets tough, the tough get going,” all and all enrich my life with not just challenging but also happiness and courage.",contact:{linkedin:"https://www.linkedin.com/in/vanessa-chuang-59475a147/",facebook:"https://www.facebook.com/vanessa.chuang.942",email:"vanessachuang1229@gmail.com"}},{name:"Timtor Chen",image:""+C.default.image.member.Timtor_Chen,position:"Drylab",department:"Physics",description:O.default.createElement("div",null,O.default.createElement(J,null,"Some of them are just freeloaders!! They reluctant to be responsible to their job, and always absent in the experiment. Our drylab Leader is a classical one. He can do nothing about software and hardware, but nonstopingly order members doing everything. I feel disappointed when I realize this situation. It is a waste of my time working with a group without a passion..."),"Lack of refreshment. Please donate to ETH : 0xe203180876b1263542464742b7b144e65c4f1885"),contact:{github:"https://github.com/timtorChen"}},{name:"Lily Huang",image:""+C.default.image.member.Lily_Huang,position:"Drylab",department:"Interdisciplinary Program of Nuclear Science",description:"Lily is an enthusiastic girl, and she always has endless ideas to share with the members. Besides of being a creative person, she also has the strong determination to break the status quo.",contact:{facebook:"https://www.facebook.com/profile.php?id=100000166525445"}},{name:"Mickey Huang",image:""+C.default.image.member.Chia_Min_Huang,position:"Drylab",department:"Physics",description:"Mickey, a college student in third grade, studying phisics. Although her dream is to be a great scientist, she also like to make things on her own hand. And it is lucky for her to meet this iGEM group, which provides her such a good chance. She also like to sing and play volleyball. Thus she hope that everyone can develop some hobbies and also keep professional in the meantime, having a happy life.",contact:{facebook:"https://www.facebook.com/mickeyhellomickeyhello"}},{name:"Allen Jhang",image:""+C.default.image.member.Jhang_Chuan_Jia,position:"Drylab",department:"Electrical Engineering",description:"Hello! My name is Allen. I’m dynamic and like to chat with people. My major is electrical engineering, so I almost do everything with my computer (just kidding XD). I have many interests, e.g., observing stars, playing tennis, watching movies, etc. I believe one thing, “If I work hard today, I will achieve my dream in the future.”, so I always do my best and spend all the time on what I’m interested in. I’m looking forward to participating iGEM Jamboree and making friends with all you guys!",contact:{facebook:"https://www.facebook.com/profile.php?id=100000340245103"}},{name:"Grace Lin",image:""+C.default.image.member.Lin_Yi_Hsin,position:"Drylab",department:"Electrical engineering",description:"Hi, I'm Grace. I consider myself a person who loves to know people from different fields. I'm also into solving problems and creating things with what we learn. My dream is to devote myself to sustainable development. Therefore, in addition to iGEM's current project, I also start a program for promoting automatic reusable cup renting system in maker space. If you're interested in what we've been doing, feel free to contact me!",contact:{facebook:"https://www.facebook.com/profile.php?id=100001812912955"}},{name:"Heidi Wu",image:""+C.default.image.member.Pei_Yun_Wu,position:"Drylab",department:"Electrical Engineering",description:"Hello, I'm Heidi, a second-grade student study in electrical engineering. My hobbies are making desserts, playing drums, and reading. The reason why I join NTHU_Taiwan is my curiosity about iGEM, and also I want to learn something besides my major. In the session of experiments and human practicing, I think I reach my expectation.",contact:{facebook:"https://www.facebook.com/profile.php?id=100004060473140"}}],Z=[{name:"Prof. Chao-Min Cheng",image:""+C.default.image.supervisor.Chao_Min_Cheng,department:"Institute of Biomedical Engineering, NTHU",description:"Prof. Cheng’s research interests are basically exploring and leveraging the link(s) between engineering and different disciplines, specifically the link(s) between engineering and analytical chemistry, clinical chemistry, biology or medicine.\n      He would like to tell us that “The journey is not quite simple, but I believe that everyone got loads out of it!”"},{name:"Prof. Ya-Tang Yang",image:""+C.default.image.supervisor.Ya_Tang_Yang,department:"Institute of Electrical Engineering, NTHU",description:"Ya Tang Yang is a nanoscientist, electrical engineer, bioengineer and Associate Professor of Electrical Engineer at National Tsing Hua University (NTHU) in Taiwan. His current research interests are synthetic biology for microbial carbon fixation, bioreactor, and optofluidics. "}],ee=(0,S.default)(D)(x,function(e){return e.mobile&&"\n        grid-template-columns: repeat(auto-fill,minmax(300px,1fr));\n    "}),te=S.default.div(T,function(e){return e.mobile&&"\n        height: fit-content;\n        margin-bottom: 80px;\n    "}),ne=(0,S.default)(H)(_),re=(0,S.default)(V)(k,function(e){return e.mobile&&"\n        width: 300px;\n    "}),ie=(0,P.inject)("appState")(r=(0,P.observer)(r=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,N.Component),i(t,[{key:"render",value:function(){var e=this;return O.default.createElement(R,null,O.default.createElement(j.default,{Title:"Member",Subtitle:O.default.createElement("div",null,O.default.createElement("div",null,"Meet the team"),O.default.createElement("div",null,"3rd iGEM NTHU_Taiwan")),image:C.default.image.topfull.member}),O.default.createElement(I,{mobile:this.props.appState.mobile},O.default.createElement(L,null,"Member"),O.default.createElement(D,{mobile:this.props.appState.mobile},Q.map(function(t,n){return O.default.createElement(F,{key:n,mobile:e.props.appState.mobile},O.default.createElement(H,null,O.default.createElement(U,{src:t.image})),O.default.createElement(B,null,t.name),O.default.createElement(W,null,t.department),O.default.createElement(V,{mobile:e.props.appState.mobile},O.default.createElement(z,null,t.description),t.contact?O.default.createElement("div",null,t.contact.email?O.default.createElement(q,null,"# "+t.contact.email):null,t.contact.pokemon_id?O.default.createElement($,null,"# Pokémon Id: "+t.contact.pokemon_id):null):null,t.contact?O.default.createElement(G,null,t.contact.facebook?O.default.createElement(K,{href:t.contact.facebook},O.default.createElement(Y,{className:"fab fa-facebook-square"})):null,t.contact.linkedin?O.default.createElement(K,{href:t.contact.linkedin},O.default.createElement(Y,{className:"fab fa-linkedin"})):null,t.contact.github?O.default.createElement(K,{href:t.contact.github},O.default.createElement(Y,{className:"fab fa-github"})):null,t.contact.bug?O.default.createElement(X,{src:C.default.image.member.icon.bug}):null):null))})),O.default.createElement(L,null,"Supervisor"),O.default.createElement(ee,{mobile:this.props.appState.mobile},Z.map(function(t,n){return O.default.createElement(te,{key:n,mobile:e.props.appState.mobile},O.default.createElement(ne,null,O.default.createElement(U,{src:t.image})),O.default.createElement(re,{mobile:e.props.appState.mobile},O.default.createElement(B,null,t.name),O.default.createElement(W,null,t.department),O.default.createElement(z,null,t.description)))}))))}}]),t}())||r)||r;t.default=ie},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=b(["\n    "],["\n    "]),a=b(["\n    \n    "],["\n    \n    "]),o=b(["\n    display: flex;\n    align-items: center;\n    margin: auto;\n    margin-bottom: 80px;\n    flex-wrap: wrap;\n    width: fit-content;\n    "],["\n    display: flex;\n    align-items: center;\n    margin: auto;\n    margin-bottom: 80px;\n    flex-wrap: wrap;\n    width: fit-content;\n    "]),l=b(["\n    width: 300px;\n    margin: auto;\n    margin-bottom: 20px;\n    "],["\n    width: 300px;\n    margin: auto;\n    margin-bottom: 20px;\n    "]),s=b(["\n    width: fit-content;\n    margin: auto;\n    "],["\n    width: fit-content;\n    margin: auto;\n    "]),u=b(["\n    width: 200px;\n    "],["\n    width: 200px;\n    "]),c=b(["\n    margin: auto;\n    "],["\n    margin: auto;\n    "]),f=b(["\n    font-size: 20px;\n    margin-bottom: 10px;\n    width: fit-content;\n    "],["\n    font-size: 20px;\n    margin-bottom: 10px;\n    width: fit-content;\n    "]),d=b(["\n    width: 450px;\n    ","\n    "],["\n    width: 450px;\n    ","\n    "]),p=n(0),h=y(p),m=y(n(10)),g=y(n(4)),v=y(n(8));function y(e){return e&&e.__esModule?e:{default:e}}function b(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var w=m.default.div(i),E=m.default.div(a),x=m.default.div(o),T=m.default.div(l),_=m.default.div(s),k=m.default.img(u),N=m.default.div(c),O=(m.default.div(f),m.default.div(d,function(e){return e.mobile&&"\n        width: fit-content;\n    "})),S=[{name:"Shun Yih Co., Ltd",image:""+g.default.image.sponsor.Shun_Yih,imageStyle:{width:"150px"},description:"Shun Yih is a company located in Hsinchu, Taiwan, which has been supplying high-quality glass bottles to the chemical and pharmaceutical industries. Shun Yih provides us the majority of our fund and makes our project possible this year."},{name:"Integrated DNA Technologies",image:""+g.default.image.sponsor.IDT,description:"Integrated DNA Technologies provided 20000 bp DNA for us to synthesize our constructs rapidly."},{name:"Ministry of Education, R.O.C.",image:""+g.default.image.sponsor.Education_Ministry,imageStyle:{width:"120px"},description:"Thanks, Ministry of Education for providing us financial support."},{name:"National Tsing Hua University",image:""+g.default.image.sponsor.NTHU,description:"We would like to thank National Tsing Hua University for their additional financial support."},{name:"Department of Electrical Engineering, NTHU",image:""+g.default.image.sponsor.NTHUEE,description:"Department of electrical engineering is crucial for our project. It provided a laboratory for us to conduct all of our experiments."},{name:"Fisheries Research Institute, COA",image:""+g.default.image.sponsor.FRI,imageStyle:{width:"120px"},description:"Fisheries research institute of the council of agriculture in Taiwan kindly provided us the “Multiple-Vibrio kit” for our dry lab to develop their hardware."},{name:"Industrial Technology Research Institute, R.O.C",image:""+g.default.image.sponsor.ITRI,description:"ITRI provided us the thermoelectric cooling chip to make our device possible."}],C=h.default.createElement(w,null,h.default.createElement(E,null,S.map(function(e,t){return h.default.createElement(x,{key:t},h.default.createElement(T,null,h.default.createElement(_,null,h.default.createElement(k,{src:e.image,style:e.imageStyle}))),h.default.createElement(N,null,h.default.createElement(O,null,e.description)))}))),P={viewbar:{Title:"Sponsor",Subtitle:"You make our project to be successful.",image:g.default.image.topfull.sponsor,Underimage:"reference: the washingtonpost"},content:{Introduction:"",parts:[{Description:C}]}},j=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,p.Component),r(t,[{key:"render",value:function(){return h.default.createElement(v.default,P)}}]),t}();t.default=j},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=(s(n(10)),s(n(8))),l=s(n(4));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Prof. Yang kindly provided the laboratory for us to do our wet lab experiment. In addition, he gave us lots of suggestions about modeling and hardware.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Prof. Cheng provided us some advice about our presentation and take care of all of us in Boston.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Prof. Lin provided his experimental materials for us to do our experiments. Moreover, he gave us a lot of helpful suggestions about molecular biology experiment.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Dr. Chang generously provided us the “Multiple-Vibrio detecting kit, MV-kit” for our dry lab to integrate their hardware. Also, he gave us some suggestions about Vibrio culture.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Dr. Kuo is a researcher of the national museum of marine biology and aquarium, who shared us with his research on Vibrio and some knowledge related to Vibrio. Also, he gave us some suggestions about our hardware design.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Dr. Tsai, who is also a researcher of the national museum of marine biology and aquarium. He kindly reminded us that our killing system must not eliminate all Vibrio in the water. Besides, he gave us a crucial reference of the infectious Vibrio concentration in the water which is useful for our wet lab experiments.")))),c=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"Prof. Rotem Sorek kindly gave us several suggestions about tsRNA which is a critical part of our wet lab design."),a.default.createElement("div",{className:"part"},"Prof. Chih-Chen Chen provided us the equipment and suggestions for microfluidic channels."),a.default.createElement("div",{className:"part"},"Feng-Shan Senior High School gave us an opportunity and places to implement our educational project."),a.default.createElement("div",{className:"part"},"Industrial Technology Research Institute provided us the thermoelectric cooling chip for our hardware system."),a.default.createElement("div",{className:"part"},"Chih-Hsien Lee and Che-Kang Chang gave us lots of suggestions about our molecular biology experiments and also, they helped us to troubleshoot."),a.default.createElement("div",{className:"part"},"Ting Yang and To-Wen Chen helped us to be well-organized and also, gave us lots of suggestions about wet lab experiments and tips about joining the iGEM competition.")),f=a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.attribution.list})),d={viewbar:{Title:"Attribution",Subtitle:"We would like to thank people who makes our project possible.",image:l.default.image.topfull.attribution},content:{Introduction:"",parts:[{Title:"Special Thanks",Description:u},{Title:"Additional Thanks",Description:c},{Title:"Individual Attributions",Description:f}]}},p=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(o.default,d)}}]),t}();t.default=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=n(0),o=c(a),l=(c(n(10)),n(36)),s=c(n(4)),u=c(n(8));function c(e){return e&&e.__esModule?e:{default:e}}var f=o.default.createElement("div",null,o.default.createElement("div",null,"“ Each color lives by its mysterious life. “"),o.default.createElement("div",null,"Wassily Kandinsky, A Russian painter and art theorist")),d=o.default.createElement("div",null,o.default.createElement("div",{className:"part"},"Change of color, which is the most beautiful process in the world. Hundreds of colors enrich our lives and the world and each color has its own meaning. However, we don’t really understand them thoroughly."),o.default.createElement("div",{className:"part"},"In current biological or chemical tests, the process of color changing is usually considered to be a basis of their results. Not to mention, there were several teams in previous iGEM competition use color to demonstrate their results. For instance, the",o.default.createElement("a",{href:"https://2009.igem.org/Team:Cambridge/Project"}," Cambridge team ")," in iGEM 2009"),o.default.createElement("div",{className:"part"},"The change of color is continuous. Conventionally, we use our naked eyes to determine whether the color changes or not, but obviously, it’s quite inaccurate. As we have mentioned before, each color has its own meaning and we have to analyze the message from each color in a scientific way.")),p=o.default.createElement("div",null,o.default.createElement("div",null,o.default.createElement("span",{className:"weight-font"},"ACE")," is an abbreviation of “",o.default.createElement("span",{className:"weight-font"},"A"),"utomatic",o.default.createElement("span",{className:"weight-font"},"C"),"olor-detecting",o.default.createElement("span",{className:"weight-font"},"E"),"xaminer” which is able to provide a stable environment for any color-changing-related test. All of the processes are executed and the information of each color will be digitized automatically. Finally, we create our own database to store the data and analyze them more precisely. Combining with IoT technology, all of our data will be recorded and analyzed in our cloud database and be returned to our clients, which allows them to take control of the results."),o.default.createElement("div",{className:"illustration"},o.default.createElement("div",{className:"illust-image-wrapper"},o.default.createElement("img",{className:"illust-image",src:s.default.image.drylab_overview.box}),o.default.createElement("div",{className:"undertext"},"Automatic Color-detecting Examiner")))),h=o.default.createElement("div",null,o.default.createElement("div",{className:"part"},o.default.createElement("div",null,"In order to prove our ACE can be used in reality to solve the problems in our society, we make a collaboration with the “Fisheries Research Institute” of the Taiwan government. They kindly provided us with their “Multiple-Vibrio Detecting Kit, MV-kit” and we integrated their MV-kit with our system to develop a brand-new",o.default.createElement("a",{href:"https://2018.igem.org/Team:NTHU_Taiwan/Application"}," Automatic Vibrio-detecting System"),".")),o.default.createElement("div",{className:"part"},"Through the optimization of ACE, we accelerate the detection rate of MV-kit. With our ACE, it becomes 2 times faster than the original MV-kit and the minimal detectable Vibrio concentration is about 100 CFU/ mL within 24 hours. In summary, we combine the traditional detecting methods with the cutting-edge technology to achieve a better effect. In addition, following with our IoT system makes the water quality testing system in aquatic agriculture industry step forward to the whole new world of “intelligent aquaculture”."),o.default.createElement("div",{className:"illustration"},o.default.createElement("img",{className:"illust-image",src:s.default.image.drylab_overview.plate}),o.default.createElement("div",{className:"undertext"},"The color gradient changing process"))),m=o.default.createElement("div",null,o.default.createElement("div",null,"Components list and cost on ",o.default.createElement("a",{href:" https://docs.google.com/spreadsheets/d/1NsoRao-FtywW1KCeFYrxMIjJG3kVGQRcg_fIhxjn7ZQ/edit?usp=sharing"},"Google drive")),o.default.createElement("div",null,"3D printing files on ",o.default.createElement("a",{href:"https://drive.google.com/drive/folders/1tPQEVtNHB_hzhalPlwZu4bzyQVSDUPkN?usp=sharing"},"Google Drive"))),g={viewbar:{Title:"Drylab",Subtitle:"ACE- Automatic Color-detecting Examiner",image:s.default.image.topfull.drylab_overview,Underimage:f},content:{Introduction:d,parts:[{Title:"ACE",Description:p},{Title:"Application",Description:h},{Title:"File download",Description:m}]}},v=(0,l.inject)("appState")(r=(0,l.observer)(r=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,a.Component),i(t,[{key:"render",value:function(){return o.default.createElement(u.default,g)}}]),t}())||r)||r;t.default=v},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=(s(n(10)),s(n(4))),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",null,"The reaction platform mainly consists of three parts: "),a.default.createElement("div",{className:"innerpart"},"1. The 96-Well Microtitration Plate for sample storage and reaction "),a.default.createElement("div",{className:"innerpart"},"2. Light blocking base to black out the area we’re not using to make it easier for camera to detect the color changes of each well"),a.default.createElement("div",{className:"innerpart"},"3. Auto moving lid to prevent the reactive reagent from evaporating")),c=a.default.createElement("div",null,a.default.createElement("div",null,"After extracting a sample from the fish farm, the sample will be dripped into the 96 -well plate. In the plate, we put in the mixture of MV-kit buffer for the sample to react. There are several reasons we chose to use 96-well plates instead of eppendorf or 6/24/48 well plate."),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"innerpart"},"1. Eppendorf has an unremovable lid, which is not convenient for our auto sampling design."),a.default.createElement("div",{className:"innerpart"},"2. The base of eppendorf is sharp and liquid will not distribute evenly, which is not suitable for color sensing while 96-well plates are flat."),a.default.createElement("div",{className:"innerpart"},"3. The volume of the 96-well plate is small enough for us to put the sample in, while the other plates are too big."),a.default.createElement("div",{className:"innerpart"},"4. It can contain the most samples in one single plate. In that way, we can reduce the rate of changing new plates.")),a.default.createElement("div",{className:"illustration"},a.default.createElement("table",{className:"table"},a.default.createElement("tbody",null,a.default.createElement("tr",null,a.default.createElement("th",{className:"tablehead"},"Number of well"),a.default.createElement("th",{className:"tablehead"},"Radius (mm) "),a.default.createElement("th",{className:"tablehead"},"Max Volume (mL) "),a.default.createElement("th",{className:"tablehead"},"Growing Area (cm2)")),a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"96"),a.default.createElement("td",{className:"tabledata"},"4.5 "),a.default.createElement("td",{className:"tabledata"},"0.36"),a.default.createElement("td",{className:"tabledata"},"0.16")),a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"48"),a.default.createElement("td",{className:"tabledata"},"10.2"),a.default.createElement("td",{className:"tabledata"},"1.7"),a.default.createElement("td",{className:"tabledata"},"0.8")),a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"24"),a.default.createElement("td",{className:"tabledata"},"15.6"),a.default.createElement("td",{className:"tabledata"},"3.4"),a.default.createElement("td",{className:"tabledata"},"1.9")),a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"12"),a.default.createElement("td",{className:"tabledata"},"22.1"),a.default.createElement("td",{className:"tabledata"},"6.9"),a.default.createElement("td",{className:"tabledata"},"3.8")),a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"6"),a.default.createElement("td",{className:"tabledata"},"34.8"),a.default.createElement("td",{className:"tabledata"},"16.8"),a.default.createElement("td",{className:"tabledata"},"9.5")))),a.default.createElement("div",{className:"undertext"},"reference: http://www.dxy.cn/bbs/topic/9584997"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.platform.transparent})),a.default.createElement("div",{className:"undertext"},"reference: http://www.carelifetech.com.tw/?96%E5%AD%94%E7%9B%A4-96-well-plate,127"))),f=a.default.createElement("div",null,a.default.createElement("div",null,"Since we need to use the camera to detect the color changes of each well, we need to create an environment that can make the color as clear as possible.  Therefore, we use 3D printing and polylactic acid (PLA) to print out a platform that blacks out all the area except for the 24 holes of each plate that have our sample in."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.platform.block}))),d=a.default.createElement("div",null,a.default.createElement("div",null,"Since the MV-kit buffer and solution might evaporate, we need to construct an auto moving lid. The lid has 24 holes on it, each hole is 9.1 mm next to the well. This lid is connected with a gear and a stepper motor. Every time the sample is being dripped into the well, the motor will move the lid by 9.1 mm. The gear system and the base of the motor are also made by 3D printing. Moreover, we’ve designed the lid to be detachable so that the farmer can remove the lid when they are going to substitute the 96 well plates with a new one every two weeks. "),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.platform.moving}))),p={viewbar:{Title:"Platform",Subtitle:"Plate and the moving lid",image:o.default.image.topfull.platform},content:{Introduction:u,parts:[{Title:"96-Well Microtitration",Description:c},{Title:"Light blocking",Description:f},{Title:"Moving lid",Description:d}]}},h=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,p)}}]),t}();t.default=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=(s(n(10)),s(n(8))),l=s(n(4));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,"For the results of color-changing, we write a program to detect them. In our device, there are 24 samples processing the chemical reaction simultaneously. During the reaction, we want to get all samples’ color values immediately, so we adopt image detection executed by Raspberry Pi to analyze the whole status directly. The following are three parts for our image detection, which is how to do, advantages, and problems respectively."),c=a.default.createElement("div",null,a.default.createElement("div",null,"The following is the materials image detection needs"),a.default.createElement("table",{className:"table"},a.default.createElement("tbody",null,a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"Raspberry Pi 3 Model B v1.3"),a.default.createElement("td",{className:"tabledata"},"1")),a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"Webcam Logitech C270"),a.default.createElement("td",{className:"tabledata"},"1")),a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"Wide-angle lens 37mm 0.6X"),a.default.createElement("td",{className:"tabledata"},"1")))),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.imaging.materials})),a.default.createElement("div",{className:"part"},"The core of image detection is executed by Raspberry Pi and the program language we use is python. With a camera and wide-angle lens, it can capture the scene in a relatively lower height. To do the image processing, OpenCV, open source library, is the best choice. Because the program will send warning message to the users, for simplicity and stability, we choose MQTT to be the transport protocol."),a.default.createElement("div",{className:"part"},"The following three steps are the processes our image detection works on. First, it captures the scene using a camera in a specified time. Second, the image is analyzed immediately after one is captured and the results are record. Third, after the analysis, if there is a color-changing sample, it will send the warning message to the users. All the steps are operated recursively until all the samples are analyzed.")),f=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"For our image detection, we have three advantages, which are accuracy, automation, and flexibility, respectively. With these three, it can match our goal of designing ACE, i.e., automation and also increase usability compared to other devices used in the laboratory nowadays."),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"1. Accuracy"),a.default.createElement("div",{className:"innerpart"},"Because our 24 samples are close to each other, the accuracy is necessary to avoid the wrong result of analysis. With image detection, we can set the section where we want to analyze corresponding to the samples on the picture. Therefore, if all samples are located in advance carefully, we can get high accuracy for the results.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"2. Automation"),a.default.createElement("div",{className:"innerpart"},"Automation is our goal of designing the device. To achieve this, the program can automatically do the following things, i.e., capturing the scene, analyzing the captured image, recording the results, and sending the warning messages to users. With the four steps as mentioned above operated cyclically, the program achieves automation.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"3. Flexibility"),a.default.createElement("div",{className:"innerpart"},"The section program analyzes on the captured image can be modified whenever the captured one is changed. Therefore, we don’t have to fix the position of all samples. Due to this advantage, any type of sample can be analyzed accurately."))),d=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"During the development of image detection, we had made some choices to solve many problems, including the specific practice of detection, development board, the algorithm to analyze the images, and the environment light. The following describes each problem, and the reasons why we made these choices."),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"1. Image detection vs. Color sensor"),a.default.createElement("div",{className:"innerpart"},"Initially, color sensor is our direction to design the device. Moving the color sensor to the top of each sample can get the color of that. However, our samples are close to each other, and the resolution of a color sensor is not high enough to detect the color of single sample accurately, so the direction is changed to image detection with the camera capturing the scene. In this way, it analyzes the image directly, the accuracy increases by a large margin.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"2. Raspberry Pi vs. Other development boards"),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.imaging.board})),"For the development boards, there are three choices, Arduino, Udoo Neo, and Raspberry Pi. Considering the efficiency, Arduino might not be able to run OpenCV effectively. The another consideration is the cost. Because we want to design a low-cost device cheaper than the similar machine sold on the market, the price of Udoo Neo is too expensive for us. Therefore, we chose Raspberry Pi to be our execution core.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"3. Simplified location vs. Houghcircles"),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.imaging.algorithm})),"In the beginning, we planned to use OpenCV built-in function Houghcircles to do image detection. The detail of the function is that it can find circles on the image automatically. It completely meets our expectation. However, the distance and angle of each sample from the camera is different. As a result, the shape of the sample is not a circle on the captured image and leads to wrong detection by Houghcircles. For this reason, we changed the method and decided to locate the samples manually to get a high accuracy.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"4. LED strip vs. Big bulb"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.imaging.light})),"In order to prevent the influence of environment outside the device, ACE is designed to be enclosed. Therefore, it is completely dark inside the device and needs a light source to do image detection. In the beginning, we thought a big bulb is simple and suitable. Nevertheless, after we tested, we found the light on the image is not even, it would result in the wrong analysis. As a result, we chose LED strip. Its light is not only even but also bright enough.")),p=a.default.createElement("div",null,"You can download the source of our program on",a.default.createElement("a",{href:"https://github.com/igem-tw-nthu/opencv"}," Github")),h={viewbar:{Title:"Imaging",Subtitle:"Imaging by Raspberry Pi with OpenCV",image:l.default.image.topfull.imaging},content:{Introduction:u,parts:[{Title:"How to Do",Description:c},{Title:"Advantages",Description:f},{Title:"Problems",Description:d},{Title:"Code Download",Description:p}]}},m=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(o.default,h)}}]),t}();t.default=m},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=u(i),o=(u(n(10)),u(n(4))),l=u(n(8)),s=u(n(136));function u(e){return e&&e.__esModule?e:{default:e}}var c=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"For most of the detection reagent, they can only react with the small amount of sample each time. Taking MV-kit (Multiple Vibrio Detecting Kit) that we’re using for vibrio detection for example, it needs to have fix amount of 35μl sample fluid being collected every time so that we can get the better result of the later on reaction with the reagent. We choose mini peristaltic pump to fulfill our need. There are a few advantages of choosing peristaltic pump as our dispensing media[1]:"),a.default.createElement("div",null,a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"1. Accurate metering "),a.default.createElement("div",null,"Peristaltic pumps use flexible tubing to run through rollers in the pump head. As fluid goes through the pump head, packet of fluids can be formed. Simply by determining the size of the tubing and the speed of the roller turning in the pump head, the accurate metering of the media can be achieved.")),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"2. Self priming "),a.default.createElement("div",null,"Peristaltic pumps can draw fluid into the tubing when starting dry while other pumps require user to fill pump and suction line with fluid before use which can be inconvenient and also create potential for contamination.")),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"3. Non-siphoning "),a.default.createElement("div",null,"A peristaltic pump is non-siphoning which means that it prevents back flow into the system when the pump stop turning. This promotes accuracy during dispensing.")))),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"As a result, peristaltic pumps are often used for applications involving metering, dispensing and precise general transfer. Here, we use it in our device and we get the stl. files from the open source of the YouTube channels called “electronic crafts”[2]. The dimension of our peristaltic pump is 31 x 31 x 11 (mm), and the detail of other components are showed in Table1 and Figure 1. We printed the main components out by using the SLA 3D printer."),a.default.createElement("table",{className:"table"},a.default.createElement("tbody",null,a.default.createElement("tr",null,a.default.createElement("th",{colSpan:"6",className:"tablehead"},"Peristaltic Pump")),a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"Dimension"),a.default.createElement("td",{className:"tabledata"},"Tube diameter"),a.default.createElement("td",{className:"tabledata"},"Tube material"),a.default.createElement("td",{className:"tabledata"},"Number of rollers"),a.default.createElement("td",{className:"tabledata",style:{margin:"0px 10px"}},"Bearing"),a.default.createElement("td",{className:"tabledata"},"Motor")),a.default.createElement("tr",null,a.default.createElement("td",{className:"tabledata"},"31 x 31 x 11 (mm)"),a.default.createElement("td",{className:"tabledata"},a.default.createElement("div",null,"OD: 3mm"),a.default.createElement("div",null,"ID: 1.5mm")),a.default.createElement("td",{className:"tabledata"},"Silicone rubber"),a.default.createElement("td",{className:"tabledata"},"three"),a.default.createElement("td",{className:"tabledata"},a.default.createElement("div",null,"OD: 9mm"),a.default.createElement("div",null,"ID: 3mm")),a.default.createElement("td",{className:"tabledata"},a.default.createElement("div",null,"28BYJ-48"),a.default.createElement("div",null,"12V"))))),a.default.createElement("div",{className:"undertext"},"Table 1"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.sampling.pump}),a.default.createElement("div",{className:"undertext"},"Figure 1"))),a.default.createElement("div",{className:"part"},"Because peristaltic pumps deliver fixed amounts of fluid with each pass of a roller over the tube, the size of the tube has a direct effect on the amount of fluid delivered. Well-designed pumps are engineered to work with an optimum tubing size or range of tubing sizes, which take into account both the tube's inside diameter and wall thickness. The inside diameter determines the amount of fluid delivered with each turn of the rotor, while the wall thickness affects the tubing's ability to spring back to its original shape after each compression, which has a great influence on the overall life of the tubing[3]."),a.default.createElement("div",{className:"part"},"We choose the tube with inner diameter 2mm and wall thickness 1mm. Three bearings are used as the rollers in our peristaltic pump. The outer diameter of the bearing is 9mm and the inside diameter is 3mm. The peristatic pump after assembling can be seen in Figure 2. We can also calculated the theoretical discharge to know the theoretical performance of the peristaltic pump by using the equation below[4],"),a.default.createElement("div",{className:"part",style:{display:"flex",alignItems:"center"}},a.default.createElement("div",null,a.default.createElement("div",null,a.default.createElement(s.default.Provider,null,a.default.createElement(s.default.Node,{inline:!0,formula:"flowrate (μl/s) = V \\cdot L \\cdot N \\cdot RPM \\cdot10^3 \\cdot 60"}))),a.default.createElement("div",null,"V= Volume of occluded tubing (mm^3/mm)"),a.default.createElement("div",null,"L= Tubing length that will be occluded by pump rollers (mm)"),a.default.createElement("div",null,"N= Number of rollers on the rotor."),a.default.createElement("div",null,"RPM= pump rpm")),a.default.createElement("div",{style:{marginLeft:"auto",padding:"0 20px"}},a.default.createElement("img",{style:{height:"180px"},src:o.default.image.sampling.full_pump}),a.default.createElement("div",{className:"undertext"},"Figure 2"))),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"We have done multiple testing and calculated the weight of each droplet by measuring the weight of every ten droplets to get the average value. The average weight of each droplet is 0.035+-0.00072μl, and the rest of the measuring records are showed in Figure 3. This is exactly what we need for sample preparing for the MV-kit in our experiments."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.sampling.list}),a.default.createElement("div",{className:"undertext"},"Figure 3"))),a.default.createElement("div",{className:"part",style:{display:"flex",alignItems:"center"}},a.default.createElement("div",{style:{marginRight:"auto",padding:"0px 30px"}},a.default.createElement("img",{style:{height:"180px"},src:o.default.image.sampling.head}),a.default.createElement("div",{className:"undertext"},"Figure 4")),a.default.createElement("div",null,"Although we can almost get the precise amount of sample each time, it’s still hard to control the later droplets from dropping down cause of the gravity. Hence, we combine the pipette tip (Figure 4) at the end of the silicon tube to reduce the diameter and slow down the flowing rate. In addition, we also design the special lid with slopes in between to cover on the 96-well plate. We can utilize the slope design not only to drop the first few droplets that might be contaminated by the previous sample but also use them as the tunnels to collect the waste sample and remove all of them after the whole examination is done.")),a.default.createElement("div",{className:"illustration"},a.default.createElement("video",{className:"illust-image",autoPlay:!0,muted:!0,loop:!0},a.default.createElement("source",{src:o.default.video.lid,type:"video/mp4"})))),f=a.default.createElement("div",null,a.default.createElement("div",null,"We use two 12V 28BYJ-48 stepper motors to control the XY axis to move our sample to the specific coordinate and connect them to Arduino as well as uln2003 motor drivers to control the speed and time. The step angle of the motor is 5.625 degrees and the reduction ratio is 1/64, therefore, for one revolution it needs 4096 steps. The diameter of the gear mounted on the motor is 36mm, so for each step, it can linearly move forward or backward 1.76mm. The length between two wells on 96-well plate is about 18mm, thus, this motor can absolutely satisfy our need for our low-cost XY plane setting. "),a.default.createElement("div",{className:"illustration"},a.default.createElement("video",{className:"illust-image",autoPlay:!0,muted:!0,loop:!0},a.default.createElement("source",{src:o.default.video.sampling,type:"video/mp4"})))),d=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"At first, we’re trying to set up the XY axis by using the DC motor to control it in considering of the low-cost budget. However, we found out that since the DC motor is categorized as analog motor, we can only drive them by sending power signals (two wire) to the motor to drive them. This would be tricky for us to do the sophisticated planned moves because we won’t know exactly where they may be located except trying to predict the moves over time within a relative margin of error(3-8%)[5]. Moreover, the friction between the gear rack and the motor make it even hard to control and need to build up more complex moves manually. "),a.default.createElement("div",{className:"part"},"On the other hand, stepper motors are digital motors, we can actually send position signals (four wire) to the motor to drive them. It’s possible for us to know exactly where they are at all times, and would be easier for us to do ‘repeat’ motion passes and have it return to a ‘home and start’ position precisely. For this reason even most sophisticated of a moves can be achieved. "),a.default.createElement("div",{className:"part"},"Due to all the reasons above, instead of making motion decision ‘on the fly’ at the rig, we then choose stepper motor as our driving motor.")),p=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.sampling.result}))),h=a.default.createElement("div",null,a.default.createElement("div",{className:"reference"},"1. https://www.manufacturingchemist.com/news/article_page/Peristaltic_pumps__advantages_and_applications/74693"),a.default.createElement("div",{className:"reference"},"2. Peristaltic pump design: https://www.youtube.com/watch?v=J2KLq7485kM"),a.default.createElement("div",{className:"reference"},"3. https://archive-resources.coleparmer.com/TechInfo/HTMLFiles/PPTube_match.htm"),a.default.createElement("div",{className:"reference"},"4. Suhas R. Dhumal, Design and Development of Rotary Peristaltic Pump, International Journal of Science and Advanced Technology (ISSN 2221-8386)"),a.default.createElement("div",{className:"reference"},"5. https://support.dynamicperception.com/hc/en-us/articles/202986595-What-is-the-difference-between-DC-motors-and-Stepper-motors-")),m={viewbar:{Title:"Sampling",Subtitle:"Auto sampling with peristaltic pump ",image:o.default.image.topfull.sampling},content:{Introduction:"In our device, in order to let the following detected process work out properly, we first set up the automated sampling mechanism. We want to collect the sample out of the pool or the fish farm that we’re target at to get the real-time monitoring of the water condition, and here we only focus on the number of vibrio in our project.",parts:[{Title:"Peristaltic pumps",Description:c},{Title:"X-Y axis",Description:f},{Title:"Discussion",Description:d},{Title:"Result",Description:p},{Title:"Reference",Description:h}]}},g=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,m)}}]),t}();t.default=g},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(n(0)),a=l(n(342)),o=l(n(137));function l(e){return e&&e.__esModule?e:{default:e}}var s=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.hasNodes=!1,n.loaded=!1,n.registerNode=function(){n.hasNodes=!0},n.load=function(){var e=n.props.script;!n.loaded&&n.hasNodes&&(n.loaded=!0,e?(0,a.default)(e,n.onLoad):n.onLoad(null))},n.onLoad=function(e){var t=n.props.options;MathJax.Hub.Config(t),n.setState({MathJax:MathJax})},n.state={MathJax:null,registerNode:n.registerNode},n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"componentDidMount",value:function(){this.load()}},{key:"componentDidUpdate",value:function(){this.load()}},{key:"render",value:function(){var e=this.props.children;return i.createElement(o.default.Provider,{value:this.state},e)}}]),t}();s.defaultProps={script:"https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-MML-AM_CHTML",options:{tex2jax:{inlineMath:[]},showMathMenu:!1,showMathMenuMSIE:!1}},t.default=s},function(e,t){function n(e,t){e.onload=function(){this.onerror=this.onload=null,t(null,e)},e.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),e)}}function r(e,t){e.onreadystatechange=function(){"complete"!=this.readyState&&"loaded"!=this.readyState||(this.onreadystatechange=null,t(null,e))}}e.exports=function(e,t,i){var a=document.head||document.getElementsByTagName("head")[0],o=document.createElement("script");"function"==typeof t&&(i=t,t={}),t=t||{},i=i||function(){},o.type=t.type||"text/javascript",o.charset=t.charset||"utf8",o.async=!("async"in t)||!!t.async,o.src=e,t.attrs&&function(e,t){for(var n in t)e.setAttribute(n,t[n])}(o,t.attrs),t.text&&(o.text=""+t.text),("onload"in o?n:r)(o,i),o.onload||n(o,i),a.appendChild(o)}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},i=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),a=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}(n(0)),o=s(n(137)),l=s(n(344));function s(e){return e&&e.__esModule?e:{default:e}}function u(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function c(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var d=function(e){function t(){var e,n,r;u(this,t);for(var i=arguments.length,o=Array(i),l=0;l<i;l++)o[l]=arguments[l];return n=r=c(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(o))),r.container=a.createRef(),c(r,n)}return f(t,a.Component),i(t,[{key:"componentDidMount",value:function(){this.typeset()}},{key:"componentDidUpdate",value:function(e){var t=e.inline!=this.props.inline;this.typeset(t)}},{key:"componentWillUnmount",value:function(){this.clear()}},{key:"clear",value:function(){var e=this.props.MathJax;if(this.script&&e){var t=e.Hub.getJaxFor(this.script);t&&t.Remove()}}},{key:"typeset",value:function(e){var t=this,n=this.props,r=n.MathJax,i=n.formula,a=n.onRender;if(r)if(e&&this.clear(),!e&&this.script)r.Hub.Queue(function(){var e=r.Hub.getJaxFor(t.script);if(e)e.Text(i,a);else{var n=t.setScriptText(i);(0,l.default)(r,n,a)}});else{var o=this.setScriptText(i);(0,l.default)(r,o,a)}}},{key:"setScriptText",value:function(e){var t=this.props.inline;return this.script||(this.script=document.createElement("script"),this.script.type="math/tex; "+(t?"":"mode=display"),this.container.current.appendChild(this.script)),"text"in this.script?this.script.text=e:this.script.textContent=e,this.script}},{key:"render",value:function(){var e=this.props,t=(e.MathJax,e.formula,e.inline,e.onRender,function(e,t){var n={};for(var r in e)t.indexOf(r)>=0||Object.prototype.hasOwnProperty.call(e,r)&&(n[r]=e[r]);return n}(e,["MathJax","formula","inline","onRender"]));return this.props.inline?a.createElement("span",r({ref:this.container},t)):a.createElement("div",r({ref:this.container},t))}}]),t}();d.defaultProps={inline:!1,onRender:function(){}};var p=function(e){function t(){return u(this,t),c(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return f(t,a.PureComponent),i(t,[{key:"render",value:function(){var e=this;return a.createElement(o.default.Consumer,null,function(t){var n=t.MathJax;return(0,t.registerNode)(),n?a.createElement(d,r({},e.props,{MathJax:n})):null})}}]),t}();t.default=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=[],i=[],a=!1;t.default=function(e,t,n){r.push(t),i.push(n),a||(a=!0,setTimeout(function(){return function(e){e.Hub.Queue(function(){var t=e.Hub.elementScripts;e.Hub.elementScripts=function(e){return r};try{return e.Hub.Process(null,function(){i.forEach(function(e){e()}),r=[],i=[],a=!1})}catch(e){throw e}finally{e.Hub.elementScripts=t}})}(e)},0))}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=(s(n(10)),s(n(8))),l=s(n(4));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"Initially, we tried to use white LED separately because it is cheap and low cost, besides, having the best degree of contrast. However, we found that it is not bright enough, so we chose another kind of light."),a.default.createElement("div",{className:"part"},"After this, we choose the white light bar and connect it with Arduino. Since the voltage afforded by Arduino is 12V, it’s too bright to observe, so we apply the voltage-gain-module to get the appropriate voltage. Then we find out the white light may sometimes be difficult for us to tell apart whether the liquid changes color or not. After discussion, we change the white light to yellow light and the problem is solved. ")),c=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},'Our Vibrio detection device needs to be able to react in a stable 30 ° C environment. It is hoped that a method can be designed to heat up when the ambient temperature is high and cool down when the temperature is low. The cooling technologies used today are mainly the following: "high pressure gas expansion and cooling", "liquid evaporation and refrigeration", "gas vortex cooling", "semiconductor refrigeration" and "chemical cooling", and we choose "semiconductor cooling", which is a relatively easy to complete and within the capability range.'),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"First step"),a.default.createElement("div",{className:"innerpart"},"Common methods for cooling semiconductors include water cooling and fan cooling. Among them, due to our large architecture, water cooling is effective but too cumbersome and heavy. Limited by the space configuration, we use fan cooling. (Picture 4) By keep bringing the heat away, the temperature gradient of the chip become larger, and finally it will stop at a balanced point. We also add a fan on the cold side since we want the cold air to be uniformed inside the box. (Picture 5) Temperature-controlled circuits are more cumbersome and too complicated circuits are not suitable for use in our system, so we try to use temperature control module first. (Picture 6)"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.environment.first}),a.default.createElement("div",{className:"undertext"})),a.default.createElement("div",{className:"innerpart"},"We found that as we put the cooling device in a cardboard box for testing, the result is not good since the space is not sealed and made the chip hard to cool down the environment."),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"innerpart"},"Needed materials:"),a.default.createElement("div",null,"two 5V-2wire fans, two small heat sinks, some thermal grease, one thermoelectric cooling chip provided by a national competition in Taiwan, temperature control module."))),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Second step"),a.default.createElement("div",{className:"innerpart"},"To enlarge the temperature difference, we add a more powerful fan on the hot side to make sure the rate of heat dissipation is enough for the rate of chip getting cold, which is a 12V-2wire one. As a result, the inbox environment could drop 3℃, but still didn’t reach our expectation."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.environment.second}),a.default.createElement("div",{className:"undertext"},a.default.createElement("div",null,"Figure 1: The air temperature inside the box drops from 26.6℃ to about 18℃ in 7 minutes, and maintains at 18℃ for 30 minutes. (cold device) The air temperature inside the box rises from 27.2℃ to 32.8℃ in about 6 minutes, and maintains at 32.8℃ for 15 minutes. (hot device)"),a.default.createElement("div",null,"Figure 2: When cold devices turn off, the air temperature inside the box rises from 27.2℃ to 32.8℃ in about 6 minutes, and maintains at 32.8℃ for 15 minutes. (cold device) When the hot device turn off, the air temperature inside the box drops from about 32.8℃ to 27.6℃ in 6 minutes, the same as the time to heat up the air. (hot device)"))),a.default.createElement("div",{className:"innerpart"},'During our experiment, we found that the temperature control module couldn’t provide a two-state system, which is hard to be designed in our project. Therefore, we try another way by using Arduino and relay module to control the temperature directly. Relay, also known as electric cymbal, is an electronic control device that has a control system (also known as an input circuit) and a controlled system (also known as an output circuit). It is usually used in automatic control circuits. It is actually used as an "automatic switch" that uses a small current to control large currents. Therefore, it plays the role of automatic adjustment, safety protection and conversion circuit in the circuit. Besides, we chose an IC called LM35 as our temperature sensor by transforming resistance into temperature. The wiring diagram is as below. (Picture 8)'),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"innerpart"},"Needed materials: "),"Cold device is combined by 12V-2wire fan, heat sink, thermal grease, thermoelectric cooling chip, thermal grease, heat sink, 5V-2wire fan (from up to down); Temperature controlling: Arduino for control, LM35 for sensing, relay module for switch.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Final step"),a.default.createElement("div",{className:"innerpart"},"To reduce the unknown impact on the experiment, we use two cold device and one hot device to control the temperature. Hot device is similar to cold one, the only different is its two fans are all 5V-2wire, which is the device we used in the first period."),"　　",a.default.createElement("div",{className:"innerpart"},"This time we use two cold devices to find for the lowest temperature. Figure 1 shows the result we test cold or hot devices, and Figure 2 shows the changing after we turn off the devices."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.environment.final}),a.default.createElement("div",{className:"undertext"})),a.default.createElement("div",{className:"inner-part"},"After discussion, we decide to give styrofoam a try, we add it inside the box and do the rest of the experiment, includes add it or not add it. We finally decide to use two cold devices and one hot device without adding any material."),a.default.createElement("table",null),a.default.createElement("div",{className:"innerpart"},"We use Arduino connects with relay and temperature sensor to control the temperature. When the sensor detects the temperature lower than the setting, hot device is activated, it would heat up the air inside the device until it reaches the target temperature. Then, the hot device continues working that makes the temperature higher than the ideal one, this time, the cold devices turn on and cool down the environment. At the end, the temperature would be controlled in the range we have written in Arduino."),a.default.createElement("div",{className:"innerpart"},"In the beginning, we set the temperature to 27℃, which is a good condition for germs to grow. However, we neglect that there would be some the delay of temperature change between the air and the sensor, and the temperature around the sensor became higher than the environment, which affected the detecting correction. After we tidied up the wires, the problems disappeared and came into perfect."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.environment.end}),a.default.createElement("div",{className:"undertext"},"Figure 6: Temperature control simulation. The hot device turns on at the beginning, and the cold devices turn on when the temperature reaches 28.3℃, in about 6 minutes.")))),f=a.default.createElement("div",null,a.default.createElement("div",{className:"reference"},"1. Thermal Conductivity and Thermoelectric Power of Semiconductors. I. Terasaki, in Reference Module in Materials Science and Materials Engineering, 2016"),a.default.createElement("div",{className:"reference"},"2. Physics and Fundamental Theory. I. Terasaki, in Comprehensive Semiconductor Science and Technology, 2011"),a.default.createElement("div",{className:"reference"},"3. Thermoelectric cooling. JoséMeseguer, IsabelPérez-Grande, AngelSanz-Andrés, in Spacecraft Thermal Control, 2012"),a.default.createElement("div",{className:"reference"},"4. https://en.wikipedia.org/wiki/Thermoelectric_effect#/media/File:Thermoelectric_Cooler_Diagram.svg")),d={viewbar:{Title:"Environment",Subtitle:"Led Light, and peltier cooler",image:l.default.image.topfull.environment},content:{Introduction:"In order to make sure the observation results are stable and reliable, it’s necessary to control the experiment environment. Besides putting all the instruments inside our acrylic-made box (size: 20*30*35, unit: cm3), temperature and brightness are also important. In this case, we separate the “Environment” part into two sub-titles, temperature, and light. We will introduce more details in the following statements.",parts:[{Title:"Light",Description:u},{Title:"Temperature",Description:c},{Title:"Reference",Description:f}]}},p=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(o.default,d)}}]),t}();t.default=p},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(4)),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",null,"In order to achieve real time data analysis , when ACE detects the color-changing sample, it will send a message to the user. Between ACE and user’s mobile device, it needs a transfer protocol to communicate with each other. Here, we choose MQTT (Message Queuing Telemetry Transport) to upload the vibrio concentration onto the cloud. It is a lightweight messaging protocol for small sensors and mobile devices, optimized for high-latency or unreliable networks.  Therefore, this kind of method is useful in remote area where network bandwidth is limited, especially for the fish farm in Taiwan. We’ve designed an app for farmers to obtain information in time. In our app, we separate into three parts: Pond’s condition, Suggestions, and Multiple Pond map. "),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.software.app}))),c=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"We’ve divided different bacteria’s concentration into three levels, Safe, Warning, and Danger. The standard of this division is refer to the advice of the Fisheries Research Center of Republic of China. After visiting the Marine Life museum Research center, the researcher also tell us that usually the concentration for vibrio to be pathogenic is >104CFU/ml."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.software.line})),a.default.createElement("div",{className:"part"},"Furthermore, in order to let the farmers keep track of how the vibrio in their farm has been growing, we’ve made a history record chart, of which the Y coordinate is concentration, and the X coordinate is time. The concentration points will be drawn every hour.  The chart can be drag, zoom in and out for a closer look. By knowing the condition of their pond beforehand and even predict how the amount of the vibrios might grow, the farmers can do precaution in order to prevent vibrios from harming their fish or shrimp.")),f=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"When the concentration of vibrios is under the safety standard, the fisheries research center recommend the farmers to change the water environment, or adjust the amount of feed. Only when the condition is in danger that they can add the medicine.   "),a.default.createElement("div",{className:"part"},"In addition, we will send notification bar through android phones to farmers if the amount of vibrios exceed standard."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.software.warn}))),d=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"The reason why we want to combine google map into our APP is that one farmer usually own more than one pond.  Then if they want to keep track of different pond, they need to number their farm. Most of the time, it’s difficult for farmers to memorize which pond does this number really referring to, which indicate that the managing system is not so user friendly. "),a.default.createElement("div",{className:"part"},"In our map, farmers can locate its position and to help its pond create a name.  Next time when they want to inspect the condition of each pond, they can just press on the name label on the map. In order to make the system more intuitive, we add in the function of turning the normal map into 3D map and satellite(RealView) one, which is more close to the real view on the ground."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.software.map}))),p={viewbar:{Title:"Software",Subtitle:"An app for real-time analysis of pond’s condition",image:o.default.image.topfull.software},content:{Introduction:u,parts:[{Title:"Pond’s condition",Description:c},{Title:"Suggestions",Description:f},{Title:"Multiple pond management map",Description:d}]}},h=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,p)}}]),t}();t.default=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(8)),l=s(n(4));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",null,"The importance of damage caused by Vibrio would not be elucidated here. You can see the detailed information in",a.default.createElement("a",{href:"https://2018.igem.org/Description"}," Description"),"."),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Nowadays, there are three possible scenarios for aquatic agriculture to face pathogenic Vibrio:"),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",null,"1. The infection of Vibrio is usually happening all of a sudden. So when fisherman aware of the infection, it often causes significant damage."),a.default.createElement("div",null,"2. The conventional Vibrio testing method is time-consuming and manpower-consuming."),a.default.createElement("div",null,"3. The current water quality testing equipment is mainly focusing on the physical and chemical index, there are no devices for testing bacteria"))),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"However, our automatic Vibrio-detecting system is able to solve these problems."),a.default.createElement("div",{style:{display:"flex",alignItems:"flex-end"}},a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:l.default.image.application.tcbs}),a.default.createElement("div",{className:"undertext"},"TCBS medium")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:l.default.image.application.plate}),a.default.createElement("div",{className:"undertext"},"MV-kit"))))),c=a.default.createElement("div",null,a.default.createElement("div",null,"MV-kit was developed by Fisheries Research Institute in Taiwan. It’s a kind of selective medium for Vibrio and it can detect 17 different aquatic pathogenic Vibrio. Through observing the time of color-changing, we can know the approximate Vibrio concentration in the sample. After our modification, within 24 hours, the minimal detectable Vibrio concentration is 100 CFU/ mL. Take Vibrio harveyi for example:"),a.default.createElement("div",{style:{display:"flex",alignItems:"flex-end"}},a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:l.default.image.application.concentration}),a.default.createElement("div",{className:"undertext"},"CFU vs. O.D.")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:l.default.image.application.time}),a.default.createElement("div",{className:"undertext"},"CFU vs. Time of color-changing"))),a.default.createElement("div",null,"We build a relationship of O.D. value and the amount of bacteria via spreading method. Then, using O.D. value as a reference point, we build another relationship between the color-changing time of MV-kit and the amount of bacteria. Accordingly, we can get a significant correlation of bacteria concentration and the color-changing time of MV-kit")),f=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:l.default.image.application.flow})),a.default.createElement("div",{className:"part"},"We provide a complete service for the prevention of Vibrio-infection. Our ACE collects the water sample from the fish pond and drips it into the plate automatically. Simultaneously, the device provides a closed environment with constant temperature for the reaction. Also, the device monitors the color-changing time at all times. As long as the color changes and achieves the condition we have set up, the data will be recorded and be uploaded to the server. After analyzing, the final result will be transferred to the clients’ cellphone applications. If the concentration of Vibrio overtakes the minimal hazardous value which is 1000 CFU/ mL, the application will warn the fisherman."),a.default.createElement("div",{className:"part"},"Through our system, our clients can take control of the situation of their fish ponds and use our engineered E. coli or other plans to solve the problems.")),d=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:l.default.image.application.stp})),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"1. Segmentation"),a.default.createElement("div",null,a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"Merchandises in current market have to face some difficulties:"),a.default.createElement("div",null,"The water quality detecting systems in the current market are merely focusing on the particular physical and chemical indexes in the waters, for example, pH value, redox potential, dissolved oxygen, etc. They determine the water quality by those indexes, however, the change of situation in the water is quite fast and complex. We cannot receive the correct and real-time information of Vibrio in the water. When we aware of the abnormality, the pathogenic Vibrio usually causes the death of fish and shrimps significantly.")),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"Long-term detection with high specificity:"),a.default.createElement("div",null,"The MV-kit developed by Fisheries Research Institute is able to detect the Vibrio in the water sample quantitatively and with high specificity. Our system can automatically monitor the change of Vibrio concentration over a long period of time. Our clients are able to notice the condition in the early stage of Vibrio growth and adopt the solutions.")),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"A real-time and automatic system:"),a.default.createElement("div",null,"Our mechanism design allows the device to collect the sample automatically and continuously. Furthermore, we also program an application which analyzes the Vibrio concentration automatically. Last but not least, we achieve the effect of real-time monitoring and report through IoT technology.")),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"Fast, simple, and low-cost:"),a.default.createElement("div",null,"The mechanism of our reaction is the simple color-changing process. Compared to the conventional Vibrio culture methods, our clients haven’t to equipped with the professional skills of bacteria culture, also, the process of testing becomes safer and faster. In comparison with the water quality testing system in the market, our system is low-cost and is able to express the Vibrio concentration directly and accurately."))),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:l.default.image.application.vs}))),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"2. Targeting"),a.default.createElement("div",null,a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",null,"Aquatic agriculture industry:"),a.default.createElement("div",null,"Aquatic agriculture is an important industry and it stimulates the economic growth in Taiwan every year. However, the Vibrio-related infection leads to inestimable economic damage locally and globally. Our system aims to provide real-time, long-term, and low-cost monitoring toward Vibrio. Through the automatic system, our clients can reduce the manpower-cost and ensure their fish ponds are safe at any time. In addition, our mechanism design is quite simple so that the maintenance cost is also quite low. The only thing fisherman has to do is change the consumable materials regularly.")),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"Suppliers of the water quality testing system:"),a.default.createElement("div",null,"Currently, there are several water quality testing system vendors in Taiwan, but there is no any company provides the automatic Vibrio-detecting system. Our device is easy to be integrated with other related systems to reduce the vendors’ research and development cost. In this way, we believe that we can establish a better platform and to create a win-win situation.")))),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"3. Positioning"),a.default.createElement("div",null,a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"Intelligent fishery:"),a.default.createElement("div",null,a.default.createElement("div",null,"With the advance of science and technology, the IoT popularizes gradually in current society. Besides, the traditional agriculture industries transform into the so-called “agriculture 4.0”. "),a.default.createElement("div",null,"Let’s take an in-depth look at aquatic agriculture in Taiwan. Our country is famous for its aquatic agriculture industry, however, the conventional way is quite time-consuming. Additionally, following with the global warming, the aquatic agriculture faces a huge challenge. In the train of those facts, the industrial population structure becomes imbalance and thus, exerting a crucial impact on the future of industrial development ultimately."),a.default.createElement("div",null,"In order to turn the tables, the concept and development of intelligent fishery are emerging in recent years. It leads our traditional fishery industry into a new era, raising the operational efficacy, the income, and reducing the cost. Based on the concept, our system is expected to solve the Vibrio-monitoring problems and to establish a database to find an optimized solution."))),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"part-title"},"Future resolution:"),a.default.createElement("div",null,"Hopefully, we can create a complete detecting platform for different pathogenic bacteria in the future. With low-cost and high-efficiency, our platform is able to minimize the economic damage result from the bacterial infection."))))),p={viewbar:{Title:"Application",Subtitle:"Automatic Vibrio-detecting System",image:l.default.image.topfull.application},content:{Introduction:u,parts:[{Title:"MV-kit",Description:c},{Title:"Automatic Vibrio-detecting System",Description:f},{Title:"Commercial Analysis",Description:d}]}},h=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(o.default,p)}}]),t}();t.default=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(8)),l=s(n(4));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",null,"In order to control Vibrio cell-population density and maintain a bio-friendly environment in a sustainable way, we introduce the concept of biocontrol, which is known as the prey-predator model, to our system. We create a system that can automatically detect, compare, and control the cell-population density. The system is composed of three parts, which are a detector, comparator, and controller respectively (Fig 1). These three parts are connected together in the same gene circuit and function sequentially so that the concentration of Vibrio in the surroundings can be kept in a specific range. Then, a succession model can be achieved."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.wetlab_overview.system}),a.default.createElement("div",{className:"undertext"},"Fig 1. Component of cell population controlling system."))),c=a.default.createElement("div",null,"Our gene circuit design can be divided into three parts described down below."),f=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"The Detector module is responsible for detecting the concentration of Vibrio species in the surroundings. We found that most of pathogenic Vibrio use quorum sensing to communicate with other individuals. Lux is one of the Vibrio quorum sensing systems. With Lux system, the Vibrio has the ability to secrete and detect specific chemicals, acyl homoserine lactones (AHLs, Fig2). Signal transduction relies on AHLs, and bacteria respond to it with different gene expression."),a.default.createElement("div",{className:"part"},"We use Lux gene originally isolated from Vibrio fischeri as our AHL sensor. The gene system is composed of LuxI, LuxR, and pLux. LuxI is a synthase that converts S-Adenosyl methionine (SAM) into one of specific AHLs, 3OC6HSL (Fig2). LuxR is an activating protein, and it will stimulate the transcription from Lux promoter (pLux) when 3OC6HSL binds to it.[1] We modify LuxI with RFP reporter to the E. coli. playing the role of Vibrio. We also modify LuxR and pLux into our genetically engineered E. coli., the cell-population controlling system, so that AHL level in the environment can be detected and the Vibrio population can be known (Fig3).        "),a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{className:"illust-image-wrapper"},a.default.createElement("img",{className:"illust-image",src:l.default.image.wetlab_overview.ahl})),a.default.createElement("div",{className:"undertext"},"Fig 2. Chemical structure of 3-oxo-C6-HSL.")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.wetlab_overview.detection}),a.default.createElement("div",{className:"undertext"},"Fig 3. An AHL detection scheme showing that AHL-LuxR complex activates the gene downstream from pLux."))),d=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"The comparator module is responsible for comparing the cell population density of Vibrio with our engineered E. coli. to see if it exceeds the pathogenic level. It receives information getting from the detector module. If the concentration of Vibrio is higher than engineered E. coli., which means LuxR-AHL complex is present, the anti-Vibrio gene will be transcribed. On the other hand, if the concentration of engineered E. coli. is higher than Vibrio, which means LuxR-AHL complex is absent, the suicide gene will be transcribed to kill E. coli. itself. "),a.default.createElement("div",{className:"part"},"Our initial effort is to design a gene circuit contain LacR to accomplish our goal. However, it turns out that there are some problems and drawbacks. While AHL presences, LacR should be produced and bound to pLac promoter to inhibit suicide gene being expressed. Yet, LacR can’t 100 % bind to pLac and this happens in most operons, so-called leakage problem. Suicide gene may be expressed, and E. coli. will suicide even at high AHL concentration. This would cause the system to be collapsed, and the result became out of our expectations (Fig 4)."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.wetlab_overview.lacl}),a.default.createElement("div",{className:"undertext"},"Fig 4. Our initial design using Lac operon to regulate genes expression.")),a.default.createElement("div",{className:"part"},"We come up with a better solution for our kill switch by using riboswitch and Small Transcriptional-Activating RNA (STAR) to regulate our gene. STAR is a small RNA with its sequence completely complementary to riboswitch. Riboswitch is an intrinsic transcription terminator, a DNA segment with special secondary structure. It forms a hairpin structure and inhibits transcriptions of the genes downstream.[2] When STAR binds to the riboswitch, it will be turned on (Fig 5, 6). Current studies show that riboswitch can regulate protein better than operon because of the higher affinity between STAR and riboswitch. In addition, STAR is smaller than regular proteins and it degrades faster than regular protein, therefore can respond to environmental change more rapidly than operon."),a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{className:"illust-image-wrapper"},a.default.createElement("img",{className:"illust-image",src:l.default.image.wetlab_overview.riboswitch})),a.default.createElement("div",{className:"undertext"},"Fig 5. The secondary structure of riboswitch and STAR")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.wetlab_overview.star}),a.default.createElement("div",{className:"undertext"},"Fig 6. STAR turns on the target and activates the downstream transcriptional process")),a.default.createElement("div",{className:"part"},"We also use a small RNA segment called anti-STAR in our design. Its sequence is totally complementary to STAR, but has higher affinity than riboswitch does. When anti-SATR exists, STAR will bind to it prior to riboswitch. Consequently, when Lux-AHL triggers the transcription of anti-STAR, it binds to STAR and the riboswitch is turned off (Fig 7). When Lux-AHL is absent and anti-STAR isn’t generated, STAR will turn on the riboswitch."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.wetlab_overview.anti}),a.default.createElement("div",{className:"undertext"},"Fig 7. Anti-STAR makes STAR lose it functionality. The gene downstream is still inhibited by the target."))),p=a.default.createElement("div",null,a.default.createElement("div",null,"We use two growth inhibitors to control populations of Vibrio and engineered E. coli. One is for inhibiting Vibrio, and another is for inhibiting engineered E. coli. At first, we would like to use anti-Vibrio substances in our design. However, our lab belongs to Bio-safety Level 1 (BSL1) and we can’t use real Vibrio in our experiments to test the toxicity of anti-Vibrio substance due to bio-safety concern. Therefore, we use colicin M to kill E. coli. (fake Vibrio) in order to prove our bio-control model. On the other hand, we use toxin small RNA (tsRNA) and endolysin as suicide substances to kill engineered E. coli. itself."),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"1. Colicin M"),a.default.createElement("div",null,"Colicin M blocks the biosynthesis of peptidoglycan (murein) and O-antigen. Colicin M contains activity (cma) and immune gene (cmi). The product of cmi is an immune protein, preventing colicin M to inhibit cell wall synthesis by binding to and thus neutralizing it. In addition, most colicins are released by autolysis, but colicin M lacks a lysis gene.[3-4] It has less tendency to cause the death of producer cells, so it’s a suitable protein for the purpose of killing other bacteria without harming producer cells.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"2. Toxic small RNA (tsRNA)"),a.default.createElement("div",null,"Toxic small RNAs are small non-coding RNA. We use the tsRNA isolated from Burkholderia cenocepacia. The Current study showed that it is toxic to the E. coli. host and reproducibly inhibit E. coli growth. TsRNA harbored a sequence that was complementary to the consensus ribosomal binding site (RBS). It is hypothesized that it might target and misregulate essential genes within the E. coli cell. TsRNA cannot penetrate the bacterial cell from the outside, so it is unable to affect bacteria except E. coli. host cells.[5] Additionally, producing tsRNA doesn’t require a translational process, thus the response time is more rapid. As a result, tsRNA become an ideal suicide substance for our design.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"3. Endolysin"),a.default.createElement("div",null,"Endolysin is a peptidoglycan hydrolase that is secreted by double-stranded DNA lambda phage to comprise the bacterial cell wall. It causes cell lysis by disrupting murein structure.")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.wetlab_overview.mechanism}),a.default.createElement("div",{className:"undertext"},"Fig 8. The overall gene circuit design"))),h=a.default.createElement("div",null,a.default.createElement("div",{className:"innerpart"},"1. Visick, K. L.; Foster, J.; Doino, J.; McFall-Ngai, M.; Ruby, E. G., Vibrio fischeri lux Genes Play an Important Role in Colonization and Development of the Host Light Organ. Journal of Bacteriology 2000, 182 (16), 4578-4586."),a.default.createElement("div",{className:"innerpart"},"2. Chappell, J.; Takahashi, M. K.; Lucks, J. B., Creating small transcription activating RNAs. Nature chemical biology 2015, 11 (3), 214-20."),a.default.createElement("div",{className:"innerpart"},"3. Harkness, R. E.; Olschlager, T., The biology of colicin M. FEMS microbiology reviews 1991, 8 (1), 27-41."),a.default.createElement("div",{className:"innerpart"},"4. Zeth, K.; Römer, C.; Patzer, S. I.; Braun, V., Crystal Structure of Colicin M, a Novel Phosphatase Specifically Imported by Escherichia coli>. The Journal of Biological Chemistry 2008, 283 (37), 25324-25331."),a.default.createElement("div",{className:"innerpart"},"5. Kimelman, A.; Levy, A.; Sberro, H.; Kidron, S.; Leavitt, A.; Amitai, G.; Yoder-Himes, D. R.; Wurtzel, O.; Zhu, Y.; Rubin, E. M.; Sorek, R., A vast collection of microbial genes that are toxic to bacteria. Genome research 2012, 22 (4), 802-9.")),m={viewbar:{Title:"Wetlab",Subtitle:"Detector, comparator, and controller module",image:l.default.image.topfull.wetlab_overview},content:{Introduction:u,parts:[{Title:"Cell Population Controlling System",Description:c},{Title:"Detector",Description:f},{Title:"Comparator",Description:d},{Title:"Controller",Description:p},{Title:"Reference",Description:h}]}},g=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(o.default,m)}}]),t}();t.default=g},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=u(i),o=u(n(4)),l=u(n(8)),s=u(n(136));function u(e){return e&&e.__esModule?e:{default:e}}var c=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{style:{margin:"auto",width:"500px"}},a.default.createElement("img",{className:"illust-image",src:o.default.image.model.interaction}))),a.default.createElement("div",{className:"part"},"We genetically modify the E.coli, giving them the ability to detect Vibrio concentration, and secrete some compound to supress Vibrio and itself. "),a.default.createElement("div",{className:"part"},"If the AHL concentration exceed a specific threshold, engineered E.coli will secrete antibacterial peptide Colisin M to kill Vibrio. Otherwise, the Vibrio concentration below the E.coli's detection threshold, engineered Ecoli will secrete tsRNA to commit suicide.")),f=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"We revise this model from Lotka-Volterra model with logistic population groth, and the decay rate of compound."),a.default.createElement("div",{style:{width:"fit-content",margin:"auto"}},a.default.createElement(s.default.Provider,null,a.default.createElement("div",{style:{marginTop:"20px"}},a.default.createElement(s.default.Node,{inline:!0,formula:"{{dV} \\over{dt}} = r_v V - {{r_v} \\over {V_{max}}} V^2 -a VN"})),a.default.createElement("div",{style:{marginTop:"20px"}},a.default.createElement(s.default.Node,{inline:!0,formula:"{{dA} \\over {dt}} = k_AV - \\lambda_A A"})),a.default.createElement("div",{style:{marginTop:"20px"}},a.default.createElement(s.default.Node,{inline:!0,formula:"{{dE} \\over {dt}} = bEA - cES - \\lambda_E E"})),a.default.createElement("div",{style:{marginTop:"20px"}},a.default.createElement(s.default.Node,{inline:!0,formula:"{{dC} \\over {dt}} = k_CE - \\lambda_C C "})),a.default.createElement("div",{style:{marginTop:"20px"}},a.default.createElement(s.default.Node,{inline:!0,formula:"{{dS} \\over {dt}} = k_SE - \\lambda_S S"}))))),a.default.createElement("div",{className:"part"},"With the contraint of AHL threshold",a.default.createElement("div",{style:{width:"fit-content",margin:"auto"}},a.default.createElement(s.default.Provider,null,a.default.createElement("div",{style:{marginTop:"20px"}},a.default.createElement(s.default.Node,{inline:!0,formula:"A \\lt A_t, \\ k_C=0"})),a.default.createElement("div",{style:{marginTop:"20px"}},a.default.createElement(s.default.Node,{inline:!0,formula:"A \\geq A_t, \\ k_S=0"})))))),d=a.default.createElement("div",null,"With changing specific parameter, such as binding strength of antibacterial Colisin with Vibrio, binding strength of Ahl with Ecoli, and the detection threshold of AHL for engineered E.coli. We are able to simulate the population of two bacteria in oscillating, and a parameter sensitive constant mode.",a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.model.result}),a.default.createElement("div",{className:"undertext"},"Two figure are just a slight change of the Binding strength of Ahl with Ecoli"))),p=a.default.createElement("div",null,"Code detail On ",a.default.createElement("a",{href:"https://github.com/igem-tw-nthu/model-2018"},"Github")),h={viewbar:{Title:"Model",Subtitle:"Build a simple bio-oscillator",image:o.default.image.topfull.model},content:{Introduction:"This year 2018 iGEM NTHU_Taiwan aims to solve the Vibrio infection in aquaculture with bio-competiotion. We are inspired by the peroidic pattern of Lotka-Volterra model, and try to control the Vibrio population with engineered E.coli.",parts:[{Title:"Interaction",Description:c},{Title:"Equations",Description:f},{Title:"Discussion",Description:d},{Title:"Soucre Code",Description:p}]}},m=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,h)}}]),t}();t.default=m},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(4)),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Transformation"),a.default.createElement("div",null,"During this summer, we had done lots of digestion-ligation and transformation experiments! We enjoyed and had fun exploring the mystery of synthetic biology!"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.experiment.transform}),a.default.createElement("div",{className:"undertext"},"Fig. 1: Successful transformation of part BBa_K2774008 (Left) and BBa_K2774005 (Right)")),a.default.createElement("div",null,"Utilizing iGEM distribution kit and parts from the registry, we assembled various bio-bricks to construct our genes. We constructed our part, BBa_K2774008, by using pLac with RBS (BBa_J04500), endolysin (BBa_K1378032) with GFP (E0240). The left LB plate was the transformation of BBa_K2774008. The transformation was success and therefore some of the colony emits GFP fluorescence! And the right LB plate was the transformation of part BBa_K2774005, the RFP shows the right colony with successful ligation plasmid. In addition, thanks for the established technology of IDT (Integrated DNA Technologies), providing us the gene fragments. Finally, we successfully constructed tsRNA (BBa_K2774001).")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Electrophoretogram"),a.default.createElement("div",null,"Here are the parts we assemble successfully. We use VF2 and VR primer to check our gene’s length, all of them are on pSB1C3."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.experiment.elec}),a.default.createElement("div",{className:"undertext"},"Fig.2: Electrophoretogram of our parts which we had submitted to registry, all of them show properly length (Using VF2 and VR primer, the length will increase about 300 bp)")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.experiment.table_1}),a.default.createElement("div",{className:"undertext"},"Table 1: This table’s genes correspond to each lane of Fig. 2 from left to right.")))),c=a.default.createElement("div",null,"We use TCBS (Thiosulfate-citrate-bile salts-sucrose agar, a type of selective agar culture plate that is used in microbiology laboratories to isolate Vibrio) to examine Vibrio’s concentration in fish farm. Our HP member and wet lab member visit the fish farm in Taiwan, Chiayi. We collected the water sample from different pool, and sent it back to the lab to culture the sample on TCBS.",a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{className:"illust-image-wrapper",style:{width:"600px"}},a.default.createElement("img",{className:"illust-image",src:o.default.image.experiment.sample})),a.default.createElement("div",{className:"undertext"},"Fig.3 : Collection sample from traditional fish farm in Taiwan")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Result"),a.default.createElement("div",null,"Sample from fish farm shown positive result, we found there were colony appeared on TCBS plate. Implying that Vibrio indeed exist in fish farm, and may infect shrimp or other marine creatures. In addition, the colony color stands for different types of Vibrio:"),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",null,"Vibrio Cholerae: Large yellow colonies. "),a.default.createElement("div",null,"Vibrio harveyi / Vibrio fischeri: Greyish-green to bluish-green colonies which show luminescence in dark.")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.vibrio}),a.default.createElement("div",{className:"undertext"},"Fig.4 : Testing Sample from fish farm on TCBS"),a.default.createElement("div",{className:"undertext"},"Right plate shows Vibrio harveyi and the left pate shows Vibrio Cholerae")))),f=a.default.createElement("div",null,"Our detection system is designed to make E. coli to obtain the ability to sense the concentration of Vibrio in the environment. We found that most of the pathogenic Vibrio use “quorum sensing” to communicate with each individual and to express different genes. Quorum sensing, a system which is able to control the gene expression followed by the population density. The signal transmission of quorum sensing is totally depending on the auto-inducer, acyl homoserine lactones (AHL), a small chemical molecule which is produced by bacterial enzyme (Fig. 5). Moreover, the concentration of AHL is directly proportional to bacteria density. When AHL concentration exceeds the threshold, it will bind with the protein (LuxR) and trigger the promoter (pLUX) to express the downstream genes.",a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.ahl}),a.default.createElement("div",{className:"undertext"},"Fig. 5: The schematic of our gene circuits")),a.default.createElement("div",{className:"illustration",style:{width:"300px"}},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.structure}),a.default.createElement("div",{className:"undertext"},"Fig. 6: The structure of AHL")),"Our detection system is using Lux system. When the Vibrio density is high, the AHL concentration in the environment is high. Hence, our engineered E. coli can detect the Vibrio density and can release the anti-Vibrio substances. (Fig. 7)",a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{className:"illust-image-wrapper",style:{width:"500px"}},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.cycle})),a.default.createElement("div",{className:"undertext"},"Fig. 7: The schematic of our detection system")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Exp. 1: AHL Sensor with Quantitative AHL "),a.default.createElement("div",null,"We constructed our AHL detector (BBa_K2774000), which can produce LuxR consistently by pLac promoter and can express GFP while LuxR combine with AHL and trigger pLUX (R0062). While AHL presents, AHL and LuxR will form a complex and trigger pLUX to express GFP. (Fig. 8)"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.experiment.sensor}),a.default.createElement("div",{className:"undertext"},"Fig. 8: AHL Bio-Detector")),a.default.createElement("div",null,"In order to test our gene’s function, we added different concentration of AHL (3-oxo-C6-HSL, synthesized by Sigma) to DH5α cells transformed with BBa_K2774000, and measured GFP expression hourly."),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Procedure:"),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",{className:"innerpart"},"1. Prepare DH5α cells which transformed with BBa_K2774000 and liquid culture in LB overnight."),a.default.createElement("div",{className:"innerpart"},"2. Diluted eight bacterial culture samples in fresh LB (50 μL O/N culture with 4950 μL fresh LB)"),a.default.createElement("div",{className:"innerpart"},"3. Pre-culture until O.D.600 reached 0.4, making sure bacteria is growing in log phase (better expression capability) and add IPTG (1mM) to induce the expression of LuxR."),a.default.createElement("div",{className:"innerpart"},"4. Add different amount of AHL into different samples (0.01, 0.1, 0.5, 1, 5, 10, 100 nM) and 0 M AHL for positive control."),a.default.createElement("div",{className:"innerpart"},"5. Measure the O.D.600 value and expression of GFP (λexcitation = 490 nm; λemission = 530 nm) hourly.")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.experiment.exp_1}),a.default.createElement("div",{className:"undertext"},"Fig. 9: GFP expression from different conc. of AHL"))),a.default.createElement("div",{className:"part"}),a.default.createElement("div",{className:"part-title"},"Result:"),a.default.createElement("div",null,"As the chart shows, we can find that AHL induced GFP expression as we expected. As the AHL concentration increased, the GFP expression increased until saturation. Besides, the optimized AHL concentration of inducing BBa_K2774000 is about 0.5-10 nM. Moreover, we found that if the concentration of AHL exceeds 1000 nM, it will inhibit BBa_K2774000 GFP expression."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.data_1}),a.default.createElement("div",{className:"undertext"},"Fig. 10: GFP expression from different conc. of AHL"))),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Exp. 2 : AHL sensor co-culture with fake Vibrio test"),"Since we cannot conduct the experiment related to Vibrio in our lab, we have to construct a fake Vibrio (by our engineered E. coli), which can also secrete AHL as Vibrio does. Therefore, we created our “pLac AHL generator” (BBa_2774004) by assembling “pLac + B0034” (BBa_J04500) and “LuxI” (BBa_C0161) together. Moreover, we added RFP to detect the population of fake vibrio (BBa_2774005)",a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Procedure:"),a.default.createElement("div",{className:"innerpart"}," 1. Prepare DH5α cells which transformed with BBa_2774000 (AHL sensor), BBa_2774004 (pLac AHL generator), and BBa_2774005 (pLac AHL generator + RFP) and liquid culture in LB overnight."),a.default.createElement("div",{className:"innerpart"}," 2. Diluted eight overnight bacterial culture in fresh LB with 1mM IPTG (50μL O/N culture with 4950 μL fresh LB)."),a.default.createElement("div",{className:"innerpart"}," 3. Pre-culture until O.D.600 reaches 0.4, making sure bacteria is growing in log phase (better expression capability)."),a.default.createElement("div",{className:"innerpart"}," 4. Mix different volume ratio of:"),a.default.createElement("div",null," BBa_2774004 (pLac AHL generator) with BBa_2774000 (AHL sensor)    "),a.default.createElement("div",null," BBa_2774005 (pLac AHL generator + RFP) with BBa_2774000 (AHL sensor)"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.table_2})),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.table_3})),a.default.createElement("div",null,"5. Measure O.D.600, GFP and RFP expression after overnight culture.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Result:"),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"a. BBa_2774005 (pLac AHL generator + RFP) co-culturing with BBa_2774000 (AHL sensor)"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.exp_2}),a.default.createElement("div",{className:"undertext"},"Fig 11. AHL sensor with increasing concentration of AHL generator + RFP (from the left tube to the right tube). We centrifuged culture tubes in the left picture to get the ones in the right picture.")),a.default.createElement("div",{className:"innerpart"},"We co-cultured AHL sensor with increasing concentration of AHL generator + RFP. The picture indicates that AHL was indeed generated. When the two bacteria were mixed together, red and green fluorescence were both emitted and producing different colors.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"b. BBa_2774004 (pLac AHL generator) co-culturing with BBa_2774000 (AHL sensor) "),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.table_4})),a.default.createElement("div",{className:"innerpart"},"In this experiment, we co-cultured AHL sensor with increasing concentration of AHL generator. We discovered that all liquid culture emitted green fluorescence except the one without adding AHL generator. We successfully proved that BBa_2774004 can express LuxI (AHL synthase) and generate AHL. We proposed that AHL concentration is linearly proportional to fake Vibrio concentration. However, the fluorescence intensities were almost the same among samples with increasing concentrations of AHL. We failed to construct a rational relation between fake Vibrio density and AHL concentration. We inferred the reason for this observation is that the rate of AHL synthesis is much higher than the rate of AHL degradation. The LuxI we used was the one without LVA-tag, so LuxI didn’t degrade instantly. In addition, we left the liquid culture overnight before measuring its fluorescence. Consequently, AHL was over-generated and the concentration of AHL was beyond the detection limit of AHL sensor.")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Exp. 3: Culture AHL sensor with Fake Vibrio’s supernatant")),a.default.createElement("div",null,"During Exp. 2 we find that overnight culturing and strong promoter cause excess AHL, which will not show the evidence of AHL concentration proportion to fake Vibrio concentration. Therefore we try a different way to experiment, we use weaker promoter and measure AHL concentration by AHL bio-sensor every hourly. Using interlab data we can get bacteria concentration by measuring OD600, and meanwhile we can centrifuge the tube to get supernatant which contain AHL secrete by the AHL generator that time."),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Procedure:"),a.default.createElement("div",{className:"innerpart"},"1. Prepare DH5α cells which transformed with BBa_2774000 (AHL sensor), BBa_2774002 (J23119+LxuI), and liquid culture in LB overnight."),a.default.createElement("div",{className:"innerpart"},"2.  Culture BBa_2774002 at microcentrifuge tube with (50μL O/N culture with 4950 μL fresh LB)."),a.default.createElement("div",{className:"innerpart"},"3. Measure microcentrifuge’s OD600 two hour and meanwhile centrifuge the tube to get supernatant contain AHL. Transfer the OD600 data to bacteria density by using inter lab data."),a.default.createElement("div",{className:"innerpart"},"4. Move 2.5 ml of supernatant contain AHL and 2.5ml fresh LB in new tube, and add AHL sensor simultaneously."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.exp_3}),a.default.createElement("div",{className:"undertext"},"Fig 12. The procedure of experiment 3."))),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Result:"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.result_4}),a.default.createElement("div",{className:"undertext"},"Fig 13. AHL sensor with increasing concentration of AHL generator supernant")),a.default.createElement("div",{className:"innerpart"},"We transferred the supernatant from generator liquid culture which contained AHL into AHL sensor. The result showed that supernatant from a higher concentration of generator inducing AHL sensor to express higher amount of GFP. Moreover, after we transform the data and take the logarithm of generator density, we find a similar result which we had done in experiment 1. (Fig10)"),a.default.createElement("div",{className:"innerpart"},"Comparing exp1 and exp3 result, confirming that Vibrio density is proportional to the AHL concentration, at the condition of the real-time situation to avoid AHL accumulation. ")),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Conclusion:"),a.default.createElement("div",null,"We have successfully created a bio-sensor which can detect and react to different concentration of AHL. Moreover, our fake Vibrio (BBa_2774004) can also secrete AHL. We also confirmed that the Vibrio density is proportional to the AHL concentration. Our future work is to exchange gene which is under the control of pLux from GFP to anti-Vibrio substances."))))),d=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"innerpart"},"Based on our gene circuit, we need two kinds of substances to fulfill our goal. The first one is the suicide gene. When Vibrio concentration is low, our E. coli need to suicide themselves to maintain the equilibrium. Therefore, we introduced “tsRNA” (toxic small RNA), which was studied and experimented by Dr. Rotem . “tsRNA” was first found in Burkholderia cenocepacia and showed its toxic to E. coli. to inhibit E. coli growth. Moreover, references show that “tsRNA” couldn’t penetrate the bacterial cell wall, either from outside or inside. Therefore, it becomes the best candidate for our suicide gene. Although the mechanism of “tsRNA” is not clearly known, Dr. Rotem had tried complement sequences of “tsRNA” shown negative results. They hypothesized that “tsRNA” might target and mis-regulate essential genes within the E. coli cell. "),a.default.createElement("div",{className:"innerpart"},"To test the function of tsRNA for our suicide gene, we put tsRNA sequence under pLac promoter. Using IDT synthesized technology, we got the gene fragment (BBa_2774001)."),a.default.createElement("div",{style:{width:"300px"},className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.tsrna}),a.default.createElement("div",{className:"undertext"},"Fig 14. The secondary structure of tsRNA"))),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Procedure"),a.default.createElement("div",{className:"innerpart"},"1. Prepare DH5α which transformed with BBa_K2774001 and liquid culture in LB overnight."),a.default.createElement("div",{className:"innerpart"},"2. Diluted the overnight bacterial culture in fresh LB (50 μL O/N culture with 4950 μL fresh LB) "),a.default.createElement("div",{className:"innerpart"},"3. Pre-culture until O.D.600 reaches 0.2, making sure bacteria is growing in log phase (better expression capability) "),a.default.createElement("div",{className:"innerpart"},"4. Add IPTG (1mM) to induce tsRNA expression. (Adding ampicillin for positive control)"),a.default.createElement("div",{className:"innerpart"},"5. Measure O.D.600 hourly."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.tsrna_test}))),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Result"),a.default.createElement("div",{className:"innerpart"},"We induced tsRNA expression with IPTG at O.D.600 = 0.2. The result shows that tsRNA slightly inhibits E. coli growth, approximately 12%. We tested our BBa_K2774001 lots of times, but it still goes to the same result. Feeling confused, so we consulted Dr. Rotem for our situation, and got a generous reply:"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.email})),a.default.createElement("div",{className:"innerpart"},"Dr. Rotem suggested us to check if our tsRNA mutated during transforming because of the inferiority of growth rate. Or to check tsRNA expression by using Northern blotting to check the RNA expression. Therefore, we sequenced our plasmid (tsRNA) and BLAST the result with our designed sequence: showing no mutation on tsRNA section."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",style:{backgroundColor:"transparent"},src:o.default.image.experiment.strength}),a.default.createElement("div",{className:"undertext"},"Fig 15. Sequencing result of tsRNA")),a.default.createElement("div",{className:"part-title"},"Conclusion"),a.default.createElement("div",{className:"innerpart"},"Our experiment result shows that the inhibition efficiency of tsRNA is 12%, which is significantly different from the one reported by Dr. Rotem. We sequenced our plasmid and no mutation was found. We inferred that the low inhibition efficiency is due to few expression of tsRNA. We believe this can be improved by using a stronger promoter to get a better result."))),p={viewbar:{Title:"Experiment",Subtitle:"",image:o.default.image.topfull.experiment},content:{Introduction:"In order to achieve our project’s goal, we constructed a few functional genes and tested their features. To sum up, our project can be divided into three parts. First of all is the “detection” part, we made our E. coli to detect the density of Vibrio and to respond. Then, it’s the part of “kill Switch”, we made our E. coli to switch from secreting anti-Vibrio substances to suicide to fulfilled bio-safety issues. Finally, it’s  “substances test” for anti-Vibrio and suicide substances which will be used in our project.",parts:[{Title:"Cloning",Description:u},{Title:"Testing Sample",Description:c},{Title:"Detection",Description:f},{Title:"Substances test",Description:d}]}},h=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,p)}}]),t}();t.default=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(8)),l=s(n(4));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("table",{className:"table"},a.default.createElement("tbody",null,a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},"Biobrick"),a.default.createElement("th",{className:"tablehead"},"Type"),a.default.createElement("th",{className:"tablehead"},"Name"),a.default.createElement("th",{className:"tablehead"},"Description")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},a.default.createElement("a",{href:"http://parts.igem.org/Part:BBa_K2774000",target:"_blank"},"BBa_K2774000")),a.default.createElement("td",{className:"tabledata"},"Composite"),a.default.createElement("td",{className:"tabledata"},"AHL reporter"),a.default.createElement("td",{className:"tabledata"},"pLux with GFP")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},a.default.createElement("a",{href:"http://parts.igem.org/Part:BBa_K2774001",target:"_blank"},"BBa_K2774001")),a.default.createElement("td",{className:"tabledata"},"Basic"),a.default.createElement("td",{className:"tabledata"},"tsRNA"),a.default.createElement("td",{className:"tabledata"},"A small non-coding RNA which inhibits cell growth.")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},a.default.createElement("a",{href:"http://parts.igem.org/Part:BBa_K2774002",target:"_blank"},"BBa_K2774002")),a.default.createElement("td",{className:"tabledata"},"Composite"),a.default.createElement("td",{className:"tabledata"},"Consensus AHL generator"),a.default.createElement("td",{className:"tabledata"},"AHL generator with Anderson promoter which can constantly generate 3OC6HSL")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},a.default.createElement("a",{href:"http://parts.igem.org/Part:BBa_K2774003",target:"_blank"},"BBa_K2774003")),a.default.createElement("td",{className:"tabledata"},"Composite"),a.default.createElement("td",{className:"tabledata"},"Consensus AHL reporter"),a.default.createElement("td",{className:"tabledata"},"AHL generator with Anderson promoter which can constantly generate 3OC6HSL and mRFP")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},a.default.createElement("a",{href:"http://parts.igem.org/Part:BBa_K2774004",target:"_blank"},"BBa_K2774004")),a.default.createElement("td",{className:"tabledata"},"Composite"),a.default.createElement("td",{className:"tabledata"},"Inducible AHL generator"),a.default.createElement("td",{className:"tabledata"},"IPTG inducible 3OC6HSL generator")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},a.default.createElement("a",{href:"http://parts.igem.org/Part:BBa_K2774005",target:"_blank"},"BBa_K2774005")),a.default.createElement("td",{className:"tabledata"},"Composite"),a.default.createElement("td",{className:"tabledata"},"Inducible AHL generator with mRFP"),a.default.createElement("td",{className:"tabledata"},"IPTG inducible 3OC6HSL generator with mRFP")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},a.default.createElement("a",{href:"http://parts.igem.org/Part:BBa_K2774006",target:"_blank"},"BBa_K2774006")),a.default.createElement("td",{className:"tabledata"},"Composite"),a.default.createElement("td",{className:"tabledata"},"Endolysin with GFP"),a.default.createElement("td",{className:"tabledata"},"Growth inhibition protein combines with GFP but without promoter")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},a.default.createElement("a",{href:"http://parts.igem.org/Part:BBa_K2774007",target:"_blank"},"BBa_K2774007")),a.default.createElement("td",{className:"tabledata"},"Composite"),a.default.createElement("td",{className:"tabledata"},"Inducible Endolysin with GFP"),a.default.createElement("td",{className:"tabledata"},"IPTG inducible growth inhibition protein with GFP"))))),c={viewbar:{Title:"Parts",Subtitle:"The basis of everything",image:l.default.image.topfull.parts},content:{Introduction:"We designed and constructed many basic parts for establishing our functional composite parts.",parts:[{Description:u}]}},f=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(o.default,c)}}]),t}();t.default=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(4)),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",{style:{padding:"20px",backgroundColor:"lightgray"}},a.default.createElement("embed",{style:{width:"100%",height:"800px"},src:"https://drive.google.com/file/d/1ATZZaWsNO_d8iyaQgqDZaUll_uk9C4X6/preview"})),c={viewbar:{Title:"Protocol",Subtitle:"The way guide us to success",image:o.default.image.topfull.protocol},content:{Introduction:"",parts:[{Description:u}]}},f=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,c)}}]),t}();t.default=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(4)),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",{style:{padding:"20px",backgroundColor:"lightgray"}},a.default.createElement("embed",{style:{width:"100%",height:"800px"},src:"https://drive.google.com/file/d/1AUPIcNdju8I6IRvF_1VFVveuY7yBvywj/preview"})),c={viewbar:{Title:"Notebook",Subtitle:"We struggled in lab every single day",image:o.default.image.topfull.notebook},content:{parts:[{Description:u}]}},f=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,c)}}]),t}();t.default=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=p(["\n    margin-top: 70px;\n    "],["\n    margin-top: 70px;\n    "]),a=p(["\n    font-weight: 600;\n    text-align: center;\n    color: steelblue;\n    "],["\n    font-weight: 600;\n    text-align: center;\n    color: steelblue;\n    "]),o=p(["\n    margin-top: 10px;\n    "],["\n    margin-top: 10px;\n    "]),l=n(0),s=d(l),u=d(n(10)),c=d(n(8)),f=d(n(4));function d(e){return e&&e.__esModule?e:{default:e}}function p(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var h=s.default.createElement("div",{className:"illustration"},s.default.createElement("img",{className:"illust-image",src:f.default.image.gold.overview})),m=[{time:"20180716",title:"Deputy Director of Fisheries Research Institute, COA, C.I. Chang",description:"C.I. Chang is the first experts we interviewed. After talking with him, we knew more about the characteristics of Vibrio. It surly helped us figure out how our design, automated device ACE, should be like. Also, he gave us the plate of Vibrio Harveyi and MV-kit for free which we later combined with ou Automatic Vibrio-detecting System. "},{time:"20180723",title:"NCTU Meet-up",description:"This is the first meet-up we attended. According to the advice given by other teams, they considered that we should put more emphasis on biosafety. At first, we decided to put our engineered E. coli into the open water area. After discussion, we replace this way by putting our engineered E. coli into a close water and to use it with a filter. By doing so, we could effectively control our engineered bacteria and thus, reducing the problem about biosafety."},{time:"20180724",title:"Eurasian Meet-up",description:"Some of our team members went to Shenzhen, China, to participate in Eurasian Meet-up. We did find some inspiring ideas which sharpen our current work. Team members from CUHK gave us some suggestions about our image detection system. Some people suggested us other switch systems for our experimental design like toehold switch. After the conference, we searched for several switch systems, but we still stick to our original idea because we thought that the disadvantage for our STAR system is the least."},{time:"20180808",title:"Interview with Traditional Breeding Fishermen in Kaosiung and Chaiyi",description:"Fishermen told us that usually they wait until the fish get sick and take them to the testing institute if there is a way to know the water quality immediately, they could take precautions, which is the main service we designed to provide by ACE. They also mentioned the importance of sending a notification to fishermen when the machine shut down. According to their feedback, we contacted with Chunghwa Telecom to seek for future collaboration. They said that as long as we apply for a SIM card and a phone number, this kind of function can easily be done. Moreover, we should set the working time of ACE consists with fishermen’s working time which is usually between 2 a.m. to 11 a.m."},{time:"20180812",title:s.default.createElement("div",null,s.default.createElement("div",null,"Interview with Ecological Breeding Fishermen'"),s.default.createElement("div",null,"Mr. Tsai, Hung-Jing’s Fish Farm")),description:"Mr. Tsai, Hung-Jing has successfully used biological feed- water flea to take care of his shrimps and to make some profit. His story was published by CommonWealth Magazine, a famous magazine in Taiwan. The introduction of his fish farm enabled us to have a more comprehensive understanding of how fishermen raise fish or shrimps. He also gave us some positive feedback toward our ACE. He said that if our service cost can be as low as 8,000 NT dollars, it will have a strong advantage and the market acceptance will be high since the price of the general detection devices needs to be up to ten thousand NT dollars. Since then, we put more emphasis on using cheaper components to build our Automatic Color-detecting Examiner."},{time:"20180902",title:s.default.createElement("div",null,s.default.createElement("div",null,"Interview with Ecological Breeding Fishermen'"),s.default.createElement("div",null,"Qiujia Aquaculture in Chiayi, Taiwan")),description:"The fishermen told us the current method they use to detect Vibrio is coating the plate, which is not efficient and not so accurate. They confirmed that Automatic Color-detecting Examiner is in demand if it can be equipped with high accuracy, shutdown notification, and self-calibration because it is helpful for them to know the concentration of Vibrio to take preventive measures. After considering their suggestions, we decided to extend the sampling period to 24 hours due to the fact that the growing time of Vibrio to be pathogenic is way longer than one day, and add function to ACE such as when the camera shut down or cannot be connected, it will return a “no camera” sign to our application."},{time:"20180906",title:s.default.createElement("div",null,s.default.createElement("div",null,"Interview with Experts from National Museum of Marine Biology and Aquarium'"),s.default.createElement("div",null,"Dr. Jimmy Kuo, vice researcher")),description:"He explained to us why the growth curve of Vibrio was so strange, which we faced also when doing experiments. If we want to get the expectative results, we should culture fresh Vibrio rather than take one from the refrigerator. Besides Dr. Kuo also recommended that we could use the battery as our electric power source to avoid the loss of results from the blackout. Additionally, our device should calibrate regularly, or the results would be deviant. Finally, since our device could detect frequently, we could target on the customers cultivating remunerative aquatic agriculture."},{time:"20180906",title:s.default.createElement("div",null,s.default.createElement("div",null,"Interview with Experts from National Museum of Marine Biology and Aquarium',"),s.default.createElement("div",null,"Dr. Ming-An Tsai, assistant researcher")),description:"Dr. Ming-An Tsai told us that there are two ways to avoid bacterial diseases, killing Vibrio or inhibiting its growth, but we should not kill all the Vibrio in the water which might destroy the ecological balance. Most importantly, he gave us a crucial reference that if the concentration of Vibrio in the water goes beyond 〖10〗^4 CFU/mL, it would be more infectious. This data is a vital reference not only in our wet lab but also in our dry lab."},{time:"20180908",title:"TRANS conference, Taipei, Taiwan",description:"During TRANS, we’ve met people from different backgrounds, such as students, bacterial professionals, fishery companies and some previous iGEM teams in Taiwan. According to the questions and feedback, we found that it is the biosafety that people concerned most. After TRANS, we reconsidered our design on biosafety. Finally, our whole project will be used indoor and with the special filters to prevent engineered E. coli spread out."}],g=u.default.div(i),v=u.default.div(a),y=u.default.div(o),b=s.default.createElement("div",null,m.map(function(e,t){return s.default.createElement(g,{key:t},s.default.createElement(v,null,e.time),s.default.createElement(v,null,e.title),s.default.createElement(y,null,e.description))})),w={viewbar:{Title:"Gold",Subtitle:"The evolution of our project",image:f.default.image.topfull.gold},content:{Introduction:"Our project focuses on tackling a problem highly relevant to the aquaculture industry to our country. It is important to look at the impact our project would have and how we could alter our design to meet the practical need according to the advice we acquired from users, stakeholders, and the public. The flowchart illustrated the integrated human practice process in the past year and gave an impression on how our project evolved due to the information we received and the dialogues we had with experts.",parts:[{Description:h},{Description:b}]}},E=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,l.Component),r(t,[{key:"render",value:function(){return s.default.createElement(c.default,w)}}]),t}();t.default=E},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=(s(n(10)),s(n(8))),l=s(n(4));n(36);function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",null,"Summer synthetic biology camp"),a.default.createElement("div",null,"for high school students")),c=a.default.createElement("div",null,"In this summer, we cooperated with",a.default.createElement("a",{href:"http://www.fssh.khc.edu.tw/"}," National Feng-Shan Senior High School "),"to hold a summer synthetic biology camp. We both aimed to let students know more about iGEM and synthetic biology. During the camp, participants learned how to carry out simple experiments, e.g. plasmid extraction and transformation. We also shared with the students about our iGEM project and briefly introduced synthetic biology. The following are the schedule and all the material we used in the camp. About our files used in this camp are all available to",a.default.createElement("a",{href:"https://drive.google.com/drive/folders/19QhZWbbpJTddxGISAeXFJBAxcs_MuS_m?usp=sharing"}," download"),". The only thing you have to notice is the language, most are in Chinese."),f=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("table",{className:"table"},a.default.createElement("tbody",null,a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"}),a.default.createElement("th",{className:"tablehead"},"2018/08/10"),a.default.createElement("th",{className:"tablehead"},"2018/08/11")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},"9:00~12:00"),a.default.createElement("td",{className:"tabledata"},a.default.createElement("div",null,"iGEM Introduction & Team Project"),a.default.createElement("div",null,"Experiment Introduction "),a.default.createElement("div",null,"Pipetman Teaching ")),a.default.createElement("td",{className:"tabledata"},a.default.createElement("div",null,"Synthetic Biology Introduction"),a.default.createElement("div",null,"Experiment Introduction"),a.default.createElement("div",null,"Colony PCR"))),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},"12:00~13:00"),a.default.createElement("td",{className:"tabledata"},"Lunch Time"),a.default.createElement("td",{className:"tabledata"},"Lunch Time")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},"13:00~16:00"),a.default.createElement("td",{className:"tabledata"},a.default.createElement("div",null,"Plasmid Extraction"),a.default.createElement("div",null,"Transformation"),a.default.createElement("div",null,"Bacteria Cultivation")),a.default.createElement("td",{className:"tabledata"},a.default.createElement("div",null,"Colony PCR"),a.default.createElement("div",null,"DNA Electrophoresis"),a.default.createElement("div",null,"Questionnaire Survey"))))))),d=a.default.createElement("div",null,a.default.createElement("div",null,"This year, 16 students joined our synthetic biology camp. The following are some feedback given by the students in the questionnaire survey. The data and results are summarized as the pie charts below:"),a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Question 1: What grade are you in?"),a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{className:"illust-image-wrapper"},a.default.createElement("img",{className:"illust-image",src:l.default.image.education.pie_1})))),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Question 2: Have you ever carried out synthetic biology experiments?"),a.default.createElement("div",null,a.default.createElement("div",{style:{margin:"20px auto"},className:"illust-image-wrapper"},a.default.createElement("img",{className:"illust-image",src:l.default.image.education.pie_2})),a.default.createElement("div",{className:"undertext"},"*They have only done plasmid extraction of yeast and simple electrophoresis."))),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Question 3: What’s your imagination or cognition in synthetic biology?"),a.default.createElement("table",{className:"table"},a.default.createElement("tbody",null,a.default.createElement("tr",{className:"tablehead"},a.default.createElement("th",{className:"tablehead"},"Before the camp "),a.default.createElement("th",{className:"tablehead"},"After the camp")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("td",{className:"tabledata"},"Just a combination of two genes."),a.default.createElement("td",{className:"tabledata"},"Combine different fields to solve more problems or minimize the damage may harm people")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("td",{className:"tabledata"},"Synthesize DNA sequence."),a.default.createElement("td",{className:"tabledata"},"The synthetic biology would be the trend in many industries in the future, such as medical use, agriculture use, etc.")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("td",{className:"tabledata"},"It seems that the synthetic biology is related to recombinant DNA."),a.default.createElement("td",{className:"tabledata"},"Use restriction enzyme and ligase to do some cloning and improve the characteristic.")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("td",{className:"tabledata"},"It has something to do with gene modification."),a.default.createElement("td",{className:"tabledata"},"Create useful modified creatures to change our lives."))))),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Question 4: Are you more interested in synthetic biology after the camp?"),a.default.createElement("div",{className:"illust-image-wrapper"},a.default.createElement("img",{style:{marginTop:"20px"},className:"illust-image",src:l.default.image.education.pie_3}))),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"Question 5: Do you have anything suggestion for this camp?"),a.default.createElement("table",{className:"table"},a.default.createElement("tbody",null,a.default.createElement("tr",null,a.default.createElement("th",{className:"tablehead"},"Suggestions")),a.default.createElement("td",{className:"tabledata"},"It’s better if the lecturers designed some interesting games during the waiting time of experiments. Or the students would be boring."),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("td",{className:"tabledata"},"The contents of the experiments were quite funny, but the basic theories were difficult for high school students.")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("td",{className:"tabledata"},"Though I have not learned most of the terms about molecular biology experiments, the contents of experiments were interesting and inspiring which makes me acquire knowledge about molecular biology.")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("td",{className:"tabledata"},"If lecturers summarized all of the experiments to a table, it will be better!")),a.default.createElement("tr",{className:"tablehead"},a.default.createElement("td",{className:"tabledata"},"It’s my first time to do the molecular biology experiments and hopefully, you guys can achieve your goals!"))))))),p=a.default.createElement("div",null,a.default.createElement("div",null,"According to their feedback, we have achieved our goal: First, to introduce iGEM and synthetic biology. Second, teach high school students how to carry out synthetic biology experiment. Third, enhance their interest in genetic engineering. The synthetic biology camp this year is successful, and National Feng-Shan Senior High School are willing to cooperate with us next year! We hope our effort can encourage more students to do researches about genetic engineering, and maybe they will join iGEM soon!"),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:l.default.image.education.group}))),h={viewbar:{Title:"Education",Subtitle:u,image:l.default.image.topfull.education},content:{Introduction:"Joining iGEM allows us to carry out some interesting and creative experiments related to the latest researches. However, for ordinary senior high school students in Taiwan, they do not have the opportunity to engage in iGEM or the state-of-the-art knowledge of synthetic biology. Therefore, we decided to bring synthetic biology to high school students. We can not only tell them what synthetic biology is but also share our experience of joining iGEM as well as encourage them to participate next year!",parts:[{Title:"Summer Synthetic Biology Camp",Description:c},{Title:"Schedule",Description:f},{Title:"Feedback",Description:d},{Title:"Summary",Description:p}]}},m=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(o.default,h)}}]),t}();t.default=m},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=(s(n(10)),s(n(4))),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.interview.research})),a.default.createElement("div",null,"Fisheries Research Institute, COA, which is the government agency offers fish farmers to test the pathogen of fish and also, doing some researches on aquatic organisms as well. Deputy director of COA, C.I. Chang, who is a master in marine biology, recently did lots of researches on aquatic animal and pathogen, creating the MV-kit as well. The kit which function is to test the number of Vibrio in the water. And of course, FRI is the closest department between the local fish farmers and the public. As a result, we decided to visit him to get more helpful information and suggestions for our project. During our in-depth talk, we knew more about the Vibrio and, our core of the automated device,",a.default.createElement("a",{href:"https://2018.igem.org/Team:NTHU_Taiwan/Drylab-Overview"},"ACE"),". For example, after knowing the detailed information about the basic characteristics of Vibrio and the mechanism of MV-kit, making us want to combine the kit with our device and if it comes true, the device will be powerful. In the end, deputy director also gave us a few useful, potential advice and questions between our device and the kit. These feedbacks inspired us pretty much, such as whether our device would be influenced by the precipitation or not, or do we need some kinds of membrane to filter the aquatic sample or not, and in order to maintain the integrity and accuracy of our device, we have to test the efficiency of MV-kit in different environments and to find the simplest way that fish farmers can easily use. Nicely, the deputy director offering the plate of Vibrio harveyi and MV-kit for free in order to encourage us to make our experiment more complete.")),c=a.default.createElement("div",null,a.default.createElement("div",null,"In order to improve our project, we need to gain as much feedback as possible from the potential users; therefore, we’ve visited local fisherman in Taiwan, of which we can categorize into ecological and traditional breeding fish farmers."),a.default.createElement("div",{className:"illustration"},a.default.createElement("iframe",{width:"100%",height:"500px",src:"https://www.youtube.com/embed/NwxEiwLPtb8",frameborder:"0",allow:"autoplay; encrypted-media",allowfullscreen:!0}))),f=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.interview.tradition_1})),a.default.createElement("div",null,a.default.createElement("div",null,"In addition to visiting the ecological breeding farmers, we visited traditional fishermen in Kaohsiung and Chiayi, Mr. Chiu and Mr. Jian. They gave us some useful information, so we can improve our project more further."),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Mr. Chiu and Mr. Jian"),a.default.createElement("div",{className:"innerpart"},"Overall, they usually wait until the fish get sick and take them to the inspection center. If we can let them know about the condition of bacteria beforehand, they might take precautions, such as cleaning the water or adding the active powder to improve water quality and minimize the damage."),a.default.createElement("div",{className:"innerpart"},"When asking about what problem is the most crucial one they are facing, they’ve mentioned the uncertainty of electricity.  If the machine shut down or in a dangerous condition, sending a notification to farmers is essential. They also mentioned that adding the function of notifying farmer by message might be more practical than the smartphone application or the notification bar since farmer might be the elderly who do not use a smartphone. In light of their suggestions, we found the Chunghwa Telecom to seek for future collaboration. They told us that as long as we apply for a SIM card and a phone number, this kind of function can easily be done."),a.default.createElement("div",{className:"innerpart"},"To sum up, feedbacks and information are listed below. Plenty of them has greatly improved our projects:"),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",null,"1. Their working time is usually between 2 a.m. to 11 a.m., so they suggest us to test the sample during this time (since MV-kit needs 12~24 hr. to react completely)."),a.default.createElement("div",null,"2. They introduce the “TCBS” method: a common way to detect Vibrio sp. in traditional fish farm. This method need 1~2 day to complete."),a.default.createElement("div",null,"3. Add more features to ACE machine, e.g. water quality test (pH, NO3-, NO2-), other kit test (virus, fish parasite), and black out reminder."),a.default.createElement("div",null,"4. They recommend us to use text messages to be the notification of ACE machine. Because some of the traditional fishermen do not use smartphones."),a.default.createElement("div",null,"5. They recommend us to cooperate with fishermen who feed grouper or eel."),a.default.createElement("div",null,"6. As a traditional fisherman, they think our device has great potential."))))),d=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Mr. Tsai Hung-Jing’s Fish Farm"),a.default.createElement("div",null,a.default.createElement("div",{className:"innerpart"},"Before deciding which fish farm to visit, we looked for information on the Internet and finally found an interview published by CommonWealth Magazine, which is a famous magazine in Taiwan. The article showed that how successfully Mr. Tsai uses biological feed - water flea to take care of his shrimps and to make some profit. This idea of substituting chemical feed into water flea, an eco-friendlier one, matched the concept of iGEM. So, we called him and arranged the visit time without hesitation."),a.default.createElement("div",{className:"innerpart"},"Mr. Tsai was nice and friendly, he not only introduced his fish farm in such a detailed way but also answered all of our questions. He mentioned that the way he used to prevent Vibrio is to make the environment beneficial for good germs, which occupies the environment of the Vibrio, leaving no spaces for them to grow. He pointed out that people often uses ClO2 to kill Vibrio is unable to eradicate the problem completely. Once the pollutants are in, Vibrio will grow again. Consequently, we introduced our method to him and he sounded satisfied and looked forward to our final result. He also gave us some positive feedback toward our ACE. He said that if our service cost can be as low as 8,000 NT dollars, it will have a strong advantage and the market acceptance will be high since the price of the general detection devices need to be up to ten thousand NT dollars."),a.default.createElement("div",{className:"innerpart"},"The interview with Mr. Tsai really cheered us up, he let us understand the thing we do might help them in a practical way. Even though we went back to school, he still sent messages to encourage us.")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.interview.eco_1}))),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Qiujia Aquaculture in Chiayi County"),a.default.createElement("div",null,a.default.createElement("div",{className:"innerpart"},"Qiujia Aquaculture has been established for 50 years, the main breed they sell are milkfish and shrimps. The reason why we wanted to visit them was that they refuse to use any of the chemical agents or drug and it triggered our curiosity, how do they make it?"),a.default.createElement("div",{className:"innerpart"},"By actually visiting them on the ground, we discovered that they do not use any chemical medicine or drug to kill bacteria, instead, they use Bacillus subtilis to compete with Vibrio. We surprisingly found out this kind of ecological competence is similar to what our wet lab is trying to mimic. Though adding good germs can’t guarantee no fish will be infected, they believed doing so was far better than adding artificial chemicals which have huge uncertainty to humankind. When asking about whether they would detect the concentration of Vibrio, they told us the current method they use to detect Vibrio is coating the plate, which is not efficient and not so accurate."),a.default.createElement("div",{className:"innerpart"},"Furthermore, they provided us with pieces of advice and feedback regarding our Automatic Color-Detecting Examiner (ACE):"),a.default.createElement("div",{className:"innerpart"},a.default.createElement("div",null,"1.ACE needs to be equipped with high accuracy, shutdown notification, and self-calibration."),a.default.createElement("div",null,"2. If they knew the concentration of Vibrio earlier, they can take actions to prevent the Vibrio from growing too much beforehand, such as adding Bacillus subtilis."),a.default.createElement("div",null,"3. Since the growing time of Vibrio to be pathogenic is way longer than one day, a period of sampling doesn’t need to be as frequent as 1 hour, but one day. "),a.default.createElement("div",null,"4. They suggested us to target indoor breeding customers, since that if the device is set outdoors, it may be easily broken down. Moreover, fish with high economic value bred indoor might be more fragile than the outdoors.")),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.interview.eco_2})),a.default.createElement("div",null,"After considering their suggestions, we decided to extend the sampling period to 12 hours, adding the fool-proof design, such as that if the camera shut down or cannot be connected, it will return a “no camera” sign to our application.")))),p=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",null,a.default.createElement("div",{className:"part-title"},a.default.createElement("a",{href:"http://dataweb.nmmba.gov.tw/ResearchMemberDetail.aspx?CondID=bfcdc17d-da5f-48f8-9af8-819a3376101a"},"Dr. Jimmy Kuo")),"Dr. Jimmy Guo, a vice researcher of the national museum of marine biology and aquarium, have done many types of research of Vibrio in the aquarium. He first shared with us how he made the research on Vibrio and explained why the growth curve of Vibrio was so strange. The reason is that Vibrio is a special species which is different from other normal bacteria. Vibrio will be dormant and make its metabolism disordered when stored at low temperature. Therefore, if we want to get the expectative results, we should culture fresh Vibrio rather than take one from the refrigerator."),a.default.createElement("div",null,"Besides the advice for the wet lab, Dr. Guo also gave us some suggestions to our hardware. He recommended that we could use the battery as our electric power source and thus, avoiding the loss of results from the blackout. Additionally, our device should calibrate regularly, or the results would be deviant. Finally, since our device could detect frequently, we could target on the customers cultivating remunerative aquatic agriculture."),a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.interview.aqua_1})))),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,a.default.createElement("div",{className:"part-title"},a.default.createElement("a",{href:"https://www.nmmba.gov.tw/research/RMenber_Content.aspx?n=291A05EEDDA1D4C4&sms=CF7FFA69EB91FF61&s=6A6B57F5FE966020"},"Dr. Ming-An Tsai ")),"Dr. Ming-An Tsai, an assistant researcher in the national museum of marine biology and aquarium, is interested in doing research on diseases of aquatic animals. Fortunately, Dr. Tsai’s lab is also doing some Vibrio-detecting experiment, so we first exchanged some ideas about Vibrio experiments. After introducing our project, Dr. Tsai gave us some important advice. First of all, he suggested us that we should ensure which way we would use to avoid bacterial diseases, killing Vibrio or inhibiting its growth. Additionally, he reminded us that we should not kill all the Vibrio in the water, or we might destroy the ecological balance. Finally, he gave us a crucial reference that if the concentration of Vibrio in the water goes beyond 104 CFU/mL, it would be more infectious. This data is a vital reference not only in our wet lab but also in our dry lab."),a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.interview.aqua_2}))))),h={viewbar:{Title:"Interview",Subtitle:"Visited the research institute, fishing farm, and aquarium",image:o.default.image.topfull.interview},content:{Introduction:"Our project is an interdisciplinary work which is so comprehensive and complete to makes it possesses a potent potential to practice in the real world. Based on this advantage, to navigate our project toward a suitable direction to either meet the true demand and solve real problem is quite essential. At the beginning, we visited Deputy director of Fisheries Research Institute. He gave us some advice on how to start our project. Then, we had conducted interviews with fishermen in Taiwan, visited the fishing farm with them and received countless useful information about how to alter our design to fit their demand and improve the latest solution they adopt to combat bacterial infection. Moreover, with the advice given by researchers from national museum of marine biology and aquarium, we gained much more practical perspective on what’s the pros and cons of our solution and how we can lower the risk that will harm the environment. With their help, we have achieved the core value of human practice: know who need, find what they need and meet their need.        ",parts:[{Title:"Fisheries Research Institute, COA ",Description:u},{Title:"Interview with Fish Farmer",Description:c},{Title:"Ecological Breeding",Description:d},{Title:"Traditional Fishermen",Description:f},{Title:"National Museum of Marine Biology and Aquarium",Description:p}]}},m=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,h)}}]),t}();t.default=m},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=(s(n(10)),s(n(4))),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.public.nctu})),a.default.createElement("div",null,"Engaging with other iGEM teams to exchange ideas and to brainstorm together is a crucial part of iGEM. Therefore, we joined a half-day meet-up with three iGEM teams in Taiwan, NTHU_Formosa, NCTU_Formosa, and Mingdao. During the meet-up, we presented our projects, had some discussions with other teams, and received some problems and feedbacks on our projects. After brainstorming, we knew what the problem was and what we could do to improve the project. This meet-up truly broadened our horizons and we got loads out of it. Following are some feedbacks we received from the meet-up:"),a.default.createElement("div",null,a.default.createElement("div",{className:"part"}," 1. There were some drawbacks of our project of biosafety if we put our engineered E. coli into the open water area. After discussion, we finally decided to replace this way by putting it into a close water and to use it with a filter. By doing so, we could effectively control our engineered bacteria and thus, reducing the problem about biosafety. "),a.default.createElement("div",{className:"part"}," 2. We should ensure our device can really benefit the users. Therefore, we visited some local fishermen in person and sought for their suggestions. To find out more, check the ",a.default.createElement("a",{href:"https://2018.igem.org/Team:NTHU_Taiwan/Interview"},"interview")," page"))),c=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.public.meetup_group})),a.default.createElement("div",null,"In late July, we participated in the first Eurasian meet-up held by BGI college and TU Delft in Shenzhen, China. There are 20 stunning teams from 5 different countries visited Shenzhen, discussing and sharing all kinds of iGEM issues and projects during the conference. Also, we presented and conveyed our idea to other teams, which lets us receive several feedbacks and they were quite useful for our project. At this point, we did find some inspiring ideas which sharpen our current work. Here we conclude something that influenced our work:"),a.default.createElement("div",null,a.default.createElement("div",{className:"part"},"1. The other iGEMers provided us with some useful feedbacks, for instance, they suggested us to integrate and double-check the consistency of data from our bio-reactor and Vibrio-detecting system. Also, team members from CUHK gave us some suggestions about our image detection system. Moreover, some people suggested us other switch systems for our experimental design like toehold switch. After the conference, we searched for several switch systems but we still stick to our original idea because we thought that the disadvantage for our STAR system is the least."),a.default.createElement("div",{className:"part"},"2. A more concise presentation should be considered. This is the first presentation after our frame was formed out, but we spent much time explaining the detailed information about our project. Furthermore, we didn’t integrate our wet lab works and dry lab works in our presentation which was not convincing to the audience. After the presentation, we then modified the whole slides into a more concise and more comprehensible version which do help more audiences to get into our story."),a.default.createElement("div",{className:"part"},"3. The meet-up official set up several workshops and lectures during the conference. For instance, they invited former iGEM judge and iGEM ambassador to share their experiences like “how to be an iGEMer?” from many different perspectives. It seems to us that we learned more details and tips about how to handle the iGEM project and figured out the overview of this competition.")),a.default.createElement("div",null,"Last but not least, except for the feedback we received, we also build a strong friendship connection there. The meet-up official assigns a buddy team for each team and our buddy is Marburg university from Germany. We really enjoyed the moment with them. "),a.default.createElement("div",null,a.default.createElement("div",{className:"gallery"},a.default.createElement("img",{style:{width:"45%",margin:"0px 1%"},src:o.default.image.public.meetup_self}),a.default.createElement("img",{style:{width:"45%",margin:"0px 1%"},src:o.default.image.public.meetup_presentation})))),f=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("iframe",{style:{height:"500px",width:"100%"},src:"https://www.youtube.com/embed/1wib7JQEZ78"})),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"About TRANS"),a.default.createElement("div",null,"TRANS Conference is a platform where entrepreneurs, experts, investors, and students can exchange ideas, which was created by H. Spectrum, a startup incubator/accelerator focusing on the healthcare sector. As we had a chance to join in this forum, we decided to present our project to people in the healthcare field as many as possible, hoping to get some feedback from them and improve our project."),a.default.createElement("div",null,a.default.createElement("div",{className:"gallery"},a.default.createElement("img",{className:"illust-image",src:o.default.image.public.trans})))),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"Discussion and feedback"),a.default.createElement("div",null,"During TRANS, we found that people who are interested in our project are from multiple different fields and not just professionals. We’ve met students, bacterial professionals, fishery companies and some previous iGEM teams in Taiwan, whose backgrounds are medical, biology, microbiology, culture studies, medical engineering, and electrical engineering."),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.public.discuss_1})),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"After the discussion, we sorted out the most common questions from our listeners as below:"),a.default.createElement("div",null,a.default.createElement("div",null,"1. What is the principle of MV-kit and what’s its difference between PCR analysis?"),a.default.createElement("div",null,"2. Biosafety such as being eaten by people and genetic mutation of E.coli."),a.default.createElement("div",null,"3. Will engineered genes exchange with bacterial organisms in the environment, causing genetic recombination problems because of the complex environment?"),a.default.createElement("div",null,"4. E.coli residual problems."),a.default.createElement("div",null,"5. Is engineered E.coli regulation acceptable? GMO products in Taiwan are still very opposed, how to persuade?"),a.default.createElement("div",null,"6. The growth and decline effect of E. coli will still have resistance problems in the future. Is there any solution?"))),a.default.createElement("div",{className:"part"},a.default.createElement("div",null,"And we also got some feedback and advice:"),a.default.createElement("div",null,a.default.createElement("div",null,"1. The mechanism of STAR/anti-STAR can also be applied to the sterilization of intensive care units."),a.default.createElement("div",null,"2. We could transform our target to a smaller range to simplify our problem, such as moving our environment from outdoor to indoor."),a.default.createElement("div",null,"3. In the future, if our growth and decline mechanism success, we could experiment our genes by intelligent shrimp culturing."),a.default.createElement("div",null,"4. To solve the problem of drug resistance, try adding multiple attack lines to E. coli."),a.default.createElement("div",null,"5. A company called ID Water which major in water quality testing suggested us to cooperate with them and tried to start an undertaking."))),a.default.createElement("div",{className:"gallery"},a.default.createElement("img",{style:{width:"30%",margin:"0px 1%"},src:o.default.image.public.discuss_2_1}),a.default.createElement("img",{style:{width:"30%",margin:"0px 1%"},src:o.default.image.public.discuss_2_2}),a.default.createElement("img",{style:{width:"30%",margin:"0px 1%"},src:o.default.image.public.discuss_2_3})),a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"innerpart"},"After digesting the advice, we decided to modify our project in detail by meeting some of the professional companies, which we have saved the contacting information. First, we emailed to ID Water, asking for a chance to visit their company, hoping to have a chance to communicate some detecting methods. For example, we have trouble in analyzing with fluorescence in a bioreactor, which is part of their technique in water analyzing. ID Water thus told us that their cooperator, IGC-BIO, a healthcare company in Taiwan, is also researching in the method of interaction of bacteria, so we also plan to visit them someday."),a.default.createElement("div",{className:"innerpart"},"We could also meet Hin-Chung Wong professor in Soochow University, who is a profession in Vibrio field, for more detailed information about Vibrio to perfect our project. And we have checked again that our project doesn’t violate the iGEM rule. In the future, if we want to test our bacteria, LiveStrong Biomedical Technology promised us that they would provide a shrimp culturing sink for us to practice our experiment. Finally, thank for those who gave us lots of precious advice."),a.default.createElement("div",{className:"gallery"},a.default.createElement("img",{style:{width:"45%",margin:"0px 1%"},src:o.default.image.public.discuss_3_1}),a.default.createElement("img",{style:{width:"45%",margin:"0px 1%"},src:o.default.image.public.discuss_3_2}))))),d=a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.public.xgem})),a.default.createElement("div",null,"Interacting with people from different backgrounds is amazing and we do cherish every moment we engaged with other iGEM teams to exchange ideas as well as share techniques. For us, bringing the people across the world together to brainstorm about synthetic biology and how to make this world a better place is the magic of iGEM. Therefore, we established a platform on Slack named XGEM. On XGEM, teams can share information and ask questions immediately. So far, 18 teams from 14 different countries have joined XGEM. More about the teams joining XGEM:"),a.default.createElement("div",null,a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.public.chart_1})),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.public.chart_2})),a.default.createElement("div",{className:"illustration",style:{width:"70%"}},a.default.createElement("img",{className:"illust-image",src:o.default.image.public.chart_3}))),a.default.createElement("div",null,"Its really exciting to have 19 teams from all over the world to interact on XGEM. Some teams have posted their questionnaires related to their project or shared what they had done. We really appreciate your participation and can’t wait to meet these teams in person at Giant Jamboree!")),p={viewbar:{Title:"Public",Subtitle:"Meetups, conferences, and online platform",image:o.default.image.topfull.public},content:{Introducation:"Due to the fact that the synthetic biology is a brand-new field for the general public. Consequently, creating an enlarging division of knowledge between the general public and synthetic biology is necessary, and thus the public engagement is crucial for bridging the gap. The following are the activities we attended this year. We learned so much from the public, our friends and other iGEM teams. Also, their feedback on our project inspires us to alter our experiment design as well as think deeper about how our project will affect the environment and public perception.",parts:[{Title:"NCTU meet-up (2018-07-23)",Description:u},{Title:"Eurasian meet-up in Shenzhen (2018.07.24-26)",Description:c},{Title:"2018 TRANS Conference in Taiwan (2018.09.08-09)",Description:f},{Title:"XGEM",Description:d}]}},h=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,p)}}]),t}();t.default=h},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=s(i),o=s(n(4)),l=s(n(8));function s(e){return e&&e.__esModule?e:{default:e}}var u=a.default.createElement("div",null,a.default.createElement("div",{className:"part"},a.default.createElement("div",{className:"part-title"},"iGEM NTHU_Formosa (Taiwan)"),a.default.createElement("div",null,"At the beginning of this summer, we failed to ligase bio-brick together, and some of the protocol didn’t work as we expected. We started to ask experts or other teams for help. Fortunately, NTHU_Formosa shared their experience of using NEbuilder to assemble gene fragments. After comprehensively understanding our protocol, they successfully combined the gene parts! Besides, we exchanged ideas on how their wiki can be like, and taught them how to make a wiki page. It is really great to have the other iGEM team in the same school. Sometimes, only the iGEMers can understand the twists and turns during the process. "),a.default.createElement("div",{className:"illustration"},a.default.createElement("div",{className:"illust-image-wrapper",style:{width:"400px"}},a.default.createElement("img",{className:"illust-image",src:o.default.image.collaboration.part})))),a.default.createElement("div",{class:"part"},a.default.createElement("div",{className:"part-title"},"iGEM Imperial (England)"),a.default.createElement("div",null,"In our project, we utilized the STAR system done by 2016 Imperial iGEM team. At first, we synthesized the same part by IDT but they failed. Therefore, we reached the Imperial team and consulted them about how they synthesized the target part then. The team this year not only worked hard on dealing with our problem but also asked their former members. Then, they got the part from the freezer, minipreped the part and sent it to us. We really appreciated what they have done! "),a.default.createElement("div",{className:"illustration"},a.default.createElement("img",{className:"illust-image",src:o.default.image.collaboration.email}))),a.default.createElement("div",{class:"part"},a.default.createElement("div",{className:"part-title"},"Dr. Rotem (Weizmann Institute of Science)"),a.default.createElement("div",null,"We had studied Dr. Rotem’s publication “A vast collection of microbial genes that are toxic to bacteria “ and used the tsRNA which their team had studied. In the beginning,  tsRNA was successfully synthesized and transformed into BL21. However, the result didn’t show a great difference. Therefore, we described our situation to to Dr. Rotem via email. Dr. Rotem generously provided us with some suggestion, and they helped us a lot. We finally sequenced our part and showed consistency in the part we had transformed."))),c={viewbar:{Title:"Collaborations",Subtitle:"Exchanged ideas with people all over the world ",image:o.default.image.topfull.collaboration},content:{Introduction:"",parts:[{Description:u}]}},f=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement(l.default,c)}}]),t}();t.default=f},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=n(0),a=function(e){return e&&e.__esModule?e:{default:e}}(i);var o=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,i.Component),r(t,[{key:"render",value:function(){return a.default.createElement("div",null)}}]),t}();t.default=o},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,i,a,o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=M(["\n    position: fixed;\n    width: 100%;\n    height: 55px;\n    display: flex;\n    align-items: center;\n    background-color: #003366;\n    z-index: 1;\n    "],["\n    position: fixed;\n    width: 100%;\n    height: 55px;\n    display: flex;\n    align-items: center;\n    background-color: #003366;\n    z-index: 1;\n    "]),u=M(["\n    display: inline-flex;\n    align-items: center;\n    height: 40px;\n    width: 40px;\n    margin-left: 10px;\n    margin-right: 5px;\n    cursor: pointer;\n    z-index: 1;\n    "],["\n    display: inline-flex;\n    align-items: center;\n    height: 40px;\n    width: 40px;\n    margin-left: 10px;\n    margin-right: 5px;\n    cursor: pointer;\n    z-index: 1;\n    "]),c=M(["\n    position: absolute;\n    width: 20px;\n    height: 2px;\n    border-radius: 1px;\n    background-color: white;\n\n    &::before, &::after{\n        content: ;\n        position: absolute;\n        border-radius: 1px;\n        width: 25px;\n        height: 2px;\n        background-color: white;\n    }\n\n    &::before{\n        top: -8px;\n    }\n\n    &::after{\n        top:8px;\n    }\n    \n    "],["\n    position: absolute;\n    width: 20px;\n    height: 2px;\n    border-radius: 1px;\n    background-color: white;\n\n    &::before, &::after{\n        content: ;\n        position: absolute;\n        border-radius: 1px;\n        width: 25px;\n        height: 2px;\n        background-color: white;\n    }\n\n    &::before{\n        top: -8px;\n    }\n\n    &::after{\n        top:8px;\n    }\n    \n    "]),f=M(["\n    font-size: 20px;\n    color: white;\n    "],["\n    font-size: 20px;\n    color: white;\n    "]),d=M(["\n    "],["\n    "]),p=M(["\n    display: flex;\n    align-items: center;\n    padding: 15px 0px;\n    border-bottom: 1px solid lightgray;\n    margin-bottom: 5px;\n    "],["\n    display: flex;\n    align-items: center;\n    padding: 15px 0px;\n    border-bottom: 1px solid lightgray;\n    margin-bottom: 5px;\n    "]),h=M(["\n    cursor: pointer;\n    display: inline-block;\n    height: 70px;\n    border: 1px solid lightgray;\n    border-radius: 50%;\n    margin: 0 15px;\n    ","\n    "],["\n    cursor: pointer;\n    display: inline-block;\n    height: 70px;\n    border: 1px solid lightgray;\n    border-radius: 50%;\n    margin: 0 15px;\n    ","\n    "]),m=M(["\n    font-size:22px;\n    line-height: 26px;\n    "],["\n    font-size:22px;\n    line-height: 26px;\n    "]),g=M(["\n    height: 65%;\n    overflow-y: auto;\n    margin-bottom: 20px;\n    "],["\n    height: 65%;\n    overflow-y: auto;\n    margin-bottom: 20px;\n    "]),v=M(["\n    position: absolute;\n    bottom: 0px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    "],["\n    position: absolute;\n    bottom: 0px;\n    height: 50px;\n    display: flex;\n    align-items: center;\n    "]),y=M(["\n    text-decoration: none;\n"],["\n    text-decoration: none;\n"]),b=M(["\n    height: 30px;\n    padding: 0 5px;\n    "],["\n    height: 30px;\n    padding: 0 5px;\n    "]),w=C(n(0)),E=(C(n(37)),C(n(10))),x=n(55),T=n(36),_=n(11),k=C(n(361)),N=C(n(363)),O=C(n(4)),S=C(n(71));function C(e){return e&&e.__esModule?e:{default:e}}function P(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function j(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function A(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function M(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var R=E.default.div(s),I=E.default.div(u),L=E.default.div(c),D=E.default.div(f),F=E.default.div(d),H=E.default.div(p),U=E.default.img(h,function(e){return e.active&&"\n        border-color: palevioletred;\n        "}),B=E.default.div(m),W=E.default.div(d),V=E.default.div(d),z=E.default.div(g),q=E.default.div(v),G=E.default.a(y),K=E.default.img(b),Y=(r=(0,T.inject)("appState"),(0,x.withRouter)(i=r(i=function(e){function t(e){P(this,t);var n=j(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.onTeamIconClick=n.onTeamIconClick.bind(n),n}return A(t,w.default.Component),l(t,[{key:"render",value:function(){return w.default.createElement(F,null,w.default.createElement(H,null,w.default.createElement(U,{src:O.default.image.icon.team,onClick:this.onTeamIconClick}),w.default.createElement(V,null,w.default.createElement(B,null,"NTHU Taiwan"),w.default.createElement(W,null,"Equivibrium"))),w.default.createElement(z,null,S.default.link.map(function(e,t){return w.default.createElement(N.default,o({key:t,headerindex:t},e))})),w.default.createElement(q,null,w.default.createElement(G,{href:O.default.url.fb},w.default.createElement(K,{src:O.default.image.icon.fb})),w.default.createElement(G,{href:O.default.url.ig},w.default.createElement(K,{src:O.default.image.icon.ig})),w.default.createElement(G,{href:O.default.url.github},w.default.createElement(K,{src:O.default.image.icon.github}))))}},{key:"onTeamIconClick",value:function(){this.props.history.replace(S.default.base),this.props.appState.open=!1}}]),t}())||i)||i),$=(0,T.inject)("appState")(a=(0,T.observer)(a=function(e){function t(e){P(this,t);var n=j(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return n.onSidebarOpen=n.onSidebarOpen.bind(n),n.onBarClick=n.onBarClick.bind(n),n.preventBodyScroll=n.preventBodyScroll.bind(n),n}return A(t,w.default.Component),l(t,[{key:"render",value:function(){return w.default.createElement(k.default,{sidebar:w.default.createElement(Y,null),open:this.props.appState.open,onSetOpen:this.onSidebarOpen,styles:{sidebar:{background:"white",width:"280px",padding:"0px 10px",position:"fixed"}}},w.default.createElement(R,null,w.default.createElement(I,{onClick:this.onBarClick},w.default.createElement(L,null)),w.default.createElement(D,null,this.props.appState.tabname)))}},{key:"componentDidMount",value:function(){this.preventBodyScroll()}},{key:"preventBodyScroll",value:function(){var e=this;(0,_.reaction)(function(){return e.props.appState.open},function(e){e?(document.body.style.overflowY="hidden",document.body.style.position="fixed"):(document.body.style.overflowY="auto",document.body.style.position="initial")})}},{key:"onSidebarOpen",value:function(e){this.props.appState.open=e}},{key:"onBarClick",value:function(){this.props.appState.open=!this.props.appState.open}}]),t}())||a)||a;t.default=$},function(e,t,n){"use strict";n.r(t);var r=n(56),i=n.n(r),a=n(141),o=n.n(a),l=n(21),s=n.n(l),u=n(0),c=n.n(u),f=(n(1),{position:"absolute",top:0,left:0,right:0,bottom:0,overflow:"hidden"}),d={zIndex:2,position:"absolute",top:0,bottom:0,transition:"transform .3s ease-out",WebkitTransition:"-webkit-transform .3s ease-out",willChange:"transform",overflowY:"auto"},p={position:"absolute",top:0,left:0,right:0,bottom:0,overflowY:"auto",WebkitOverflowScrolling:"touch",transition:"left .3s ease-out, right .3s ease-out"},h={zIndex:1,position:"fixed",top:0,left:0,right:0,bottom:0,opacity:0,visibility:"hidden",transition:"opacity .3s ease-out, visibility .3s ease-out",backgroundColor:"rgba(0,0,0,.3)"},m={zIndex:1,position:"fixed",top:0,bottom:0},g=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={sidebarWidth:t.defaultSidebarWidth,touchIdentifier:null,touchStartX:null,touchCurrentX:null,dragSupported:!1},n.overlayClicked=n.overlayClicked.bind(s()(s()(n))),n.onTouchStart=n.onTouchStart.bind(s()(s()(n))),n.onTouchMove=n.onTouchMove.bind(s()(s()(n))),n.onTouchEnd=n.onTouchEnd.bind(s()(s()(n))),n.onScroll=n.onScroll.bind(s()(s()(n))),n.saveSidebarRef=n.saveSidebarRef.bind(s()(s()(n))),n}o()(t,e);var n=t.prototype;return n.componentDidMount=function(){var e=/iPad|iPhone|iPod/.test(navigator?navigator.userAgent:"");this.setState({dragSupported:"object"==typeof window&&"ontouchstart"in window&&!e}),this.saveSidebarWidth()},n.componentDidUpdate=function(){this.isTouching()||this.saveSidebarWidth()},n.onTouchStart=function(e){if(!this.isTouching()){var t=e.targetTouches[0];this.setState({touchIdentifier:t.identifier,touchStartX:t.clientX,touchCurrentX:t.clientX})}},n.onTouchMove=function(e){if(this.isTouching())for(var t=0;t<e.targetTouches.length;t++)if(e.targetTouches[t].identifier===this.state.touchIdentifier){this.setState({touchCurrentX:e.targetTouches[t].clientX});break}},n.onTouchEnd=function(){if(this.isTouching()){var e=this.touchSidebarWidth();(this.props.open&&e<this.state.sidebarWidth-this.props.dragToggleDistance||!this.props.open&&e>this.props.dragToggleDistance)&&this.props.onSetOpen(!this.props.open),this.setState({touchIdentifier:null,touchStartX:null,touchCurrentX:null})}},n.onScroll=function(){this.isTouching()&&this.inCancelDistanceOnScroll()&&this.setState({touchIdentifier:null,touchStartX:null,touchCurrentX:null})},n.inCancelDistanceOnScroll=function(){return this.props.pullRight?Math.abs(this.state.touchCurrentX-this.state.touchStartX)<20:Math.abs(this.state.touchStartX-this.state.touchCurrentX)<20},n.isTouching=function(){return null!==this.state.touchIdentifier},n.overlayClicked=function(){this.props.open&&this.props.onSetOpen(!1)},n.saveSidebarWidth=function(){var e=this.sidebar.offsetWidth;e!==this.state.sidebarWidth&&this.setState({sidebarWidth:e})},n.saveSidebarRef=function(e){this.sidebar=e},n.touchSidebarWidth=function(){return this.props.pullRight?this.props.open&&window.innerWidth-this.state.touchStartX<this.state.sidebarWidth?this.state.touchCurrentX>this.state.touchStartX?this.state.sidebarWidth+this.state.touchStartX-this.state.touchCurrentX:this.state.sidebarWidth:Math.min(window.innerWidth-this.state.touchCurrentX,this.state.sidebarWidth):this.props.open&&this.state.touchStartX<this.state.sidebarWidth?this.state.touchCurrentX>this.state.touchStartX?this.state.sidebarWidth:this.state.sidebarWidth-this.state.touchStartX+this.state.touchCurrentX:Math.min(this.state.touchCurrentX,this.state.sidebarWidth)},n.render=function(){var e,t=i()({},d,this.props.styles.sidebar),n=i()({},p,this.props.styles.content),r=i()({},h,this.props.styles.overlay),a=this.state.dragSupported&&this.props.touch,o=this.isTouching(),l={className:this.props.rootClassName,style:i()({},f,this.props.styles.root),role:"navigation",id:this.props.rootId},s=this.props.shadow&&(o||this.props.open||this.props.docked);if(this.props.pullRight?(t.right=0,t.transform="translateX(100%)",t.WebkitTransform="translateX(100%)",s&&(t.boxShadow="-2px 2px 4px rgba(0, 0, 0, 0.15)")):(t.left=0,t.transform="translateX(-100%)",t.WebkitTransform="translateX(-100%)",s&&(t.boxShadow="2px 2px 4px rgba(0, 0, 0, 0.15)")),o){var u=this.touchSidebarWidth()/this.state.sidebarWidth;this.props.pullRight?(t.transform="translateX("+100*(1-u)+"%)",t.WebkitTransform="translateX("+100*(1-u)+"%)"):(t.transform="translateX(-"+100*(1-u)+"%)",t.WebkitTransform="translateX(-"+100*(1-u)+"%)"),r.opacity=u,r.visibility="visible"}else this.props.docked?(0!==this.state.sidebarWidth&&(t.transform="translateX(0%)",t.WebkitTransform="translateX(0%)"),this.props.pullRight?n.right=this.state.sidebarWidth+"px":n.left=this.state.sidebarWidth+"px"):this.props.open&&(t.transform="translateX(0%)",t.WebkitTransform="translateX(0%)",r.opacity=1,r.visibility="visible");if(!o&&this.props.transitions||(t.transition="none",t.WebkitTransition="none",n.transition="none",r.transition="none"),a)if(this.props.open)l.onTouchStart=this.onTouchStart,l.onTouchMove=this.onTouchMove,l.onTouchEnd=this.onTouchEnd,l.onTouchCancel=this.onTouchEnd,l.onScroll=this.onScroll;else{var g=i()({},m,this.props.styles.dragHandle);g.width=this.props.touchHandleWidth,this.props.pullRight?g.right=0:g.left=0,e=c.a.createElement("div",{style:g,onTouchStart:this.onTouchStart,onTouchMove:this.onTouchMove,onTouchEnd:this.onTouchEnd,onTouchCancel:this.onTouchEnd})}return c.a.createElement("div",l,c.a.createElement("div",{className:this.props.sidebarClassName,style:t,ref:this.saveSidebarRef,id:this.props.sidebarId},this.props.sidebar),c.a.createElement("div",{className:this.props.overlayClassName,style:r,onClick:this.overlayClicked,id:this.props.overlayId}),c.a.createElement("div",{className:this.props.contentClassName,style:n,id:this.props.contentId},e,this.props.children))},t}(u.Component);g.defaultProps={docked:!1,open:!1,transitions:!0,touch:!0,touchHandleWidth:20,pullRight:!1,shadow:!0,dragToggleDistance:30,onSetOpen:function(){},styles:{},defaultSidebarWidth:0},t.default=g},function(e,t){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default=void 0;var r,i,a,o,l=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),s=T(["\n    margin: 0 20px;\n    "],["\n    margin: 0 20px;\n    "]),u=T(["\n    display: flex;\n    height: 40px;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n    background-color: white;\n    "],["\n    display: flex;\n    height: 40px;\n    align-items: center;\n    cursor: pointer;\n    user-select: none;\n    background-color: white;\n    "]),c=T(["\n    font-size: 18px;\n    ","\n    "],["\n    font-size: 18px;\n    ","\n    "]),f=T(["\n    position: relative;\n    transition: 0.4s ease-out;\n    max-height: 0px;\n    overflow: hidden;\n    ","\n    "],["\n    position: relative;\n    transition: 0.4s ease-out;\n    max-height: 0px;\n    overflow: hidden;\n    ","\n    "]),d=T(["\n    display: block;\n    background-color: white;\n    padding: 5px 20px;\n    cursor: pointer;\n    user-select: none;\n    "],["\n    display: block;\n    background-color: white;\n    padding: 5px 20px;\n    cursor: pointer;\n    user-select: none;\n    "]),p=T(["\n    ","\n    "],["\n    ","\n    "]),h=T(["\n    height: 8px;\n    width: 8px;\n    border-radius: 50%;\n    margin-right: 5px;\n    ","\n    "],["\n    height: 8px;\n    width: 8px;\n    border-radius: 50%;\n    margin-right: 5px;\n    ","\n    "]),m=T(["\n    position: relative;\n    top: 3px;\n    margin-left: auto;\n    border: 5px solid transparent;\n    border-top-color: black;\n    transition: 0.4s ;\n    ","\n    "],["\n    position: relative;\n    top: 3px;\n    margin-left: auto;\n    border: 5px solid transparent;\n    border-top-color: black;\n    transition: 0.4s ;\n    ","\n    "]),g=n(0),v=x(g),y=x(n(10)),b=n(11),w=n(36),E=n(55);x(n(4));function x(e){return e&&e.__esModule?e:{default:e}}function T(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var _=y.default.div(s),k=y.default.div(u),N=y.default.div(c,function(e){return e.active&&"\n        color: palevioletred;\n        "}),O=y.default.div(f,function(e){return e.active&&"\n        transition: 0.4s ease-in;\n        max-height: 220px;\n        "}),S=y.default.div(d),C=y.default.div(p,function(e){return e.match&&"\n        color: palevioletred;\n    "}),P=(y.default.div(h,function(e){return e.pointed&&"\n        background-color: palevioletred;\n    "}),y.default.div(m,function(e){return e.active&&"\n        transform: rotate(-180deg);\n        "})),j=(r=(0,w.inject)("appState"),(0,E.withRouter)(i=r(i=(0,w.observer)((a=function(e){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));return function(e,t,n,r){n&&Object.defineProperty(e,t,{enumerable:n.enumerable,configurable:n.configurable,writable:n.writable,value:n.initializer?n.initializer.call(r):void 0})}(n,"active",o,n),n.onHeaderClick=n.onHeaderClick.bind(n),n.onMainHeaderClick=n.onMainHeaderClick.bind(n),n.onItemClick=n.onItemClick.bind(n),n.checkMatch=n.checkMatch.bind(n),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,g.Component),l(t,[{key:"render",value:function(){var e=this;return Array.isArray(this.props.sublink)?v.default.createElement(_,null,v.default.createElement(k,{onClick:this.onHeaderClick},v.default.createElement(N,null,this.props.display),v.default.createElement(P,{active:this.active})),v.default.createElement(O,{active:this.active},this.props.sublink.map(function(t,n){return v.default.createElement(S,{key:n,onClick:function(){return e.onItemClick(n)}},v.default.createElement(C,{match:e.checkMatch(n)},t))}))):v.default.createElement(_,null,v.default.createElement(k,{onClick:this.onMainHeaderClick},v.default.createElement(N,null,this.props.display)))}},{key:"onHeaderClick",value:function(){this.props.appState.expandindex=this.props.headerindex==this.props.appState.expandindex?-1:this.props.headerindex}},{key:"onItemClick",value:function(e){var t=this.props.fulllink[e];this.props.history.replace(t),this.props.appState.open=!1}},{key:"checkMatch",value:function(e){return this.props.appState.pointerindex==this.props.headerindex&&this.props.appState.focusindex==e}},{key:"onMainHeaderClick",value:function(){this.props.appState.expandindex=-1;var e=this.props.fulllink;this.props.history.replace(e),this.props.appState.open=!1}},{key:"componentDidMount",value:function(){var e=this;(0,b.reaction)(function(){return e.props.appState.expandindex},function(t){e.active=t==e.props.headerindex},{fireImmediately:!0}),(0,b.reaction)(function(){return e.props.appState.pointerindex},function(t){e.active=e.props.headerindex==t},{fireImmediately:!0})}}]),t}(),o=function(e,t,n,r,i){var a={};return Object.keys(r).forEach(function(e){a[e]=r[e]}),a.enumerable=!!a.enumerable,a.configurable=!!a.configurable,("value"in a||a.initializer)&&(a.writable=!0),a=n.slice().reverse().reduce(function(n,r){return r(e,t,n)||n},a),i&&void 0!==a.initializer&&(a.value=a.initializer?a.initializer.call(i):void 0,a.initializer=void 0),void 0===a.initializer&&(Object.defineProperty(e,t,a),a=null),a}(a.prototype,"active",[b.observable],{enumerable:!0,initializer:function(){return!1}}),i=a))||i)||i)||i);t.default=j},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),i=p(["\n    position: relative;\n    width: 100%;\n    height: 100px;\n    background-color: #003366;\n    display: flex;\n    align-items: center;\n    "],["\n    position: relative;\n    width: 100%;\n    height: 100px;\n    background-color: #003366;\n    display: flex;\n    align-items: center;\n    "]),a=p(["\n    display: flex;\n    align-items: center;\n    width: fit-content;\n    margin: auto;\n    "],["\n    display: flex;\n    align-items: center;\n    width: fit-content;\n    margin: auto;\n    "]),o=p(["\n    color: white;\n    margin-right: 50px;\n    font-size: 25px;\n    "],["\n    color: white;\n    margin-right: 50px;\n    font-size: 25px;\n    "]),l=p(["\n    text-decoration: none;\n"],["\n    text-decoration: none;\n"]),s=p(["\n    cursor: pointer;\n    font-size: 40px;\n    margin-right: 30px;\n    color: whitesmoke;\n    "],["\n    cursor: pointer;\n    font-size: 40px;\n    margin-right: 30px;\n    color: whitesmoke;\n    "]),u=d(n(0)),c=(d(n(37)),d(n(10))),f=d(n(4));function d(e){return e&&e.__esModule?e:{default:e}}function p(e,t){return Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var h=c.default.div(i),m=c.default.div(a),g=c.default.div(o),v=c.default.a(l),y=c.default.div(s),b=function(e){function t(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,u.default.Component),r(t,[{key:"render",value:function(){return u.default.createElement(h,null,u.default.createElement(m,null,u.default.createElement(g,null,"NTHU Taiwan"),u.default.createElement(v,{href:f.default.url.fb},u.default.createElement(y,{className:"fab fa-facebook"})),u.default.createElement(v,{href:f.default.url.ig},u.default.createElement(y,{className:"fab fa-instagram"})),u.default.createElement(v,{href:f.default.url.github},u.default.createElement(y,{className:"fab fa-github"}))))}}]),t}();t.default=b}]);