Repository: soska/react-keyboardist
Branch: master
Commit: 4527090d9231
Files: 16
Total size: 148.3 KB
Directory structure:
gitextract_omz1lb_f/
├── .babelrc
├── .flowconfig
├── .gitignore
├── .npmignore
├── LICENSE
├── README.md
├── docs/
│ ├── bundle.js
│ └── index.html
├── package.json
├── src/
│ ├── docs/
│ │ ├── index.html
│ │ ├── index.jsx
│ │ └── styles.css
│ └── lib/
│ ├── global.js
│ ├── index.jsx
│ └── input.js
└── webpack.config.js
================================================
FILE CONTENTS
================================================
================================================
FILE: .babelrc
================================================
{
"presets": ["flow","env", "react"],
"plugins": [
"transform-object-rest-spread",
"transform-class-properties"
]
}
================================================
FILE: .flowconfig
================================================
[ignore]
[include]
[libs]
[lints]
[options]
[strict]
================================================
FILE: .gitignore
================================================
.DS_Store
*.log
node_modules
dist
es
================================================
FILE: .npmignore
================================================
docs
src
.babelrc
webpack.config.js
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2018 Armando Sosa
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
================================================
FILE: README.md
================================================
# 🎹 React Keyboardist
React Keyboardist offers a simple and declarative way to add keyboard shortcuts to your react applications. It is just a React Wrapper for [🎹Keyboardist](https://github.com/soska/keyboardist.js).
[Click here for a simple demo](http://soska.github.io/react-keyboardist/docs/index.html)
## TOC
* [Installation](#installation)
* [Global Listener](#global)
* [How to Use](#how-to-use)
* [Other Events](#other-events)
* [Multiple Listeners For A Key](#multiple-listeners)
* [Event Monitor](#monitor)
* [KeyboardInput](#keyboard-input)
* [How to Use](#how-to-use-input)
* [Textarea](#textarea)
* [Examples](#examples)
* [Integration with React Router](#react-router)
## Installation<a name="installation"></a>
```
$ yarn add react-keyboardist
or
$ npm install --save react-keyboardist
```
## Global Listener<a name="global"></a>
The default export `<Keyboardist/>` provides a global listener attached to the document element that will listen for every key event except those that happen inside input elements (e.g. `<input/>`,`<textarea/>`). This is useful, for example, to have keystrokes that activate different parts of your UI.
If you need to listen for keyboard events inside an input using a similar API, React Keyboardist also comes with a [KeyboardInput](#keyboard-input) component.
### How to use<a name="how-to-use"></a>
Just pass a dictionary with the shape of `{keyName : [function]}` via the `bindings` property and they will be automatically binded when the component mounts.
```javascript
import Keyboardist from 'react-keyboardist';
class App extends React.Component {
//... state methods would go here
render() {
return (
<React.Fragment>
<Keyboardist
bindings={{
Slash: this.focusSearch,
Period: this.showMenu,
Escape: this.logOut,
KeyK: this.next,
KeyJ: this.prev,
}}
/>
<RestOfTheApp />
</React.Fragment>
);
}
}
```
All the subscription objects will be automatically unsuscribed when the component unmounts so you can use it as any other component in your component hierarchy.
### Other Events<a name="other-events"></a>
By default React Keyboardist will listen to `keydown` events, but you can use `keyup` instead.
```javascript
<Keyboardist
eventName="keyup"
bindings={{
Slash: this.focusSearch,
Period: this.showMenu,
Escape: this.logOut,
KeyK: this.next,
KeyJ: this.prev,
}}
/>
```
### Multiple listeners for a Key<a name="multiple-listeners"></a>
You can add multiple listeners for the same key, and they will be executed
starting from the last one. If one of the listeners returns `false` the execution chain will stop. This is useful when you want to override a key in a child component.
```javascript
const App = ({ openDialog, closeDialog, isDialogOpen, handleLogout }) => (
<div>
<Keyboardist
bindings={{
Enter: openDialog,
Escape: handleLogout,
}}
/>
{isDialogOpen && <ModalDialog onClose={closeDialog} />}
</div>
);
const ModalDialog = ({ onClose }) => {
const bindings = {
Escape: () => {
onClose();
// this will prevent the Escape binding in the parent component to be triggered.
return false;
},
};
return (
<div className="dialog">
<Keyboard bindings={bindings} />
<DialogContentOrWhatever />
</div>
);
};
```
### Event Monitor<a name="monitor"></a>
The `monitor` property allows you to either pass a monitor function or just set it to `true` to use Keyboardist's default monitor. You can [read more about Keyboardist monitor over here.](https://github.com/soska/keyboardist.js#key-monitor)
```javascript
<Keyboardist
bindings={bindings}
monitor={(keyName, matched) => {
// do something
}}
/>
```
## KeyboardInput<a name="keyboard-input"></a>
Sometimes you want to listen to key events inside an input or textarea element, for example, to make a keyboard-enabled live search or to add keyboard functions inside an editor.
### How to use<a name="how-to-use-input"></a>
`KeyboardInput` has pretty much the same API as the global listener, except that instead of not rendering anything, it will render either an `<input/>` component (by default) or a `<textarea/>` component.
The properties for `KeyboardInput` are `bindings`, `eventName`, `monitor` and `component`, every other property will be forwarded to the rendered component.
```javascript
import { KeyboardInput } from 'react-keyboardist';
class App extends React.Component {
//... state methods would go here
render() {
return (
<React.Fragment>
<KeyboardInput
className={'tag-selector'}
onFocus={this.showOptions}
bindings={{
Up: this.prevOption,
Down: this.nextOption,
Space: this.selectOption,
}}
/>
<RestOfTheApp />
</React.Fragment>
);
}
}
```
### Textarea<a name="textarea"></a>
If you want the component to render a `textarea` element instead of an `input`, you can use the `component` property.
```javascript
<Keyboardist component={'textarea'} bindings={bindings} />
```
## Examples<a name="examples"></a>
If you want to see all the capabilites of React Keyboardist, here's a [really contrived demo](http://soska.github.io/react-keyboardist/docs/index.html) and you can find the source for that in the `docs` folder.
### React Router + Keyboardist<a name="react-router"></a>
If your application is some kind of Admin Dashboard, you may be using React-Router for the different sections of the app. [React Router + Keyboardist](https://githuv.com/soska/react-router-plus-keyboardist) offers a drop-in replacement for the `Route` component that allows to assign a keyboard shortcut to every route.
Here's [a blog post](https://armandososa.org/2018/6/12/react-router-plus-keyboardist/) with the reasoning behind it.
================================================
FILE: docs/bundle.js
================================================
!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:r})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=23)}([function(e,t,n){"use strict";e.exports=n(22)},function(e,t,n){"use strict";var r=function(e){return!(!e||!e.tagName)&&("BUTTON"===e.tagName||"INPUT"===e.tagName||"SELECT"===e.tagName||"TEXTAREA"===e.tagName)},o=function(e){return r(e.target||e.nativeEvent.target)},a={ShiftLeft:"shift",ShiftRight:"shift",AltLeft:"alt",AltRight:"alt",MetaLeft:"meta",MetaRight:"meta",ControlLeft:"control",ControlRight:"control"},i=function(e){return"code"in e?!!a[e.code]:16===e.which||17===e.which||18===e.which||91===e.which},l={8:"backspace",9:"tab",13:"enter",16:"shift",17:"ctrl",18:"alt",20:"capslock",27:"escape",32:"space",33:"pageup",34:"pagedown",35:"end",36:"home",37:"left",38:"up",39:"right",40:"down",45:"ins",46:"del",91:"meta",93:"meta",224:"meta",106:"*",107:"+",109:"-",110:".",111:"/",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'",ArrowUp:"Up",ArrowDown:"Down",ArrowLeft:"Left",ArrowRight:"Right"},u=function(e){var t="",n=[];if("code"in e)t=l[e.code]?l[e.code]:e.code;else{var r=e.which;t=String.fromCharCode(r).toLowerCase(),l[r]&&(t=l[r])}return e.altKey&&n.push("Alt"),e.shiftKey&&n.push("Shift"),e.ctrlKey&&n.push("Ctrl"),n.push(t),n.join("+")},c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},s=function(e){console.log(":keyboard event:",e)};e.exports=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"keydown",t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;if(void 0===("undefined"==typeof window?"undefined":c(window)))return!1;var n={},a=null;null===t&&(t=window.document);var l=!r(t);function f(e){if(!(i(e)||l&&o(e))){var t=u(e),r=n[t.toLowerCase()]||[];if("function"==typeof a){var c=r.length>0;a(t,c,e)}r.length&&e.preventDefault();for(var s=!0,f=r.length-1;f>=0&&(r[f]&&(s=r[f]()),!1!==s);f--);}}function d(){t.addEventListener(e,f)}return d(),{subscribe:function(e,t){return(e=e.toLowerCase()).replace(/\s/,""),void 0===n[e]&&(n[e]=[]),n[e].push(t),{unsubscribe:function(){var r=n[e].indexOf(t);n[e].splice(r,1)}}},setMonitor:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:null;a=!0===e?s:e},startListening:d,stopListening:function(){t.removeEventListener(e,f)}}}},function(e,t,n){"use strict";function r(e){return function(){return e}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(e){return e},e.exports=o},function(e,t,n){"use strict";e.exports={}},function(e,t,n){"use strict";var r=function(e){};e.exports=function(e,t,n,o,a,i,l,u){if(r(t),!e){var c;if(void 0===t)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var s=[n,o,a,i,l,u],f=0;(c=new Error(t.replace(/%s/g,function(){return s[f++]}))).name="Invariant Violation"}throw c.framesToPop=1,c}}},function(e,t,n){"use strict";
/*
object-assign
(c) Sindre Sorhus
@license MIT
*/var r=Object.getOwnPropertySymbols,o=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,i,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),u=1;u<arguments.length;u++){for(var c in n=Object(arguments[u]))o.call(n,c)&&(l[c]=n[c]);if(r){i=r(n);for(var s=0;s<i.length;s++)a.call(n,i[s])&&(l[i[s]]=n[i[s]])}}return l}},function(e,t){e.exports=function(e){var t="undefined"!=typeof window&&window.location;if(!t)throw new Error("fixUrls requires window.location");if(!e||"string"!=typeof e)return e;var n=t.protocol+"//"+t.host,r=n+t.pathname.replace(/\/[^\/]*$/,"/");return e.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(e,t){var o,a=t.trim().replace(/^"(.*)"$/,function(e,t){return t}).replace(/^'(.*)'$/,function(e,t){return t});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(a)?e:(o=0===a.indexOf("//")?a:0===a.indexOf("/")?n+a:r+a.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},function(e,t,n){var r,o,a={},i=(r=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=r.apply(this,arguments)),o}),l=function(e){var t={};return function(e){if("function"==typeof e)return e();if(void 0===t[e]){var n=function(e){return document.querySelector(e)}.call(this,e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}}(),u=null,c=0,s=[],f=n(6);function d(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=a[r.id];if(o){o.refs++;for(var i=0;i<o.parts.length;i++)o.parts[i](r.parts[i]);for(;i<r.parts.length;i++)o.parts.push(g(r.parts[i],t))}else{var l=[];for(i=0;i<r.parts.length;i++)l.push(g(r.parts[i],t));a[r.id]={id:r.id,refs:1,parts:l}}}}function p(e,t){for(var n=[],r={},o=0;o<e.length;o++){var a=e[o],i=t.base?a[0]+t.base:a[0],l={css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(l):n.push(r[i]={id:i,parts:[l]})}return n}function h(e,t){var n=l(e.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var r=s[s.length-1];if("top"===e.insertAt)r?r.nextSibling?n.insertBefore(t,r.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),s.push(t);else if("bottom"===e.insertAt)n.appendChild(t);else{if("object"!=typeof e.insertAt||!e.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=l(e.insertInto+" "+e.insertAt.before);n.insertBefore(t,o)}}function m(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e);var t=s.indexOf(e);t>=0&&s.splice(t,1)}function v(e){var t=document.createElement("style");return void 0===e.attrs.type&&(e.attrs.type="text/css"),y(t,e.attrs),h(e,t),t}function y(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n])})}function g(e,t){var n,r,o,a;if(t.transform&&e.css){if(!(a=t.transform(e.css)))return function(){};e.css=a}if(t.singleton){var i=c++;n=u||(u=v(t)),r=C.bind(null,n,i,!1),o=C.bind(null,n,i,!0)}else e.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(e){var t=document.createElement("link");return void 0===e.attrs.type&&(e.attrs.type="text/css"),e.attrs.rel="stylesheet",y(t,e.attrs),h(e,t),t}(t),r=function(e,t,n){var r=n.css,o=n.sourceMap,a=void 0===t.convertToAbsoluteUrls&&o;(t.convertToAbsoluteUrls||a)&&(r=f(r));o&&(r+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var i=new Blob([r],{type:"text/css"}),l=e.href;e.href=URL.createObjectURL(i),l&&URL.revokeObjectURL(l)}.bind(null,n,t),o=function(){m(n),n.href&&URL.revokeObjectURL(n.href)}):(n=v(t),r=function(e,t){var n=t.css,r=t.media;r&&e.setAttribute("media",r);if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){m(n)});return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(t=t||{}).attrs="object"==typeof t.attrs?t.attrs:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=i()),t.insertInto||(t.insertInto="head"),t.insertAt||(t.insertAt="bottom");var n=p(e,t);return d(n,t),function(e){for(var r=[],o=0;o<n.length;o++){var i=n[o];(l=a[i.id]).refs--,r.push(l)}e&&d(p(e,t),t);for(o=0;o<r.length;o++){var l;if(0===(l=r[o]).refs){for(var u=0;u<l.parts.length;u++)l.parts[u]();delete a[l.id]}}}};var b,w=(b=[],function(e,t){return b[e]=t,b.filter(Boolean).join("\n")});function C(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=w(t,o);else{var a=document.createTextNode(o),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}},function(e,t){e.exports=function(e){var t=[];return t.toString=function(){return this.map(function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var o=(i=r,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */"),a=r.sources.map(function(e){return"/*# sourceURL="+r.sourceRoot+e+" */"});return[n].concat(a).concat([o]).join("\n")}var i;return[n].join("\n")}(t,e);return t[2]?"@media "+t[2]+"{"+n+"}":n}).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},o=0;o<this.length;o++){var a=this[o][0];"number"==typeof a&&(r[a]=!0)}for(o=0;o<e.length;o++){var i=e[o];"number"==typeof i[0]&&r[i[0]]||(n&&!i[2]?i[2]=n:n&&(i[2]="("+i[2]+") and ("+n+")"),t.push(i))}},t}},function(e,t,n){(e.exports=n(8)(!1)).push([e.i,"body {\n font-family: 'Futura', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS',\n sans-serif;\n margin: 0;\n background: linear-gradient(#099, #86d);\n background-attachment: fixed;\n}\n\n.bpm-meter {\n padding: 11px;\n text-align: center;\n}\n\n.bpm-meter__input {\n font-family: 'Futura', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS';\n border: none;\n padding: 11px;\n margin-left: 11px;\n font-size: 18px;\n color: 13px;\n border-radius: 4px;\n box-shadow: rgba(0, 0, 0, 0.125) 0 4px 1px inset;\n color: #999;\n}\n\n.demo {\n margin: 22px;\n border-radius: 8px;\n background: #fafafa;\n box-shadow: rgba(0, 0, 0, 0.125) 8px 8px 0;\n border: 1px solid #eee;\n}\n\nh1 {\n font-size: 18px;\n font-weight: normal;\n color: rebeccapurple;\n padding: 11px;\n margin: 0;\n text-transform: uppercase;\n border-bottom: 1px solid #dfdfd0;\n}\n\n.instructions {\n padding: 11px;\n margin: 11px;\n color: #777;\n margin: none;\n font-family: monospace;\n background: #f9f9e6;\n border: 1px solid #f0f0de;\n}\n\n.instructions kbd {\n background: #ff0;\n display: inline-block;\n padding: 3px;\n}\n\n.list {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\n.list-item {\n display: block;\n padding: 14px;\n font-size: 16px;\n border-bottom: 1px solid #dfdfd0;\n color: #666;\n}\n\n.list-item--selected {\n background: tomato;\n color: gold;\n text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0;\n}\n\n.footer {\n color: #777;\n padding: 11px;\n}\n\n.modal {\n background: rgba(0, 0, 0, 0.5);\n position: fixed;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.modal__content {\n background: white;\n border-radius: 4px;\n padding: 22px;\n border: 1px solid #aaa;\n box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 0;\n}\n\n.modal__content h3 {\n text-align: center;\n font-weight: normal;\n color: #999;\n font-size: 18px;\n}\n\n.modal__content h2 {\n text-align: center;\n font-weight: bold;\n color: #555;\n font-size: 22px;\n color: rebeccapurple;\n}\n\n.modal__content-help {\n padding: 11px;\n margin: 11px;\n color: #777;\n margin: none;\n font-family: monospace;\n background: #f9f9e6;\n border: 1px solid #f0f0de;\n}\n\n.love {\n position: fixed;\n right: 11px;\n bottom: 11px;\n padding: 11px 22px;\n border-radius: 22px;\n background: rgba(255, 255, 255, 0.9);\n border: 1px solid #eee;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #777;\n opacity: 0.65;\n transform: scale(1);\n transition-property: all;\n transition-duration: 0.3s;\n transition-timing-function: ease-out;\n transform-origin: 95% 95%;\n}\n\n.love span {\n padding: 0 3px;\n}\n\n.love--loving {\n opacity: 1;\n transform: scale(1.8);\n transition-duration: 3s;\n}\n",""])},function(e,t,n){var r=n(9);"string"==typeof r&&(r=[[e.i,r,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(7)(r,o);r.locals&&(e.exports=r.locals)},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,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},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}}(),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)),l=n(1),u=(r=l)&&r.__esModule?r:{default:r};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}var s=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 o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=c(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.subs=[],c(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,i.PureComponent),a(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props,n=t.bindings,r=t.monitor,o=t.eventName;this.keyboardListener=(0,u.default)(o,this.element),Object.keys(n).forEach(function(t){var r=n[t],o=e.keyboardListener.subscribe(t,r);e.subs.push(o)}),r&&this.keyboardListener.setMonitor(r)}},{key:"componentWillUnmount",value:function(){this.subs.forEach(function(e){return e.unsubscribe()})}},{key:"render",value:function(){var e=this,t=this.props,n=t.component,r=(t.eventName,t.bindings,t.monitor,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}(t,["component","eventName","bindings","monitor"]));return i.createElement(n,o({ref:function(t){return e.element=t}},r))}}]),t}();s.defaultProps={component:"input",eventName:"keydown",bindings:{},monitor:null},t.default=s},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r,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}}(),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)),i=n(1),l=(r=i)&&r.__esModule?r:{default:r};var u={keydown:(0,l.default)("keydown"),keyup:(0,l.default)("keyup")},c=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.subs=[],n.keyboardListener=u[e.eventName],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,a.PureComponent),o(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props,n=t.bindings,r=t.monitor;Object.keys(n).forEach(function(t){var r=n[t],o=e.keyboardListener.subscribe(t,r);e.subs.push(o)}),r&&this.keyboardListener.setMonitor(r)}},{key:"componentWillUnmount",value:function(){this.subs.forEach(function(e){return e.unsubscribe()})}},{key:"render",value:function(){return null}}]),t}();c.defaultProps={eventName:"keydown",bindings:{},monitor:null},t.default=c},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.KeyboardInput=void 0;var r=a(n(12)),o=a(n(11));function a(e){return e&&e.__esModule?e:{default:e}}t.KeyboardInput=o.default;t.default=r.default},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";var r=n(14);e.exports=function(e){return r(e)&&3==e.nodeType}},function(e,t,n){"use strict";var r=n(15);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=Object.prototype.hasOwnProperty;function o(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}e.exports=function(e,t){if(o(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 i=0;i<n.length;i++)if(!r.call(t,n[i])||!o(e[n[i]],t[n[i]]))return!1;return!0}},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=!("undefined"==typeof window||!window.document||!window.document.createElement),o={canUseDOM:r,canUseWorkers:"undefined"!=typeof Worker,canUseEventListeners:r&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:r&&!!window.screen,isInWorker:!r};e.exports=o},function(e,t,n){"use strict";
/** @license React v16.3.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(4),o=n(0),a=n(19),i=n(5),l=n(2),u=n(18),c=n(17),s=n(16),f=n(3);function d(e){for(var t=arguments.length-1,n="http://reactjs.org/docs/error-decoder.html?invariant="+e,o=0;o<t;o++)n+="&args[]="+encodeURIComponent(arguments[o+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)}o||d("227");var p={_caughtError:null,_hasCaughtError:!1,_rethrowError:null,_hasRethrowError:!1,invokeGuardedCallback:function(e,t,n,r,o,a,i,l,u){(function(e,t,n,r,o,a,i,l,u){this._hasCaughtError=!1,this._caughtError=null;var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(e){this._caughtError=e,this._hasCaughtError=!0}}).apply(p,arguments)},invokeGuardedCallbackAndCatchFirstError:function(e,t,n,r,o,a,i,l,u){if(p.invokeGuardedCallback.apply(this,arguments),p.hasCaughtError()){var c=p.clearCaughtError();p._hasRethrowError||(p._hasRethrowError=!0,p._rethrowError=c)}},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 v(){if(h)for(var e in m){var t=m[e],n=h.indexOf(e);if(-1<n||d("96",e),!g[n])for(var r in t.extractEvents||d("97",e),g[n]=t,n=t.eventTypes){var o=void 0,a=n[r],i=t,l=r;b.hasOwnProperty(l)&&d("99",l),b[l]=a;var u=a.phasedRegistrationNames;if(u){for(o in u)u.hasOwnProperty(o)&&y(u[o],i,l);o=!0}else a.registrationName?(y(a.registrationName,i,l),o=!0):o=!1;o||d("98",r,e)}}}function y(e,t,n){w[e]&&d("100",e),w[e]=t,C[e]=t.eventTypes[n].dependencies}var g=[],b={},w={},C={};function x(e){h&&d("101"),h=Array.prototype.slice.call(e),v()}function k(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&&v()}var E=Object.freeze({plugins:g,eventNameDispatchConfigs:b,registrationNameModules:w,registrationNameDependencies:C,possibleRegistrationNames:null,injectEventPluginOrder:x,injectEventPluginsByName:k}),_=null,T=null,S=null;function P(e,t,n,r){t=e.type||"unknown-event",e.currentTarget=S(r),p.invokeGuardedCallbackAndCatchFirstError(t,n,void 0,e),e.currentTarget=null}function N(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 I(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}var O=null;function R(e,t){if(e){var n=e._dispatchListeners,r=e._dispatchInstances;if(Array.isArray(n))for(var o=0;o<n.length&&!e.isPropagationStopped();o++)P(e,t,n[o],r[o]);else n&&P(e,t,n,r);e._dispatchListeners=null,e._dispatchInstances=null,e.isPersistent()||e.constructor.release(e)}}function M(e){return R(e,!0)}function U(e){return R(e,!1)}var D={injectEventPluginOrder:x,injectEventPluginsByName:k};function F(e,t){var n=e.stateNode;if(!n)return null;var r=_(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 L(e,t){null!==e&&(O=N(O,e)),e=O,O=null,e&&(I(e,t?M:U),O&&d("95"),p.rethrowCaughtError())}function j(e,t,n,r){for(var o=null,a=0;a<g.length;a++){var i=g[a];i&&(i=i.extractEvents(e,t,n,r))&&(o=N(o,i))}L(o,!1)}var A=Object.freeze({injection:D,getListener:F,runEventsInBatch:L,runExtractedEventsInBatch:j}),z=Math.random().toString(36).slice(2),H="__reactInternalInstance$"+z,B="__reactEventHandlers$"+z;function V(e){if(e[H])return e[H];for(;!e[H];){if(!e.parentNode)return null;e=e.parentNode}return 5===(e=e[H]).tag||6===e.tag?e:null}function W(e){if(5===e.tag||6===e.tag)return e.stateNode;d("33")}function K(e){return e[B]||null}var $=Object.freeze({precacheFiberNode:function(e,t){t[H]=e},getClosestInstanceFromNode:V,getInstanceFromNode:function(e){return!(e=e[H])||5!==e.tag&&6!==e.tag?null:e},getNodeFromInstance:W,getFiberCurrentPropsFromNode:K,updateFiberProps:function(e,t){e[B]=t}});function Q(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function q(e,t,n){for(var r=[];e;)r.push(e),e=Q(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 G(e,t,n){(t=F(e,n.dispatchConfig.phasedRegistrationNames[t]))&&(n._dispatchListeners=N(n._dispatchListeners,t),n._dispatchInstances=N(n._dispatchInstances,e))}function Y(e){e&&e.dispatchConfig.phasedRegistrationNames&&q(e._targetInst,G,e)}function X(e){if(e&&e.dispatchConfig.phasedRegistrationNames){var t=e._targetInst;q(t=t?Q(t):null,G,e)}}function J(e,t,n){e&&n&&n.dispatchConfig.registrationName&&(t=F(e,n.dispatchConfig.registrationName))&&(n._dispatchListeners=N(n._dispatchListeners,t),n._dispatchInstances=N(n._dispatchInstances,e))}function Z(e){e&&e.dispatchConfig.registrationName&&J(e._targetInst,null,e)}function ee(e){I(e,Y)}function te(e,t,n,r){if(n&&r)e:{for(var o=n,a=r,i=0,l=o;l;l=Q(l))i++;l=0;for(var u=a;u;u=Q(u))l++;for(;0<i-l;)o=Q(o),i--;for(;0<l-i;)a=Q(a),l--;for(;i--;){if(o===a||o===a.alternate)break e;o=Q(o),a=Q(a)}o=null}else o=null;for(a=o,o=[];n&&n!==a&&(null===(i=n.alternate)||i!==a);)o.push(n),n=Q(n);for(n=[];r&&r!==a&&(null===(i=r.alternate)||i!==a);)n.push(r),r=Q(r);for(r=0;r<o.length;r++)J(o[r],"bubbled",e);for(e=n.length;0<e--;)J(n[e],"captured",t)}var ne=Object.freeze({accumulateTwoPhaseDispatches:ee,accumulateTwoPhaseDispatchesSkipTarget:function(e){I(e,X)},accumulateEnterLeaveDispatches:te,accumulateDirectDispatches:function(e){I(e,Z)}}),re=null;function oe(){return!re&&a.canUseDOM&&(re="textContent"in document.documentElement?"textContent":"innerText"),re}var ae={_root:null,_startText:null,_fallbackText:null};function ie(){if(ae._fallbackText)return ae._fallbackText;var e,t,n=ae._startText,r=n.length,o=le(),a=o.length;for(e=0;e<r&&n[e]===o[e];e++);var i=r-e;for(t=1;t<=i&&n[r-t]===o[a-t];t++);return ae._fallbackText=o.slice(e,1<t?1-t:void 0),ae._fallbackText}function le(){return"value"in ae._root?ae._root.value:ae._root[oe()]}var ue="dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(" "),ce={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 se(e,t,n,r){for(var o in this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n,e=this.constructor.Interface)e.hasOwnProperty(o)&&((t=e[o])?this[o]=t(n):"target"===o?this.target=r:this[o]=n[o]);return this.isDefaultPrevented=(null!=n.defaultPrevented?n.defaultPrevented:!1===n.returnValue)?l.thatReturnsTrue:l.thatReturnsFalse,this.isPropagationStopped=l.thatReturnsFalse,this}function fe(e,t,n,r){if(this.eventPool.length){var o=this.eventPool.pop();return this.call(o,e,t,n,r),o}return new this(e,t,n,r)}function de(e){e instanceof this||d("223"),e.destructor(),10>this.eventPool.length&&this.eventPool.push(e)}function pe(e){e.eventPool=[],e.getPooled=fe,e.release=de}i(se.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<ue.length;t++)this[ue[t]]=null}}),se.Interface=ce,se.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var o=new t;return i(o,n.prototype),n.prototype=o,n.prototype.constructor=n,n.Interface=i({},r.Interface,e),n.extend=r.extend,pe(n),n},pe(se);var he=se.extend({data:null}),me=se.extend({data:null}),ve=[9,13,27,32],ye=a.canUseDOM&&"CompositionEvent"in window,ge=null;a.canUseDOM&&"documentMode"in document&&(ge=document.documentMode);var be=a.canUseDOM&&"TextEvent"in window&&!ge,we=a.canUseDOM&&(!ye||ge&&8<ge&&11>=ge),Ce=String.fromCharCode(32),xe={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["topCompositionEnd","topKeyPress","topTextInput","topPaste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"topBlur topCompositionEnd topKeyDown topKeyPress topKeyUp topMouseDown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"topBlur topCompositionStart topKeyDown topKeyPress topKeyUp topMouseDown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"topBlur topCompositionUpdate topKeyDown topKeyPress topKeyUp topMouseDown".split(" ")}},ke=!1;function Ee(e,t){switch(e){case"topKeyUp":return-1!==ve.indexOf(t.keyCode);case"topKeyDown":return 229!==t.keyCode;case"topKeyPress":case"topMouseDown":case"topBlur":return!0;default:return!1}}function _e(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Te=!1;var Se={eventTypes:xe,extractEvents:function(e,t,n,r){var o=void 0,a=void 0;if(ye)e:{switch(e){case"topCompositionStart":o=xe.compositionStart;break e;case"topCompositionEnd":o=xe.compositionEnd;break e;case"topCompositionUpdate":o=xe.compositionUpdate;break e}o=void 0}else Te?Ee(e,n)&&(o=xe.compositionEnd):"topKeyDown"===e&&229===n.keyCode&&(o=xe.compositionStart);return o?(we&&(Te||o!==xe.compositionStart?o===xe.compositionEnd&&Te&&(a=ie()):(ae._root=r,ae._startText=le(),Te=!0)),o=he.getPooled(o,t,n,r),a?o.data=a:null!==(a=_e(n))&&(o.data=a),ee(o),a=o):a=null,(e=be?function(e,t){switch(e){case"topCompositionEnd":return _e(t);case"topKeyPress":return 32!==t.which?null:(ke=!0,Ce);case"topTextInput":return(e=t.data)===Ce&&ke?null:e;default:return null}}(e,n):function(e,t){if(Te)return"topCompositionEnd"===e||!ye&&Ee(e,t)?(e=ie(),ae._root=null,ae._startText=null,ae._fallbackText=null,Te=!1,e):null;switch(e){case"topPaste":return null;case"topKeyPress":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"topCompositionEnd":return we?null:t.data;default:return null}}(e,n))?((t=me.getPooled(xe.beforeInput,t,n,r)).data=e,ee(t)):t=null,null===a?t:null===t?a:[a,t]}},Pe=null,Ne={injectFiberControlledHostComponent:function(e){Pe=e}},Ie=null,Oe=null;function Re(e){if(e=T(e)){Pe&&"function"==typeof Pe.restoreControlledState||d("194");var t=_(e.stateNode);Pe.restoreControlledState(e.stateNode,e.type,t)}}function Me(e){Ie?Oe?Oe.push(e):Oe=[e]:Ie=e}function Ue(){return null!==Ie||null!==Oe}function De(){if(Ie){var e=Ie,t=Oe;if(Oe=Ie=null,Re(e),t)for(e=0;e<t.length;e++)Re(t[e])}}var Fe=Object.freeze({injection:Ne,enqueueStateRestore:Me,needsStateRestore:Ue,restoreStateIfNeeded:De});function Le(e,t){return e(t)}function je(e,t,n){return e(t,n)}function Ae(){}var ze=!1;function He(e,t){if(ze)return e(t);ze=!0;try{return Le(e,t)}finally{ze=!1,Ue()&&(Ae(),De())}}var Be={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 Ve(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Be[e.type]:"textarea"===t}function We(e){return(e=e.target||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function Ke(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 $e(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Qe(e){e._valueTracker||(e._valueTracker=function(e){var t=$e(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&"function"==typeof n.get&&"function"==typeof n.set)return Object.defineProperty(e,t,{configurable:!0,get:function(){return n.get.call(this)},set:function(e){r=""+e,n.set.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 qe(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=$e(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}var Ge=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Ye="function"==typeof Symbol&&Symbol.for,Xe=Ye?Symbol.for("react.element"):60103,Je=Ye?Symbol.for("react.call"):60104,Ze=Ye?Symbol.for("react.return"):60105,et=Ye?Symbol.for("react.portal"):60106,tt=Ye?Symbol.for("react.fragment"):60107,nt=Ye?Symbol.for("react.strict_mode"):60108,rt=Ye?Symbol.for("react.provider"):60109,ot=Ye?Symbol.for("react.context"):60110,at=Ye?Symbol.for("react.async_mode"):60111,it=Ye?Symbol.for("react.forward_ref"):60112,lt="function"==typeof Symbol&&Symbol.iterator;function ut(e){return null===e||void 0===e?null:"function"==typeof(e=lt&&e[lt]||e["@@iterator"])?e:null}function ct(e){if("function"==typeof(e=e.type))return e.displayName||e.name;if("string"==typeof e)return e;switch(e){case tt:return"ReactFragment";case et:return"ReactPortal";case Je:return"ReactCall";case Ze:return"ReactReturn"}if("object"==typeof e&&null!==e)switch(e.$$typeof){case it:return""!==(e=e.render.displayName||e.render.name||"")?"ForwardRef("+e+")":"ForwardRef"}return null}function st(e){var t="";do{e:switch(e.tag){case 0:case 1:case 2:case 5:var n=e._debugOwner,r=e._debugSource,o=ct(e),a=null;n&&(a=ct(n)),n=r,o="\n in "+(o||"Unknown")+(n?" (at "+n.fileName.replace(/^.*[\\\/]/,"")+":"+n.lineNumber+")":a?" (created by "+a+")":"");break e;default:o=""}t+=o,e=e.return}while(e);return t}var ft=/^[: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]*$/,dt={},pt={};function ht(e,t,n,r,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t}var mt={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){mt[e]=new ht(e,0,!1,e,null)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];mt[t]=new ht(t,1,!1,e[1],null)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){mt[e]=new ht(e,2,!1,e.toLowerCase(),null)}),["autoReverse","externalResourcesRequired","preserveAlpha"].forEach(function(e){mt[e]=new ht(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){mt[e]=new ht(e,3,!1,e.toLowerCase(),null)}),["checked","multiple","muted","selected"].forEach(function(e){mt[e]=new ht(e,3,!0,e.toLowerCase(),null)}),["capture","download"].forEach(function(e){mt[e]=new ht(e,4,!1,e.toLowerCase(),null)}),["cols","rows","size","span"].forEach(function(e){mt[e]=new ht(e,6,!1,e.toLowerCase(),null)}),["rowSpan","start"].forEach(function(e){mt[e]=new ht(e,5,!1,e.toLowerCase(),null)});var vt=/[\-:]([a-z])/g;function yt(e){return e[1].toUpperCase()}function gt(e,t,n,r){var o=mt.hasOwnProperty(t)?mt[t]:null;(null!==o?0===o.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(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,o,r)&&(n=null),r||null===o?function(e){return!!pt.hasOwnProperty(e)||!dt.hasOwnProperty(e)&&(ft.test(e)?pt[e]=!0:(dt[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(o=o.type)||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function bt(e,t){var n=t.checked;return i({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function wt(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=_t(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 Ct(e,t){null!=(t=t.checked)&>(e,"checked",t,!1)}function xt(e,t){Ct(e,t);var n=_t(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")?Et(e,t.type,n):t.hasOwnProperty("defaultValue")&&Et(e,t.type,_t(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function kt(e,t){(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue"))&&(""===e.value&&(e.value=""+e._wrapperState.initialValue),e.defaultValue=""+e._wrapperState.initialValue),""!==(t=e.name)&&(e.name=""),e.defaultChecked=!e.defaultChecked,e.defaultChecked=!e.defaultChecked,""!==t&&(e.name=t)}function Et(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function _t(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(vt,yt);mt[t]=new ht(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(vt,yt);mt[t]=new ht(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(vt,yt);mt[t]=new ht(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),mt.tabIndex=new ht("tabIndex",1,!1,"tabindex",null);var Tt={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"topBlur topChange topClick topFocus topInput topKeyDown topKeyUp topSelectionChange".split(" ")}};function St(e,t,n){return(e=se.getPooled(Tt.change,e,t,n)).type="change",Me(n),ee(e),e}var Pt=null,Nt=null;function It(e){L(e,!1)}function Ot(e){if(qe(W(e)))return e}function Rt(e,t){if("topChange"===e)return t}var Mt=!1;function Ut(){Pt&&(Pt.detachEvent("onpropertychange",Dt),Nt=Pt=null)}function Dt(e){"value"===e.propertyName&&Ot(Nt)&&He(It,e=St(Nt,e,We(e)))}function Ft(e,t,n){"topFocus"===e?(Ut(),Nt=n,(Pt=t).attachEvent("onpropertychange",Dt)):"topBlur"===e&&Ut()}function Lt(e){if("topSelectionChange"===e||"topKeyUp"===e||"topKeyDown"===e)return Ot(Nt)}function jt(e,t){if("topClick"===e)return Ot(t)}function At(e,t){if("topInput"===e||"topChange"===e)return Ot(t)}a.canUseDOM&&(Mt=Ke("input")&&(!document.documentMode||9<document.documentMode));var zt={eventTypes:Tt,_isInputEventSupported:Mt,extractEvents:function(e,t,n,r){var o=t?W(t):window,a=void 0,i=void 0,l=o.nodeName&&o.nodeName.toLowerCase();if("select"===l||"input"===l&&"file"===o.type?a=Rt:Ve(o)?Mt?a=At:(a=Lt,i=Ft):(l=o.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===o.type||"radio"===o.type)&&(a=jt),a&&(a=a(e,t)))return St(a,n,r);i&&i(e,o,t),"topBlur"===e&&null!=t&&(e=t._wrapperState||o._wrapperState)&&e.controlled&&"number"===o.type&&Et(o,"number",o.value)}},Ht=se.extend({view:null,detail:null}),Bt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Vt(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Bt[e])&&!!t[e]}function Wt(){return Vt}var Kt=Ht.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Wt,button:null,buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)}}),$t={mouseEnter:{registrationName:"onMouseEnter",dependencies:["topMouseOut","topMouseOver"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["topMouseOut","topMouseOver"]}},Qt={eventTypes:$t,extractEvents:function(e,t,n,r){if("topMouseOver"===e&&(n.relatedTarget||n.fromElement)||"topMouseOut"!==e&&"topMouseOver"!==e)return null;var o=r.window===r?r:(o=r.ownerDocument)?o.defaultView||o.parentWindow:window;if("topMouseOut"===e?(e=t,t=(t=n.relatedTarget||n.toElement)?V(t):null):e=null,e===t)return null;var a=null==e?o:W(e);o=null==t?o:W(t);var i=Kt.getPooled($t.mouseLeave,e,n,r);return i.type="mouseleave",i.target=a,i.relatedTarget=o,(n=Kt.getPooled($t.mouseEnter,t,n,r)).type="mouseenter",n.target=o,n.relatedTarget=a,te(i,n,e,t),[i,n]}};function qt(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 Gt(e){return!!(e=e._reactInternalFiber)&&2===qt(e)}function Yt(e){2!==qt(e)&&d("188")}function Xt(e){var t=e.alternate;if(!t)return 3===(t=qt(e))&&d("188"),1===t?null:e;for(var n=e,r=t;;){var o=n.return,a=o?o.alternate:null;if(!o||!a)break;if(o.child===a.child){for(var i=o.child;i;){if(i===n)return Yt(o),e;if(i===r)return Yt(o),t;i=i.sibling}d("188")}if(n.return!==r.return)n=o,r=a;else{i=!1;for(var l=o.child;l;){if(l===n){i=!0,n=o,r=a;break}if(l===r){i=!0,r=o,n=a;break}l=l.sibling}if(!i){for(l=a.child;l;){if(l===n){i=!0,n=a,r=o;break}if(l===r){i=!0,r=a,n=o;break}l=l.sibling}i||d("189")}}n.alternate!==r&&d("190")}return 3!==n.tag&&d("188"),n.stateNode.current===n?e:t}function Jt(e){if(!(e=Xt(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 Zt=se.extend({animationName:null,elapsedTime:null,pseudoElement:null}),en=se.extend({clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),tn=Ht.extend({relatedTarget:null});function nn(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 rn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},on={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"},an=Ht.extend({key:function(e){if(e.key){var t=rn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=nn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?on[e.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Wt,charCode:function(e){return"keypress"===e.type?nn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?nn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),ln=Kt.extend({dataTransfer:null}),un=Ht.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Wt}),cn=se.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),sn=Kt.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}),fn={},dn={};function pn(e,t){var n=e[0].toUpperCase()+e.slice(1),r="on"+n;t={phasedRegistrationNames:{bubbled:r,captured:r+"Capture"},dependencies:[n="top"+n],isInteractive:t},fn[e]=t,dn[n]=t}"blur cancel click close contextMenu copy cut doubleClick dragEnd dragStart drop focus input invalid keyDown keyPress keyUp mouseDown mouseUp paste pause play rateChange reset seeked submit touchCancel touchEnd touchStart volumeChange".split(" ").forEach(function(e){pn(e,!0)}),"abort animationEnd animationIteration animationStart canPlay canPlayThrough drag dragEnter dragExit dragLeave dragOver durationChange emptied encrypted ended error load loadedData loadedMetadata loadStart mouseMove mouseOut mouseOver playing progress scroll seeking stalled suspend timeUpdate toggle touchMove transitionEnd waiting wheel".split(" ").forEach(function(e){pn(e,!1)});var hn={eventTypes:fn,isInteractiveTopLevelEventType:function(e){return void 0!==(e=dn[e])&&!0===e.isInteractive},extractEvents:function(e,t,n,r){var o=dn[e];if(!o)return null;switch(e){case"topKeyPress":if(0===nn(n))return null;case"topKeyDown":case"topKeyUp":e=an;break;case"topBlur":case"topFocus":e=tn;break;case"topClick":if(2===n.button)return null;case"topDoubleClick":case"topMouseDown":case"topMouseMove":case"topMouseUp":case"topMouseOut":case"topMouseOver":case"topContextMenu":e=Kt;break;case"topDrag":case"topDragEnd":case"topDragEnter":case"topDragExit":case"topDragLeave":case"topDragOver":case"topDragStart":case"topDrop":e=ln;break;case"topTouchCancel":case"topTouchEnd":case"topTouchMove":case"topTouchStart":e=un;break;case"topAnimationEnd":case"topAnimationIteration":case"topAnimationStart":e=Zt;break;case"topTransitionEnd":e=cn;break;case"topScroll":e=Ht;break;case"topWheel":e=sn;break;case"topCopy":case"topCut":case"topPaste":e=en;break;default:e=se}return ee(t=e.getPooled(o,t,n,r)),t}},mn=hn.isInteractiveTopLevelEventType,vn=[];function yn(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],j(e.topLevelType,t,e.nativeEvent,We(e.nativeEvent))}var gn=!0;function bn(e){gn=!!e}function wn(e,t,n){if(!n)return null;e=(mn(e)?xn:kn).bind(null,e),n.addEventListener(t,e,!1)}function Cn(e,t,n){if(!n)return null;e=(mn(e)?xn:kn).bind(null,e),n.addEventListener(t,e,!0)}function xn(e,t){je(kn,e,t)}function kn(e,t){if(gn){var n=We(t);if(null!==(n=V(n))&&"number"==typeof n.tag&&2!==qt(n)&&(n=null),vn.length){var r=vn.pop();r.topLevelType=e,r.nativeEvent=t,r.targetInst=n,e=r}else e={topLevelType:e,nativeEvent:t,targetInst:n,ancestors:[]};try{He(yn,e)}finally{e.topLevelType=null,e.nativeEvent=null,e.targetInst=null,e.ancestors.length=0,10>vn.length&&vn.push(e)}}}var En=Object.freeze({get _enabled(){return gn},setEnabled:bn,isEnabled:function(){return gn},trapBubbledEvent:wn,trapCapturedEvent:Cn,dispatchEvent:kn});function _n(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 Tn={animationend:_n("Animation","AnimationEnd"),animationiteration:_n("Animation","AnimationIteration"),animationstart:_n("Animation","AnimationStart"),transitionend:_n("Transition","TransitionEnd")},Sn={},Pn={};function Nn(e){if(Sn[e])return Sn[e];if(!Tn[e])return e;var t,n=Tn[e];for(t in n)if(n.hasOwnProperty(t)&&t in Pn)return Sn[e]=n[t];return e}a.canUseDOM&&(Pn=document.createElement("div").style,"AnimationEvent"in window||(delete Tn.animationend.animation,delete Tn.animationiteration.animation,delete Tn.animationstart.animation),"TransitionEvent"in window||delete Tn.transitionend.transition);var In={topAnimationEnd:Nn("animationend"),topAnimationIteration:Nn("animationiteration"),topAnimationStart:Nn("animationstart"),topBlur:"blur",topCancel:"cancel",topChange:"change",topClick:"click",topClose:"close",topCompositionEnd:"compositionend",topCompositionStart:"compositionstart",topCompositionUpdate:"compositionupdate",topContextMenu:"contextmenu",topCopy:"copy",topCut:"cut",topDoubleClick:"dblclick",topDrag:"drag",topDragEnd:"dragend",topDragEnter:"dragenter",topDragExit:"dragexit",topDragLeave:"dragleave",topDragOver:"dragover",topDragStart:"dragstart",topDrop:"drop",topFocus:"focus",topInput:"input",topKeyDown:"keydown",topKeyPress:"keypress",topKeyUp:"keyup",topLoad:"load",topLoadStart:"loadstart",topMouseDown:"mousedown",topMouseMove:"mousemove",topMouseOut:"mouseout",topMouseOver:"mouseover",topMouseUp:"mouseup",topPaste:"paste",topScroll:"scroll",topSelectionChange:"selectionchange",topTextInput:"textInput",topToggle:"toggle",topTouchCancel:"touchcancel",topTouchEnd:"touchend",topTouchMove:"touchmove",topTouchStart:"touchstart",topTransitionEnd:Nn("transitionend"),topWheel:"wheel"},On={topAbort:"abort",topCanPlay:"canplay",topCanPlayThrough:"canplaythrough",topDurationChange:"durationchange",topEmptied:"emptied",topEncrypted:"encrypted",topEnded:"ended",topError:"error",topLoadedData:"loadeddata",topLoadedMetadata:"loadedmetadata",topLoadStart:"loadstart",topPause:"pause",topPlay:"play",topPlaying:"playing",topProgress:"progress",topRateChange:"ratechange",topSeeked:"seeked",topSeeking:"seeking",topStalled:"stalled",topSuspend:"suspend",topTimeUpdate:"timeupdate",topVolumeChange:"volumechange",topWaiting:"waiting"},Rn={},Mn=0,Un="_reactListenersID"+(""+Math.random()).slice(2);function Dn(e){return Object.prototype.hasOwnProperty.call(e,Un)||(e[Un]=Mn++,Rn[e[Un]]={}),Rn[e[Un]]}function Fn(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Ln(e,t){var n,r=Fn(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=Fn(r)}}function jn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&"text"===e.type||"textarea"===t||"true"===e.contentEditable)}var An=a.canUseDOM&&"documentMode"in document&&11>=document.documentMode,zn={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"topBlur topContextMenu topFocus topKeyDown topKeyUp topMouseDown topMouseUp topSelectionChange".split(" ")}},Hn=null,Bn=null,Vn=null,Wn=!1;function Kn(e,t){if(Wn||null==Hn||Hn!==u())return null;var n=Hn;return"selectionStart"in n&&jn(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,Vn&&c(Vn,n)?null:(Vn=n,(e=se.getPooled(zn.select,Bn,e,t)).type="select",e.target=Hn,ee(e),e)}var $n={eventTypes:zn,extractEvents:function(e,t,n,r){var o,a=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(o=!a)){e:{a=Dn(a),o=C.onSelect;for(var i=0;i<o.length;i++){var l=o[i];if(!a.hasOwnProperty(l)||!a[l]){a=!1;break e}}a=!0}o=!a}if(o)return null;switch(a=t?W(t):window,e){case"topFocus":(Ve(a)||"true"===a.contentEditable)&&(Hn=a,Bn=t,Vn=null);break;case"topBlur":Vn=Bn=Hn=null;break;case"topMouseDown":Wn=!0;break;case"topContextMenu":case"topMouseUp":return Wn=!1,Kn(n,r);case"topSelectionChange":if(An)break;case"topKeyDown":case"topKeyUp":return Kn(n,r)}return null}};function Qn(e,t,n,r){this.tag=e,this.key=n,this.stateNode=this.type=null,this.sibling=this.child=this.return=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 qn(e,t,n){var r=e.alternate;return null===r?((r=new Qn(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 Gn(e,t,n){var r=e.type,o=e.key;e=e.props;var a=void 0;if("function"==typeof r)a=r.prototype&&r.prototype.isReactComponent?2:0;else if("string"==typeof r)a=5;else switch(r){case tt:return Yn(e.children,t,n,o);case at:a=11,t|=3;break;case nt:a=11,t|=2;break;case Je:a=7;break;case Ze:a=9;break;default:if("object"==typeof r&&null!==r)switch(r.$$typeof){case rt:a=13;break;case ot:a=12;break;case it:a=14;break;default:if("number"==typeof r.tag)return(t=r).pendingProps=e,t.expirationTime=n,t;d("130",null==r?r:typeof r,"")}else d("130",null==r?r:typeof r,"")}return(t=new Qn(a,e,o,t)).type=r,t.expirationTime=n,t}function Yn(e,t,n,r){return(e=new Qn(10,e,r,t)).expirationTime=n,e}function Xn(e,t,n){return(e=new Qn(6,e,null,t)).expirationTime=n,e}function Jn(e,t,n){return(t=new Qn(4,null!==e.children?e.children:[],e.key,t)).expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}D.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin TapEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),_=$.getFiberCurrentPropsFromNode,T=$.getInstanceFromNode,S=$.getNodeFromInstance,D.injectEventPluginsByName({SimpleEventPlugin:hn,EnterLeaveEventPlugin:Qt,ChangeEventPlugin:zt,SelectEventPlugin:$n,BeforeInputEventPlugin:Se});var Zn=null,er=null;function tr(e){return function(t){try{return e(t)}catch(e){}}}function nr(e){"function"==typeof Zn&&Zn(e)}function rr(e){"function"==typeof er&&er(e)}function or(e){return{baseState:e,expirationTime:0,first:null,last:null,callbackList:null,hasForceUpdate:!1,isInitialized:!1,capturedValues:null}}function ar(e,t){null===e.last?e.first=e.last=t:(e.last.next=t,e.last=t),(0===e.expirationTime||e.expirationTime>t.expirationTime)&&(e.expirationTime=t.expirationTime)}new Set;var ir=void 0,lr=void 0;function ur(e){ir=lr=null;var t=e.alternate,n=e.updateQueue;null===n&&(n=e.updateQueue=or(null)),null!==t?null===(e=t.updateQueue)&&(e=t.updateQueue=or(null)):e=null,ir=n,lr=e!==n?e:null}function cr(e,t){ur(e),e=ir;var n=lr;null===n?ar(e,t):null===e.last||null===n.last?(ar(e,t),ar(n,t)):(ar(e,t),n.last=t)}function sr(e,t,n,r){return"function"==typeof(e=e.partialState)?e.call(t,n,r):e}function fr(e,t,n,r,o,a){null!==e&&e.updateQueue===n&&(n=t.updateQueue={baseState:n.baseState,expirationTime:n.expirationTime,first:n.first,last:n.last,isInitialized:n.isInitialized,capturedValues:n.capturedValues,callbackList:null,hasForceUpdate:!1}),n.expirationTime=0,n.isInitialized?e=n.baseState:(e=n.baseState=t.memoizedState,n.isInitialized=!0);for(var l=!0,u=n.first,c=!1;null!==u;){var s=u.expirationTime;if(s>a){var f=n.expirationTime;(0===f||f>s)&&(n.expirationTime=s),c||(c=!0,n.baseState=e)}else c||(n.first=u.next,null===n.first&&(n.last=null)),u.isReplace?(e=sr(u,r,e,o),l=!0):(s=sr(u,r,e,o))&&(e=l?i({},e,s):i(e,s),l=!1),u.isForced&&(n.hasForceUpdate=!0),null!==u.callback&&(null===(s=n.callbackList)&&(s=n.callbackList=[]),s.push(u)),null!==u.capturedValue&&(null===(s=n.capturedValues)?n.capturedValues=[u.capturedValue]:s.push(u.capturedValue));u=u.next}return null!==n.callbackList?t.effectTag|=32:null!==n.first||n.hasForceUpdate||null!==n.capturedValues||(t.updateQueue=null),c||(n.baseState=e),e}function dr(e,t){var n=e.callbackList;if(null!==n)for(e.callbackList=null,e=0;e<n.length;e++){var r=n[e],o=r.callback;r.callback=null,"function"!=typeof o&&d("191",o),o.call(t)}}var pr=Array.isArray;function hr(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 o=""+e;return null!==t&&null!==t.ref&&t.ref._stringRef===o?t.ref:((t=function(e){var t=r.refs===f?r.refs={}:r.refs;null===e?delete t[o]:t[o]=e})._stringRef=o,t)}"string"!=typeof e&&d("148"),n._owner||d("254",e)}return e}function mr(e,t){"textarea"!==e.type&&d("31","[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,"")}function vr(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 o(e,t,n){return(e=qn(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 i(t){return e&&null===t.alternate&&(t.effectTag=2),t}function l(e,t,n,r){return null===t||6!==t.tag?((t=Xn(n,e.mode,r)).return=e,t):((t=o(t,n,r)).return=e,t)}function u(e,t,n,r){return null!==t&&t.type===n.type?((r=o(t,n.props,r)).ref=hr(e,t,n),r.return=e,r):((r=Gn(n,e.mode,r)).ref=hr(e,t,n),r.return=e,r)}function c(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Jn(n,e.mode,r)).return=e,t):((t=o(t,n.children||[],r)).return=e,t)}function s(e,t,n,r,a){return null===t||10!==t.tag?((t=Yn(n,e.mode,r,a)).return=e,t):((t=o(t,n,r)).return=e,t)}function f(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Xn(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case Xe:return(n=Gn(t,e.mode,n)).ref=hr(e,null,t),n.return=e,n;case et:return(t=Jn(t,e.mode,n)).return=e,t}if(pr(t)||ut(t))return(t=Yn(t,e.mode,n,null)).return=e,t;mr(e,t)}return null}function p(e,t,n,r){var o=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==o?null:l(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case Xe:return n.key===o?n.type===tt?s(e,t,n.props.children,r,o):u(e,t,n,r):null;case et:return n.key===o?c(e,t,n,r):null}if(pr(n)||ut(n))return null!==o?null:s(e,t,n,r,null);mr(e,n)}return null}function h(e,t,n,r,o){if("string"==typeof r||"number"==typeof r)return l(t,e=e.get(n)||null,""+r,o);if("object"==typeof r&&null!==r){switch(r.$$typeof){case Xe:return e=e.get(null===r.key?n:r.key)||null,r.type===tt?s(t,e,r.props.children,o,r.key):u(t,e,r,o);case et:return c(t,e=e.get(null===r.key?n:r.key)||null,r,o)}if(pr(r)||ut(r))return s(t,e=e.get(n)||null,r,o,null);mr(t,r)}return null}function m(o,i,l,u){for(var c=null,s=null,d=i,m=i=0,v=null;null!==d&&m<l.length;m++){d.index>m?(v=d,d=null):v=d.sibling;var y=p(o,d,l[m],u);if(null===y){null===d&&(d=v);break}e&&d&&null===y.alternate&&t(o,d),i=a(y,i,m),null===s?c=y:s.sibling=y,s=y,d=v}if(m===l.length)return n(o,d),c;if(null===d){for(;m<l.length;m++)(d=f(o,l[m],u))&&(i=a(d,i,m),null===s?c=d:s.sibling=d,s=d);return c}for(d=r(o,d);m<l.length;m++)(v=h(d,o,m,l[m],u))&&(e&&null!==v.alternate&&d.delete(null===v.key?m:v.key),i=a(v,i,m),null===s?c=v:s.sibling=v,s=v);return e&&d.forEach(function(e){return t(o,e)}),c}function v(o,i,l,u){var c=ut(l);"function"!=typeof c&&d("150"),null==(l=c.call(l))&&d("151");for(var s=c=null,m=i,v=i=0,y=null,g=l.next();null!==m&&!g.done;v++,g=l.next()){m.index>v?(y=m,m=null):y=m.sibling;var b=p(o,m,g.value,u);if(null===b){m||(m=y);break}e&&m&&null===b.alternate&&t(o,m),i=a(b,i,v),null===s?c=b:s.sibling=b,s=b,m=y}if(g.done)return n(o,m),c;if(null===m){for(;!g.done;v++,g=l.next())null!==(g=f(o,g.value,u))&&(i=a(g,i,v),null===s?c=g:s.sibling=g,s=g);return c}for(m=r(o,m);!g.done;v++,g=l.next())null!==(g=h(m,o,v,g.value,u))&&(e&&null!==g.alternate&&m.delete(null===g.key?v:g.key),i=a(g,i,v),null===s?c=g:s.sibling=g,s=g);return e&&m.forEach(function(e){return t(o,e)}),c}return function(e,r,a,l){"object"==typeof a&&null!==a&&a.type===tt&&null===a.key&&(a=a.props.children);var u="object"==typeof a&&null!==a;if(u)switch(a.$$typeof){case Xe:e:{var c=a.key;for(u=r;null!==u;){if(u.key===c){if(10===u.tag?a.type===tt:u.type===a.type){n(e,u.sibling),(r=o(u,a.type===tt?a.props.children:a.props,l)).ref=hr(e,u,a),r.return=e,e=r;break e}n(e,u);break}t(e,u),u=u.sibling}a.type===tt?((r=Yn(a.props.children,e.mode,l,a.key)).return=e,e=r):((l=Gn(a,e.mode,l)).ref=hr(e,r,a),l.return=e,e=l)}return i(e);case et:e:{for(u=a.key;null!==r;){if(r.key===u){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=o(r,a.children||[],l)).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Jn(a,e.mode,l)).return=e,e=r}return i(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=o(r,a,l)).return=e,e=r):(n(e,r),(r=Xn(a,e.mode,l)).return=e,e=r),i(e);if(pr(a))return m(e,r,a,l);if(ut(a))return v(e,r,a,l);if(u&&mr(e,a),void 0===a)switch(e.tag){case 2:case 1:d("152",(l=e.type).displayName||l.name||"Component")}return n(e,r)}}var yr=vr(!0),gr=vr(!1);function br(e,t,n,r,o,a,l){function u(e,t,n){s(e,t,n,t.expirationTime)}function s(e,t,n,r){t.child=null===e?gr(t,null,n,r):yr(t,e.child,n,r)}function p(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function h(e,t,n,r,o,a){if(p(e,t),!n&&!o)return r&&P(t,!1),y(e,t);n=t.stateNode,Ge.current=t;var i=o?null:n.render();return t.effectTag|=1,o&&(s(e,t,null,a),t.child=null),s(e,t,i,a),t.memoizedState=n.state,t.memoizedProps=n.props,r&&P(t,!0),t.child}function m(e){var t=e.stateNode;t.pendingContext?S(e,t.pendingContext,t.pendingContext!==t.context):t.context&&S(e,t.context,!1),C(e,t.containerInfo)}function v(e,t,n,r){var o=e.child;for(null!==o&&(o.return=e);null!==o;){switch(o.tag){case 12:var a=0|o.stateNode;if(o.type===t&&0!=(a&n)){for(a=o;null!==a;){var i=a.alternate;if(0===a.expirationTime||a.expirationTime>r)a.expirationTime=r,null!==i&&(0===i.expirationTime||i.expirationTime>r)&&(i.expirationTime=r);else{if(null===i||!(0===i.expirationTime||i.expirationTime>r))break;i.expirationTime=r}a=a.return}a=null}else a=o.child;break;case 13:a=o.type===e.type?null:o.child;break;default:a=o.child}if(null!==a)a.return=o;else for(a=o;null!==a;){if(a===e){a=null;break}if(null!==(o=a.sibling)){a=o;break}a=a.return}o=a}}function y(e,t){if(null!==e&&t.child!==e.child&&d("153"),null!==t.child){var n=qn(e=t.child,e.pendingProps,e.expirationTime);for(t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=qn(e,e.pendingProps,e.expirationTime)).return=t;n.sibling=null}return t.child}var g=e.shouldSetTextContent,b=e.shouldDeprioritizeSubtree,w=t.pushHostContext,C=t.pushHostContainer,x=r.pushProvider,k=n.getMaskedContext,E=n.getUnmaskedContext,_=n.hasContextChanged,T=n.pushContextProvider,S=n.pushTopLevelContextObject,P=n.invalidateContextProvider,N=o.enterHydrationState,I=o.resetHydrationState,O=o.tryToClaimNextHydratableInstance,R=(e=function(e,t,n,r,o){function a(e,t,n,r,o,a){if(null===t||null!==e.updateQueue&&e.updateQueue.hasForceUpdate)return!0;var i=e.stateNode;return e=e.type,"function"==typeof i.shouldComponentUpdate?i.shouldComponentUpdate(n,o,a):!(e.prototype&&e.prototype.isPureReactComponent&&c(t,n)&&c(r,o))}function l(e,t){t.updater=y,e.stateNode=t,t._reactInternalFiber=e}function u(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&&y.enqueueReplaceState(t,t.state,null)}function s(e,t,n,r){if("function"==typeof(e=e.type).getDerivedStateFromProps)return e.getDerivedStateFromProps.call(null,n,r)}var d=e.cacheContext,p=e.getMaskedContext,h=e.getUnmaskedContext,m=e.isContextConsumer,v=e.hasContextChanged,y={isMounted:Gt,enqueueSetState:function(e,r,o){e=e._reactInternalFiber,o=void 0===o?null:o;var a=n(e);cr(e,{expirationTime:a,partialState:r,callback:o,isReplace:!1,isForced:!1,capturedValue:null,next:null}),t(e,a)},enqueueReplaceState:function(e,r,o){e=e._reactInternalFiber,o=void 0===o?null:o;var a=n(e);cr(e,{expirationTime:a,partialState:r,callback:o,isReplace:!0,isForced:!1,capturedValue:null,next:null}),t(e,a)},enqueueForceUpdate:function(e,r){e=e._reactInternalFiber,r=void 0===r?null:r;var o=n(e);cr(e,{expirationTime:o,partialState:null,callback:r,isReplace:!1,isForced:!0,capturedValue:null,next:null}),t(e,o)}};return{adoptClassInstance:l,callGetDerivedStateFromProps:s,constructClassInstance:function(e,t){var n=e.type,r=h(e),o=m(e),a=o?p(e,r):f,u=null!==(n=new n(t,a)).state&&void 0!==n.state?n.state:null;return l(e,n),e.memoizedState=u,null!==(t=s(e,0,t,u))&&void 0!==t&&(e.memoizedState=i({},e.memoizedState,t)),o&&d(e,r,a),n},mountClassInstance:function(e,t){var n=e.type,r=e.alternate,o=e.stateNode,a=e.pendingProps,i=h(e);o.props=a,o.state=e.memoizedState,o.refs=f,o.context=p(e,i),"function"==typeof n.getDerivedStateFromProps||"function"==typeof o.getSnapshotBeforeUpdate||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||(n=o.state,"function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount(),n!==o.state&&y.enqueueReplaceState(o,o.state,null),null!==(n=e.updateQueue)&&(o.state=fr(r,e,n,o,a,t))),"function"==typeof o.componentDidMount&&(e.effectTag|=4)},resumeMountClassInstance:function(e,t){var n=e.type,l=e.stateNode;l.props=e.memoizedProps,l.state=e.memoizedState;var c=e.memoizedProps,f=e.pendingProps,d=l.context,m=h(e);m=p(e,m),(n="function"==typeof n.getDerivedStateFromProps||"function"==typeof l.getSnapshotBeforeUpdate)||"function"!=typeof l.UNSAFE_componentWillReceiveProps&&"function"!=typeof l.componentWillReceiveProps||(c!==f||d!==m)&&u(e,l,f,m),d=e.memoizedState,t=null!==e.updateQueue?fr(null,e,e.updateQueue,l,f,t):d;var y=void 0;if(c!==f&&(y=s(e,0,f,t)),null!==y&&void 0!==y){t=null===t||void 0===t?y:i({},t,y);var g=e.updateQueue;null!==g&&(g.baseState=i({},g.baseState,y))}return c!==f||d!==t||v()||null!==e.updateQueue&&e.updateQueue.hasForceUpdate?((c=a(e,c,f,d,t,m))?(n||"function"!=typeof l.UNSAFE_componentWillMount&&"function"!=typeof l.componentWillMount||("function"==typeof l.componentWillMount&&l.componentWillMount(),"function"==typeof l.UNSAFE_componentWillMount&&l.UNSAFE_componentWillMount()),"function"==typeof l.componentDidMount&&(e.effectTag|=4)):("function"==typeof l.componentDidMount&&(e.effectTag|=4),r(e,f),o(e,t)),l.props=f,l.state=t,l.context=m,c):("function"==typeof l.componentDidMount&&(e.effectTag|=4),!1)},updateClassInstance:function(e,t,n){var l=t.type,c=t.stateNode;c.props=t.memoizedProps,c.state=t.memoizedState;var f=t.memoizedProps,d=t.pendingProps,m=c.context,y=h(t);y=p(t,y),(l="function"==typeof l.getDerivedStateFromProps||"function"==typeof c.getSnapshotBeforeUpdate)||"function"!=typeof c.UNSAFE_componentWillReceiveProps&&"function"!=typeof c.componentWillReceiveProps||(f!==d||m!==y)&&u(t,c,d,y),m=t.memoizedState,n=null!==t.updateQueue?fr(e,t,t.updateQueue,c,d,n):m;var g=void 0;if(f!==d&&(g=s(t,0,d,n)),null!==g&&void 0!==g){n=null===n||void 0===n?g:i({},n,g);var b=t.updateQueue;null!==b&&(b.baseState=i({},b.baseState,g))}return f!==d||m!==n||v()||null!==t.updateQueue&&t.updateQueue.hasForceUpdate?((g=a(t,f,d,m,n,y))?(l||"function"!=typeof c.UNSAFE_componentWillUpdate&&"function"!=typeof c.componentWillUpdate||("function"==typeof c.componentWillUpdate&&c.componentWillUpdate(d,n,y),"function"==typeof c.UNSAFE_componentWillUpdate&&c.UNSAFE_componentWillUpdate(d,n,y)),"function"==typeof c.componentDidUpdate&&(t.effectTag|=4),"function"==typeof c.getSnapshotBeforeUpdate&&(t.effectTag|=2048)):("function"!=typeof c.componentDidUpdate||f===e.memoizedProps&&m===e.memoizedState||(t.effectTag|=4),"function"!=typeof c.getSnapshotBeforeUpdate||f===e.memoizedProps&&m===e.memoizedState||(t.effectTag|=2048),r(t,d),o(t,n)),c.props=d,c.state=n,c.context=y,g):("function"!=typeof c.componentDidUpdate||f===e.memoizedProps&&m===e.memoizedState||(t.effectTag|=4),"function"!=typeof c.getSnapshotBeforeUpdate||f===e.memoizedProps&&m===e.memoizedState||(t.effectTag|=2048),!1)}}}(n,a,l,function(e,t){e.memoizedProps=t},function(e,t){e.memoizedState=t})).adoptClassInstance,M=e.callGetDerivedStateFromProps,U=e.constructClassInstance,D=e.mountClassInstance,F=e.resumeMountClassInstance,L=e.updateClassInstance;return{beginWork:function(e,t,n){if(0===t.expirationTime||t.expirationTime>n){switch(t.tag){case 3:m(t);break;case 2:T(t);break;case 4:C(t,t.stateNode.containerInfo);break;case 13:x(t)}return null}switch(t.tag){case 0:null!==e&&d("155");var r=t.type,o=t.pendingProps,a=E(t);return r=r(o,a=k(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.getDerivedStateFromProps&&(null!==(o=M(t,r,o,t.memoizedState))&&void 0!==o&&(t.memoizedState=i({},t.memoizedState,o))),o=T(t),R(t,r),D(t,n),e=h(e,t,!0,o,!1,n)):(t.tag=1,u(e,t,r),t.memoizedProps=o,e=t.child),e;case 1:return o=t.type,n=t.pendingProps,_()||t.memoizedProps!==n?(r=E(t),o=o(n,r=k(t,r)),t.effectTag|=1,u(e,t,o),t.memoizedProps=n,e=t.child):e=y(e,t),e;case 2:o=T(t),null===e?null===t.stateNode?(U(t,t.pendingProps),D(t,n),r=!0):r=F(t,n):r=L(e,t,n),a=!1;var l=t.updateQueue;return null!==l&&null!==l.capturedValues&&(a=r=!0),h(e,t,r,o,a,n);case 3:e:if(m(t),r=t.updateQueue,null!==r){if(a=t.memoizedState,o=fr(e,t,r,null,null,n),t.memoizedState=o,null!==(r=t.updateQueue)&&null!==r.capturedValues)r=null;else{if(a===o){I(),e=y(e,t);break e}r=o.element}a=t.stateNode,(null===e||null===e.child)&&a.hydrate&&N(t)?(t.effectTag|=2,t.child=gr(t,null,r,n)):(I(),u(e,t,r)),t.memoizedState=o,e=t.child}else I(),e=y(e,t);return e;case 5:return w(t),null===e&&O(t),o=t.type,l=t.memoizedProps,r=t.pendingProps,a=null!==e?e.memoizedProps:null,_()||l!==r||((l=1&t.mode&&b(o,r))&&(t.expirationTime=1073741823),l&&1073741823===n)?(l=r.children,g(o,r)?l=null:a&&g(o,a)&&(t.effectTag|=16),p(e,t),1073741823!==n&&1&t.mode&&b(o,r)?(t.expirationTime=1073741823,t.memoizedProps=r,e=null):(u(e,t,l),t.memoizedProps=r,e=t.child)):e=y(e,t),e;case 6:return null===e&&O(t),t.memoizedProps=t.pendingProps,null;case 8:t.tag=7;case 7:return o=t.pendingProps,_()||t.memoizedProps!==o||(o=t.memoizedProps),r=o.children,t.stateNode=null===e?gr(t,t.stateNode,r,n):yr(t,e.stateNode,r,n),t.memoizedProps=o,t.stateNode;case 9:return null;case 4:return C(t,t.stateNode.containerInfo),o=t.pendingProps,_()||t.memoizedProps!==o?(null===e?t.child=yr(t,null,o,n):u(e,t,o),t.memoizedProps=o,e=t.child):e=y(e,t),e;case 14:return u(e,t,n=(n=t.type.render)(t.pendingProps,t.ref)),t.memoizedProps=n,t.child;case 10:return n=t.pendingProps,_()||t.memoizedProps!==n?(u(e,t,n),t.memoizedProps=n,e=t.child):e=y(e,t),e;case 11:return n=t.pendingProps.children,_()||null!==n&&t.memoizedProps!==n?(u(e,t,n),t.memoizedProps=n,e=t.child):e=y(e,t),e;case 13:return function(e,t,n){var r=t.type._context,o=t.pendingProps,a=t.memoizedProps;if(!_()&&a===o)return t.stateNode=0,x(t),y(e,t);var i=o.value;if(t.memoizedProps=o,null===a)i=1073741823;else if(a.value===o.value){if(a.children===o.children)return t.stateNode=0,x(t),y(e,t);i=0}else{var l=a.value;if(l===i&&(0!==l||1/l==1/i)||l!=l&&i!=i){if(a.children===o.children)return t.stateNode=0,x(t),y(e,t);i=0}else if(i="function"==typeof r._calculateChangedBits?r._calculateChangedBits(l,i):1073741823,0==(i|=0)){if(a.children===o.children)return t.stateNode=0,x(t),y(e,t)}else v(t,r,i,n)}return t.stateNode=i,x(t),u(e,t,o.children),t.child}(e,t,n);case 12:e:{r=t.type,a=t.pendingProps,l=t.memoizedProps,o=r._currentValue;var c=r._changedBits;if(_()||0!==c||l!==a){t.memoizedProps=a;var s=a.unstable_observedBits;if(void 0!==s&&null!==s||(s=1073741823),t.stateNode=s,0!=(c&s))v(t,r,c,n);else if(l===a){e=y(e,t);break e}u(e,t,n=(n=a.children)(o)),e=t.child}else e=y(e,t)}return e;default:d("156")}}}}function wr(e,t){var n=t.source;null===t.stack&&st(n),null!==n&&ct(n),t=t.value,null!==e&&2===e.tag&&ct(e);try{t&&t.suppressReactErrorLogging||console.error(t)}catch(e){e&&e.suppressReactErrorLogging||console.error(e)}}var Cr={};function xr(e){function t(){if(null!==ee)for(var e=ee.return;null!==e;)U(e),e=e.return;te=null,ne=0,ee=null,ae=!1}function n(e){return null!==ie&&ie.has(e)}function r(e){for(;;){var t=e.alternate,n=e.return,r=e.sibling;if(0==(512&e.effectTag)){t=O(t,e,ne);var o=e;if(1073741823===ne||1073741823!==o.expirationTime){e:switch(o.tag){case 3:case 2:var a=o.updateQueue;a=null===a?0:a.expirationTime;break e;default:a=0}for(var i=o.child;null!==i;)0!==i.expirationTime&&(0===a||a>i.expirationTime)&&(a=i.expirationTime),i=i.sibling;o.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){ae=!0;break}e=n}else{if(null!==(e=M(e)))return e.effectTag&=2559,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 o(e){var t=I(e.alternate,e,ne);return null===t&&(t=r(e)),Ge.current=null,t}function a(e,n,a){Z&&d("243"),Z=!0,n===ne&&e===te&&null!==ee||(t(),ne=n,ee=qn((te=e).current,null,ne),e.pendingCommitExpirationTime=0);for(var i=!1;;){try{if(a)for(;null!==ee&&!E();)ee=o(ee);else for(;null!==ee;)ee=o(ee)}catch(e){if(null===ee){i=!0,_(e);break}var l=(a=ee).return;if(null===l){i=!0,_(e);break}R(l,a,e),ee=r(a)}break}return Z=!1,i||null!==ee?null:ae?(e.pendingCommitExpirationTime=n,e.current.alternate):void d("262")}function l(e,t,n,r){cr(t,{expirationTime:r,partialState:null,callback:null,isReplace:!1,isForced:!1,capturedValue:e={value:n,source:e,stack:st(e)},next:null}),s(t,r)}function u(e,t){e:{Z&&!oe&&d("263");for(var r=e.return;null!==r;){switch(r.tag){case 2:var o=r.stateNode;if("function"==typeof r.type.getDerivedStateFromCatch||"function"==typeof o.componentDidCatch&&!n(o)){l(e,r,t,1),e=void 0;break e}break;case 3:l(e,r,t,1),e=void 0;break e}r=r.return}3===e.tag&&l(e,e,t,1),e=void 0}return e}function c(e){return e=0!==J?J:Z?oe?1:ne:1&e.mode?Ce?10*(1+((p()+15)/10|0)):25*(1+((p()+500)/25|0)):1,Ce&&(0===he||e>he)&&(he=e),e}function s(e,n){e:{for(;null!==e;){if((0===e.expirationTime||e.expirationTime>n)&&(e.expirationTime=n),null!==e.alternate&&(0===e.alternate.expirationTime||e.alternate.expirationTime>n)&&(e.alternate.expirationTime=n),null===e.return){if(3!==e.tag){n=void 0;break e}var r=e.stateNode;!Z&&0!==ne&&n<ne&&t(),Z&&!oe&&te===r||v(r,n),Ee>ke&&d("185")}e=e.return}n=void 0}return n}function p(){return Y=W()-G,2+(Y/10|0)}function h(e,t,n,r,o){var a=J;J=1;try{return e(t,n,r,o)}finally{J=a}}function m(e){if(0!==ce){if(e>ce)return;$(se)}var t=W()-G;ce=e,se=K(g,{timeout:10*(e-2)-t})}function v(e,t){if(null===e.nextScheduledRoot)e.remainingExpirationTime=t,null===ue?(le=ue=e,e.nextScheduledRoot=e):(ue=ue.nextScheduledRoot=e).nextScheduledRoot=le;else{var n=e.remainingExpirationTime;(0===n||t<n)&&(e.remainingExpirationTime=t)}fe||(be?we&&(de=e,pe=1,x(e,1,!1)):1===t?b():m(t))}function y(){var e=0,t=null;if(null!==ue)for(var n=ue,r=le;null!==r;){var o=r.remainingExpirationTime;if(0===o){if((null===n||null===ue)&&d("244"),r===r.nextScheduledRoot){le=ue=r.nextScheduledRoot=null;break}if(r===le)le=o=r.nextScheduledRoot,ue.nextScheduledRoot=o,r.nextScheduledRoot=null;else{if(r===ue){(ue=n).nextScheduledRoot=le,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if((0===e||o<e)&&(e=o,t=r),r===ue)break;n=r,r=r.nextScheduledRoot}}null!==(n=de)&&n===t&&1===e?Ee++:Ee=0,de=t,pe=e}function g(e){w(0,!0,e)}function b(){w(1,!1,null)}function w(e,t,n){if(ge=n,y(),t)for(;null!==de&&0!==pe&&(0===e||e>=pe)&&(!me||p()>=pe);)x(de,pe,!me),y();else for(;null!==de&&0!==pe&&(0===e||e>=pe);)x(de,pe,!1),y();null!==ge&&(ce=0,se=-1),0!==pe&&m(pe),ge=null,me=!1,C()}function C(){if(Ee=0,null!==xe){var e=xe;xe=null;for(var t=0;t<e.length;t++){var n=e[t];try{n._onComplete()}catch(e){ve||(ve=!0,ye=e)}}}if(ve)throw e=ye,ye=null,ve=!1,e}function x(e,t,n){fe&&d("245"),fe=!0,n?null!==(n=e.finishedWork)?k(e,n,t):(e.finishedWork=null,null!==(n=a(e,t,!0))&&(E()?e.finishedWork=n:k(e,n,t))):null!==(n=e.finishedWork)?k(e,n,t):(e.finishedWork=null,null!==(n=a(e,t,!1))&&k(e,n,t)),fe=!1}function k(e,t,n){var r=e.firstBatch;if(null!==r&&r._expirationTime<=n&&(null===xe?xe=[r]:xe.push(r),r._defer))return e.finishedWork=t,void(e.remainingExpirationTime=0);e.finishedWork=null,oe=Z=!0,(n=t.stateNode).current===t&&d("177"),0===(r=n.pendingCommitExpirationTime)&&d("261"),n.pendingCommitExpirationTime=0;var o=p();if(Ge.current=null,1<t.effectTag)if(null!==t.lastEffect){t.lastEffect.nextEffect=t;var a=t.firstEffect}else a=t;else a=t.firstEffect;for(Q(n.containerInfo),re=a;null!==re;){var i=!1,l=void 0;try{for(;null!==re;)2048&re.effectTag&&D(re.alternate,re),re=re.nextEffect}catch(e){i=!0,l=e}i&&(null===re&&d("178"),u(re,l),null!==re&&(re=re.nextEffect))}for(re=a;null!==re;){i=!1,l=void 0;try{for(;null!==re;){var c=re.effectTag;if(16&c&&F(re),128&c){var s=re.alternate;null!==s&&V(s)}switch(14&c){case 2:L(re),re.effectTag&=-3;break;case 6:L(re),re.effectTag&=-3,A(re.alternate,re);break;case 4:A(re.alternate,re);break;case 8:j(re)}re=re.nextEffect}}catch(e){i=!0,l=e}i&&(null===re&&d("178"),u(re,l),null!==re&&(re=re.nextEffect))}for(q(n.containerInfo),n.current=t,re=a;null!==re;){c=!1,s=void 0;try{for(a=n,i=o,l=r;null!==re;){var f=re.effectTag;36&f&&z(a,re.alternate,re,i,l),256&f&&H(re,_),128&f&&B(re);var h=re.nextEffect;re.nextEffect=null,re=h}}catch(e){c=!0,s=e}c&&(null===re&&d("178"),u(re,s),null!==re&&(re=re.nextEffect))}Z=oe=!1,nr(t.stateNode),0===(t=n.current.expirationTime)&&(ie=null),e.remainingExpirationTime=t}function E(){return!(null===ge||ge.timeRemaining()>_e)&&(me=!0)}function _(e){null===de&&d("246"),de.remainingExpirationTime=0,ve||(ve=!0,ye=e)}var T=function(){var e=[],t=-1;return{createCursor:function(e){return{current:e}},isEmpty:function(){return-1===t},pop:function(n){0>t||(n.current=e[t],e[t]=null,t--)},push:function(n,r){e[++t]=n.current,n.current=r},checkThatStackIsEmpty:function(){},resetStackAfterFatalErrorInDev:function(){}}}(),S=function(e,t){function n(e){return e===Cr&&d("174"),e}var r=e.getChildHostContext,o=e.getRootHostContext;e=t.createCursor;var a=t.push,i=t.pop,l=e(Cr),u=e(Cr),c=e(Cr);return{getHostContext:function(){return n(l.current)},getRootHostContainer:function(){return n(c.current)},popHostContainer:function(e){i(l,e),i(u,e),i(c,e)},popHostContext:function(e){u.current===e&&(i(l,e),i(u,e))},pushHostContainer:function(e,t){a(c,t,e),a(u,e,e),a(l,Cr,e),t=o(t),i(l,e),a(l,t,e)},pushHostContext:function(e){var t=n(c.current),o=n(l.current);o!==(t=r(o,e.type,t))&&(a(u,e,e),a(l,t,e))}}}(e,T),P=function(e){function t(e,t,n){(e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=n}function n(e){return 2===e.tag&&null!=e.type.childContextTypes}function r(e,t){var n=e.stateNode,r=e.type.childContextTypes;if("function"!=typeof n.getChildContext)return t;for(var o in n=n.getChildContext())o in r||d("108",ct(e)||"Unknown",o);return i({},t,n)}var o=e.createCursor,a=e.push,l=e.pop,u=o(f),c=o(!1),s=f;return{getUnmaskedContext:function(e){return n(e)?s:u.current},cacheContext:t,getMaskedContext:function(e,n){var r=e.type.contextTypes;if(!r)return f;var o=e.stateNode;if(o&&o.__reactInternalMemoizedUnmaskedChildContext===n)return o.__reactInternalMemoizedMaskedChildContext;var a,i={};for(a in r)i[a]=n[a];return o&&t(e,n,i),i},hasContextChanged:function(){return c.current},isContextConsumer:function(e){return 2===e.tag&&null!=e.type.contextTypes},isContextProvider:n,popContextProvider:function(e){n(e)&&(l(c,e),l(u,e))},popTopLevelContextObject:function(e){l(c,e),l(u,e)},pushTopLevelContextObject:function(e,t,n){null!=u.cursor&&d("168"),a(u,t,e),a(c,n,e)},processChildContext:r,pushContextProvider:function(e){if(!n(e))return!1;var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||f,s=u.current,a(u,t,e),a(c,c.current,e),!0},invalidateContextProvider:function(e,t){var n=e.stateNode;if(n||d("169"),t){var o=r(e,s);n.__reactInternalMemoizedMergedChildContext=o,l(c,e),l(u,e),a(u,o,e)}else l(c,e);a(c,t,e)},findCurrentUnmaskedContext:function(e){for((2!==qt(e)||2!==e.tag)&&d("170");3!==e.tag;){if(n(e))return e.stateNode.__reactInternalMemoizedMergedChildContext;(e=e.return)||d("171")}return e.stateNode.context}}}(T);T=function(e){var t=e.createCursor,n=e.push,r=e.pop,o=t(null),a=t(null),i=t(0);return{pushProvider:function(e){var t=e.type._context;n(i,t._changedBits,e),n(a,t._currentValue,e),n(o,e,e),t._currentValue=e.pendingProps.value,t._changedBits=e.stateNode},popProvider:function(e){var t=i.current,n=a.current;r(o,e),r(a,e),r(i,e),(e=e.type._context)._currentValue=n,e._changedBits=t}}}(T);var N=function(e){function t(e,t){var n=new Qn(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 n(e,t){switch(e.tag){case 5:return null!==(t=a(t,e.type,e.pendingProps))&&(e.stateNode=t,!0);case 6:return null!==(t=i(t,e.pendingProps))&&(e.stateNode=t,!0);default:return!1}}function r(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;f=e}var o=e.shouldSetTextContent;if(!(e=e.hydration))return{enterHydrationState:function(){return!1},resetHydrationState:function(){},tryToClaimNextHydratableInstance:function(){},prepareToHydrateHostInstance:function(){d("175")},prepareToHydrateHostTextInstance:function(){d("176")},popHydrationState:function(){return!1}};var a=e.canHydrateInstance,i=e.canHydrateTextInstance,l=e.getNextHydratableSibling,u=e.getFirstHydratableChild,c=e.hydrateInstance,s=e.hydrateTextInstance,f=null,p=null,h=!1;return{enterHydrationState:function(e){return p=u(e.stateNode.containerInfo),f=e,h=!0},resetHydrationState:function(){p=f=null,h=!1},tryToClaimNextHydratableInstance:function(e){if(h){var r=p;if(r){if(!n(e,r)){if(!(r=l(r))||!n(e,r))return e.effectTag|=2,h=!1,void(f=e);t(f,p)}f=e,p=u(r)}else e.effectTag|=2,h=!1,f=e}},prepareToHydrateHostInstance:function(e,t,n){return t=c(e.stateNode,e.type,e.memoizedProps,t,n,e),e.updateQueue=t,null!==t},prepareToHydrateHostTextInstance:function(e){return s(e.stateNode,e.memoizedProps,e)},popHydrationState:function(e){if(e!==f)return!1;if(!h)return r(e),h=!0,!1;var n=e.type;if(5!==e.tag||"head"!==n&&"body"!==n&&!o(n,e.memoizedProps))for(n=p;n;)t(e,n),n=l(n);return r(e),p=f?l(e.stateNode):null,!0}}}(e),I=br(e,S,P,T,N,s,c).beginWork,O=function(e,t,n,r,o){function a(e){e.effectTag|=4}var i=e.createInstance,l=e.createTextInstance,u=e.appendInitialChild,c=e.finalizeInitialChildren,s=e.prepareUpdate,f=e.persistence,p=t.getRootHostContainer,h=t.popHostContext,m=t.getHostContext,v=t.popHostContainer,y=n.popContextProvider,g=n.popTopLevelContextObject,b=r.popProvider,w=o.prepareToHydrateHostInstance,C=o.prepareToHydrateHostTextInstance,x=o.popHydrationState,k=void 0,E=void 0,_=void 0;return e.mutation?(k=function(){},E=function(e,t,n){(t.updateQueue=n)&&a(t)},_=function(e,t,n,r){n!==r&&a(t)}):d(f?"235":"236"),{completeWork:function(e,t,n){var r=t.pendingProps;switch(t.tag){case 1:return null;case 2:return y(t),e=t.stateNode,null!==(r=t.updateQueue)&&null!==r.capturedValues&&(t.effectTag&=-65,"function"==typeof e.componentDidCatch?t.effectTag|=256:r.capturedValues=null),null;case 3:return v(t),g(t),(r=t.stateNode).pendingContext&&(r.context=r.pendingContext,r.pendingContext=null),null!==e&&null!==e.child||(x(t),t.effectTag&=-3),k(t),null!==(e=t.updateQueue)&&null!==e.capturedValues&&(t.effectTag|=256),null;case 5:h(t),n=p();var o=t.type;if(null!==e&&null!=t.stateNode){var f=e.memoizedProps,T=t.stateNode,S=m();T=s(T,o,f,r,n,S),E(e,t,T,o,f,r,n,S),e.ref!==t.ref&&(t.effectTag|=128)}else{if(!r)return null===t.stateNode&&d("166"),null;if(e=m(),x(t))w(t,n,e)&&a(t);else{f=i(o,r,n,e,t);e:for(S=t.child;null!==S;){if(5===S.tag||6===S.tag)u(f,S.stateNode);else if(4!==S.tag&&null!==S.child){S.child.return=S,S=S.child;continue}if(S===t)break;for(;null===S.sibling;){if(null===S.return||S.return===t)break e;S=S.return}S.sibling.return=S.return,S=S.sibling}c(f,o,r,n,e)&&a(t),t.stateNode=f}null!==t.ref&&(t.effectTag|=128)}return null;case 6:if(e&&null!=t.stateNode)_(e,t,e.memoizedProps,r);else{if("string"!=typeof r)return null===t.stateNode&&d("166"),null;e=p(),n=m(),x(t)?C(t)&&a(t):t.stateNode=l(r,e,n,t)}return null;case 7:(r=t.memoizedProps)||d("165"),t.tag=8,o=[];e:for((f=t.stateNode)&&(f.return=t);null!==f;){if(5===f.tag||6===f.tag||4===f.tag)d("247");else if(9===f.tag)o.push(f.pendingProps.value);else if(null!==f.child){f.child.return=f,f=f.child;continue}for(;null===f.sibling;){if(null===f.return||f.return===t)break e;f=f.return}f.sibling.return=f.return,f=f.sibling}return r=(f=r.handler)(r.props,o),t.child=yr(t,null!==e?e.child:null,r,n),t.child;case 8:return t.tag=7,null;case 9:case 14:case 10:case 11:return null;case 4:return v(t),k(t),null;case 13:return b(t),null;case 12:return null;case 0:d("167");default:d("156")}}}}(e,S,P,T,N).completeWork,R=(S=function(e,t,n,r,o){var a=e.popHostContainer,i=e.popHostContext,l=t.popContextProvider,u=t.popTopLevelContextObject,c=n.popProvider;return{throwException:function(e,t,n){t.effectTag|=512,t.firstEffect=t.lastEffect=null,t={value:n,source:t,stack:st(t)};do{switch(e.tag){case 3:return ur(e),e.updateQueue.capturedValues=[t],void(e.effectTag|=1024);case 2:if(n=e.stateNode,0==(64&e.effectTag)&&null!==n&&"function"==typeof n.componentDidCatch&&!o(n)){ur(e);var r=(n=e.updateQueue).capturedValues;return null===r?n.capturedValues=[t]:r.push(t),void(e.effectTag|=1024)}}e=e.return}while(null!==e)},unwindWork:function(e){switch(e.tag){case 2:l(e);var t=e.effectTag;return 1024&t?(e.effectTag=-1025&t|64,e):null;case 3:return a(e),u(e),1024&(t=e.effectTag)?(e.effectTag=-1025&t|64,e):null;case 5:return i(e),null;case 4:return a(e),null;case 13:return c(e),null;default:return null}},unwindInterruptedWork:function(e){switch(e.tag){case 2:l(e);break;case 3:a(e),u(e);break;case 5:i(e);break;case 4:a(e);break;case 13:c(e)}}}}(S,P,T,0,n)).throwException,M=S.unwindWork,U=S.unwindInterruptedWork,D=(S=function(e,t,n,r,o){function a(e){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(n){t(e,n)}else n.current=null}function i(e){switch(rr(e),e.tag){case 2:a(e);var n=e.stateNode;if("function"==typeof n.componentWillUnmount)try{n.props=e.memoizedProps,n.state=e.memoizedState,n.componentWillUnmount()}catch(n){t(e,n)}break;case 5:a(e);break;case 7:l(e.stateNode);break;case 4:f&&c(e)}}function l(e){for(var t=e;;)if(i(t),null===t.child||f&&4===t.tag){if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return;t=t.return}t.sibling.return=t.return,t=t.sibling}else t.child.return=t,t=t.child}function u(e){return 5===e.tag||3===e.tag||4===e.tag}function c(e){for(var t=e,n=!1,r=void 0,o=void 0;;){if(!n){n=t.return;e:for(;;){switch(null===n&&d("160"),n.tag){case 5:r=n.stateNode,o=!1;break e;case 3:case 4:r=n.stateNode.containerInfo,o=!0;break e}n=n.return}n=!0}if(5===t.tag||6===t.tag)l(t),o?x(r,t.stateNode):C(r,t.stateNode);else if(4===t.tag?r=t.stateNode.containerInfo:i(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}}var s=e.getPublicInstance,f=e.mutation;e=e.persistence,f||d(e?"235":"236");var p=f.commitMount,h=f.commitUpdate,m=f.resetTextContent,v=f.commitTextUpdate,y=f.appendChild,g=f.appendChildToContainer,b=f.insertBefore,w=f.insertInContainerBefore,C=f.removeChild,x=f.removeChildFromContainer;return{commitBeforeMutationLifeCycles:function(e,t){switch(t.tag){case 2:if(2048&t.effectTag&&null!==e){var n=e.memoizedProps,r=e.memoizedState;(e=t.stateNode).props=t.memoizedProps,e.state=t.memoizedState,t=e.getSnapshotBeforeUpdate(n,r),e.__reactInternalSnapshotBeforeUpdate=t}break;case 3:case 5:case 6:case 4:break;default:d("163")}},commitResetTextContent:function(e){m(e.stateNode)},commitPlacement:function(e){e:{for(var t=e.return;null!==t;){if(u(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&&(m(t),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||u(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 o=e;;){if(5===o.tag||6===o.tag)n?r?w(t,o.stateNode,n):b(t,o.stateNode,n):r?g(t,o.stateNode):y(t,o.stateNode);else if(4!==o.tag&&null!==o.child){o.child.return=o,o=o.child;continue}if(o===e)break;for(;null===o.sibling;){if(null===o.return||o.return===e)return;o=o.return}o.sibling.return=o.return,o=o.sibling}},commitDeletion:function(e){c(e),e.return=null,e.child=null,e.alternate&&(e.alternate.child=null,e.alternate.return=null)},commitWork:function(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 o=t.type,a=t.updateQueue;t.updateQueue=null,null!==a&&h(n,a,o,e,r,t)}break;case 6:null===t.stateNode&&d("162"),n=t.memoizedProps,v(t.stateNode,null!==e?e.memoizedProps:n,n);break;case 3:break;default:d("163")}},commitLifeCycles:function(e,t,n){switch(n.tag){case 2:if(e=n.stateNode,4&n.effectTag)if(null===t)e.props=n.memoizedProps,e.state=n.memoizedState,e.componentDidMount();else{var r=t.memoizedProps;t=t.memoizedState,e.props=n.memoizedProps,e.state=n.memoizedState,e.componentDidUpdate(r,t,e.__reactInternalSnapshotBeforeUpdate)}null!==(n=n.updateQueue)&&dr(n,e);break;case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:e=s(n.child.stateNode);break;case 2:e=n.child.stateNode}dr(t,e)}break;case 5:e=n.stateNode,null===t&&4&n.effectTag&&p(e,n.type,n.memoizedProps,n);break;case 6:case 4:break;default:d("163")}},commitErrorLogging:function(e,t){switch(e.tag){case 2:var n=e.type;t=e.stateNode;var r=e.updateQueue;(null===r||null===r.capturedValues)&&d("264");var a=r.capturedValues;for(r.capturedValues=null,"function"!=typeof n.getDerivedStateFromCatch&&o(t),t.props=e.memoizedProps,t.state=e.memoizedState,n=0;n<a.length;n++){var i=(r=a[n]).value,l=r.stack;wr(e,r),t.componentDidCatch(i,{componentStack:null!==l?l:""})}break;case 3:for((null===(n=e.updateQueue)||null===n.capturedValues)&&d("264"),a=n.capturedValues,n.capturedValues=null,n=0;n<a.length;n++)wr(e,r=a[n]),t(r.value);break;default:d("265")}},commitAttachRef:function(e){var t=e.ref;if(null!==t){var n=e.stateNode;switch(e.tag){case 5:e=s(n);break;default:e=n}"function"==typeof t?t(e):t.current=e}},commitDetachRef:function(e){null!==(e=e.ref)&&("function"==typeof e?e(null):e.current=null)}}}(e,u,0,0,function(e){null===ie?ie=new Set([e]):ie.add(e)})).commitBeforeMutationLifeCycles,F=S.commitResetTextContent,L=S.commitPlacement,j=S.commitDeletion,A=S.commitWork,z=S.commitLifeCycles,H=S.commitErrorLogging,B=S.commitAttachRef,V=S.commitDetachRef,W=e.now,K=e.scheduleDeferredCallback,$=e.cancelDeferredCallback,Q=e.prepareForCommit,q=e.resetAfterCommit,G=W(),Y=G,X=0,J=0,Z=!1,ee=null,te=null,ne=0,re=null,oe=!1,ae=!1,ie=null,le=null,ue=null,ce=0,se=-1,fe=!1,de=null,pe=0,he=0,me=!1,ve=!1,ye=null,ge=null,be=!1,we=!1,Ce=!1,xe=null,ke=1e3,Ee=0,_e=1;return{recalculateCurrentTime:p,computeExpirationForFiber:c,scheduleWork:s,requestWork:v,flushRoot:function(e,t){fe&&d("253"),de=e,pe=t,x(e,t,!1),b(),C()},batchedUpdates:function(e,t){var n=be;be=!0;try{return e(t)}finally{(be=n)||fe||b()}},unbatchedUpdates:function(e,t){if(be&&!we){we=!0;try{return e(t)}finally{we=!1}}return e(t)},flushSync:function(e,t){fe&&d("187");var n=be;be=!0;try{return h(e,t)}finally{be=n,b()}},flushControlled:function(e){var t=be;be=!0;try{h(e)}finally{(be=t)||fe||w(1,!1,null)}},deferredUpdates:function(e){var t=J;J=25*(1+((p()+500)/25|0));try{return e()}finally{J=t}},syncUpdates:h,interactiveUpdates:function(e,t,n){if(Ce)return e(t,n);be||fe||0===he||(w(he,!1,null),he=0);var r=Ce,o=be;be=Ce=!0;try{return e(t,n)}finally{Ce=r,(be=o)||fe||b()}},flushInteractiveUpdates:function(){fe||0===he||(w(he,!1,null),he=0)},computeUniqueAsyncExpiration:function(){var e=25*(1+((p()+500)/25|0));return e<=X&&(e=X+1),X=e},legacyContext:P}}function kr(e){function t(e,t,n,r,o,i){if(r=t.current,n){n=n._reactInternalFiber;var l=u(n);n=c(n)?s(n,l):l}else n=f;return null===t.context?t.context=n:t.pendingContext=n,cr(r,{expirationTime:o,partialState:{element:e},callback:void 0===(t=i)?null:t,isReplace:!1,isForced:!1,capturedValue:null,next:null}),a(r,o),o}var n=e.getPublicInstance,r=(e=xr(e)).recalculateCurrentTime,o=e.computeExpirationForFiber,a=e.scheduleWork,l=e.legacyContext,u=l.findCurrentUnmaskedContext,c=l.isContextProvider,s=l.processChildContext;return{createContainer:function(e,t,n){return e={current:t=new Qn(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,pendingCommitExpirationTime:0,finishedWork:null,context:null,pendingContext:null,hydrate:n,remainingExpirationTime:0,firstBatch:null,nextScheduledRoot:null},t.stateNode=e},updateContainer:function(e,n,a,i){var l=n.current;return t(e,n,a,r(),l=o(l),i)},updateContainerAtExpirationTime:function(e,n,o,a,i){return t(e,n,o,r(),a,i)},flushRoot:e.flushRoot,requestWork:e.requestWork,computeUniqueAsyncExpiration:e.computeUniqueAsyncExpiration,batchedUpdates:e.batchedUpdates,unbatchedUpdates:e.unbatchedUpdates,deferredUpdates:e.deferredUpdates,syncUpdates:e.syncUpdates,interactiveUpdates:e.interactiveUpdates,flushInteractiveUpdates:e.flushInteractiveUpdates,flushControlled:e.flushControlled,flushSync:e.flushSync,getPublicRootInstance:function(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:return n(e.child.stateNode);default:return e.child.stateNode}},findHostInstance:function(e){var t=e._reactInternalFiber;return void 0===t&&("function"==typeof e.render?d("188"):d("268",Object.keys(e))),null===(e=Jt(t))?null:e.stateNode},findHostInstanceWithNoPortals:function(e){return null===(e=function(e){if(!(e=Xt(e)))return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child&&4!==t.tag)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}(e))?null:e.stateNode},injectIntoDevTools:function(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);Zn=tr(function(e){return t.onCommitFiberRoot(n,e)}),er=tr(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}return!0}(i({},e,{findHostInstanceByFiber:function(e){return null===(e=Jt(e))?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}}}var Er=Object.freeze({default:kr}),_r=Er&&kr||Er,Tr=_r.default?_r.default:_r;var Sr="object"==typeof performance&&"function"==typeof performance.now,Pr=void 0;Pr=Sr?function(){return performance.now()}:function(){return Date.now()};var Nr=void 0,Ir=void 0;if(a.canUseDOM)if("function"!=typeof requestIdleCallback||"function"!=typeof cancelIdleCallback){var Or=null,Rr=!1,Mr=-1,Ur=!1,Dr=0,Fr=33,Lr=33,jr=void 0;jr=Sr?{didTimeout:!1,timeRemaining:function(){var e=Dr-performance.now();return 0<e?e:0}}:{didTimeout:!1,timeRemaining:function(){var e=Dr-Date.now();return 0<e?e:0}};var Ar="__reactIdleCallback$"+Math.random().toString(36).slice(2);window.addEventListener("message",function(e){if(e.source===window&&e.data===Ar){if(Rr=!1,e=Pr(),0>=Dr-e){if(!(-1!==Mr&&Mr<=e))return void(Ur||(Ur=!0,requestAnimationFrame(zr)));jr.didTimeout=!0}else jr.didTimeout=!1;Mr=-1,e=Or,Or=null,null!==e&&e(jr)}},!1);var zr=function(e){Ur=!1;var t=e-Dr+Lr;t<Lr&&Fr<Lr?(8>t&&(t=8),Lr=t<Fr?Fr:t):Fr=t,Dr=e+Lr,Rr||(Rr=!0,window.postMessage(Ar,"*"))};Nr=function(e,t){return Or=e,null!=t&&"number"==typeof t.timeout&&(Mr=Pr()+t.timeout),Ur||(Ur=!0,requestAnimationFrame(zr)),0},Ir=function(){Or=null,Rr=!1,Mr=-1}}else Nr=window.requestIdleCallback,Ir=window.cancelIdleCallback;else Nr=function(e){return setTimeout(function(){e({timeRemaining:function(){return 1/0},didTimeout:!1})})},Ir=function(e){clearTimeout(e)};function Hr(e,t){return e=i({children:void 0},t),(t=function(e){var t="";return o.Children.forEach(e,function(e){null==e||"string"!=typeof e&&"number"!=typeof e||(t+=e)}),t}(t.children))&&(e.children=t),e}function Br(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+n,t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function Vr(e,t){var n=t.value;e._wrapperState={initialValue:null!=n?n:t.defaultValue,wasMultiple:!!t.multiple}}function Wr(e,t){return null!=t.dangerouslySetInnerHTML&&d("91"),i({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function Kr(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 $r(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 Qr(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}var qr={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function Gr(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 Yr(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Gr(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var Xr,Jr=void 0,Zr=(Xr=function(e,t){if(e.namespaceURI!==qr.svg||"innerHTML"in e)e.innerHTML=t;else{for((Jr=Jr||document.createElement("div")).innerHTML="<svg>"+t+"</svg>",t=Jr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,r){MSApp.execUnsafeLocalFunction(function(){return Xr(e,t)})}:Xr);function eo(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 to={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},no=["Webkit","ms","Moz","O"];function ro(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=n,a=t[n];o=null==a||"boolean"==typeof a||""===a?"":r||"number"!=typeof a||0===a||to.hasOwnProperty(o)&&to[o]?(""+a).trim():a+"px","float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}Object.keys(to).forEach(function(e){no.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),to[t]=to[e]})});var oo=i({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 ao(e,t,n){t&&(oo[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 io(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 lo=l.thatReturns("");function uo(e,t){var n=Dn(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=C[t];for(var r=0;r<t.length;r++){var o=t[r];n.hasOwnProperty(o)&&n[o]||("topScroll"===o?Cn("topScroll","scroll",e):"topFocus"===o||"topBlur"===o?(Cn("topFocus","focus",e),Cn("topBlur","blur",e),n.topBlur=!0,n.topFocus=!0):"topCancel"===o?(Ke("cancel",!0)&&Cn("topCancel","cancel",e),n.topCancel=!0):"topClose"===o?(Ke("close",!0)&&Cn("topClose","close",e),n.topClose=!0):In.hasOwnProperty(o)&&wn(o,In[o],e),n[o]=!0)}}function co(e,t,n,r){return n=9===n.nodeType?n:n.ownerDocument,r===qr.html&&(r=Gr(e)),r===qr.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 so(e,t){return(9===t.nodeType?t:t.ownerDocument).createTextNode(e)}function fo(e,t,n,r){var o=io(t,n);switch(t){case"iframe":case"object":wn("topLoad","load",e);var a=n;break;case"video":case"audio":for(a in On)On.hasOwnProperty(a)&&wn(a,On[a],e);a=n;break;case"source":wn("topError","error",e),a=n;break;case"img":case"image":case"link":wn("topError","error",e),wn("topLoad","load",e),a=n;break;case"form":wn("topReset","reset",e),wn("topSubmit","submit",e),a=n;break;case"details":wn("topToggle","toggle",e),a=n;break;case"input":wt(e,n),a=bt(e,n),wn("topInvalid","invalid",e),uo(r,"onChange");break;case"option":a=Hr(e,n);break;case"select":Vr(e,n),a=i({},n,{value:void 0}),wn("topInvalid","invalid",e),uo(r,"onChange");break;case"textarea":Kr(e,n),a=Wr(e,n),wn("topInvalid","invalid",e),uo(r,"onChange");break;default:a=n}ao(t,a,lo);var u,c=a;for(u in c)if(c.hasOwnProperty(u)){var s=c[u];"style"===u?ro(e,s):"dangerouslySetInnerHTML"===u?null!=(s=s?s.__html:void 0)&&Zr(e,s):"children"===u?"string"==typeof s?("textarea"!==t||""!==s)&&eo(e,s):"number"==typeof s&&eo(e,""+s):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(w.hasOwnProperty(u)?null!=s&&uo(r,u):null!=s&>(e,u,s,o))}switch(t){case"input":Qe(e),kt(e,n);break;case"textarea":Qe(e),Qr(e);break;case"option":null!=n.value&&e.setAttribute("value",n.value);break;case"select":e.multiple=!!n.multiple,null!=(t=n.value)?Br(e,!!n.multiple,t,!1):null!=n.defaultValue&&Br(e,!!n.multiple,n.defaultValue,!0);break;default:"function"==typeof a.onClick&&(e.onclick=l)}}function po(e,t,n,r,o){var a=null;switch(t){case"input":n=bt(e,n),r=bt(e,r),a=[];break;case"option":n=Hr(e,n),r=Hr(e,r),a=[];break;case"select":n=i({},n,{value:void 0}),r=i({},r,{value:void 0}),a=[];break;case"textarea":n=Wr(e,n),r=Wr(e,r),a=[];break;default:"function"!=typeof n.onClick&&"function"==typeof r.onClick&&(e.onclick=l)}ao(t,r,lo),t=e=void 0;var u=null;for(e in n)if(!r.hasOwnProperty(e)&&n.hasOwnProperty(e)&&null!=n[e])if("style"===e){var c=n[e];for(t in c)c.hasOwnProperty(t)&&(u||(u={}),u[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 s=r[e];if(c=null!=n?n[e]:void 0,r.hasOwnProperty(e)&&s!==c&&(null!=s||null!=c))if("style"===e)if(c){for(t in c)!c.hasOwnProperty(t)||s&&s.hasOwnProperty(t)||(u||(u={}),u[t]="");for(t in s)s.hasOwnProperty(t)&&c[t]!==s[t]&&(u||(u={}),u[t]=s[t])}else u||(a||(a=[]),a.push(e,u)),u=s;else"dangerouslySetInnerHTML"===e?(s=s?s.__html:void 0,c=c?c.__html:void 0,null!=s&&c!==s&&(a=a||[]).push(e,""+s)):"children"===e?c===s||"string"!=typeof s&&"number"!=typeof s||(a=a||[]).push(e,""+s):"suppressContentEditableWarning"!==e&&"suppressHydrationWarning"!==e&&(w.hasOwnProperty(e)?(null!=s&&uo(o,e),a||c===s||(a=[])):(a=a||[]).push(e,s))}return u&&(a=a||[]).push("style",u),a}function ho(e,t,n,r,o){"input"===n&&"radio"===o.type&&null!=o.name&&Ct(e,o),io(n,r),r=io(n,o);for(var a=0;a<t.length;a+=2){var i=t[a],l=t[a+1];"style"===i?ro(e,l):"dangerouslySetInnerHTML"===i?Zr(e,l):"children"===i?eo(e,l):gt(e,i,l,r)}switch(n){case"input":xt(e,o);break;case"textarea":$r(e,o);break;case"select":e._wrapperState.initialValue=void 0,t=e._wrapperState.wasMultiple,e._wrapperState.wasMultiple=!!o.multiple,null!=(n=o.value)?Br(e,!!o.multiple,n,!1):t!==!!o.multiple&&(null!=o.defaultValue?Br(e,!!o.multiple,o.defaultValue,!0):Br(e,!!o.multiple,o.multiple?[]:"",!1))}}function mo(e,t,n,r,o){switch(t){case"iframe":case"object":wn("topLoad","load",e);break;case"video":case"audio":for(var a in On)On.hasOwnProperty(a)&&wn(a,On[a],e);break;case"source":wn("topError","error",e);break;case"img":case"image":case"link":wn("topError","error",e),wn("topLoad","load",e);break;case"form":wn("topReset","reset",e),wn("topSubmit","submit",e);break;case"details":wn("topToggle","toggle",e);break;case"input":wt(e,n),wn("topInvalid","invalid",e),uo(o,"onChange");break;case"select":Vr(e,n),wn("topInvalid","invalid",e),uo(o,"onChange");break;case"textarea":Kr(e,n),wn("topInvalid","invalid",e),uo(o,"onChange")}for(var i in ao(t,n,lo),r=null,n)n.hasOwnProperty(i)&&(a=n[i],"children"===i?"string"==typeof a?e.textContent!==a&&(r=["children",a]):"number"==typeof a&&e.textContent!==""+a&&(r=["children",""+a]):w.hasOwnProperty(i)&&null!=a&&uo(o,i));switch(t){case"input":Qe(e),kt(e,n);break;case"textarea":Qe(e),Qr(e);break;case"select":case"option":break;default:"function"==typeof n.onClick&&(e.onclick=l)}return r}function vo(e,t){return e.nodeValue!==t}var yo=Object.freeze({createElement:co,createTextNode:so,setInitialProperties:fo,diffProperties:po,updateProperties:ho,diffHydratedProperties:mo,diffHydratedText:vo,warnForUnmatchedText:function(){},warnForDeletedHydratableElement:function(){},warnForDeletedHydratableText:function(){},warnForInsertedHydratedElement:function(){},warnForInsertedHydratedText:function(){},restoreControlledState:function(e,t,n){switch(t){case"input":if(xt(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 o=K(r);o||d("90"),qe(r),xt(r,o)}}}break;case"textarea":$r(e,n);break;case"select":null!=(t=n.value)&&Br(e,!!n.multiple,t,!1)}}});Ne.injectFiberControlledHostComponent(yo);var go=null,bo=null;function wo(e){this._expirationTime=_o.computeUniqueAsyncExpiration(),this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function Co(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function xo(e,t,n){this._internalRoot=_o.createContainer(e,t,n)}function ko(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Eo(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}wo.prototype.render=function(e){this._defer||d("250"),this._hasChildren=!0,this._children=e;var t=this._root._internalRoot,n=this._expirationTime,r=new Co;return _o.updateContainerAtExpirationTime(e,t,null,n,r._onCommit),r},wo.prototype.then=function(e){if(this._didComplete)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},wo.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,o=t;o!==this;)r=o,o=o._next;null===r&&d("251"),r._next=o._next,this._next=t,e.firstBatch=this}this._defer=!1,_o.flushRoot(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},wo.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])()}},Co.prototype.then=function(e){if(this._didCommit)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},Co.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()}}},xo.prototype.render=function(e,t){var n=this._internalRoot,r=new Co;return null!==(t=void 0===t?null:t)&&r.then(t),_o.updateContainer(e,n,null,r._onCommit),r},xo.prototype.unmount=function(e){var t=this._internalRoot,n=new Co;return null!==(e=void 0===e?null:e)&&n.then(e),_o.updateContainer(null,t,null,n._onCommit),n},xo.prototype.legacy_renderSubtreeIntoContainer=function(e,t,n){var r=this._internalRoot,o=new Co;return null!==(n=void 0===n?null:n)&&o.then(n),_o.updateContainer(t,r,e,o._onCommit),o},xo.prototype.createBatch=function(){var e=new wo(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};var _o=Tr({getRootHostContext:function(e){var t=e.nodeType;switch(t){case 9:case 11:e=(e=e.documentElement)?e.namespaceURI:Yr(null,"");break;default:e=Yr(e=(t=8===t?e.parentNode:e).namespaceURI||null,t=t.tagName)}return e},getChildHostContext:function(e,t){return Yr(e,t)},getPublicInstance:function(e){return e},prepareForCommit:function(){go=gn;var e=u();if(jn(e)){if("selectionStart"in e)var t={start:e.selectionStart,end:e.selectionEnd};else e:{var n=window.getSelection&&window.getSelection();if(n&&0!==n.rangeCount){t=n.anchorNode;var r=n.anchorOffset,o=n.focusNode;n=n.focusOffset;try{t.nodeType,o.nodeType}catch(e){t=null;break e}var a=0,i=-1,l=-1,c=0,s=0,f=e,d=null;t:for(;;){for(var p;f!==t||0!==r&&3!==f.nodeType||(i=a+r),f!==o||0!==n&&3!==f.nodeType||(l=a+n),3===f.nodeType&&(a+=f.nodeValue.length),null!==(p=f.firstChild);)d=f,f=p;for(;;){if(f===e)break t;if(d===t&&++c===r&&(i=a),d===o&&++s===n&&(l=a),null!==(p=f.nextSibling))break;d=(f=d).parentNode}f=p}t=-1===i||-1===l?null:{start:i,end:l}}else t=null}t=t||{start:0,end:0}}else t=null;bo={focusedElem:e,selectionRange:t},bn(!1)},resetAfterCommit:function(){var e=bo,t=u(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&s(document.documentElement,n)){if(jn(n))if(t=r.start,void 0===(e=r.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if(window.getSelection){t=window.getSelection();var o=n[oe()].length;e=Math.min(r.start,o),r=void 0===r.end?e:Math.min(r.end,o),!t.extend&&e>r&&(o=r,r=e,e=o),o=Ln(n,e);var a=Ln(n,r);if(o&&a&&(1!==t.rangeCount||t.anchorNode!==o.node||t.anchorOffset!==o.offset||t.focusNode!==a.node||t.focusOffset!==a.offset)){var i=document.createRange();i.setStart(o.node,o.offset),t.removeAllRanges(),e>r?(t.addRange(i),t.extend(a.node,a.offset)):(i.setEnd(a.node,a.offset),t.addRange(i))}}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for(n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}bo=null,bn(go),go=null},createInstance:function(e,t,n,r,o){return(e=co(e,t,n,r))[H]=o,e[B]=t,e},appendInitialChild:function(e,t){e.appendChild(t)},finalizeInitialChildren:function(e,t,n,r){return fo(e,t,n,r),Eo(t,n)},prepareUpdate:function(e,t,n,r,o){return po(e,t,n,r,o)},shouldSetTextContent:function(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},shouldDeprioritizeSubtree:function(e,t){return!!t.hidden},createTextInstance:function(e,t,n,r){return(e=so(e,t))[H]=r,e},now:Pr,mutation:{commitMount:function(e,t,n){Eo(t,n)&&e.focus()},commitUpdate:function(e,t,n,r,o){e[B]=o,ho(e,t,n,r,o)},resetTextContent:function(e){eo(e,"")},commitTextUpdate:function(e,t,n){e.nodeValue=n},appendChild:function(e,t){e.appendChild(t)},appendChildToContainer:function(e,t){8===e.nodeType?e.parentNode.insertBefore(t,e):e.appendChild(t)},insertBefore:function(e,t,n){e.insertBefore(t,n)},insertInContainerBefore:function(e,t,n){8===e.nodeType?e.parentNode.insertBefore(t,n):e.insertBefore(t,n)},removeChild:function(e,t){e.removeChild(t)},removeChildFromContainer:function(e,t){8===e.nodeType?e.parentNode.removeChild(t):e.removeChild(t)}},hydration:{canHydrateInstance:function(e,t){return 1!==e.nodeType||t.toLowerCase()!==e.nodeName.toLowerCase()?null:e},canHydrateTextInstance:function(e,t){return""===t||3!==e.nodeType?null:e},getNextHydratableSibling:function(e){for(e=e.nextSibling;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e},getFirstHydratableChild:function(e){for(e=e.firstChild;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e},hydrateInstance:function(e,t,n,r,o,a){return e[H]=a,e[B]=n,mo(e,t,n,o,r)},hydrateTextInstance:function(e,t,n){return e[H]=n,vo(e,t)},didNotMatchHydratedContainerTextInstance:function(){},didNotMatchHydratedTextInstance:function(){},didNotHydrateContainerInstance:function(){},didNotHydrateInstance:function(){},didNotFindHydratableContainerInstance:function(){},didNotFindHydratableContainerTextInstance:function(){},didNotFindHydratableInstance:function(){},didNotFindHydratableTextInstance:function(){}},scheduleDeferredCallback:Nr,cancelDeferredCallback:Ir}),To=_o;function So(e,t,n,r,o){ko(n)||d("200");var a=n._reactRootContainer;if(a){if("function"==typeof o){var i=o;o=function(){var e=_o.getPublicRootInstance(a._internalRoot);i.call(e)}}null!=e?a.legacy_renderSubtreeIntoContainer(e,t,o):a.render(t,o)}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 xo(e,!1,t)}(n,r),"function"==typeof o){var l=o;o=function(){var e=_o.getPublicRootInstance(a._internalRoot);l.call(e)}}_o.unbatchedUpdates(function(){null!=e?a.legacy_renderSubtreeIntoContainer(e,t,o):a.render(t,o)})}return _o.getPublicRootInstance(a._internalRoot)}function Po(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return ko(t)||d("200"),function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:et,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}Le=To.batchedUpdates,je=To.interactiveUpdates,Ae=To.flushInteractiveUpdates;var No={createPortal:Po,findDOMNode:function(e){return null==e?null:1===e.nodeType?e:_o.findHostInstance(e)},hydrate:function(e,t,n){return So(null,e,t,!0,n)},render:function(e,t,n){return So(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return(null==e||void 0===e._reactInternalFiber)&&d("38"),So(e,t,n,!1,r)},unmountComponentAtNode:function(e){return ko(e)||d("40"),!!e._reactRootContainer&&(_o.unbatchedUpdates(function(){So(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return Po.apply(void 0,arguments)},unstable_batchedUpdates:_o.batchedUpdates,unstable_deferredUpdates:_o.deferredUpdates,flushSync:_o.flushSync,unstable_flushControlled:_o.flushControlled,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{EventPluginHub:A,EventPluginRegistry:E,EventPropagators:ne,ReactControlledComponent:Fe,ReactDOMComponentTree:$,ReactDOMEventListener:En},unstable_createRoot:function(e,t){return new xo(e,!0,null!=t&&!0===t.hydrate)}};_o.injectIntoDevTools({findFiberByHostInstance:V,bundleType:0,version:"16.3.2",rendererPackageName:"react-dom"});var Io=Object.freeze({default:No}),Oo=Io&&No||Io;e.exports=Oo.default?Oo.default:Oo},function(e,t,n){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),e.exports=n(20)},function(e,t,n){"use strict";
/** @license React v16.3.2
* 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(5),o=n(4),a=n(3),i=n(2),l="function"==typeof Symbol&&Symbol.for,u=l?Symbol.for("react.element"):60103,c=l?Symbol.for("react.portal"):60106,s=l?Symbol.for("react.fragment"):60107,f=l?Symbol.for("react.strict_mode"):60108,d=l?Symbol.for("react.provider"):60109,p=l?Symbol.for("react.context"):60110,h=l?Symbol.for("react.async_mode"):60111,m=l?Symbol.for("react.forward_ref"):60112,v="function"==typeof Symbol&&Symbol.iterator;function y(e){for(var t=arguments.length-1,n="http://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);o(!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 g={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}};function b(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||g}function w(){}function C(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n||g}b.prototype.isReactComponent={},b.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&y("85"),this.updater.enqueueSetState(this,e,t,"setState")},b.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},w.prototype=b.prototype;var x=C.prototype=new w;x.constructor=C,r(x,b.prototype),x.isPureReactComponent=!0;var k={current:null},E=Object.prototype.hasOwnProperty,_={key:!0,ref:!0,__self:!0,__source:!0};function T(e,t,n){var r=void 0,o={},a=null,i=null;if(null!=t)for(r in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(a=""+t.key),t)E.call(t,r)&&!_.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(1===l)o.children=n;else if(1<l){for(var c=Array(l),s=0;s<l;s++)c[s]=arguments[s+2];o.children=c}if(e&&e.defaultProps)for(r in l=e.defaultProps)void 0===o[r]&&(o[r]=l[r]);return{$$typeof:u,type:e,key:a,ref:i,props:o,_owner:k.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===u}var P=/\/+/g,N=[];function I(e,t,n,r){if(N.length){var o=N.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function O(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>N.length&&N.push(e)}function R(e,t,n,r){var o=typeof e;"undefined"!==o&&"boolean"!==o||(e=null);var a=!1;if(null===e)a=!0;else switch(o){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case u:case c:a=!0}}if(a)return n(r,e,""===t?"."+M(e,0):t),1;if(a=0,t=""===t?".":t+":",Array.isArray(e))for(var i=0;i<e.length;i++){var l=t+M(o=e[i],i);a+=R(o,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),i=0;!(o=e.next()).done;)a+=R(o=o.value,l=t+M(o,i++),n,r);else"object"===o&&y("31","[object Object]"===(n=""+e)?"object with keys {"+Object.keys(e).join(", ")+"}":n,"");return a}function M(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 U(e,t){e.func.call(e.context,t,e.count++)}function D(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?F(e,r,n,i.thatReturnsArgument):null!=e&&(S(e)&&(t=o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(P,"$&/")+"/")+n,e={$$typeof:u,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}),r.push(e))}function F(e,t,n,r,o){var a="";null!=n&&(a=(""+n).replace(P,"$&/")+"/"),t=I(t,a,r,o),null==e||R(e,"",D,t),O(t)}var L={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return F(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;t=I(null,null,t,n),null==e||R(e,"",U,t),O(t)},count:function(e){return null==e?0:R(e,"",i.thatReturnsNull,null)},toArray:function(e){var t=[];return F(e,t,null,i.thatReturnsArgument),t},only:function(e){return S(e)||y("143"),e}},createRef:function(){return{current:null}},Component:b,PureComponent:C,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:p,_calculateChangedBits:t,_defaultValue:e,_currentValue:e,_changedBits:0,Provider:null,Consumer:null}).Provider={$$typeof:d,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:m,render:e}},Fragment:s,StrictMode:f,unstable_AsyncMode:h,createElement:T,cloneElement:function(e,t,n){(null===e||void 0===e)&&y("267",e);var o=void 0,a=r({},e.props),i=e.key,l=e.ref,c=e._owner;if(null!=t){void 0!==t.ref&&(l=t.ref,c=k.current),void 0!==t.key&&(i=""+t.key);var s=void 0;for(o in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)E.call(t,o)&&!_.hasOwnProperty(o)&&(a[o]=void 0===t[o]&&void 0!==s?s[o]:t[o])}if(1===(o=arguments.length-2))a.children=n;else if(1<o){s=Array(o);for(var f=0;f<o;f++)s[f]=arguments[f+2];a.children=s}return{$$typeof:u,type:e.type,key:i,ref:l,props:a,_owner:c}},createFactory:function(e){var t=T.bind(null,e);return t.type=e,t},isValidElement:S,version:"16.3.2",__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:k,assign:r}},j=Object.freeze({default:L}),A=j&&L||j;e.exports=A.default?A.default:A},function(e,t,n){"use strict";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}}(),o=u(n(0)),a=n(21),i=n(13),l=u(i);function u(e){return e&&e.__esModule?e:{default:e}}function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function s(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)}n(10);var d=function(e){var t=e.items,n=e.selectedItem;return o.default.createElement("ul",{className:"list"},t.map(function(e,t){return o.default.createElement("li",{className:"list-item "+(t!==n?"":"list-item--selected"),key:t},e)}))},p=function(e){function t(){var e,n,r;c(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=s(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={selectedItem:0},r.next=function(){var e=r.state.selectedItem+1;e>=r.props.items.length&&(e=r.props.items.length-1),r.setState({selectedItem:e})},r.prev=function(){var e=r.state.selectedItem-1;e<0&&(e=0),r.setState({selectedItem:e})},r.superNext=function(){var e=r.state.selectedItem+3;e>=r.props.items.length&&(e=r.props.items.length-1),r.setState({selectedItem:e})},r.superPrev=function(){var e=r.state.selectedItem-3;e<0&&(e=0),r.setState({selectedItem:e})},r.submit=function(){r.props.onSelect(r.state.selectedItem)},r.reset=function(){r.setState({selectedItem:0})},s(r,n)}return f(t,o.default.Component),r(t,[{key:"render",value:function(){return o.default.createElement(o.default.Fragment,null,o.default.createElement(l.default,{bindings:{Down:this.next,"Shift+Down":this.superNext,Up:this.prev,"Shift+Up":this.superPrev,Enter:this.submit,Escape:this.reset},monitor:!0}),o.default.createElement(d,{items:h,selectedItem:this.state.selectedItem}))}}]),t}();p.defaultProperties={onSelect:function(){}};var h=["Rick Wakeman","Keith Emerson","Jordan Rudess","Tony Banks","Richard Wright","Chick Corea","Stevie Wonder","Herbie Hancock","Aleks Syntek","Chico Che"],m=function(e){function t(){var e,n,r;c(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=s(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={loving:!1,love:0},r.startLoving=function(){r.setState({loving:!0})},r.stopLoving=function(){r.setState({loving:!1})},r.love=function(){if(r.state.loving){console.log("love is in the air");var e=r.state.love+1;r.setState({love:e})}r.timeout=window.setTimeout(r.love,100)},s(r,n)}return f(t,o.default.Component),r(t,[{key:"componentDidMount",value:function(){this.love()}},{key:"componentWillUnmount",value:function(){window.clearTimeout(this.timeout)}},{key:"render",value:function(){return o.default.createElement(o.default.Fragment,null,o.default.createElement(l.default,{bindings:{KeyL:this.startLoving}}),o.default.createElement(l.default,{eventName:"keyup",bindings:{KeyL:this.stopLoving}}),o.default.createElement("div",{className:this.state.loving?"love love--loving":"love"},o.default.createElement("span",null,"❤️"),o.default.createElement("span",null,"="),o.default.createElement("span",null,this.state.love)))}}]),t}(),v=function(e){var t=e.show,n=void 0!==t&&t,r=e.onClose,a=e.children;return n?o.default.createElement("div",{className:"modal"},o.default.createElement(l.default,{bindings:{Escape:r}}),o.default.createElement("div",{className:"modal__content"},a)):null},y=function(e){function t(){var e,n,r;c(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=s(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={bpm:140},r.up=function(){var e=r.state.bpm+1;e<280&&r.setState({bpm:e})},r.down=function(){var e=r.state.bpm-1;e>90&&r.setState({bpm:e})},s(r,n)}return f(t,o.default.Component),r(t,[{key:"render",value:function(){return o.default.createElement("div",{className:"bpm-meter"},o.default.createElement("label",null,o.default.createElement("span",null,"Chose a BPM"),o.default.createElement(i.KeyboardInput,{value:this.state.bpm,className:"bpm-meter__input",onChange:function(){},bindings:{UP:this.up,DOWN:this.down}}),o.default.createElement("span",{className:"instructions"},"← Use your keyboard arrows")))}}]),t}(),g=function(e){function t(){var e,n,r;c(this,t);for(var o=arguments.length,a=Array(o),i=0;i<o;i++)a[i]=arguments[i];return n=r=s(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(a))),r.state={selected:null,showingDialog:!1},r.showDialog=function(){r.setState({showingDialog:!0})},r.hideDialog=function(){return r.setState({showingDialog:!1}),!1},r.setItem=function(e){r.setState({selectedItem:h[e],showingDialog:!0})},s(r,n)}return f(t,o.default.Component),r(t,[{key:"render",value:function(){return o.default.createElement("div",null,o.default.createElement(v,{show:this.state.showingDialog,onClose:this.hideDialog},o.default.createElement("h3",null,"You selected"),o.default.createElement("h2",null,this.state.selectedItem),o.default.createElement("p",{className:"instructions"},"press ",o.default.createElement("kbd",null,"ESC")," to close")),o.default.createElement(y,null),o.default.createElement("div",{className:"demo"},o.default.createElement("h1",null,"Select your favorite keyboardist"),o.default.createElement("p",{className:"instructions"},"Use up and down arrows to higlight a name / Hold down"," ",o.default.createElement("kbd",null,"Shift")," to move three names at a time / press"," ",o.default.createElement("kbd",null,"Enter")," to select / press ",o.default.createElement("kbd",null,"Escape")," to reset / press ",o.default.createElement("kbd",null,"L")," to show love."),o.default.createElement(m,null),o.default.createElement(p,{items:h,onSelect:this.setItem}),o.default.createElement("p",{className:"footer"},"This is a demo built with"," ",o.default.createElement("a",{href:"https://github.com/soska/react-keyboardist"},"React Keyboardist"),". Source code for this demo"," ",o.default.createElement("a",{href:"https://github.com/soska/react-keyboardist/blob/master/src/docs/index.jsx"},"is here"),".")))}}]),t}();(0,a.render)(o.default.createElement(g,null),document.getElementById("app"))}]);
================================================
FILE: docs/index.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="CHANGE THIS">
<title>React Keyboardist</title>
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
</head>
<body>
<div id="app"></div>
<script type="text/javascript" src="bundle.js"></script></body>
</html>
================================================
FILE: package.json
================================================
{
"name": "react-keyboardist",
"version": "0.2.0",
"description":
"A simple keyboard global manager for react. Powered by keyboardist.",
"main": "dist/index.js",
"scripts": {
"flow": "flow",
"favicon": "cpx \"src/docs/favicon.*\" \"docs\"",
"dev": "webpack-dev-server --mode development",
"build:lib": "babel src/lib -d dist",
"build:docs": "webpack --mode production",
"build": "npm run build:lib && npm run build:docs && npm run favicon"
},
"keywords": [],
"license": "MIT",
"peerDependencies": {
"react": "^15.3.0 || ^16.2.0",
"react-dom": "^15.3.0 || ^16.2.0"
},
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-core": "^6.26.3",
"babel-loader": "^7.1.4",
"babel-plugin-transform-class-properties": "^6.24.1",
"babel-plugin-transform-object-rest-spread": "^6.26.0",
"babel-preset-env": "^1.7.0",
"babel-preset-flow": "^6.23.0",
"babel-preset-react": "^6.24.1",
"concurrently": "^3.5.1",
"css-loader": "^0.28.11",
"flow-bin": "^0.73.0",
"html-webpack-plugin": "^3.2.0",
"react": "^16.3.2",
"react-dom": "^16.3.2",
"style-loader": "^0.21.0",
"webpack": "^4.6.0",
"webpack-cli": "^2.0.15",
"webpack-dev-server": "^3.1.3",
"cpx": "^1.5.0"
},
"author": "Armando Sosa <arm.sosa@gmail.com>",
"homepage": "https://github.com/soska/react-keyboardist",
"repository": {
"type": "git",
"url": "git@github.com:soska/react-keyboardist.git"
},
"dependencies": {
"keyboardist": "^1.2.1"
}
}
================================================
FILE: src/docs/index.html
================================================
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta name="description" content="CHANGE THIS">
<title>React Keyboardist</title>
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
<link rel="shortcut icon" type="image/png" href="favicon.png"/>
</head>
<body>
<div id="app"></div>
</body>
</html>
================================================
FILE: src/docs/index.jsx
================================================
import React from 'react';
import { render } from 'react-dom';
import Keyboardist, { KeyboardInput } from '../lib';
import './styles.css';
const List = ({ items, selectedItem }) => {
return (
<ul className="list">
{items.map((item, index) => (
<li
className={`list-item ${
index !== selectedItem ? '' : 'list-item--selected'
}`}
key={index}
>
{item}
</li>
))}
</ul>
);
};
class KeyboardList extends React.Component {
state = {
selectedItem: 0,
};
static defaultProperties = {
onSelect: () => {},
};
next = () => {
let nextItem = this.state.selectedItem + 1;
if (nextItem >= this.props.items.length) {
nextItem = this.props.items.length - 1;
}
this.setState({ selectedItem: nextItem });
};
prev = () => {
let nextItem = this.state.selectedItem - 1;
if (nextItem < 0) {
nextItem = 0;
}
this.setState({ selectedItem: nextItem });
};
superNext = () => {
let nextItem = this.state.selectedItem + 3;
if (nextItem >= this.props.items.length) {
nextItem = this.props.items.length - 1;
}
this.setState({ selectedItem: nextItem });
};
superPrev = () => {
let nextItem = this.state.selectedItem - 3;
if (nextItem < 0) {
nextItem = 0;
}
this.setState({ selectedItem: nextItem });
};
submit = () => {
this.props.onSelect(this.state.selectedItem);
};
reset = () => {
this.setState({ selectedItem: 0 });
};
render() {
return (
<React.Fragment>
<Keyboardist
bindings={{
Down: this.next,
'Shift+Down': this.superNext,
Up: this.prev,
'Shift+Up': this.superPrev,
Enter: this.submit,
Escape: this.reset,
}}
monitor={true}
/>
<List items={items} selectedItem={this.state.selectedItem} />
</React.Fragment>
);
}
}
const items = [
'Rick Wakeman',
'Keith Emerson',
'Jordan Rudess',
'Tony Banks',
'Richard Wright',
'Chick Corea',
'Stevie Wonder',
'Herbie Hancock',
'Aleks Syntek',
'Chico Che',
];
class Love extends React.Component {
state = {
loving: false,
love: 0,
};
startLoving = () => {
this.setState({ loving: true });
};
stopLoving = () => {
this.setState({ loving: false });
};
love = () => {
if (this.state.loving) {
console.log('love is in the air');
let love = this.state.love + 1;
this.setState({ love });
}
this.timeout = window.setTimeout(this.love, 100);
};
componentDidMount() {
this.love();
}
componentWillUnmount() {
window.clearTimeout(this.timeout);
}
render() {
return (
<React.Fragment>
<Keyboardist
bindings={{
KeyL: this.startLoving,
}}
/>
<Keyboardist
eventName={'keyup'}
bindings={{
KeyL: this.stopLoving,
}}
/>
<div className={this.state.loving ? 'love love--loving' : 'love'}>
<span>❤️</span>
<span>=</span>
<span>{this.state.love}</span>
</div>
</React.Fragment>
);
}
}
const Modal = ({ show = false, onClose, children }) => {
if (!show) {
return null;
}
return (
<div className="modal">
<Keyboardist
bindings={{
Escape: onClose,
}}
/>
<div className="modal__content">{children}</div>
</div>
);
};
class BPMMeter extends React.Component {
state = {
bpm: 140,
};
up = () => {
const bpm = this.state.bpm + 1;
if (bpm < 280) {
this.setState({ bpm });
}
};
down = () => {
const bpm = this.state.bpm - 1;
if (bpm > 90) {
this.setState({ bpm });
}
};
render() {
return (
<div className="bpm-meter">
<label>
<span>Chose a BPM</span>
<KeyboardInput
value={this.state.bpm}
className={'bpm-meter__input'}
onChange={() => {}}
bindings={{
UP: this.up,
DOWN: this.down,
}}
/>
<span className="instructions">← Use your keyboard arrows</span>
</label>
</div>
);
}
}
class DemoApp extends React.Component {
state = {
selected: null,
showingDialog: false,
};
showDialog = () => {
this.setState({
showingDialog: true,
});
};
hideDialog = () => {
this.setState({
showingDialog: false,
});
// returning false means the event does not propagate,
// so the table reset action won't be fired.
return false;
};
setItem = index => {
this.setState({
selectedItem: items[index],
showingDialog: true,
});
};
render() {
return (
<div>
<Modal show={this.state.showingDialog} onClose={this.hideDialog}>
<h3>You selected</h3>
<h2>{this.state.selectedItem}</h2>
<p className="instructions">
press <kbd>ESC</kbd> to close
</p>
</Modal>
<BPMMeter />
<div className="demo">
<h1>Select your favorite keyboardist</h1>
<p className="instructions">
Use up and down arrows to higlight a name / Hold down{' '}
<kbd>Shift</kbd> to move three names at a time / press{' '}
<kbd>Enter</kbd> to select / press <kbd>Escape</kbd> to reset /
press <kbd>L</kbd> to show love.
</p>
<Love />
<KeyboardList items={items} onSelect={this.setItem} />
<p className="footer">
This is a demo built with{' '}
<a href="https://github.com/soska/react-keyboardist">
React Keyboardist
</a>. Source code for this demo{' '}
<a href="https://github.com/soska/react-keyboardist/blob/master/src/docs/index.jsx">
is here
</a>.
</p>
</div>
</div>
);
}
}
render(<DemoApp />, document.getElementById('app'));
================================================
FILE: src/docs/styles.css
================================================
body {
font-family: 'Futura', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS',
sans-serif;
margin: 0;
background: linear-gradient(#099, #86d);
background-attachment: fixed;
}
.bpm-meter {
padding: 11px;
text-align: center;
}
.bpm-meter__input {
font-family: 'Futura', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS';
border: none;
padding: 11px;
margin-left: 11px;
font-size: 18px;
color: 13px;
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.125) 0 4px 1px inset;
color: #999;
}
.demo {
margin: 22px;
border-radius: 8px;
background: #fafafa;
box-shadow: rgba(0, 0, 0, 0.125) 8px 8px 0;
border: 1px solid #eee;
}
h1 {
font-size: 18px;
font-weight: normal;
color: rebeccapurple;
padding: 11px;
margin: 0;
text-transform: uppercase;
border-bottom: 1px solid #dfdfd0;
}
.instructions {
padding: 11px;
margin: 11px;
color: #777;
margin: none;
font-family: monospace;
background: #f9f9e6;
border: 1px solid #f0f0de;
}
.instructions kbd {
background: #ff0;
display: inline-block;
padding: 3px;
}
.list {
list-style-type: none;
margin: 0;
padding: 0;
}
.list-item {
display: block;
padding: 14px;
font-size: 16px;
border-bottom: 1px solid #dfdfd0;
color: #666;
}
.list-item--selected {
background: tomato;
color: gold;
text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 0;
}
.footer {
color: #777;
padding: 11px;
}
.modal {
background: rgba(0, 0, 0, 0.5);
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.modal__content {
background: white;
border-radius: 4px;
padding: 22px;
border: 1px solid #aaa;
box-shadow: rgba(0, 0, 0, 0.2) 4px 4px 0;
}
.modal__content h3 {
text-align: center;
font-weight: normal;
color: #999;
font-size: 18px;
}
.modal__content h2 {
text-align: center;
font-weight: bold;
color: #555;
font-size: 22px;
color: rebeccapurple;
}
.modal__content-help {
padding: 11px;
margin: 11px;
color: #777;
margin: none;
font-family: monospace;
background: #f9f9e6;
border: 1px solid #f0f0de;
}
.love {
position: fixed;
right: 11px;
bottom: 11px;
padding: 11px 22px;
border-radius: 22px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #eee;
display: flex;
justify-content: center;
align-items: center;
color: #777;
opacity: 0.65;
transform: scale(1);
transition-property: all;
transition-duration: 0.3s;
transition-timing-function: ease-out;
transform-origin: 95% 95%;
}
.love span {
padding: 0 3px;
}
.love--loving {
opacity: 1;
transform: scale(1.8);
transition-duration: 3s;
}
================================================
FILE: src/lib/global.js
================================================
// @flow
import * as React from 'react';
import createListener from 'keyboardist';
const listeners = {
keydown: createListener('keydown'),
keyup: createListener('keyup'),
};
type Props = {
eventName: 'keydown' | 'keyup',
bindings: { [string]: any },
monitor?: any,
};
class Keyboard extends React.PureComponent<Props> {
subs = [];
keyboardListener: any;
static defaultProps = {
eventName: 'keydown',
bindings: {},
monitor: null,
};
constructor(props: Props) {
super(props);
this.keyboardListener = listeners[props.eventName];
}
componentDidMount() {
const { bindings, monitor } = this.props;
Object.keys(bindings).forEach(eventName => {
const callback = bindings[eventName];
const subscription = this.keyboardListener.subscribe(eventName, callback);
this.subs.push(subscription);
});
if (monitor) {
this.keyboardListener.setMonitor(monitor);
}
}
componentWillUnmount() {
this.subs.forEach(subscription => subscription.unsubscribe());
}
render() {
return null;
}
}
export default Keyboard;
================================================
FILE: src/lib/index.jsx
================================================
import GlobalKeyboardist from './global';
import Input from './input';
export const KeyboardInput = Input;
export default GlobalKeyboardist;
================================================
FILE: src/lib/input.js
================================================
import * as React from 'react';
import createListener from 'keyboardist';
class Input extends React.PureComponent {
subs = [];
static defaultProps = {
component: 'input',
eventName: 'keydown',
bindings: {},
monitor: null,
};
componentDidMount() {
const { bindings, monitor, eventName } = this.props;
this.keyboardListener = createListener(eventName, this.element);
Object.keys(bindings).forEach(eventName => {
const callback = bindings[eventName];
const subscription = this.keyboardListener.subscribe(eventName, callback);
this.subs.push(subscription);
});
if (monitor) {
this.keyboardListener.setMonitor(monitor);
}
}
componentWillUnmount() {
this.subs.forEach(subscription => subscription.unsubscribe());
}
render() {
const {
component: Component,
eventName,
bindings,
monitor,
...props
} = this.props;
return <Component ref={el => (this.element = el)} {...props} />;
}
}
export default Input;
================================================
FILE: webpack.config.js
================================================
const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const port = process.env.PORT || 8000;
module.exports = {
entry: path.join(__dirname, 'src/docs'),
output: {
path: path.join(__dirname, 'docs'),
filename: 'bundle.js',
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
use: 'babel-loader',
exclude: /node_modules/,
},
{
test: /\.css$/,
use: ['style-loader', 'css-loader'],
},
],
},
plugins: [
new HtmlWebpackPlugin({
template: path.join(__dirname, 'src/docs/index.html'),
}),
],
resolve: {
extensions: ['.js', '.jsx'],
},
devServer: {
contentBase: path.join(__dirname, 'docs'),
port,
stats: 'minimal',
},
};
gitextract_omz1lb_f/ ├── .babelrc ├── .flowconfig ├── .gitignore ├── .npmignore ├── LICENSE ├── README.md ├── docs/ │ ├── bundle.js │ └── index.html ├── package.json ├── src/ │ ├── docs/ │ │ ├── index.html │ │ ├── index.jsx │ │ └── styles.css │ └── lib/ │ ├── global.js │ ├── index.jsx │ └── input.js └── webpack.config.js
SYMBOL INDEX (203 symbols across 3 files)
FILE: docs/bundle.js
function n (line 1) | function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{...
function f (line 1) | function f(e){if(!(i(e)||l&&o(e))){var t=u(e),r=n[t.toLowerCase()]||[];i...
function d (line 1) | function d(){t.addEventListener(e,f)}
function r (line 1) | function r(e){return function(){return e}}
function d (line 6) | function d(e,t){for(var n=0;n<e.length;n++){var r=e[n],o=a[r.id];if(o){o...
function p (line 6) | function p(e,t){for(var n=[],r={},o=0;o<e.length;o++){var a=e[o],i=t.bas...
function h (line 6) | function h(e,t){var n=l(e.insertInto);if(!n)throw new Error("Couldn't fi...
function m (line 6) | function m(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e...
function v (line 6) | function v(e){var t=document.createElement("style");return void 0===e.at...
function y (line 6) | function y(e,t){Object.keys(t).forEach(function(n){e.setAttribute(n,t[n]...
function g (line 6) | function g(e,t){var n,r,o,a;if(t.transform&&e.css){if(!(a=t.transform(e....
function C (line 6) | function C(e,t,n,r){var o=n?"":r.css;if(e.styleSheet)e.styleSheet.cssTex...
function e (line 6) | function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.en...
function c (line 6) | function c(e,t){if(!e)throw new ReferenceError("this hasn't been initial...
function t (line 6) | function t(){var e,n,r;!function(e,t){if(!(e instanceof t))throw new Typ...
function e (line 6) | function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.en...
function t (line 6) | function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("C...
function a (line 6) | function a(e){return e&&e.__esModule?e:{default:e}}
function o (line 6) | function o(e,t){return e===t?0!==e||0!==t||1/e==1/t:e!=e&&t!=t}
function d (line 14) | function d(e){for(var t=arguments.length-1,n="http://reactjs.org/docs/er...
function v (line 14) | function v(){if(h)for(var e in m){var t=m[e],n=h.indexOf(e);if(-1<n||d("...
function y (line 14) | function y(e,t,n){w[e]&&d("100",e),w[e]=t,C[e]=t.eventTypes[n].dependenc...
function x (line 14) | function x(e){h&&d("101"),h=Array.prototype.slice.call(e),v()}
function k (line 14) | function k(e){var t,n=!1;for(t in e)if(e.hasOwnProperty(t)){var r=e[t];m...
function P (line 14) | function P(e,t,n,r){t=e.type||"unknown-event",e.currentTarget=S(r),p.inv...
function N (line 14) | function N(e,t){return null==t&&d("30"),null==e?t:Array.isArray(e)?Array...
function I (line 14) | function I(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}
function R (line 14) | function R(e,t){if(e){var n=e._dispatchListeners,r=e._dispatchInstances;...
function M (line 14) | function M(e){return R(e,!0)}
function U (line 14) | function U(e){return R(e,!1)}
function F (line 14) | function F(e,t){var n=e.stateNode;if(!n)return null;var r=_(n);if(!r)ret...
function L (line 14) | function L(e,t){null!==e&&(O=N(O,e)),e=O,O=null,e&&(I(e,t?M:U),O&&d("95"...
function j (line 14) | function j(e,t,n,r){for(var o=null,a=0;a<g.length;a++){var i=g[a];i&&(i=...
function V (line 14) | function V(e){if(e[H])return e[H];for(;!e[H];){if(!e.parentNode)return n...
function W (line 14) | function W(e){if(5===e.tag||6===e.tag)return e.stateNode;d("33")}
function K (line 14) | function K(e){return e[B]||null}
function Q (line 14) | function Q(e){do{e=e.return}while(e&&5!==e.tag);return e||null}
function q (line 14) | function q(e,t,n){for(var r=[];e;)r.push(e),e=Q(e);for(e=r.length;0<e--;...
function G (line 14) | function G(e,t,n){(t=F(e,n.dispatchConfig.phasedRegistrationNames[t]))&&...
function Y (line 14) | function Y(e){e&&e.dispatchConfig.phasedRegistrationNames&&q(e._targetIn...
function X (line 14) | function X(e){if(e&&e.dispatchConfig.phasedRegistrationNames){var t=e._t...
function J (line 14) | function J(e,t,n){e&&n&&n.dispatchConfig.registrationName&&(t=F(e,n.disp...
function Z (line 14) | function Z(e){e&&e.dispatchConfig.registrationName&&J(e._targetInst,null...
function ee (line 14) | function ee(e){I(e,Y)}
function te (line 14) | function te(e,t,n,r){if(n&&r)e:{for(var o=n,a=r,i=0,l=o;l;l=Q(l))i++;l=0...
function oe (line 14) | function oe(){return!re&&a.canUseDOM&&(re="textContent"in document.docum...
function ie (line 14) | function ie(){if(ae._fallbackText)return ae._fallbackText;var e,t,n=ae._...
function le (line 14) | function le(){return"value"in ae._root?ae._root.value:ae._root[oe()]}
function se (line 14) | function se(e,t,n,r){for(var o in this.dispatchConfig=e,this._targetInst...
function fe (line 14) | function fe(e,t,n,r){if(this.eventPool.length){var o=this.eventPool.pop(...
function de (line 14) | function de(e){e instanceof this||d("223"),e.destructor(),10>this.eventP...
function pe (line 14) | function pe(e){e.eventPool=[],e.getPooled=fe,e.release=de}
function t (line 14) | function t(){}
function n (line 14) | function n(){return r.apply(this,arguments)}
function Ee (line 14) | function Ee(e,t){switch(e){case"topKeyUp":return-1!==ve.indexOf(t.keyCod...
function _e (line 14) | function _e(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}
function Re (line 14) | function Re(e){if(e=T(e)){Pe&&"function"==typeof Pe.restoreControlledSta...
function Me (line 14) | function Me(e){Ie?Oe?Oe.push(e):Oe=[e]:Ie=e}
function Ue (line 14) | function Ue(){return null!==Ie||null!==Oe}
function De (line 14) | function De(){if(Ie){var e=Ie,t=Oe;if(Oe=Ie=null,Re(e),t)for(e=0;e<t.len...
function Le (line 14) | function Le(e,t){return e(t)}
function je (line 14) | function je(e,t,n){return e(t,n)}
function Ae (line 14) | function Ae(){}
function He (line 14) | function He(e,t){if(ze)return e(t);ze=!0;try{return Le(e,t)}finally{ze=!...
function Ve (line 14) | function Ve(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"inpu...
function We (line 14) | function We(e){return(e=e.target||window).correspondingUseElement&&(e=e....
function Ke (line 14) | function Ke(e,t){return!(!a.canUseDOM||t&&!("addEventListener"in documen...
function $e (line 14) | function $e(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCas...
function Qe (line 14) | function Qe(e){e._valueTracker||(e._valueTracker=function(e){var t=$e(e)...
function qe (line 14) | function qe(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n...
function ut (line 14) | function ut(e){return null===e||void 0===e?null:"function"==typeof(e=lt&...
function ct (line 14) | function ct(e){if("function"==typeof(e=e.type))return e.displayName||e.n...
function st (line 14) | function st(e){var t="";do{e:switch(e.tag){case 0:case 1:case 2:case 5:v...
function ht (line 14) | function ht(e,t,n,r,o){this.acceptsBooleans=2===t||3===t||4===t,this.att...
function yt (line 14) | function yt(e){return e[1].toUpperCase()}
function gt (line 14) | function gt(e,t,n,r){var o=mt.hasOwnProperty(t)?mt[t]:null;(null!==o?0==...
function bt (line 14) | function bt(e,t){var n=t.checked;return i({},t,{defaultChecked:void 0,de...
function wt (line 14) | function wt(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t....
function Ct (line 14) | function Ct(e,t){null!=(t=t.checked)&>(e,"checked",t,!1)}
function xt (line 14) | function xt(e,t){Ct(e,t);var n=_t(t.value);null!=n&&("number"===t.type?(...
function kt (line 14) | function kt(e,t){(t.hasOwnProperty("value")||t.hasOwnProperty("defaultVa...
function Et (line 14) | function Et(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(nul...
function _t (line 14) | function _t(e){switch(typeof e){case"boolean":case"number":case"object":...
function St (line 14) | function St(e,t,n){return(e=se.getPooled(Tt.change,e,t,n)).type="change"...
function It (line 14) | function It(e){L(e,!1)}
function Ot (line 14) | function Ot(e){if(qe(W(e)))return e}
function Rt (line 14) | function Rt(e,t){if("topChange"===e)return t}
function Ut (line 14) | function Ut(){Pt&&(Pt.detachEvent("onpropertychange",Dt),Nt=Pt=null)}
function Dt (line 14) | function Dt(e){"value"===e.propertyName&&Ot(Nt)&&He(It,e=St(Nt,e,We(e)))}
function Ft (line 14) | function Ft(e,t,n){"topFocus"===e?(Ut(),Nt=n,(Pt=t).attachEvent("onprope...
function Lt (line 14) | function Lt(e){if("topSelectionChange"===e||"topKeyUp"===e||"topKeyDown"...
function jt (line 14) | function jt(e,t){if("topClick"===e)return Ot(t)}
function At (line 14) | function At(e,t){if("topInput"===e||"topChange"===e)return Ot(t)}
function Vt (line 14) | function Vt(e){var t=this.nativeEvent;return t.getModifierState?t.getMod...
function Wt (line 14) | function Wt(){return Vt}
function qt (line 14) | function qt(e){var t=e;if(e.alternate)for(;t.return;)t=t.return;else{if(...
function Gt (line 14) | function Gt(e){return!!(e=e._reactInternalFiber)&&2===qt(e)}
function Yt (line 14) | function Yt(e){2!==qt(e)&&d("188")}
function Xt (line 14) | function Xt(e){var t=e.alternate;if(!t)return 3===(t=qt(e))&&d("188"),1=...
function Jt (line 14) | function Jt(e){if(!(e=Xt(e)))return null;for(var t=e;;){if(5===t.tag||6=...
function nn (line 14) | function nn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&...
function pn (line 14) | function pn(e,t){var n=e[0].toUpperCase()+e.slice(1),r="on"+n;t={phasedR...
function yn (line 14) | function yn(e){var t=e.targetInst;do{if(!t){e.ancestors.push(t);break}va...
function bn (line 14) | function bn(e){gn=!!e}
function wn (line 14) | function wn(e,t,n){if(!n)return null;e=(mn(e)?xn:kn).bind(null,e),n.addE...
function Cn (line 14) | function Cn(e,t,n){if(!n)return null;e=(mn(e)?xn:kn).bind(null,e),n.addE...
function xn (line 14) | function xn(e,t){je(kn,e,t)}
function kn (line 14) | function kn(e,t){if(gn){var n=We(t);if(null!==(n=V(n))&&"number"==typeof...
method _enabled (line 14) | get _enabled(){return gn}
function _n (line 14) | function _n(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["W...
function Nn (line 14) | function Nn(e){if(Sn[e])return Sn[e];if(!Tn[e])return e;var t,n=Tn[e];fo...
function Dn (line 14) | function Dn(e){return Object.prototype.hasOwnProperty.call(e,Un)||(e[Un]...
function Fn (line 14) | function Fn(e){for(;e&&e.firstChild;)e=e.firstChild;return e}
function Ln (line 14) | function Ln(e,t){var n,r=Fn(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.t...
function jn (line 14) | function jn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&(...
function Kn (line 14) | function Kn(e,t){if(Wn||null==Hn||Hn!==u())return null;var n=Hn;return"s...
function Qn (line 14) | function Qn(e,t,n,r){this.tag=e,this.key=n,this.stateNode=this.type=null...
function qn (line 14) | function qn(e,t,n){var r=e.alternate;return null===r?((r=new Qn(e.tag,t,...
function Gn (line 14) | function Gn(e,t,n){var r=e.type,o=e.key;e=e.props;var a=void 0;if("funct...
function Yn (line 14) | function Yn(e,t,n,r){return(e=new Qn(10,e,r,t)).expirationTime=n,e}
function Xn (line 14) | function Xn(e,t,n){return(e=new Qn(6,e,null,t)).expirationTime=n,e}
function Jn (line 14) | function Jn(e,t,n){return(t=new Qn(4,null!==e.children?e.children:[],e.k...
function tr (line 14) | function tr(e){return function(t){try{return e(t)}catch(e){}}}
function nr (line 14) | function nr(e){"function"==typeof Zn&&Zn(e)}
function rr (line 14) | function rr(e){"function"==typeof er&&er(e)}
function or (line 14) | function or(e){return{baseState:e,expirationTime:0,first:null,last:null,...
function ar (line 14) | function ar(e,t){null===e.last?e.first=e.last=t:(e.last.next=t,e.last=t)...
function ur (line 14) | function ur(e){ir=lr=null;var t=e.alternate,n=e.updateQueue;null===n&&(n...
function cr (line 14) | function cr(e,t){ur(e),e=ir;var n=lr;null===n?ar(e,t):null===e.last||nul...
function sr (line 14) | function sr(e,t,n,r){return"function"==typeof(e=e.partialState)?e.call(t...
function fr (line 14) | function fr(e,t,n,r,o,a){null!==e&&e.updateQueue===n&&(n=t.updateQueue={...
function dr (line 14) | function dr(e,t){var n=e.callbackList;if(null!==n)for(e.callbackList=nul...
function hr (line 14) | function hr(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=...
function mr (line 14) | function mr(e,t){"textarea"!==e.type&&d("31","[object Object]"===Object....
function vr (line 14) | function vr(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.next...
function br (line 14) | function br(e,t,n,r,o,a,l){function u(e,t,n){s(e,t,n,t.expirationTime)}f...
function wr (line 14) | function wr(e,t){var n=t.source;null===t.stack&&st(n),null!==n&&ct(n),t=...
function xr (line 14) | function xr(e){function t(){if(null!==ee)for(var e=ee.return;null!==e;)U...
function kr (line 14) | function kr(e){function t(e,t,n,r,o,i){if(r=t.current,n){n=n._reactInter...
function Hr (line 14) | function Hr(e,t){return e=i({children:void 0},t),(t=function(e){var t=""...
function Br (line 14) | function Br(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t...
function Vr (line 14) | function Vr(e,t){var n=t.value;e._wrapperState={initialValue:null!=n?n:t...
function Wr (line 14) | function Wr(e,t){return null!=t.dangerouslySetInnerHTML&&d("91"),i({},t,...
function Kr (line 14) | function Kr(e,t){var n=t.value;null==n&&(n=t.defaultValue,null!=(t=t.chi...
function $r (line 14) | function $r(e,t){var n=t.value;null!=n&&((n=""+n)!==e.value&&(e.value=n)...
function Qr (line 14) | function Qr(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e....
function Gr (line 14) | function Gr(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";ca...
function Yr (line 14) | function Yr(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Gr(t...
function eo (line 14) | function eo(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.n...
function ro (line 14) | function ro(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=...
function ao (line 14) | function ao(e,t,n){t&&(oo[e]&&(null!=t.children||null!=t.dangerouslySetI...
function io (line 14) | function io(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;swit...
function uo (line 14) | function uo(e,t){var n=Dn(e=9===e.nodeType||11===e.nodeType?e:e.ownerDoc...
function co (line 14) | function co(e,t,n,r){return n=9===n.nodeType?n:n.ownerDocument,r===qr.ht...
function so (line 14) | function so(e,t){return(9===t.nodeType?t:t.ownerDocument).createTextNode...
function fo (line 14) | function fo(e,t,n,r){var o=io(t,n);switch(t){case"iframe":case"object":w...
function po (line 14) | function po(e,t,n,r,o){var a=null;switch(t){case"input":n=bt(e,n),r=bt(e...
function ho (line 14) | function ho(e,t,n,r,o){"input"===n&&"radio"===o.type&&null!=o.name&&Ct(e...
function mo (line 14) | function mo(e,t,n,r,o){switch(t){case"iframe":case"object":wn("topLoad",...
function vo (line 14) | function vo(e,t){return e.nodeValue!==t}
function wo (line 14) | function wo(e){this._expirationTime=_o.computeUniqueAsyncExpiration(),th...
function Co (line 14) | function Co(){this._callbacks=null,this._didCommit=!1,this._onCommit=thi...
function xo (line 14) | function xo(e,t,n){this._internalRoot=_o.createContainer(e,t,n)}
function ko (line 14) | function ko(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeTy...
function Eo (line 14) | function Eo(e,t){switch(e){case"button":case"input":case"select":case"te...
function So (line 14) | function So(e,t,n,r,o){ko(n)||d("200");var a=n._reactRootContainer;if(a)...
function Po (line 14) | function Po(e,t){var n=2<arguments.length&&void 0!==arguments[2]?argumen...
function y (line 22) | function y(e){for(var t=arguments.length-1,n="http://reactjs.org/docs/er...
function b (line 22) | function b(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n...
function w (line 22) | function w(){}
function C (line 22) | function C(e,t,n){this.props=e,this.context=t,this.refs=a,this.updater=n...
function T (line 22) | function T(e,t,n){var r=void 0,o={},a=null,i=null;if(null!=t)for(r in vo...
function S (line 22) | function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===u}
function I (line 22) | function I(e,t,n,r){if(N.length){var o=N.pop();return o.result=e,o.keyPr...
function O (line 22) | function O(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,...
function R (line 22) | function R(e,t,n,r){var o=typeof e;"undefined"!==o&&"boolean"!==o||(e=nu...
function M (line 22) | function M(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function...
function U (line 22) | function U(e,t){e.func.call(e.context,t,e.count++)}
function D (line 22) | function D(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t...
function F (line 22) | function F(e,t,n,r,o){var a="";null!=n&&(a=(""+n).replace(P,"$&/")+"/"),...
function e (line 22) | function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.en...
function u (line 22) | function u(e){return e&&e.__esModule?e:{default:e}}
function c (line 22) | function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a ...
function s (line 22) | function s(e,t){if(!e)throw new ReferenceError("this hasn't been initial...
function f (line 22) | function f(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("S...
function t (line 22) | function t(){var e,n,r;c(this,t);for(var o=arguments.length,a=Array(o),i...
function t (line 22) | function t(){var e,n,r;c(this,t);for(var o=arguments.length,a=Array(o),i...
function t (line 22) | function t(){var e,n,r;c(this,t);for(var o=arguments.length,a=Array(o),i...
function t (line 22) | function t(){var e,n,r;c(this,t);for(var o=arguments.length,a=Array(o),i...
FILE: src/docs/index.jsx
class KeyboardList (line 23) | class KeyboardList extends React.Component {
method render (line 72) | render() {
class Love (line 105) | class Love extends React.Component {
method componentDidMount (line 128) | componentDidMount() {
method componentWillUnmount (line 132) | componentWillUnmount() {
method render (line 136) | render() {
class BPMMeter (line 177) | class BPMMeter extends React.Component {
method render (line 196) | render() {
class DemoApp (line 217) | class DemoApp extends React.Component {
method render (line 245) | render() {
FILE: src/lib/input.js
class Input (line 4) | class Input extends React.PureComponent {
method componentDidMount (line 14) | componentDidMount() {
method componentWillUnmount (line 30) | componentWillUnmount() {
method render (line 34) | render() {
Condensed preview — 16 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (157K chars).
[
{
"path": ".babelrc",
"chars": 130,
"preview": "{\n \"presets\": [\"flow\",\"env\", \"react\"],\n \"plugins\": [\n \"transform-object-rest-spread\",\n \"transform-class-properti"
},
{
"path": ".flowconfig",
"chars": 58,
"preview": "[ignore]\n\n[include]\n\n[libs]\n\n[lints]\n\n[options]\n\n[strict]\n"
},
{
"path": ".gitignore",
"chars": 37,
"preview": ".DS_Store\n*.log\nnode_modules\ndist\nes\n"
},
{
"path": ".npmignore",
"chars": 35,
"preview": "docs\nsrc\n.babelrc\nwebpack.config.js"
},
{
"path": "LICENSE",
"chars": 1069,
"preview": "MIT License\n\nCopyright (c) 2018 Armando Sosa\n\nPermission is hereby granted, free of charge, to any person obtaining a co"
},
{
"path": "README.md",
"chars": 5999,
"preview": "# 🎹 React Keyboardist\n\n\n\nReact Keyboardist offers a simple and declarative way to add keyboard shor"
},
{
"path": "docs/bundle.js",
"chars": 130119,
"preview": "!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.expo"
},
{
"path": "docs/index.html",
"chars": 523,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, i"
},
{
"path": "package.json",
"chars": 1542,
"preview": "{\n \"name\": \"react-keyboardist\",\n \"version\": \"0.2.0\",\n \"description\":\n \"A simple keyboard global manager for react."
},
{
"path": "src/docs/index.html",
"chars": 467,
"preview": "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, i"
},
{
"path": "src/docs/index.jsx",
"chars": 6126,
"preview": "import React from 'react';\nimport { render } from 'react-dom';\nimport Keyboardist, { KeyboardInput } from '../lib';\nimpo"
},
{
"path": "src/docs/styles.css",
"chars": 2691,
"preview": "body {\n font-family: 'Futura', 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS',\n sans-serif;\n margin: 0;\n bac"
},
{
"path": "src/lib/global.js",
"chars": 1107,
"preview": "// @flow\nimport * as React from 'react';\nimport createListener from 'keyboardist';\n\nconst listeners = {\n keydown: creat"
},
{
"path": "src/lib/index.jsx",
"chars": 143,
"preview": "import GlobalKeyboardist from './global';\nimport Input from './input';\n\nexport const KeyboardInput = Input;\n\nexport defa"
},
{
"path": "src/lib/input.js",
"chars": 1033,
"preview": "import * as React from 'react';\nimport createListener from 'keyboardist';\n\nclass Input extends React.PureComponent {\n s"
},
{
"path": "webpack.config.js",
"chars": 774,
"preview": "const path = require('path');\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\n\nconst port = process.env.PORT |"
}
]
About this extraction
This page contains the full source code of the soska/react-keyboardist GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 16 files (148.3 KB), approximately 48.7k tokens, and a symbol index with 203 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.