├── .editorconfig
├── .eslintrc.js
├── .gitattributes
├── .gitignore
├── .npmignore
├── .release-it.json
├── .size-snapshot.json
├── .travis.yml
├── CHANGELOG.md
├── LICENSE
├── README.md
├── babel.config.js
├── docs
    ├── example.png
    ├── index.html
    └── main.0322e55f6eb6aaa0d9e3.js
├── jest.config.js
├── package.json
├── prettier.config.js
├── renovate.json
├── rollup.config.js
├── src
    ├── example
    │   ├── example.png
    │   └── index.tsx
    ├── index.ts
    └── useVisible.tsx
├── template.html
├── tsconfig.json
├── webpack.config.js
└── yarn.lock


/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | indent_size = 2
 6 | end_of_line = lf
 7 | indent_style = space
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.md]
12 | trim_trailing_whitespace = false
13 | 


--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   root: true,
 3 |   env: {
 4 |     browser: true,
 5 |     commonjs: true,
 6 |     es6: true
 7 |   },
 8 |   extends: ['plugin:react/recommended', 'prettier/@typescript-eslint'],
 9 |   plugins: ['@typescript-eslint', 'prettier', 'react', 'react-hooks'],
10 |   parser: '@typescript-eslint/parser',
11 |   parserOptions: {
12 |     sourceType: 'module',
13 |     ecmaVersion: 2018,
14 |     ecmaFeatures: {
15 |       jsx: true
16 |     }
17 |   },
18 |   settings: {
19 |     react: {
20 |       createClass: 'createReactClass',
21 |       pragma: 'React', // Pragma to use, default to "React"
22 |       version: '16.8'
23 |     },
24 |     propWrapperFunctions: [
25 |       'forbidExtraProps',
26 |       { property: 'freeze', object: 'Object' },
27 |       { property: 'myFavoriteWrapper' }
28 |     ],
29 |     linkComponents: ['Hyperlink', { name: 'Link', linkAttribute: 'to' }]
30 |   },
31 |   rules: {
32 |     // react-config -> https://github.com/yannickcr/eslint-plugin-react/
33 |     'react/jsx-uses-react': 'error',
34 |     'react/jsx-uses-vars': 'error',
35 |     'react/no-deprecated': 'error',
36 |     'react/display-name': [0],
37 |     'react/prop-types': [0],
38 |     'react-hooks/rules-of-hooks': 'error',
39 |     'react-hooks/exhaustive-deps': 'warn',
40 |     strict: 'error',
41 |     'check-constructor': false,
42 |     'no-comma-dangle': false,
43 |     'no-empty-interface': false,
44 |     'no-unused-vars': [0],
45 |     'prettier/prettier': [
46 |       'error',
47 |       {
48 |         semi: false,
49 |         singleQuote: true,
50 |         printWidth: 80,
51 |         tabWidth: 2
52 |       }
53 |     ]
54 |   }
55 | }
56 | 


--------------------------------------------------------------------------------
/.gitattributes:
--------------------------------------------------------------------------------
1 | lib/* linguist-vendored
2 | *.js linguist-vendored
3 | *.html linguist-vendored
4 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | 
 6 | # testing
 7 | /coverage
 8 | 
 9 | # production,distfile
10 | /build
11 | 
12 | npm-debug.log*
13 | yarn-debug.log*
14 | yarn-error.log*
15 | package-lock.json
16 | .vscode
17 | 
18 | # yarn.lock
19 | lib
20 | 


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | *.env
 2 | node_modules
 3 | .vscode
 4 | template.html
 5 | webpack.*.js
 6 | renovate.json
 7 | .travis.yml
 8 | src/example
 9 | prettier.config.js
10 | 


--------------------------------------------------------------------------------
/.release-it.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "git": {
 3 |     "tagName": "v${version}",
 4 |     "requireUpstream": false,
 5 |     "requireCleanWorkingDir": false
 6 |   },
 7 |   "github": {
 8 |     "release": true
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/.size-snapshot.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "lib/index.min.js": {
 3 |     "bundled": 906,
 4 |     "minified": 906,
 5 |     "gzipped": 540
 6 |   },
 7 |   "lib/index.cjs.js": {
 8 |     "bundled": 1797,
 9 |     "minified": 1042,
10 |     "gzipped": 543
11 |   },
12 |   "lib/index.esm.js": {
13 |     "bundled": 1335,
14 |     "minified": 752,
15 |     "gzipped": 447,
16 |     "treeshaked": {
17 |       "rollup": {
18 |         "code": 14,
19 |         "import_statements": 14
20 |       },
21 |       "webpack": {
22 |         "code": 1036
23 |       }
24 |     }
25 |   }
26 | }
27 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: node_js
 2 | 
 3 | node_js:
 4 |   - 8
 5 |   - 6
 6 | 
 7 | jobs:
 8 |   include:
 9 |     # Define the release stage that runs semantic-release
10 |     - stage: release
11 |       node_js: lts/*
12 |       # Advanced: optionally overwrite your default `script` step to skip the tests
13 |       # script: skip
14 |       deploy:
15 |         provider: script
16 |         skip_cleanup: true
17 |         script:
18 |           - npm i
19 |           - npm run release
20 | 


--------------------------------------------------------------------------------
/CHANGELOG.md:
--------------------------------------------------------------------------------
1 | # Change Log
2 | 
3 | ## [v1.0.0](https://github.com/kmkzt/react-hooks-visible/tree/v1.0.0) (2019-05-27)
4 | 
5 | 
6 | \* *This Change Log was automatically generated by [github_changelog_generator](https://github.com/skywinder/Github-Changelog-Generator)*


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2019 kmkzt
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # react-hooks-visible
 2 | 
 3 | [![npm version](https://badge.fury.io/js/react-hooks-visible.svg)](https://badge.fury.io/js/react-hooks-visible.svg) ![npm](https://img.shields.io/npm/dt/react-hooks-visible.svg)
 4 | 
 5 | `react-hooks-visible` is React Hooks library for element visibility. Uses the intersection observer API.
 6 | 
 7 | **[demo](https://kmkzt.github.io/react-hooks-visible/)**
 8 | 
 9 | ## Get started
10 | 
11 | ```shell
12 | yarn add react react-hooks-visible
13 | ```
14 | 
15 | ## How to use
16 | 
17 | started
18 | 
19 | ```javascript
20 | import React from 'react'
21 | import { useVisible } from 'react-hooks-visible'
22 | 
23 | const VisibleComponent = () => {
24 |   const [targetRef, visible] = useVisible()
25 |   return (
26 |     <div ref={targetRef}>This is {Math.floor(visible * 100)} % visible </div>
27 |   )
28 | }
29 | ```
30 | 
31 | Pass a function to an argument, and you can change the return value
32 | 
33 | ```javascript
34 | // Percent value.
35 | const [targetRef, percent] = useVisible((vi: number) => Math.floor(vi * 100))
36 | 
37 | // Boolean. This example is 50% visible.
38 | const [targetRef, isVisible] = useVisible((vi: number) => vi > 0.5)
39 | 
40 | // CSSProperties. opacity
41 | const [styleExampleRef, visibleStyle] = useVisible((vi: number) => ({
42 |   opacity: vi
43 | }))
44 | ```
45 | 
46 | ### Options.
47 | 
48 | This is same as IntersectionObserver Option.
49 | https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#Creating_an_intersection_observer
50 | 
51 | ```javascript
52 | const [targetRef, visible] = useVisble(Math.floor(visible * 100),{
53 |   root: document.querySelector('wrapper') // Wrap element
54 |   rootMargin: '10px', //wrap element margin
55 |   threshold: [0.1, 0.2, 0.3, 0.4]
56 | })
57 | ```
58 | 
59 | [example code](src/example/)
60 | 


--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
 1 | const { BABEL_ENV, NODE_ENV } = process.env
 2 | const modules = BABEL_ENV === 'cjs' || NODE_ENV === 'test' ? 'commonjs' : false
 3 | 
 4 | module.exports = api => {
 5 |   api.cache(false)
 6 |   return {
 7 |     presets: [
 8 |       [
 9 |         '@babel/preset-env',
10 |         {
11 |           targets: NODE_ENV === 'test' ? { node: 'current' } : undefined,
12 |           loose: true,
13 |           modules
14 |         }
15 |       ],
16 |       // react only
17 |       '@babel/preset-react',
18 |       '@babel/preset-typescript'
19 |     ],
20 |     plugins: [
21 |       // react only
22 |       // [
23 |       //   'babel-plugin-transform-react-remove-prop-types',
24 |       //   { mode: 'unsafe-wrap' }
25 |       // ],
26 |       ['@babel/plugin-proposal-object-rest-spread', { loose: true }],
27 |       ['@babel/plugin-proposal-class-properties', { loose: true }]
28 |       // modules === 'commonjs' && 'add-module-exports'
29 |     ]
30 |   }
31 | }
32 | 


--------------------------------------------------------------------------------
/docs/example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kmkzt/react-hooks-visible/de8746aff7598d4e76e010a791fe65f62faa8c38/docs/example.png


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 | <!doctype html> <html> <head> <title>react-hooks-visible</title> <meta charset=utf-8 /> <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"/> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-91428067-3"></script> <script>function gtag(){dataLayer.push(arguments)}window.dataLayer=window.dataLayer||[],gtag("js",new Date),gtag("config","UA-91428067-3")</script> </head> <body><script type="text/javascript" src="main.0322e55f6eb6aaa0d9e3.js"></script></body> </html> 


--------------------------------------------------------------------------------
/docs/main.0322e55f6eb6aaa0d9e3.js:
--------------------------------------------------------------------------------
 1 | !function(e){var t={};function n(r){if(t[r])return t[r].exports;var l=t[r]={i:r,l:!1,exports:{}};return e[r].call(l.exports,l,l.exports,n),l.l=!0,l.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)n.d(r,l,function(t){return e[t]}.bind(null,l));return r},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=9)}([function(e,t,n){"use strict";e.exports=n(3)},function(e,t,n){"use strict";
 2 | /*
 3 | object-assign
 4 | (c) Sindre Sorhus
 5 | @license MIT
 6 | */var r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function a(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,o,u=a(e),c=1;c<arguments.length;c++){for(var s in n=Object(arguments[c]))l.call(n,s)&&(u[s]=n[s]);if(r){o=r(n);for(var f=0;f<o.length;f++)i.call(n,o[f])&&(u[o[f]]=n[o[f]])}}return u}},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(4)},function(e,t,n){"use strict";
 7 | /** @license React v16.8.6
 8 |  * react.production.min.js
 9 |  *
10 |  * Copyright (c) Facebook, Inc. and its affiliates.
11 |  *
12 |  * This source code is licensed under the MIT license found in the
13 |  * LICENSE file in the root directory of this source tree.
14 |  */var r=n(1),l="function"==typeof Symbol&&Symbol.for,i=l?Symbol.for("react.element"):60103,a=l?Symbol.for("react.portal"):60106,o=l?Symbol.for("react.fragment"):60107,u=l?Symbol.for("react.strict_mode"):60108,c=l?Symbol.for("react.profiler"):60114,s=l?Symbol.for("react.provider"):60109,f=l?Symbol.for("react.context"):60110,d=l?Symbol.for("react.concurrent_mode"):60111,p=l?Symbol.for("react.forward_ref"):60112,m=l?Symbol.for("react.suspense"):60113,h=l?Symbol.for("react.memo"):60115,v=l?Symbol.for("react.lazy"):60116,y="function"==typeof Symbol&&Symbol.iterator;function g(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(e,t,n,r,l,i,a,o){if(!e){if(e=void 0,void 0===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,l,i,a,o],c=0;(e=Error(t.replace(/%s/g,function(){return u[c++]}))).name="Invariant Violation"}throw e.framesToPop=1,e}}(!1,"Minified React error #"+e+"; visit %s for the full message or use the non-minified dev environment for full errors and additional helpful warnings. ",n)}var b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},k={};function x(e,t,n){this.props=e,this.context=t,this.refs=k,this.updater=n||b}function w(){}function T(e,t,n){this.props=e,this.context=t,this.refs=k,this.updater=n||b}x.prototype.isReactComponent={},x.prototype.setState=function(e,t){"object"!=typeof e&&"function"!=typeof e&&null!=e&&g("85"),this.updater.enqueueSetState(this,e,t,"setState")},x.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},w.prototype=x.prototype;var _=T.prototype=new w;_.constructor=T,r(_,x.prototype),_.isPureReactComponent=!0;var S={current:null},E={current:null},C=Object.prototype.hasOwnProperty,P={key:!0,ref:!0,__self:!0,__source:!0};function N(e,t,n){var r=void 0,l={},a=null,o=null;if(null!=t)for(r in void 0!==t.ref&&(o=t.ref),void 0!==t.key&&(a=""+t.key),t)C.call(t,r)&&!P.hasOwnProperty(r)&&(l[r]=t[r]);var u=arguments.length-2;if(1===u)l.children=n;else if(1<u){for(var c=Array(u),s=0;s<u;s++)c[s]=arguments[s+2];l.children=c}if(e&&e.defaultProps)for(r in u=e.defaultProps)void 0===l[r]&&(l[r]=u[r]);return{$$typeof:i,type:e,key:a,ref:o,props:l,_owner:E.current}}function O(e){return"object"==typeof e&&null!==e&&e.$$typeof===i}var R=/\/+/g,z=[];function M(e,t,n,r){if(z.length){var l=z.pop();return l.result=e,l.keyPrefix=t,l.func=n,l.context=r,l.count=0,l}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function I(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>z.length&&z.push(e)}function U(e,t,n){return null==e?0:function e(t,n,r,l){var o=typeof t;"undefined"!==o&&"boolean"!==o||(t=null);var u=!1;if(null===t)u=!0;else switch(o){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case i:case a:u=!0}}if(u)return r(l,t,""===n?"."+D(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c<t.length;c++){var s=n+D(o=t[c],c);u+=e(o,s,r,l)}else if(s=null===t||"object"!=typeof t?null:"function"==typeof(s=y&&t[y]||t["@@iterator"])?s:null,"function"==typeof s)for(t=s.call(t),c=0;!(o=t.next()).done;)u+=e(o=o.value,s=n+D(o,c++),r,l);else"object"===o&&g("31","[object Object]"==(r=""+t)?"object with keys {"+Object.keys(t).join(", ")+"}":r,"");return u}(e,"",t,n)}function D(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 F(e,t){e.func.call(e.context,t,e.count++)}function L(e,t,n){var r=e.result,l=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?A(e,r,n,function(e){return e}):null!=e&&(O(e)&&(e=function(e,t){return{$$typeof:i,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(e,l+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(R,"$&/")+"/")+n)),r.push(e))}function A(e,t,n,r,l){var i="";null!=n&&(i=(""+n).replace(R,"$&/")+"/"),U(e,L,t=M(t,i,r,l)),I(t)}function j(){var e=S.current;return null===e&&g("321"),e}var W={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return A(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;U(e,F,t=M(null,null,t,n)),I(t)},count:function(e){return U(e,function(){return null},null)},toArray:function(e){var t=[];return A(e,t,null,function(e){return e}),t},only:function(e){return O(e)||g("143"),e}},createRef:function(){return{current:null}},Component:x,PureComponent:T,createContext:function(e,t){return void 0===t&&(t=null),(e={$$typeof:f,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:p,render:e}},lazy:function(e){return{$$typeof:v,_ctor:e,_status:-1,_result:null}},memo:function(e,t){return{$$typeof:h,type:e,compare:void 0===t?null:t}},useCallback:function(e,t){return j().useCallback(e,t)},useContext:function(e,t){return j().useContext(e,t)},useEffect:function(e,t){return j().useEffect(e,t)},useImperativeHandle:function(e,t,n){return j().useImperativeHandle(e,t,n)},useDebugValue:function(){},useLayoutEffect:function(e,t){return j().useLayoutEffect(e,t)},useMemo:function(e,t){return j().useMemo(e,t)},useReducer:function(e,t,n){return j().useReducer(e,t,n)},useRef:function(e){return j().useRef(e)},useState:function(e){return j().useState(e)},Fragment:o,StrictMode:u,Suspense:m,createElement:N,cloneElement:function(e,t,n){null==e&&g("267",e);var l=void 0,a=r({},e.props),o=e.key,u=e.ref,c=e._owner;if(null!=t){void 0!==t.ref&&(u=t.ref,c=E.current),void 0!==t.key&&(o=""+t.key);var s=void 0;for(l in e.type&&e.type.defaultProps&&(s=e.type.defaultProps),t)C.call(t,l)&&!P.hasOwnProperty(l)&&(a[l]=void 0===t[l]&&void 0!==s?s[l]:t[l])}if(1===(l=arguments.length-2))a.children=n;else if(1<l){s=Array(l);for(var f=0;f<l;f++)s[f]=arguments[f+2];a.children=s}return{$$typeof:i,type:e.type,key:o,ref:u,props:a,_owner:c}},createFactory:function(e){var t=N.bind(null,e);return t.type=e,t},isValidElement:O,version:"16.8.6",unstable_ConcurrentMode:d,unstable_Profiler:c,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentDispatcher:S,ReactCurrentOwner:E,assign:r}},V={default:W},B=V&&W||V;e.exports=B.default||B},function(e,t,n){"use strict";
15 | /** @license React v16.8.6
16 |  * react-dom.production.min.js
17 |  *
18 |  * Copyright (c) Facebook, Inc. and its affiliates.
19 |  *
20 |  * This source code is licensed under the MIT license found in the
21 |  * LICENSE file in the root directory of this source tree.
22 |  */var r=n(0),l=n(1),i=n(5);function a(e){for(var t=arguments.length-1,n="https://reactjs.org/docs/error-decoder.html?invariant="+e,r=0;r<t;r++)n+="&args[]="+encodeURIComponent(arguments[r+1]);!function(e,t,n,r,l,i,a,o){if(!e){if(e=void 0,void 0===t)e=Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var u=[n,r,l,i,a,o],c=0;(e=Error(t.replace(/%s/g,function(){return u[c++]}))).name="Invariant Violation"}throw e.framesToPop=1,e}}(!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)}r||a("227");var o=!1,u=null,c=!1,s=null,f={onError:function(e){o=!0,u=e}};function d(e,t,n,r,l,i,a,c,s){o=!1,u=null,function(e,t,n,r,l,i,a,o,u){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(e){this.onError(e)}}.apply(f,arguments)}var p=null,m={};function h(){if(p)for(var e in m){var t=m[e],n=p.indexOf(e);if(-1<n||a("96",e),!y[n])for(var r in t.extractEvents||a("97",e),y[n]=t,n=t.eventTypes){var l=void 0,i=n[r],o=t,u=r;g.hasOwnProperty(u)&&a("99",u),g[u]=i;var c=i.phasedRegistrationNames;if(c){for(l in c)c.hasOwnProperty(l)&&v(c[l],o,u);l=!0}else i.registrationName?(v(i.registrationName,o,u),l=!0):l=!1;l||a("98",r,e)}}}function v(e,t,n){b[e]&&a("100",e),b[e]=t,k[e]=t.eventTypes[n].dependencies}var y=[],g={},b={},k={},x=null,w=null,T=null;function _(e,t,n){var r=e.type||"unknown-event";e.currentTarget=T(n),function(e,t,n,r,l,i,f,p,m){if(d.apply(this,arguments),o){if(o){var h=u;o=!1,u=null}else a("198"),h=void 0;c||(c=!0,s=h)}}(r,t,void 0,e),e.currentTarget=null}function S(e,t){return null==t&&a("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 E(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}var C=null;function P(e){if(e){var t=e._dispatchListeners,n=e._dispatchInstances;if(Array.isArray(t))for(var r=0;r<t.length&&!e.isPropagationStopped();r++)_(e,t[r],n[r]);else t&&_(e,t,n);e._dispatchListeners=null,e._dispatchInstances=null,e.isPersistent()||e.constructor.release(e)}}var N={injectEventPluginOrder:function(e){p&&a("101"),p=Array.prototype.slice.call(e),h()},injectEventPluginsByName:function(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]&&a("102",t),m[t]=r,n=!0)}n&&h()}};function O(e,t){var n=e.stateNode;if(!n)return null;var r=x(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&&a("231",t,typeof n),n)}function R(e){if(null!==e&&(C=S(C,e)),e=C,C=null,e&&(E(e,P),C&&a("95"),c))throw e=s,c=!1,s=null,e}var z=Math.random().toString(36).slice(2),M="__reactInternalInstance$"+z,I="__reactEventHandlers$"+z;function U(e){if(e[M])return e[M];for(;!e[M];){if(!e.parentNode)return null;e=e.parentNode}return 5===(e=e[M]).tag||6===e.tag?e:null}function D(e){return!(e=e[M])||5!==e.tag&&6!==e.tag?null:e}function F(e){if(5===e.tag||6===e.tag)return e.stateNode;a("33")}function L(e){return e[I]||null}function A(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function j(e,t,n){(t=O(e,n.dispatchConfig.phasedRegistrationNames[t]))&&(n._dispatchListeners=S(n._dispatchListeners,t),n._dispatchInstances=S(n._dispatchInstances,e))}function W(e){if(e&&e.dispatchConfig.phasedRegistrationNames){for(var t=e._targetInst,n=[];t;)n.push(t),t=A(t);for(t=n.length;0<t--;)j(n[t],"captured",e);for(t=0;t<n.length;t++)j(n[t],"bubbled",e)}}function V(e,t,n){e&&n&&n.dispatchConfig.registrationName&&(t=O(e,n.dispatchConfig.registrationName))&&(n._dispatchListeners=S(n._dispatchListeners,t),n._dispatchInstances=S(n._dispatchInstances,e))}function B(e){e&&e.dispatchConfig.registrationName&&V(e._targetInst,null,e)}function H(e){E(e,W)}var $=!("undefined"==typeof window||!window.document||!window.document.createElement);function Q(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var K={animationend:Q("Animation","AnimationEnd"),animationiteration:Q("Animation","AnimationIteration"),animationstart:Q("Animation","AnimationStart"),transitionend:Q("Transition","TransitionEnd")},q={},Y={};function X(e){if(q[e])return q[e];if(!K[e])return e;var t,n=K[e];for(t in n)if(n.hasOwnProperty(t)&&t in Y)return q[e]=n[t];return e}$&&(Y=document.createElement("div").style,"AnimationEvent"in window||(delete K.animationend.animation,delete K.animationiteration.animation,delete K.animationstart.animation),"TransitionEvent"in window||delete K.transitionend.transition);var G=X("animationend"),Z=X("animationiteration"),J=X("animationstart"),ee=X("transitionend"),te="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),ne=null,re=null,le=null;function ie(){if(le)return le;var e,t,n=re,r=n.length,l="value"in ne?ne.value:ne.textContent,i=l.length;for(e=0;e<r&&n[e]===l[e];e++);var a=r-e;for(t=1;t<=a&&n[r-t]===l[i-t];t++);return le=l.slice(e,1<t?1-t:void 0)}function ae(){return!0}function oe(){return!1}function ue(e,t,n,r){for(var l in this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n,e=this.constructor.Interface)e.hasOwnProperty(l)&&((t=e[l])?this[l]=t(n):"target"===l?this.target=r:this[l]=n[l]);return this.isDefaultPrevented=(null!=n.defaultPrevented?n.defaultPrevented:!1===n.returnValue)?ae:oe,this.isPropagationStopped=oe,this}function ce(e,t,n,r){if(this.eventPool.length){var l=this.eventPool.pop();return this.call(l,e,t,n,r),l}return new this(e,t,n,r)}function se(e){e instanceof this||a("279"),e.destructor(),10>this.eventPool.length&&this.eventPool.push(e)}function fe(e){e.eventPool=[],e.getPooled=ce,e.release=se}l(ue.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=ae)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ae)},persist:function(){this.isPersistent=ae},isPersistent:oe,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null,this.isPropagationStopped=this.isDefaultPrevented=oe,this._dispatchInstances=this._dispatchListeners=null}}),ue.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null},ue.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var i=new t;return l(i,n.prototype),n.prototype=i,n.prototype.constructor=n,n.Interface=l({},r.Interface,e),n.extend=r.extend,fe(n),n},fe(ue);var de=ue.extend({data:null}),pe=ue.extend({data:null}),me=[9,13,27,32],he=$&&"CompositionEvent"in window,ve=null;$&&"documentMode"in document&&(ve=document.documentMode);var ye=$&&"TextEvent"in window&&!ve,ge=$&&(!he||ve&&8<ve&&11>=ve),be=String.fromCharCode(32),ke={beforeInput:{phasedRegistrationNames:{bubbled:"onBeforeInput",captured:"onBeforeInputCapture"},dependencies:["compositionend","keypress","textInput","paste"]},compositionEnd:{phasedRegistrationNames:{bubbled:"onCompositionEnd",captured:"onCompositionEndCapture"},dependencies:"blur compositionend keydown keypress keyup mousedown".split(" ")},compositionStart:{phasedRegistrationNames:{bubbled:"onCompositionStart",captured:"onCompositionStartCapture"},dependencies:"blur compositionstart keydown keypress keyup mousedown".split(" ")},compositionUpdate:{phasedRegistrationNames:{bubbled:"onCompositionUpdate",captured:"onCompositionUpdateCapture"},dependencies:"blur compositionupdate keydown keypress keyup mousedown".split(" ")}},xe=!1;function we(e,t){switch(e){case"keyup":return-1!==me.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function Te(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var _e=!1;var Se={eventTypes:ke,extractEvents:function(e,t,n,r){var l=void 0,i=void 0;if(he)e:{switch(e){case"compositionstart":l=ke.compositionStart;break e;case"compositionend":l=ke.compositionEnd;break e;case"compositionupdate":l=ke.compositionUpdate;break e}l=void 0}else _e?we(e,n)&&(l=ke.compositionEnd):"keydown"===e&&229===n.keyCode&&(l=ke.compositionStart);return l?(ge&&"ko"!==n.locale&&(_e||l!==ke.compositionStart?l===ke.compositionEnd&&_e&&(i=ie()):(re="value"in(ne=r)?ne.value:ne.textContent,_e=!0)),l=de.getPooled(l,t,n,r),i?l.data=i:null!==(i=Te(n))&&(l.data=i),H(l),i=l):i=null,(e=ye?function(e,t){switch(e){case"compositionend":return Te(t);case"keypress":return 32!==t.which?null:(xe=!0,be);case"textInput":return(e=t.data)===be&&xe?null:e;default:return null}}(e,n):function(e,t){if(_e)return"compositionend"===e||!he&&we(e,t)?(e=ie(),le=re=ne=null,_e=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return ge&&"ko"!==t.locale?null:t.data;default:return null}}(e,n))?((t=pe.getPooled(ke.beforeInput,t,n,r)).data=e,H(t)):t=null,null===i?t:null===t?i:[i,t]}},Ee=null,Ce=null,Pe=null;function Ne(e){if(e=w(e)){"function"!=typeof Ee&&a("280");var t=x(e.stateNode);Ee(e.stateNode,e.type,t)}}function Oe(e){Ce?Pe?Pe.push(e):Pe=[e]:Ce=e}function Re(){if(Ce){var e=Ce,t=Pe;if(Pe=Ce=null,Ne(e),t)for(e=0;e<t.length;e++)Ne(t[e])}}function ze(e,t){return e(t)}function Me(e,t,n){return e(t,n)}function Ie(){}var Ue=!1;function De(e,t){if(Ue)return e(t);Ue=!0;try{return ze(e,t)}finally{Ue=!1,(null!==Ce||null!==Pe)&&(Ie(),Re())}}var Fe={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 Le(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Fe[e.type]:"textarea"===t}function Ae(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function je(e){if(!$)return!1;var t=(e="on"+e)in document;return t||((t=document.createElement("div")).setAttribute(e,"return;"),t="function"==typeof t[e]),t}function We(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function Ve(e){e._valueTracker||(e._valueTracker=function(e){var t=We(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(e){r=""+e,i.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 Be(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=We(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}var He=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;He.hasOwnProperty("ReactCurrentDispatcher")||(He.ReactCurrentDispatcher={current:null});var $e=/^(.*)[\\\/]/,Qe="function"==typeof Symbol&&Symbol.for,Ke=Qe?Symbol.for("react.element"):60103,qe=Qe?Symbol.for("react.portal"):60106,Ye=Qe?Symbol.for("react.fragment"):60107,Xe=Qe?Symbol.for("react.strict_mode"):60108,Ge=Qe?Symbol.for("react.profiler"):60114,Ze=Qe?Symbol.for("react.provider"):60109,Je=Qe?Symbol.for("react.context"):60110,et=Qe?Symbol.for("react.concurrent_mode"):60111,tt=Qe?Symbol.for("react.forward_ref"):60112,nt=Qe?Symbol.for("react.suspense"):60113,rt=Qe?Symbol.for("react.memo"):60115,lt=Qe?Symbol.for("react.lazy"):60116,it="function"==typeof Symbol&&Symbol.iterator;function at(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=it&&e[it]||e["@@iterator"])?e:null}function ot(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case et:return"ConcurrentMode";case Ye:return"Fragment";case qe:return"Portal";case Ge:return"Profiler";case Xe:return"StrictMode";case nt:return"Suspense"}if("object"==typeof e)switch(e.$$typeof){case Je:return"Context.Consumer";case Ze:return"Context.Provider";case tt:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case rt:return ot(e.type);case lt:if(e=1===e._status?e._result:null)return ot(e)}return null}function ut(e){var t="";do{e:switch(e.tag){case 3:case 4:case 6:case 7:case 10:case 9:var n="";break e;default:var r=e._debugOwner,l=e._debugSource,i=ot(e.type);n=null,r&&(n=ot(r.type)),r=i,i="",l?i=" (at "+l.fileName.replace($e,"")+":"+l.lineNumber+")":n&&(i=" (created by "+n+")"),n="\n    in "+(r||"Unknown")+i}t+=n,e=e.return}while(e);return t}var ct=/^[: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]*$/,st=Object.prototype.hasOwnProperty,ft={},dt={};function pt(e,t,n,r,l){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=l,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 pt(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 pt(t,1,!1,e[1],null)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){mt[e]=new pt(e,2,!1,e.toLowerCase(),null)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){mt[e]=new pt(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 pt(e,3,!1,e.toLowerCase(),null)}),["checked","multiple","muted","selected"].forEach(function(e){mt[e]=new pt(e,3,!0,e,null)}),["capture","download"].forEach(function(e){mt[e]=new pt(e,4,!1,e,null)}),["cols","rows","size","span"].forEach(function(e){mt[e]=new pt(e,6,!1,e,null)}),["rowSpan","start"].forEach(function(e){mt[e]=new pt(e,5,!1,e.toLowerCase(),null)});var ht=/[\-:]([a-z])/g;function vt(e){return e[1].toUpperCase()}function yt(e,t,n,r){var l=mt.hasOwnProperty(t)?mt[t]:null;(null!==l?0===l.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||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,l,r)&&(n=null),r||null===l?function(e){return!!st.call(dt,e)||!st.call(ft,e)&&(ct.test(e)?dt[e]=!0:(ft[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):l.mustUseProperty?e[l.propertyName]=null===n?3!==l.type&&"":n:(t=l.attributeName,r=l.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(l=l.type)||4===l&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function gt(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function bt(e,t){var n=t.checked;return l({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function kt(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=gt(null!=t.value?t.value:n),e._wrapperState={initialChecked:r,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function xt(e,t){null!=(t=t.checked)&&yt(e,"checked",t,!1)}function wt(e,t){xt(e,t);var n=gt(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?_t(e,t.type,n):t.hasOwnProperty("defaultValue")&&_t(e,t.type,gt(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function Tt(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!e.defaultChecked,e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function _t(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach(function(e){var t=e.replace(ht,vt);mt[t]=new pt(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(ht,vt);mt[t]=new pt(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(ht,vt);mt[t]=new pt(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),["tabIndex","crossOrigin"].forEach(function(e){mt[e]=new pt(e,1,!1,e.toLowerCase(),null)});var St={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function Et(e,t,n){return(e=ue.getPooled(St.change,e,t,n)).type="change",Oe(n),H(e),e}var Ct=null,Pt=null;function Nt(e){R(e)}function Ot(e){if(Be(F(e)))return e}function Rt(e,t){if("change"===e)return t}var zt=!1;function Mt(){Ct&&(Ct.detachEvent("onpropertychange",It),Pt=Ct=null)}function It(e){"value"===e.propertyName&&Ot(Pt)&&De(Nt,e=Et(Pt,e,Ae(e)))}function Ut(e,t,n){"focus"===e?(Mt(),Pt=n,(Ct=t).attachEvent("onpropertychange",It)):"blur"===e&&Mt()}function Dt(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Ot(Pt)}function Ft(e,t){if("click"===e)return Ot(t)}function Lt(e,t){if("input"===e||"change"===e)return Ot(t)}$&&(zt=je("input")&&(!document.documentMode||9<document.documentMode));var At={eventTypes:St,_isInputEventSupported:zt,extractEvents:function(e,t,n,r){var l=t?F(t):window,i=void 0,a=void 0,o=l.nodeName&&l.nodeName.toLowerCase();if("select"===o||"input"===o&&"file"===l.type?i=Rt:Le(l)?zt?i=Lt:(i=Dt,a=Ut):(o=l.nodeName)&&"input"===o.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(i=Ft),i&&(i=i(e,t)))return Et(i,n,r);a&&a(e,l,t),"blur"===e&&(e=l._wrapperState)&&e.controlled&&"number"===l.type&&_t(l,"number",l.value)}},jt=ue.extend({view:null,detail:null}),Wt={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Vt(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Wt[e])&&!!t[e]}function Bt(){return Vt}var Ht=0,$t=0,Qt=!1,Kt=!1,qt=jt.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Bt,button:null,buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)},movementX:function(e){if("movementX"in e)return e.movementX;var t=Ht;return Ht=e.screenX,Qt?"mousemove"===e.type?e.screenX-t:0:(Qt=!0,0)},movementY:function(e){if("movementY"in e)return e.movementY;var t=$t;return $t=e.screenY,Kt?"mousemove"===e.type?e.screenY-t:0:(Kt=!0,0)}}),Yt=qt.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),Xt={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",dependencies:["pointerout","pointerover"]}},Gt={eventTypes:Xt,extractEvents:function(e,t,n,r){var l="mouseover"===e||"pointerover"===e,i="mouseout"===e||"pointerout"===e;if(l&&(n.relatedTarget||n.fromElement)||!i&&!l)return null;if(l=r.window===r?r:(l=r.ownerDocument)?l.defaultView||l.parentWindow:window,i?(i=t,t=(t=n.relatedTarget||n.toElement)?U(t):null):i=null,i===t)return null;var a=void 0,o=void 0,u=void 0,c=void 0;"mouseout"===e||"mouseover"===e?(a=qt,o=Xt.mouseLeave,u=Xt.mouseEnter,c="mouse"):"pointerout"!==e&&"pointerover"!==e||(a=Yt,o=Xt.pointerLeave,u=Xt.pointerEnter,c="pointer");var s=null==i?l:F(i);if(l=null==t?l:F(t),(e=a.getPooled(o,i,n,r)).type=c+"leave",e.target=s,e.relatedTarget=l,(n=a.getPooled(u,t,n,r)).type=c+"enter",n.target=l,n.relatedTarget=s,r=t,i&&r)e:{for(l=r,c=0,a=t=i;a;a=A(a))c++;for(a=0,u=l;u;u=A(u))a++;for(;0<c-a;)t=A(t),c--;for(;0<a-c;)l=A(l),a--;for(;c--;){if(t===l||t===l.alternate)break e;t=A(t),l=A(l)}t=null}else t=null;for(l=t,t=[];i&&i!==l&&(null===(c=i.alternate)||c!==l);)t.push(i),i=A(i);for(i=[];r&&r!==l&&(null===(c=r.alternate)||c!==l);)i.push(r),r=A(r);for(r=0;r<t.length;r++)V(t[r],"bubbled",e);for(r=i.length;0<r--;)V(i[r],"captured",n);return[e,n]}};function Zt(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t}var Jt=Object.prototype.hasOwnProperty;function en(e,t){if(Zt(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!Jt.call(t,n[r])||!Zt(e[n[r]],t[n[r]]))return!1;return!0}function tn(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 nn(e){2!==tn(e)&&a("188")}function rn(e){if(!(e=function(e){var t=e.alternate;if(!t)return 3===(t=tn(e))&&a("188"),1===t?null:e;for(var n=e,r=t;;){var l=n.return,i=l?l.alternate:null;if(!l||!i)break;if(l.child===i.child){for(var o=l.child;o;){if(o===n)return nn(l),e;if(o===r)return nn(l),t;o=o.sibling}a("188")}if(n.return!==r.return)n=l,r=i;else{o=!1;for(var u=l.child;u;){if(u===n){o=!0,n=l,r=i;break}if(u===r){o=!0,r=l,n=i;break}u=u.sibling}if(!o){for(u=i.child;u;){if(u===n){o=!0,n=i,r=l;break}if(u===r){o=!0,r=i,n=l;break}u=u.sibling}o||a("189")}}n.alternate!==r&&a("190")}return 3!==n.tag&&a("188"),n.stateNode.current===n?e:t}(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 ln=ue.extend({animationName:null,elapsedTime:null,pseudoElement:null}),an=ue.extend({clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),on=jt.extend({relatedTarget:null});function un(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 cn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},sn={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"},fn=jt.extend({key:function(e){if(e.key){var t=cn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=un(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?sn[e.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Bt,charCode:function(e){return"keypress"===e.type?un(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?un(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),dn=qt.extend({dataTransfer:null}),pn=jt.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Bt}),mn=ue.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),hn=qt.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}),vn=[["abort","abort"],[G,"animationEnd"],[Z,"animationIteration"],[J,"animationStart"],["canplay","canPlay"],["canplaythrough","canPlayThrough"],["drag","drag"],["dragenter","dragEnter"],["dragexit","dragExit"],["dragleave","dragLeave"],["dragover","dragOver"],["durationchange","durationChange"],["emptied","emptied"],["encrypted","encrypted"],["ended","ended"],["error","error"],["gotpointercapture","gotPointerCapture"],["load","load"],["loadeddata","loadedData"],["loadedmetadata","loadedMetadata"],["loadstart","loadStart"],["lostpointercapture","lostPointerCapture"],["mousemove","mouseMove"],["mouseout","mouseOut"],["mouseover","mouseOver"],["playing","playing"],["pointermove","pointerMove"],["pointerout","pointerOut"],["pointerover","pointerOver"],["progress","progress"],["scroll","scroll"],["seeking","seeking"],["stalled","stalled"],["suspend","suspend"],["timeupdate","timeUpdate"],["toggle","toggle"],["touchmove","touchMove"],[ee,"transitionEnd"],["waiting","waiting"],["wheel","wheel"]],yn={},gn={};function bn(e,t){var n=e[0],r="on"+((e=e[1])[0].toUpperCase()+e.slice(1));t={phasedRegistrationNames:{bubbled:r,captured:r+"Capture"},dependencies:[n],isInteractive:t},yn[e]=t,gn[n]=t}[["blur","blur"],["cancel","cancel"],["click","click"],["close","close"],["contextmenu","contextMenu"],["copy","copy"],["cut","cut"],["auxclick","auxClick"],["dblclick","doubleClick"],["dragend","dragEnd"],["dragstart","dragStart"],["drop","drop"],["focus","focus"],["input","input"],["invalid","invalid"],["keydown","keyDown"],["keypress","keyPress"],["keyup","keyUp"],["mousedown","mouseDown"],["mouseup","mouseUp"],["paste","paste"],["pause","pause"],["play","play"],["pointercancel","pointerCancel"],["pointerdown","pointerDown"],["pointerup","pointerUp"],["ratechange","rateChange"],["reset","reset"],["seeked","seeked"],["submit","submit"],["touchcancel","touchCancel"],["touchend","touchEnd"],["touchstart","touchStart"],["volumechange","volumeChange"]].forEach(function(e){bn(e,!0)}),vn.forEach(function(e){bn(e,!1)});var kn={eventTypes:yn,isInteractiveTopLevelEventType:function(e){return void 0!==(e=gn[e])&&!0===e.isInteractive},extractEvents:function(e,t,n,r){var l=gn[e];if(!l)return null;switch(e){case"keypress":if(0===un(n))return null;case"keydown":case"keyup":e=fn;break;case"blur":case"focus":e=on;break;case"click":if(2===n.button)return null;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":e=qt;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":e=dn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":e=pn;break;case G:case Z:case J:e=ln;break;case ee:e=mn;break;case"scroll":e=jt;break;case"wheel":e=hn;break;case"copy":case"cut":case"paste":e=an;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":e=Yt;break;default:e=ue}return H(t=e.getPooled(l,t,n,r)),t}},xn=kn.isInteractiveTopLevelEventType,wn=[];function Tn(e){var t=e.targetInst,n=t;do{if(!n){e.ancestors.push(n);break}var r;for(r=n;r.return;)r=r.return;if(!(r=3!==r.tag?null:r.stateNode.containerInfo))break;e.ancestors.push(n),n=U(r)}while(n);for(n=0;n<e.ancestors.length;n++){t=e.ancestors[n];var l=Ae(e.nativeEvent);r=e.topLevelType;for(var i=e.nativeEvent,a=null,o=0;o<y.length;o++){var u=y[o];u&&(u=u.extractEvents(r,t,i,l))&&(a=S(a,u))}R(a)}}var _n=!0;function Sn(e,t){if(!t)return null;var n=(xn(e)?Cn:Pn).bind(null,e);t.addEventListener(e,n,!1)}function En(e,t){if(!t)return null;var n=(xn(e)?Cn:Pn).bind(null,e);t.addEventListener(e,n,!0)}function Cn(e,t){Me(Pn,e,t)}function Pn(e,t){if(_n){var n=Ae(t);if(null===(n=U(n))||"number"!=typeof n.tag||2===tn(n)||(n=null),wn.length){var r=wn.pop();r.topLevelType=e,r.nativeEvent=t,r.targetInst=n,e=r}else e={topLevelType:e,nativeEvent:t,targetInst:n,ancestors:[]};try{De(Tn,e)}finally{e.topLevelType=null,e.nativeEvent=null,e.targetInst=null,e.ancestors.length=0,10>wn.length&&wn.push(e)}}}var Nn={},On=0,Rn="_reactListenersID"+(""+Math.random()).slice(2);function zn(e){return Object.prototype.hasOwnProperty.call(e,Rn)||(e[Rn]=On++,Nn[e[Rn]]={}),Nn[e[Rn]]}function Mn(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 In(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Un(e,t){var n,r=In(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=In(r)}}function Dn(){for(var e=window,t=Mn();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(e){n=!1}if(!n)break;t=Mn((e=t.contentWindow).document)}return t}function Fn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function Ln(e){var t=Dn(),n=e.focusedElem,r=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&function e(t,n){return!(!t||!n)&&(t===n||(!t||3!==t.nodeType)&&(n&&3===n.nodeType?e(t,n.parentNode):"contains"in t?t.contains(n):!!t.compareDocumentPosition&&!!(16&t.compareDocumentPosition(n))))}(n.ownerDocument.documentElement,n)){if(null!==r&&Fn(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((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var l=n.textContent.length,i=Math.min(r.start,l);r=void 0===r.end?i:Math.min(r.end,l),!e.extend&&i>r&&(l=r,r=i,i=l),l=Un(n,i);var a=Un(n,r);l&&a&&(1!==e.rangeCount||e.anchorNode!==l.node||e.anchorOffset!==l.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&((t=t.createRange()).setStart(l.node,l.offset),e.removeAllRanges(),i>r?(e.addRange(t),e.extend(a.node,a.offset)):(t.setEnd(a.node,a.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var An=$&&"documentMode"in document&&11>=document.documentMode,jn={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Wn=null,Vn=null,Bn=null,Hn=!1;function $n(e,t){var n=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;return Hn||null==Wn||Wn!==Mn(n)?null:("selectionStart"in(n=Wn)&&Fn(n)?n={start:n.selectionStart,end:n.selectionEnd}:n={anchorNode:(n=(n.ownerDocument&&n.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset},Bn&&en(Bn,n)?null:(Bn=n,(e=ue.getPooled(jn.select,Vn,e,t)).type="select",e.target=Wn,H(e),e))}var Qn={eventTypes:jn,extractEvents:function(e,t,n,r){var l,i=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(l=!i)){e:{i=zn(i),l=k.onSelect;for(var a=0;a<l.length;a++){var o=l[a];if(!i.hasOwnProperty(o)||!i[o]){i=!1;break e}}i=!0}l=!i}if(l)return null;switch(i=t?F(t):window,e){case"focus":(Le(i)||"true"===i.contentEditable)&&(Wn=i,Vn=t,Bn=null);break;case"blur":Bn=Vn=Wn=null;break;case"mousedown":Hn=!0;break;case"contextmenu":case"mouseup":case"dragend":return Hn=!1,$n(n,r);case"selectionchange":if(An)break;case"keydown":case"keyup":return $n(n,r)}return null}};function Kn(e,t){return e=l({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,function(e){null!=e&&(t+=e)}),t}(t.children))&&(e.children=t),e}function qn(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l<n.length;l++)t["$"+n[l]]=!0;for(n=0;n<e.length;n++)l=t.hasOwnProperty("$"+e[n].value),e[n].selected!==l&&(e[n].selected=l),l&&r&&(e[n].defaultSelected=!0)}else{for(n=""+gt(n),t=null,l=0;l<e.length;l++){if(e[l].value===n)return e[l].selected=!0,void(r&&(e[l].defaultSelected=!0));null!==t||e[l].disabled||(t=e[l])}null!==t&&(t.selected=!0)}}function Yn(e,t){return null!=t.dangerouslySetInnerHTML&&a("91"),l({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function Xn(e,t){var n=t.value;null==n&&(n=t.defaultValue,null!=(t=t.children)&&(null!=n&&a("92"),Array.isArray(t)&&(1>=t.length||a("93"),t=t[0]),n=t),null==n&&(n="")),e._wrapperState={initialValue:gt(n)}}function Gn(e,t){var n=gt(t.value),r=gt(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function Zn(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}N.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),x=L,w=D,T=F,N.injectEventPluginsByName({SimpleEventPlugin:kn,EnterLeaveEventPlugin:Gt,ChangeEventPlugin:At,SelectEventPlugin:Qn,BeforeInputEventPlugin:Se});var Jn={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function er(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 tr(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?er(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var nr=void 0,rr=function(e){return"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,n,r,l){MSApp.execUnsafeLocalFunction(function(){return e(t,n)})}:e}(function(e,t){if(e.namespaceURI!==Jn.svg||"innerHTML"in e)e.innerHTML=t;else{for((nr=nr||document.createElement("div")).innerHTML="<svg>"+t+"</svg>",t=nr.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function lr(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var ir={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ar=["Webkit","ms","Moz","O"];function or(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||ir.hasOwnProperty(e)&&ir[e]?(""+t).trim():t+"px"}function ur(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),l=or(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}Object.keys(ir).forEach(function(e){ar.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ir[t]=ir[e]})});var cr=l({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function sr(e,t){t&&(cr[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML)&&a("137",e,""),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&a("60"),"object"==typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||a("61")),null!=t.style&&"object"!=typeof t.style&&a("62",""))}function fr(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}function dr(e,t){var n=zn(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=k[t];for(var r=0;r<t.length;r++){var l=t[r];if(!n.hasOwnProperty(l)||!n[l]){switch(l){case"scroll":En("scroll",e);break;case"focus":case"blur":En("focus",e),En("blur",e),n.blur=!0,n.focus=!0;break;case"cancel":case"close":je(l)&&En(l,e);break;case"invalid":case"submit":case"reset":break;default:-1===te.indexOf(l)&&Sn(l,e)}n[l]=!0}}}function pr(){}var mr=null,hr=null;function vr(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function yr(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var gr="function"==typeof setTimeout?setTimeout:void 0,br="function"==typeof clearTimeout?clearTimeout:void 0,kr=i.unstable_scheduleCallback,xr=i.unstable_cancelCallback;function wr(e){for(e=e.nextSibling;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}function Tr(e){for(e=e.firstChild;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}new Set;var _r=[],Sr=-1;function Er(e){0>Sr||(e.current=_r[Sr],_r[Sr]=null,Sr--)}function Cr(e,t){_r[++Sr]=e.current,e.current=t}var Pr={},Nr={current:Pr},Or={current:!1},Rr=Pr;function zr(e,t){var n=e.type.contextTypes;if(!n)return Pr;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l,i={};for(l in n)i[l]=t[l];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Mr(e){return null!=(e=e.childContextTypes)}function Ir(e){Er(Or),Er(Nr)}function Ur(e){Er(Or),Er(Nr)}function Dr(e,t,n){Nr.current!==Pr&&a("168"),Cr(Nr,t),Cr(Or,n)}function Fr(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var i in r=r.getChildContext())i in e||a("108",ot(t)||"Unknown",i);return l({},n,r)}function Lr(e){var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||Pr,Rr=Nr.current,Cr(Nr,t),Cr(Or,Or.current),!0}function Ar(e,t,n){var r=e.stateNode;r||a("169"),n?(t=Fr(e,t,Rr),r.__reactInternalMemoizedMergedChildContext=t,Er(Or),Er(Nr),Cr(Nr,t)):Er(Or),Cr(Or,n)}var jr=null,Wr=null;function Vr(e){return function(t){try{return e(t)}catch(e){}}}function Br(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.contextDependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childExpirationTime=this.expirationTime=0,this.alternate=null}function Hr(e,t,n,r){return new Br(e,t,n,r)}function $r(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Qr(e,t){var n=e.alternate;return null===n?((n=Hr(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.effectTag=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childExpirationTime=e.childExpirationTime,n.expirationTime=e.expirationTime,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,n.contextDependencies=e.contextDependencies,n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Kr(e,t,n,r,l,i){var o=2;if(r=e,"function"==typeof e)$r(e)&&(o=1);else if("string"==typeof e)o=5;else e:switch(e){case Ye:return qr(n.children,l,i,t);case et:return Yr(n,3|l,i,t);case Xe:return Yr(n,2|l,i,t);case Ge:return(e=Hr(12,n,t,4|l)).elementType=Ge,e.type=Ge,e.expirationTime=i,e;case nt:return(e=Hr(13,n,t,l)).elementType=nt,e.type=nt,e.expirationTime=i,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case Ze:o=10;break e;case Je:o=9;break e;case tt:o=11;break e;case rt:o=14;break e;case lt:o=16,r=null;break e}a("130",null==e?e:typeof e,"")}return(t=Hr(o,n,t,l)).elementType=e,t.type=r,t.expirationTime=i,t}function qr(e,t,n,r){return(e=Hr(7,e,r,t)).expirationTime=n,e}function Yr(e,t,n,r){return e=Hr(8,e,r,t),t=0==(1&t)?Xe:et,e.elementType=t,e.type=t,e.expirationTime=n,e}function Xr(e,t,n){return(e=Hr(6,e,null,t)).expirationTime=n,e}function Gr(e,t,n){return(t=Hr(4,null!==e.children?e.children:[],e.key,t)).expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Zr(e,t){e.didError=!1;var n=e.earliestPendingTime;0===n?e.earliestPendingTime=e.latestPendingTime=t:n<t?e.earliestPendingTime=t:e.latestPendingTime>t&&(e.latestPendingTime=t),tl(t,e)}function Jr(e,t){e.didError=!1,e.latestPingedTime>=t&&(e.latestPingedTime=0);var n=e.earliestPendingTime,r=e.latestPendingTime;n===t?e.earliestPendingTime=r===t?e.latestPendingTime=0:r:r===t&&(e.latestPendingTime=n),n=e.earliestSuspendedTime,r=e.latestSuspendedTime,0===n?e.earliestSuspendedTime=e.latestSuspendedTime=t:n<t?e.earliestSuspendedTime=t:r>t&&(e.latestSuspendedTime=t),tl(t,e)}function el(e,t){var n=e.earliestPendingTime;return n>t&&(t=n),(e=e.earliestSuspendedTime)>t&&(t=e),t}function tl(e,t){var n=t.earliestSuspendedTime,r=t.latestSuspendedTime,l=t.earliestPendingTime,i=t.latestPingedTime;0===(l=0!==l?l:i)&&(0===e||r<e)&&(l=r),0!==(e=l)&&n>e&&(e=n),t.nextExpirationTimeToWorkOn=l,t.expirationTime=e}function nl(e,t){if(e&&e.defaultProps)for(var n in t=l({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}var rl=(new r.Component).refs;function ll(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:l({},t,n),e.memoizedState=n,null!==(r=e.updateQueue)&&0===e.expirationTime&&(r.baseState=n)}var il={isMounted:function(e){return!!(e=e._reactInternalFiber)&&2===tn(e)},enqueueSetState:function(e,t,n){e=e._reactInternalFiber;var r=xo(),l=qi(r=Ka(r,e));l.payload=t,null!=n&&(l.callback=n),Wa(),Xi(e,l),Xa(e,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternalFiber;var r=xo(),l=qi(r=Ka(r,e));l.tag=Vi,l.payload=t,null!=n&&(l.callback=n),Wa(),Xi(e,l),Xa(e,r)},enqueueForceUpdate:function(e,t){e=e._reactInternalFiber;var n=xo(),r=qi(n=Ka(n,e));r.tag=Bi,null!=t&&(r.callback=t),Wa(),Xi(e,r),Xa(e,n)}};function al(e,t,n,r,l,i,a){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,i,a):!t.prototype||!t.prototype.isPureReactComponent||(!en(n,r)||!en(l,i))}function ol(e,t,n){var r=!1,l=Pr,i=t.contextType;return"object"==typeof i&&null!==i?i=ji(i):(l=Mr(t)?Rr:Nr.current,i=(r=null!=(r=t.contextTypes))?zr(e,l):Pr),t=new t(n,i),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=il,e.stateNode=t,t._reactInternalFiber=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=l,e.__reactInternalMemoizedMaskedChildContext=i),t}function ul(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&&il.enqueueReplaceState(t,t.state,null)}function cl(e,t,n,r){var l=e.stateNode;l.props=n,l.state=e.memoizedState,l.refs=rl;var i=t.contextType;"object"==typeof i&&null!==i?l.context=ji(i):(i=Mr(t)?Rr:Nr.current,l.context=zr(e,i)),null!==(i=e.updateQueue)&&(ea(e,i,n,l,r),l.state=e.memoizedState),"function"==typeof(i=t.getDerivedStateFromProps)&&(ll(e,t,i,n),l.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof l.getSnapshotBeforeUpdate||"function"!=typeof l.UNSAFE_componentWillMount&&"function"!=typeof l.componentWillMount||(t=l.state,"function"==typeof l.componentWillMount&&l.componentWillMount(),"function"==typeof l.UNSAFE_componentWillMount&&l.UNSAFE_componentWillMount(),t!==l.state&&il.enqueueReplaceState(l,l.state,null),null!==(i=e.updateQueue)&&(ea(e,i,n,l,r),l.state=e.memoizedState)),"function"==typeof l.componentDidMount&&(e.effectTag|=4)}var sl=Array.isArray;function fl(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){n=n._owner;var r=void 0;n&&(1!==n.tag&&a("309"),r=n.stateNode),r||a("147",e);var l=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===l?t.ref:((t=function(e){var t=r.refs;t===rl&&(t=r.refs={}),null===e?delete t[l]:t[l]=e})._stringRef=l,t)}"string"!=typeof e&&a("284"),n._owner||a("290",e)}return e}function dl(e,t){"textarea"!==e.type&&a("31","[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,"")}function pl(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 l(e,t,n){return(e=Qr(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.effectTag=2,n):r:(t.effectTag=2,n):n}function o(t){return e&&null===t.alternate&&(t.effectTag=2),t}function u(e,t,n,r){return null===t||6!==t.tag?((t=Xr(n,e.mode,r)).return=e,t):((t=l(t,n)).return=e,t)}function c(e,t,n,r){return null!==t&&t.elementType===n.type?((r=l(t,n.props)).ref=fl(e,t,n),r.return=e,r):((r=Kr(n.type,n.key,n.props,null,e.mode,r)).ref=fl(e,t,n),r.return=e,r)}function s(e,t,n,r){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Gr(n,e.mode,r)).return=e,t):((t=l(t,n.children||[])).return=e,t)}function f(e,t,n,r,i){return null===t||7!==t.tag?((t=qr(n,e.mode,r,i)).return=e,t):((t=l(t,n)).return=e,t)}function d(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Xr(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case Ke:return(n=Kr(t.type,t.key,t.props,null,e.mode,n)).ref=fl(e,null,t),n.return=e,n;case qe:return(t=Gr(t,e.mode,n)).return=e,t}if(sl(t)||at(t))return(t=qr(t,e.mode,n,null)).return=e,t;dl(e,t)}return null}function p(e,t,n,r){var l=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==l?null:u(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case Ke:return n.key===l?n.type===Ye?f(e,t,n.props.children,r,l):c(e,t,n,r):null;case qe:return n.key===l?s(e,t,n,r):null}if(sl(n)||at(n))return null!==l?null:f(e,t,n,r,null);dl(e,n)}return null}function m(e,t,n,r,l){if("string"==typeof r||"number"==typeof r)return u(t,e=e.get(n)||null,""+r,l);if("object"==typeof r&&null!==r){switch(r.$$typeof){case Ke:return e=e.get(null===r.key?n:r.key)||null,r.type===Ye?f(t,e,r.props.children,l,r.key):c(t,e,r,l);case qe:return s(t,e=e.get(null===r.key?n:r.key)||null,r,l)}if(sl(r)||at(r))return f(t,e=e.get(n)||null,r,l,null);dl(t,r)}return null}function h(l,a,o,u){for(var c=null,s=null,f=a,h=a=0,v=null;null!==f&&h<o.length;h++){f.index>h?(v=f,f=null):v=f.sibling;var y=p(l,f,o[h],u);if(null===y){null===f&&(f=v);break}e&&f&&null===y.alternate&&t(l,f),a=i(y,a,h),null===s?c=y:s.sibling=y,s=y,f=v}if(h===o.length)return n(l,f),c;if(null===f){for(;h<o.length;h++)(f=d(l,o[h],u))&&(a=i(f,a,h),null===s?c=f:s.sibling=f,s=f);return c}for(f=r(l,f);h<o.length;h++)(v=m(f,l,h,o[h],u))&&(e&&null!==v.alternate&&f.delete(null===v.key?h:v.key),a=i(v,a,h),null===s?c=v:s.sibling=v,s=v);return e&&f.forEach(function(e){return t(l,e)}),c}function v(l,o,u,c){var s=at(u);"function"!=typeof s&&a("150"),null==(u=s.call(u))&&a("151");for(var f=s=null,h=o,v=o=0,y=null,g=u.next();null!==h&&!g.done;v++,g=u.next()){h.index>v?(y=h,h=null):y=h.sibling;var b=p(l,h,g.value,c);if(null===b){h||(h=y);break}e&&h&&null===b.alternate&&t(l,h),o=i(b,o,v),null===f?s=b:f.sibling=b,f=b,h=y}if(g.done)return n(l,h),s;if(null===h){for(;!g.done;v++,g=u.next())null!==(g=d(l,g.value,c))&&(o=i(g,o,v),null===f?s=g:f.sibling=g,f=g);return s}for(h=r(l,h);!g.done;v++,g=u.next())null!==(g=m(h,l,v,g.value,c))&&(e&&null!==g.alternate&&h.delete(null===g.key?v:g.key),o=i(g,o,v),null===f?s=g:f.sibling=g,f=g);return e&&h.forEach(function(e){return t(l,e)}),s}return function(e,r,i,u){var c="object"==typeof i&&null!==i&&i.type===Ye&&null===i.key;c&&(i=i.props.children);var s="object"==typeof i&&null!==i;if(s)switch(i.$$typeof){case Ke:e:{for(s=i.key,c=r;null!==c;){if(c.key===s){if(7===c.tag?i.type===Ye:c.elementType===i.type){n(e,c.sibling),(r=l(c,i.type===Ye?i.props.children:i.props)).ref=fl(e,c,i),r.return=e,e=r;break e}n(e,c);break}t(e,c),c=c.sibling}i.type===Ye?((r=qr(i.props.children,e.mode,u,i.key)).return=e,e=r):((u=Kr(i.type,i.key,i.props,null,e.mode,u)).ref=fl(e,r,i),u.return=e,e=u)}return o(e);case qe:e:{for(c=i.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(e,r.sibling),(r=l(r,i.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Gr(i,e.mode,u)).return=e,e=r}return o(e)}if("string"==typeof i||"number"==typeof i)return i=""+i,null!==r&&6===r.tag?(n(e,r.sibling),(r=l(r,i)).return=e,e=r):(n(e,r),(r=Xr(i,e.mode,u)).return=e,e=r),o(e);if(sl(i))return h(e,r,i,u);if(at(i))return v(e,r,i,u);if(s&&dl(e,i),void 0===i&&!c)switch(e.tag){case 1:case 0:a("152",(u=e.type).displayName||u.name||"Component")}return n(e,r)}}var ml=pl(!0),hl=pl(!1),vl={},yl={current:vl},gl={current:vl},bl={current:vl};function kl(e){return e===vl&&a("174"),e}function xl(e,t){Cr(bl,t),Cr(gl,e),Cr(yl,vl);var n=t.nodeType;switch(n){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:tr(null,"");break;default:t=tr(t=(n=8===n?t.parentNode:t).namespaceURI||null,n=n.tagName)}Er(yl),Cr(yl,t)}function wl(e){Er(yl),Er(gl),Er(bl)}function Tl(e){kl(bl.current);var t=kl(yl.current),n=tr(t,e.type);t!==n&&(Cr(gl,e),Cr(yl,n))}function _l(e){gl.current===e&&(Er(yl),Er(gl))}var Sl=0,El=2,Cl=4,Pl=8,Nl=16,Ol=32,Rl=64,zl=128,Ml=He.ReactCurrentDispatcher,Il=0,Ul=null,Dl=null,Fl=null,Ll=null,Al=null,jl=null,Wl=0,Vl=null,Bl=0,Hl=!1,$l=null,Ql=0;function Kl(){a("321")}function ql(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!Zt(e[n],t[n]))return!1;return!0}function Yl(e,t,n,r,l,i){if(Il=i,Ul=t,Fl=null!==e?e.memoizedState:null,Ml.current=null===Fl?ui:ci,t=n(r,l),Hl){do{Hl=!1,Ql+=1,Fl=null!==e?e.memoizedState:null,jl=Ll,Vl=Al=Dl=null,Ml.current=ci,t=n(r,l)}while(Hl);$l=null,Ql=0}return Ml.current=oi,(e=Ul).memoizedState=Ll,e.expirationTime=Wl,e.updateQueue=Vl,e.effectTag|=Bl,e=null!==Dl&&null!==Dl.next,Il=0,jl=Al=Ll=Fl=Dl=Ul=null,Wl=0,Vl=null,Bl=0,e&&a("300"),t}function Xl(){Ml.current=oi,Il=0,jl=Al=Ll=Fl=Dl=Ul=null,Wl=0,Vl=null,Bl=0,Hl=!1,$l=null,Ql=0}function Gl(){var e={memoizedState:null,baseState:null,queue:null,baseUpdate:null,next:null};return null===Al?Ll=Al=e:Al=Al.next=e,Al}function Zl(){if(null!==jl)jl=(Al=jl).next,Fl=null!==(Dl=Fl)?Dl.next:null;else{null===Fl&&a("310");var e={memoizedState:(Dl=Fl).memoizedState,baseState:Dl.baseState,queue:Dl.queue,baseUpdate:Dl.baseUpdate,next:null};Al=null===Al?Ll=e:Al.next=e,Fl=Dl.next}return Al}function Jl(e,t){return"function"==typeof t?t(e):t}function ei(e){var t=Zl(),n=t.queue;if(null===n&&a("311"),n.lastRenderedReducer=e,0<Ql){var r=n.dispatch;if(null!==$l){var l=$l.get(n);if(void 0!==l){$l.delete(n);var i=t.memoizedState;do{i=e(i,l.action),l=l.next}while(null!==l);return Zt(i,t.memoizedState)||(ki=!0),t.memoizedState=i,t.baseUpdate===n.last&&(t.baseState=i),n.lastRenderedState=i,[i,r]}}return[t.memoizedState,r]}r=n.last;var o=t.baseUpdate;if(i=t.baseState,null!==o?(null!==r&&(r.next=null),r=o.next):r=null!==r?r.next:null,null!==r){var u=l=null,c=r,s=!1;do{var f=c.expirationTime;f<Il?(s||(s=!0,u=o,l=i),f>Wl&&(Wl=f)):i=c.eagerReducer===e?c.eagerState:e(i,c.action),o=c,c=c.next}while(null!==c&&c!==r);s||(u=o,l=i),Zt(i,t.memoizedState)||(ki=!0),t.memoizedState=i,t.baseUpdate=u,t.baseState=l,n.lastRenderedState=i}return[t.memoizedState,n.dispatch]}function ti(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===Vl?(Vl={lastEffect:null}).lastEffect=e.next=e:null===(t=Vl.lastEffect)?Vl.lastEffect=e.next=e:(n=t.next,t.next=e,e.next=n,Vl.lastEffect=e),e}function ni(e,t,n,r){var l=Gl();Bl|=e,l.memoizedState=ti(t,n,void 0,void 0===r?null:r)}function ri(e,t,n,r){var l=Zl();r=void 0===r?null:r;var i=void 0;if(null!==Dl){var a=Dl.memoizedState;if(i=a.destroy,null!==r&&ql(r,a.deps))return void ti(Sl,n,i,r)}Bl|=e,l.memoizedState=ti(t,n,i,r)}function li(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function ii(){}function ai(e,t,n){25>Ql||a("301");var r=e.alternate;if(e===Ul||null!==r&&r===Ul)if(Hl=!0,e={expirationTime:Il,action:n,eagerReducer:null,eagerState:null,next:null},null===$l&&($l=new Map),void 0===(n=$l.get(t)))$l.set(t,e);else{for(t=n;null!==t.next;)t=t.next;t.next=e}else{Wa();var l=xo(),i={expirationTime:l=Ka(l,e),action:n,eagerReducer:null,eagerState:null,next:null},o=t.last;if(null===o)i.next=i;else{var u=o.next;null!==u&&(i.next=u),o.next=i}if(t.last=i,0===e.expirationTime&&(null===r||0===r.expirationTime)&&null!==(r=t.lastRenderedReducer))try{var c=t.lastRenderedState,s=r(c,n);if(i.eagerReducer=r,i.eagerState=s,Zt(s,c))return}catch(e){}Xa(e,l)}}var oi={readContext:ji,useCallback:Kl,useContext:Kl,useEffect:Kl,useImperativeHandle:Kl,useLayoutEffect:Kl,useMemo:Kl,useReducer:Kl,useRef:Kl,useState:Kl,useDebugValue:Kl},ui={readContext:ji,useCallback:function(e,t){return Gl().memoizedState=[e,void 0===t?null:t],e},useContext:ji,useEffect:function(e,t){return ni(516,zl|Rl,e,t)},useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,ni(4,Cl|Ol,li.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ni(4,Cl|Ol,e,t)},useMemo:function(e,t){var n=Gl();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Gl();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e=(e=r.queue={last:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=ai.bind(null,Ul,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},Gl().memoizedState=e},useState:function(e){var t=Gl();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={last:null,dispatch:null,lastRenderedReducer:Jl,lastRenderedState:e}).dispatch=ai.bind(null,Ul,e),[t.memoizedState,e]},useDebugValue:ii},ci={readContext:ji,useCallback:function(e,t){var n=Zl();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ql(t,r[1])?r[0]:(n.memoizedState=[e,t],e)},useContext:ji,useEffect:function(e,t){return ri(516,zl|Rl,e,t)},useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,ri(4,Cl|Ol,li.bind(null,t,e),n)},useLayoutEffect:function(e,t){return ri(4,Cl|Ol,e,t)},useMemo:function(e,t){var n=Zl();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ql(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)},useReducer:ei,useRef:function(){return Zl().memoizedState},useState:function(e){return ei(Jl)},useDebugValue:ii},si=null,fi=null,di=!1;function pi(e,t){var n=Hr(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function mi(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);case 13:default:return!1}}function hi(e){if(di){var t=fi;if(t){var n=t;if(!mi(e,t)){if(!(t=wr(n))||!mi(e,t))return e.effectTag|=2,di=!1,void(si=e);pi(si,n)}si=e,fi=Tr(t)}else e.effectTag|=2,di=!1,si=e}}function vi(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&18!==e.tag;)e=e.return;si=e}function yi(e){if(e!==si)return!1;if(!di)return vi(e),di=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!yr(t,e.memoizedProps))for(t=fi;t;)pi(e,t),t=wr(t);return vi(e),fi=si?wr(e.stateNode):null,!0}function gi(){fi=si=null,di=!1}var bi=He.ReactCurrentOwner,ki=!1;function xi(e,t,n,r){t.child=null===e?hl(t,null,n,r):ml(t,e.child,n,r)}function wi(e,t,n,r,l){n=n.render;var i=t.ref;return Ai(t,l),r=Yl(e,t,n,r,i,l),null===e||ki?(t.effectTag|=1,xi(e,t,r,l),t.child):(t.updateQueue=e.updateQueue,t.effectTag&=-517,e.expirationTime<=l&&(e.expirationTime=0),Ri(e,t,l))}function Ti(e,t,n,r,l,i){if(null===e){var a=n.type;return"function"!=typeof a||$r(a)||void 0!==a.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Kr(n.type,null,r,null,t.mode,i)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=a,_i(e,t,a,r,l,i))}return a=e.child,l<i&&(l=a.memoizedProps,(n=null!==(n=n.compare)?n:en)(l,r)&&e.ref===t.ref)?Ri(e,t,i):(t.effectTag|=1,(e=Qr(a,r)).ref=t.ref,e.return=t,t.child=e)}function _i(e,t,n,r,l,i){return null!==e&&en(e.memoizedProps,r)&&e.ref===t.ref&&(ki=!1,l<i)?Ri(e,t,i):Ei(e,t,n,r,i)}function Si(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function Ei(e,t,n,r,l){var i=Mr(n)?Rr:Nr.current;return i=zr(t,i),Ai(t,l),n=Yl(e,t,n,r,i,l),null===e||ki?(t.effectTag|=1,xi(e,t,n,l),t.child):(t.updateQueue=e.updateQueue,t.effectTag&=-517,e.expirationTime<=l&&(e.expirationTime=0),Ri(e,t,l))}function Ci(e,t,n,r,l){if(Mr(n)){var i=!0;Lr(t)}else i=!1;if(Ai(t,l),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),ol(t,n,r),cl(t,n,r,l),r=!0;else if(null===e){var a=t.stateNode,o=t.memoizedProps;a.props=o;var u=a.context,c=n.contextType;"object"==typeof c&&null!==c?c=ji(c):c=zr(t,c=Mr(n)?Rr:Nr.current);var s=n.getDerivedStateFromProps,f="function"==typeof s||"function"==typeof a.getSnapshotBeforeUpdate;f||"function"!=typeof a.UNSAFE_componentWillReceiveProps&&"function"!=typeof a.componentWillReceiveProps||(o!==r||u!==c)&&ul(t,a,r,c),$i=!1;var d=t.memoizedState;u=a.state=d;var p=t.updateQueue;null!==p&&(ea(t,p,r,a,l),u=t.memoizedState),o!==r||d!==u||Or.current||$i?("function"==typeof s&&(ll(t,n,s,r),u=t.memoizedState),(o=$i||al(t,n,o,r,d,u,c))?(f||"function"!=typeof a.UNSAFE_componentWillMount&&"function"!=typeof a.componentWillMount||("function"==typeof a.componentWillMount&&a.componentWillMount(),"function"==typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount()),"function"==typeof a.componentDidMount&&(t.effectTag|=4)):("function"==typeof a.componentDidMount&&(t.effectTag|=4),t.memoizedProps=r,t.memoizedState=u),a.props=r,a.state=u,a.context=c,r=o):("function"==typeof a.componentDidMount&&(t.effectTag|=4),r=!1)}else a=t.stateNode,o=t.memoizedProps,a.props=t.type===t.elementType?o:nl(t.type,o),u=a.context,"object"==typeof(c=n.contextType)&&null!==c?c=ji(c):c=zr(t,c=Mr(n)?Rr:Nr.current),(f="function"==typeof(s=n.getDerivedStateFromProps)||"function"==typeof a.getSnapshotBeforeUpdate)||"function"!=typeof a.UNSAFE_componentWillReceiveProps&&"function"!=typeof a.componentWillReceiveProps||(o!==r||u!==c)&&ul(t,a,r,c),$i=!1,u=t.memoizedState,d=a.state=u,null!==(p=t.updateQueue)&&(ea(t,p,r,a,l),d=t.memoizedState),o!==r||u!==d||Or.current||$i?("function"==typeof s&&(ll(t,n,s,r),d=t.memoizedState),(s=$i||al(t,n,o,r,u,d,c))?(f||"function"!=typeof a.UNSAFE_componentWillUpdate&&"function"!=typeof a.componentWillUpdate||("function"==typeof a.componentWillUpdate&&a.componentWillUpdate(r,d,c),"function"==typeof a.UNSAFE_componentWillUpdate&&a.UNSAFE_componentWillUpdate(r,d,c)),"function"==typeof a.componentDidUpdate&&(t.effectTag|=4),"function"==typeof a.getSnapshotBeforeUpdate&&(t.effectTag|=256)):("function"!=typeof a.componentDidUpdate||o===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=4),"function"!=typeof a.getSnapshotBeforeUpdate||o===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=256),t.memoizedProps=r,t.memoizedState=d),a.props=r,a.state=d,a.context=c,r=s):("function"!=typeof a.componentDidUpdate||o===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=4),"function"!=typeof a.getSnapshotBeforeUpdate||o===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=256),r=!1);return Pi(e,t,n,r,i,l)}function Pi(e,t,n,r,l,i){Si(e,t);var a=0!=(64&t.effectTag);if(!r&&!a)return l&&Ar(t,n,!1),Ri(e,t,i);r=t.stateNode,bi.current=t;var o=a&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.effectTag|=1,null!==e&&a?(t.child=ml(t,e.child,null,i),t.child=ml(t,null,o,i)):xi(e,t,o,i),t.memoizedState=r.state,l&&Ar(t,n,!0),t.child}function Ni(e){var t=e.stateNode;t.pendingContext?Dr(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Dr(0,t.context,!1),xl(e,t.containerInfo)}function Oi(e,t,n){var r=t.mode,l=t.pendingProps,i=t.memoizedState;if(0==(64&t.effectTag)){i=null;var a=!1}else i={timedOutAt:null!==i?i.timedOutAt:0},a=!0,t.effectTag&=-65;if(null===e)if(a){var o=l.fallback;e=qr(null,r,0,null),0==(1&t.mode)&&(e.child=null!==t.memoizedState?t.child.child:t.child),r=qr(o,r,n,null),e.sibling=r,(n=e).return=r.return=t}else n=r=hl(t,null,l.children,n);else null!==e.memoizedState?(o=(r=e.child).sibling,a?(n=l.fallback,l=Qr(r,r.pendingProps),0==(1&t.mode)&&((a=null!==t.memoizedState?t.child.child:t.child)!==r.child&&(l.child=a)),r=l.sibling=Qr(o,n,o.expirationTime),n=l,l.childExpirationTime=0,n.return=r.return=t):n=r=ml(t,r.child,l.children,n)):(o=e.child,a?(a=l.fallback,(l=qr(null,r,0,null)).child=o,0==(1&t.mode)&&(l.child=null!==t.memoizedState?t.child.child:t.child),(r=l.sibling=qr(a,r,n,null)).effectTag|=2,n=l,l.childExpirationTime=0,n.return=r.return=t):r=n=ml(t,o,l.children,n)),t.stateNode=e.stateNode;return t.memoizedState=i,t.child=n,r}function Ri(e,t,n){if(null!==e&&(t.contextDependencies=e.contextDependencies),t.childExpirationTime<n)return null;if(null!==e&&t.child!==e.child&&a("153"),null!==t.child){for(n=Qr(e=t.child,e.pendingProps,e.expirationTime),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Qr(e,e.pendingProps,e.expirationTime)).return=t;n.sibling=null}return t.child}function zi(e,t,n){var r=t.expirationTime;if(null!==e){if(e.memoizedProps!==t.pendingProps||Or.current)ki=!0;else if(r<n){switch(ki=!1,t.tag){case 3:Ni(t),gi();break;case 5:Tl(t);break;case 1:Mr(t.type)&&Lr(t);break;case 4:xl(t,t.stateNode.containerInfo);break;case 10:Fi(t,t.memoizedProps.value);break;case 13:if(null!==t.memoizedState)return 0!==(r=t.child.childExpirationTime)&&r>=n?Oi(e,t,n):null!==(t=Ri(e,t,n))?t.sibling:null}return Ri(e,t,n)}}else ki=!1;switch(t.expirationTime=0,t.tag){case 2:r=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),e=t.pendingProps;var l=zr(t,Nr.current);if(Ai(t,n),l=Yl(null,t,r,e,l,n),t.effectTag|=1,"object"==typeof l&&null!==l&&"function"==typeof l.render&&void 0===l.$$typeof){if(t.tag=1,Xl(),Mr(r)){var i=!0;Lr(t)}else i=!1;t.memoizedState=null!==l.state&&void 0!==l.state?l.state:null;var o=r.getDerivedStateFromProps;"function"==typeof o&&ll(t,r,o,e),l.updater=il,t.stateNode=l,l._reactInternalFiber=t,cl(t,r,e,n),t=Pi(null,t,r,!0,i,n)}else t.tag=0,xi(null,t,l,n),t=t.child;return t;case 16:switch(l=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),i=t.pendingProps,e=function(e){var t=e._result;switch(e._status){case 1:return t;case 2:case 0:throw t;default:switch(e._status=0,(t=(t=e._ctor)()).then(function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)},function(t){0===e._status&&(e._status=2,e._result=t)}),e._status){case 1:return e._result;case 2:throw e._result}throw e._result=t,t}}(l),t.type=e,l=t.tag=function(e){if("function"==typeof e)return $r(e)?1:0;if(null!=e){if((e=e.$$typeof)===tt)return 11;if(e===rt)return 14}return 2}(e),i=nl(e,i),o=void 0,l){case 0:o=Ei(null,t,e,i,n);break;case 1:o=Ci(null,t,e,i,n);break;case 11:o=wi(null,t,e,i,n);break;case 14:o=Ti(null,t,e,nl(e.type,i),r,n);break;default:a("306",e,"")}return o;case 0:return r=t.type,l=t.pendingProps,Ei(e,t,r,l=t.elementType===r?l:nl(r,l),n);case 1:return r=t.type,l=t.pendingProps,Ci(e,t,r,l=t.elementType===r?l:nl(r,l),n);case 3:return Ni(t),null===(r=t.updateQueue)&&a("282"),l=null!==(l=t.memoizedState)?l.element:null,ea(t,r,t.pendingProps,null,n),(r=t.memoizedState.element)===l?(gi(),t=Ri(e,t,n)):(l=t.stateNode,(l=(null===e||null===e.child)&&l.hydrate)&&(fi=Tr(t.stateNode.containerInfo),si=t,l=di=!0),l?(t.effectTag|=2,t.child=hl(t,null,r,n)):(xi(e,t,r,n),gi()),t=t.child),t;case 5:return Tl(t),null===e&&hi(t),r=t.type,l=t.pendingProps,i=null!==e?e.memoizedProps:null,o=l.children,yr(r,l)?o=null:null!==i&&yr(r,i)&&(t.effectTag|=16),Si(e,t),1!==n&&1&t.mode&&l.hidden?(t.expirationTime=t.childExpirationTime=1,t=null):(xi(e,t,o,n),t=t.child),t;case 6:return null===e&&hi(t),null;case 13:return Oi(e,t,n);case 4:return xl(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=ml(t,null,r,n):xi(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,wi(e,t,r,l=t.elementType===r?l:nl(r,l),n);case 7:return xi(e,t,t.pendingProps,n),t.child;case 8:case 12:return xi(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(r=t.type._context,l=t.pendingProps,o=t.memoizedProps,Fi(t,i=l.value),null!==o){var u=o.value;if(0===(i=Zt(u,i)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(u,i):1073741823))){if(o.children===l.children&&!Or.current){t=Ri(e,t,n);break e}}else for(null!==(u=t.child)&&(u.return=t);null!==u;){var c=u.contextDependencies;if(null!==c){o=u.child;for(var s=c.first;null!==s;){if(s.context===r&&0!=(s.observedBits&i)){1===u.tag&&((s=qi(n)).tag=Bi,Xi(u,s)),u.expirationTime<n&&(u.expirationTime=n),null!==(s=u.alternate)&&s.expirationTime<n&&(s.expirationTime=n),s=n;for(var f=u.return;null!==f;){var d=f.alternate;if(f.childExpirationTime<s)f.childExpirationTime=s,null!==d&&d.childExpirationTime<s&&(d.childExpirationTime=s);else{if(!(null!==d&&d.childExpirationTime<s))break;d.childExpirationTime=s}f=f.return}c.expirationTime<n&&(c.expirationTime=n);break}s=s.next}}else o=10===u.tag&&u.type===t.type?null:u.child;if(null!==o)o.return=u;else for(o=u;null!==o;){if(o===t){o=null;break}if(null!==(u=o.sibling)){u.return=o.return,o=u;break}o=o.return}u=o}}xi(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=(i=t.pendingProps).children,Ai(t,n),r=r(l=ji(l,i.unstable_observedBits)),t.effectTag|=1,xi(e,t,r,n),t.child;case 14:return i=nl(l=t.type,t.pendingProps),Ti(e,t,l,i=nl(l.type,i),r,n);case 15:return _i(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:nl(r,l),null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),t.tag=1,Mr(r)?(e=!0,Lr(t)):e=!1,Ai(t,n),ol(t,r,l),cl(t,r,l,n),Pi(null,t,r,!0,e,n)}a("156")}var Mi={current:null},Ii=null,Ui=null,Di=null;function Fi(e,t){var n=e.type._context;Cr(Mi,n._currentValue),n._currentValue=t}function Li(e){var t=Mi.current;Er(Mi),e.type._context._currentValue=t}function Ai(e,t){Ii=e,Di=Ui=null;var n=e.contextDependencies;null!==n&&n.expirationTime>=t&&(ki=!0),e.contextDependencies=null}function ji(e,t){return Di!==e&&!1!==t&&0!==t&&("number"==typeof t&&1073741823!==t||(Di=e,t=1073741823),t={context:e,observedBits:t,next:null},null===Ui?(null===Ii&&a("308"),Ui=t,Ii.contextDependencies={first:t,expirationTime:0}):Ui=Ui.next=t),e._currentValue}var Wi=0,Vi=1,Bi=2,Hi=3,$i=!1;function Qi(e){return{baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Ki(e){return{baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function qi(e){return{expirationTime:e,tag:Wi,payload:null,callback:null,next:null,nextEffect:null}}function Yi(e,t){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t)}function Xi(e,t){var n=e.alternate;if(null===n){var r=e.updateQueue,l=null;null===r&&(r=e.updateQueue=Qi(e.memoizedState))}else r=e.updateQueue,l=n.updateQueue,null===r?null===l?(r=e.updateQueue=Qi(e.memoizedState),l=n.updateQueue=Qi(n.memoizedState)):r=e.updateQueue=Ki(l):null===l&&(l=n.updateQueue=Ki(r));null===l||r===l?Yi(r,t):null===r.lastUpdate||null===l.lastUpdate?(Yi(r,t),Yi(l,t)):(Yi(r,t),l.lastUpdate=t)}function Gi(e,t){var n=e.updateQueue;null===(n=null===n?e.updateQueue=Qi(e.memoizedState):Zi(e,n)).lastCapturedUpdate?n.firstCapturedUpdate=n.lastCapturedUpdate=t:(n.lastCapturedUpdate.next=t,n.lastCapturedUpdate=t)}function Zi(e,t){var n=e.alternate;return null!==n&&t===n.updateQueue&&(t=e.updateQueue=Ki(t)),t}function Ji(e,t,n,r,i,a){switch(n.tag){case Vi:return"function"==typeof(e=n.payload)?e.call(a,r,i):e;case Hi:e.effectTag=-2049&e.effectTag|64;case Wi:if(null==(i="function"==typeof(e=n.payload)?e.call(a,r,i):e))break;return l({},r,i);case Bi:$i=!0}return r}function ea(e,t,n,r,l){$i=!1;for(var i=(t=Zi(e,t)).baseState,a=null,o=0,u=t.firstUpdate,c=i;null!==u;){var s=u.expirationTime;s<l?(null===a&&(a=u,i=c),o<s&&(o=s)):(c=Ji(e,0,u,c,n,r),null!==u.callback&&(e.effectTag|=32,u.nextEffect=null,null===t.lastEffect?t.firstEffect=t.lastEffect=u:(t.lastEffect.nextEffect=u,t.lastEffect=u))),u=u.next}for(s=null,u=t.firstCapturedUpdate;null!==u;){var f=u.expirationTime;f<l?(null===s&&(s=u,null===a&&(i=c)),o<f&&(o=f)):(c=Ji(e,0,u,c,n,r),null!==u.callback&&(e.effectTag|=32,u.nextEffect=null,null===t.lastCapturedEffect?t.firstCapturedEffect=t.lastCapturedEffect=u:(t.lastCapturedEffect.nextEffect=u,t.lastCapturedEffect=u))),u=u.next}null===a&&(t.lastUpdate=null),null===s?t.lastCapturedUpdate=null:e.effectTag|=32,null===a&&null===s&&(i=c),t.baseState=i,t.firstUpdate=a,t.firstCapturedUpdate=s,e.expirationTime=o,e.memoizedState=c}function ta(e,t,n){null!==t.firstCapturedUpdate&&(null!==t.lastUpdate&&(t.lastUpdate.next=t.firstCapturedUpdate,t.lastUpdate=t.lastCapturedUpdate),t.firstCapturedUpdate=t.lastCapturedUpdate=null),na(t.firstEffect,n),t.firstEffect=t.lastEffect=null,na(t.firstCapturedEffect,n),t.firstCapturedEffect=t.lastCapturedEffect=null}function na(e,t){for(;null!==e;){var n=e.callback;if(null!==n){e.callback=null;var r=t;"function"!=typeof n&&a("191",n),n.call(r)}e=e.nextEffect}}function ra(e,t){return{value:e,source:t,stack:ut(t)}}function la(e){e.effectTag|=4}var ia=void 0,aa=void 0,oa=void 0,ua=void 0;ia=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},aa=function(){},oa=function(e,t,n,r,i){var a=e.memoizedProps;if(a!==r){var o=t.stateNode;switch(kl(yl.current),e=null,n){case"input":a=bt(o,a),r=bt(o,r),e=[];break;case"option":a=Kn(o,a),r=Kn(o,r),e=[];break;case"select":a=l({},a,{value:void 0}),r=l({},r,{value:void 0}),e=[];break;case"textarea":a=Yn(o,a),r=Yn(o,r),e=[];break;default:"function"!=typeof a.onClick&&"function"==typeof r.onClick&&(o.onclick=pr)}sr(n,r),o=n=void 0;var u=null;for(n in a)if(!r.hasOwnProperty(n)&&a.hasOwnProperty(n)&&null!=a[n])if("style"===n){var c=a[n];for(o in c)c.hasOwnProperty(o)&&(u||(u={}),u[o]="")}else"dangerouslySetInnerHTML"!==n&&"children"!==n&&"suppressContentEditableWarning"!==n&&"suppressHydrationWarning"!==n&&"autoFocus"!==n&&(b.hasOwnProperty(n)?e||(e=[]):(e=e||[]).push(n,null));for(n in r){var s=r[n];if(c=null!=a?a[n]:void 0,r.hasOwnProperty(n)&&s!==c&&(null!=s||null!=c))if("style"===n)if(c){for(o in c)!c.hasOwnProperty(o)||s&&s.hasOwnProperty(o)||(u||(u={}),u[o]="");for(o in s)s.hasOwnProperty(o)&&c[o]!==s[o]&&(u||(u={}),u[o]=s[o])}else u||(e||(e=[]),e.push(n,u)),u=s;else"dangerouslySetInnerHTML"===n?(s=s?s.__html:void 0,c=c?c.__html:void 0,null!=s&&c!==s&&(e=e||[]).push(n,""+s)):"children"===n?c===s||"string"!=typeof s&&"number"!=typeof s||(e=e||[]).push(n,""+s):"suppressContentEditableWarning"!==n&&"suppressHydrationWarning"!==n&&(b.hasOwnProperty(n)?(null!=s&&dr(i,n),e||c===s||(e=[])):(e=e||[]).push(n,s))}u&&(e=e||[]).push("style",u),i=e,(t.updateQueue=i)&&la(t)}},ua=function(e,t,n,r){n!==r&&la(t)};var ca="function"==typeof WeakSet?WeakSet:Set;function sa(e,t){var n=t.source,r=t.stack;null===r&&null!==n&&(r=ut(n)),null!==n&&ot(n.type),t=t.value,null!==e&&1===e.tag&&ot(e.type);try{console.error(t)}catch(e){setTimeout(function(){throw e})}}function fa(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){Qa(e,t)}else t.current=null}function da(e,t,n){if(null!==(n=null!==(n=n.updateQueue)?n.lastEffect:null)){var r=n=n.next;do{if((r.tag&e)!==Sl){var l=r.destroy;r.destroy=void 0,void 0!==l&&l()}(r.tag&t)!==Sl&&(l=r.create,r.destroy=l()),r=r.next}while(r!==n)}}function pa(e){switch("function"==typeof Wr&&Wr(e),e.tag){case 0:case 11:case 14:case 15:var t=e.updateQueue;if(null!==t&&null!==(t=t.lastEffect)){var n=t=t.next;do{var r=n.destroy;if(void 0!==r){var l=e;try{r()}catch(e){Qa(l,e)}}n=n.next}while(n!==t)}break;case 1:if(fa(e),"function"==typeof(t=e.stateNode).componentWillUnmount)try{t.props=e.memoizedProps,t.state=e.memoizedState,t.componentWillUnmount()}catch(t){Qa(e,t)}break;case 5:fa(e);break;case 4:va(e)}}function ma(e){return 5===e.tag||3===e.tag||4===e.tag}function ha(e){e:{for(var t=e.return;null!==t;){if(ma(t)){var n=t;break e}t=t.return}a("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:a("161")}16&n.effectTag&&(lr(t,""),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||ma(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==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 l=e;;){if(5===l.tag||6===l.tag)if(n)if(r){var i=t,o=l.stateNode,u=n;8===i.nodeType?i.parentNode.insertBefore(o,u):i.insertBefore(o,u)}else t.insertBefore(l.stateNode,n);else r?(o=t,u=l.stateNode,8===o.nodeType?(i=o.parentNode).insertBefore(u,o):(i=o).appendChild(u),null!=(o=o._reactRootContainer)||null!==i.onclick||(i.onclick=pr)):t.appendChild(l.stateNode);else if(4!==l.tag&&null!==l.child){l.child.return=l,l=l.child;continue}if(l===e)break;for(;null===l.sibling;){if(null===l.return||l.return===e)return;l=l.return}l.sibling.return=l.return,l=l.sibling}}function va(e){for(var t=e,n=!1,r=void 0,l=void 0;;){if(!n){n=t.return;e:for(;;){switch(null===n&&a("160"),n.tag){case 5:r=n.stateNode,l=!1;break e;case 3:case 4:r=n.stateNode.containerInfo,l=!0;break e}n=n.return}n=!0}if(5===t.tag||6===t.tag){e:for(var i=t,o=i;;)if(pa(o),null!==o.child&&4!==o.tag)o.child.return=o,o=o.child;else{if(o===i)break;for(;null===o.sibling;){if(null===o.return||o.return===i)break e;o=o.return}o.sibling.return=o.return,o=o.sibling}l?(i=r,o=t.stateNode,8===i.nodeType?i.parentNode.removeChild(o):i.removeChild(o)):r.removeChild(t.stateNode)}else if(4===t.tag){if(null!==t.child){r=t.stateNode.containerInfo,l=!0,t.child.return=t,t=t.child;continue}}else if(pa(t),null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return;4===(t=t.return).tag&&(n=!1)}t.sibling.return=t.return,t=t.sibling}}function ya(e,t){switch(t.tag){case 0:case 11:case 14:case 15:da(Cl,Pl,t);break;case 1:break;case 5:var n=t.stateNode;if(null!=n){var r=t.memoizedProps;e=null!==e?e.memoizedProps:r;var l=t.type,i=t.updateQueue;t.updateQueue=null,null!==i&&function(e,t,n,r,l){e[I]=l,"input"===n&&"radio"===l.type&&null!=l.name&&xt(e,l),fr(n,r),r=fr(n,l);for(var i=0;i<t.length;i+=2){var a=t[i],o=t[i+1];"style"===a?ur(e,o):"dangerouslySetInnerHTML"===a?rr(e,o):"children"===a?lr(e,o):yt(e,a,o,r)}switch(n){case"input":wt(e,l);break;case"textarea":Gn(e,l);break;case"select":t=e._wrapperState.wasMultiple,e._wrapperState.wasMultiple=!!l.multiple,null!=(n=l.value)?qn(e,!!l.multiple,n,!1):t!==!!l.multiple&&(null!=l.defaultValue?qn(e,!!l.multiple,l.defaultValue,!0):qn(e,!!l.multiple,l.multiple?[]:"",!1))}}(n,i,l,e,r)}break;case 6:null===t.stateNode&&a("162"),t.stateNode.nodeValue=t.memoizedProps;break;case 3:case 12:break;case 13:if(n=t.memoizedState,r=void 0,e=t,null===n?r=!1:(r=!0,e=t.child,0===n.timedOutAt&&(n.timedOutAt=xo())),null!==e&&function(e,t){for(var n=e;;){if(5===n.tag){var r=n.stateNode;if(t)r.style.display="none";else{r=n.stateNode;var l=n.memoizedProps.style;l=null!=l&&l.hasOwnProperty("display")?l.display:null,r.style.display=or("display",l)}}else if(6===n.tag)n.stateNode.nodeValue=t?"":n.memoizedProps;else{if(13===n.tag&&null!==n.memoizedState){(r=n.child.sibling).return=n,n=r;continue}if(null!==n.child){n.child.return=n,n=n.child;continue}}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return;n=n.return}n.sibling.return=n.return,n=n.sibling}}(e,r),null!==(n=t.updateQueue)){t.updateQueue=null;var o=t.stateNode;null===o&&(o=t.stateNode=new ca),n.forEach(function(e){var n=function(e,t){var n=e.stateNode;null!==n&&n.delete(t),t=Ka(t=xo(),e),null!==(e=Ya(e,t))&&(Zr(e,t),0!==(t=e.expirationTime)&&wo(e,t))}.bind(null,t,e);o.has(e)||(o.add(e),e.then(n,n))})}break;case 17:break;default:a("163")}}var ga="function"==typeof WeakMap?WeakMap:Map;function ba(e,t,n){(n=qi(n)).tag=Hi,n.payload={element:null};var r=t.value;return n.callback=function(){Ro(r),sa(e,t)},n}function ka(e,t,n){(n=qi(n)).tag=Hi;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var l=t.value;n.payload=function(){return r(l)}}var i=e.stateNode;return null!==i&&"function"==typeof i.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===Da?Da=new Set([this]):Da.add(this));var n=t.value,l=t.stack;sa(e,t),this.componentDidCatch(n,{componentStack:null!==l?l:""})}),n}function xa(e){switch(e.tag){case 1:Mr(e.type)&&Ir();var t=e.effectTag;return 2048&t?(e.effectTag=-2049&t|64,e):null;case 3:return wl(),Ur(),0!=(64&(t=e.effectTag))&&a("285"),e.effectTag=-2049&t|64,e;case 5:return _l(e),null;case 13:return 2048&(t=e.effectTag)?(e.effectTag=-2049&t|64,e):null;case 18:return null;case 4:return wl(),null;case 10:return Li(e),null;default:return null}}var wa=He.ReactCurrentDispatcher,Ta=He.ReactCurrentOwner,_a=1073741822,Sa=!1,Ea=null,Ca=null,Pa=0,Na=-1,Oa=!1,Ra=null,za=!1,Ma=null,Ia=null,Ua=null,Da=null;function Fa(){if(null!==Ea)for(var e=Ea.return;null!==e;){var t=e;switch(t.tag){case 1:var n=t.type.childContextTypes;null!=n&&Ir();break;case 3:wl(),Ur();break;case 5:_l(t);break;case 4:wl();break;case 10:Li(t)}e=e.return}Ca=null,Pa=0,Na=-1,Oa=!1,Ea=null}function La(){for(;null!==Ra;){var e=Ra.effectTag;if(16&e&&lr(Ra.stateNode,""),128&e){var t=Ra.alternate;null!==t&&(null!==(t=t.ref)&&("function"==typeof t?t(null):t.current=null))}switch(14&e){case 2:ha(Ra),Ra.effectTag&=-3;break;case 6:ha(Ra),Ra.effectTag&=-3,ya(Ra.alternate,Ra);break;case 4:ya(Ra.alternate,Ra);break;case 8:va(e=Ra),e.return=null,e.child=null,e.memoizedState=null,e.updateQueue=null,null!==(e=e.alternate)&&(e.return=null,e.child=null,e.memoizedState=null,e.updateQueue=null)}Ra=Ra.nextEffect}}function Aa(){for(;null!==Ra;){if(256&Ra.effectTag)e:{var e=Ra.alternate,t=Ra;switch(t.tag){case 0:case 11:case 15:da(El,Sl,t);break e;case 1:if(256&t.effectTag&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:nl(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}break e;case 3:case 5:case 6:case 4:case 17:break e;default:a("163")}}Ra=Ra.nextEffect}}function ja(e,t){for(;null!==Ra;){var n=Ra.effectTag;if(36&n){var r=Ra.alternate,l=Ra,i=t;switch(l.tag){case 0:case 11:case 15:da(Nl,Ol,l);break;case 1:var o=l.stateNode;if(4&l.effectTag)if(null===r)o.componentDidMount();else{var u=l.elementType===l.type?r.memoizedProps:nl(l.type,r.memoizedProps);o.componentDidUpdate(u,r.memoizedState,o.__reactInternalSnapshotBeforeUpdate)}null!==(r=l.updateQueue)&&ta(0,r,o);break;case 3:if(null!==(r=l.updateQueue)){if(o=null,null!==l.child)switch(l.child.tag){case 5:o=l.child.stateNode;break;case 1:o=l.child.stateNode}ta(0,r,o)}break;case 5:i=l.stateNode,null===r&&4&l.effectTag&&vr(l.type,l.memoizedProps)&&i.focus();break;case 6:case 4:case 12:case 13:case 17:break;default:a("163")}}128&n&&(null!==(l=Ra.ref)&&(i=Ra.stateNode,"function"==typeof l?l(i):l.current=i)),512&n&&(Ma=e),Ra=Ra.nextEffect}}function Wa(){null!==Ia&&xr(Ia),null!==Ua&&Ua()}function Va(e,t){za=Sa=!0,e.current===t&&a("177");var n=e.pendingCommitExpirationTime;0===n&&a("261"),e.pendingCommitExpirationTime=0;var r=t.expirationTime,l=t.childExpirationTime;for(function(e,t){if(e.didError=!1,0===t)e.earliestPendingTime=0,e.latestPendingTime=0,e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0;else{t<e.latestPingedTime&&(e.latestPingedTime=0);var n=e.latestPendingTime;0!==n&&(n>t?e.earliestPendingTime=e.latestPendingTime=0:e.earliestPendingTime>t&&(e.earliestPendingTime=e.latestPendingTime)),0===(n=e.earliestSuspendedTime)?Zr(e,t):t<e.latestSuspendedTime?(e.earliestSuspendedTime=0,e.latestSuspendedTime=0,e.latestPingedTime=0,Zr(e,t)):t>n&&Zr(e,t)}tl(0,e)}(e,l>r?l:r),Ta.current=null,r=void 0,1<t.effectTag?null!==t.lastEffect?(t.lastEffect.nextEffect=t,r=t.firstEffect):r=t:r=t.firstEffect,mr=_n,hr=function(){var e=Dn();if(Fn(e)){if("selectionStart"in e)var t={start:e.selectionStart,end:e.selectionEnd};else e:{var n=(t=(t=e.ownerDocument)&&t.defaultView||window).getSelection&&t.getSelection();if(n&&0!==n.rangeCount){t=n.anchorNode;var r=n.anchorOffset,l=n.focusNode;n=n.focusOffset;try{t.nodeType,l.nodeType}catch(e){t=null;break e}var i=0,a=-1,o=-1,u=0,c=0,s=e,f=null;t:for(;;){for(var d;s!==t||0!==r&&3!==s.nodeType||(a=i+r),s!==l||0!==n&&3!==s.nodeType||(o=i+n),3===s.nodeType&&(i+=s.nodeValue.length),null!==(d=s.firstChild);)f=s,s=d;for(;;){if(s===e)break t;if(f===t&&++u===r&&(a=i),f===l&&++c===n&&(o=i),null!==(d=s.nextSibling))break;f=(s=f).parentNode}s=d}t=-1===a||-1===o?null:{start:a,end:o}}else t=null}t=t||{start:0,end:0}}else t=null;return{focusedElem:e,selectionRange:t}}(),_n=!1,Ra=r;null!==Ra;){l=!1;var o=void 0;try{Aa()}catch(e){l=!0,o=e}l&&(null===Ra&&a("178"),Qa(Ra,o),null!==Ra&&(Ra=Ra.nextEffect))}for(Ra=r;null!==Ra;){l=!1,o=void 0;try{La()}catch(e){l=!0,o=e}l&&(null===Ra&&a("178"),Qa(Ra,o),null!==Ra&&(Ra=Ra.nextEffect))}for(Ln(hr),hr=null,_n=!!mr,mr=null,e.current=t,Ra=r;null!==Ra;){l=!1,o=void 0;try{ja(e,n)}catch(e){l=!0,o=e}l&&(null===Ra&&a("178"),Qa(Ra,o),null!==Ra&&(Ra=Ra.nextEffect))}if(null!==r&&null!==Ma){var u=function(e,t){Ua=Ia=Ma=null;var n=no;no=!0;do{if(512&t.effectTag){var r=!1,l=void 0;try{var i=t;da(zl,Sl,i),da(Sl,Rl,i)}catch(e){r=!0,l=e}r&&Qa(t,l)}t=t.nextEffect}while(null!==t);no=n,0!==(n=e.expirationTime)&&wo(e,n),uo||no||Co(1073741823,!1)}.bind(null,e,r);Ia=i.unstable_runWithPriority(i.unstable_NormalPriority,function(){return kr(u)}),Ua=u}Sa=za=!1,"function"==typeof jr&&jr(t.stateNode),n=t.expirationTime,0===(t=(t=t.childExpirationTime)>n?t:n)&&(Da=null),function(e,t){e.expirationTime=t,e.finishedWork=null}(e,t)}function Ba(e){for(;;){var t=e.alternate,n=e.return,r=e.sibling;if(0==(1024&e.effectTag)){Ea=e;e:{var i=t,o=Pa,u=(t=e).pendingProps;switch(t.tag){case 2:case 16:break;case 15:case 0:break;case 1:Mr(t.type)&&Ir();break;case 3:wl(),Ur(),(u=t.stateNode).pendingContext&&(u.context=u.pendingContext,u.pendingContext=null),null!==i&&null!==i.child||(yi(t),t.effectTag&=-3),aa(t);break;case 5:_l(t);var c=kl(bl.current);if(o=t.type,null!==i&&null!=t.stateNode)oa(i,t,o,u,c),i.ref!==t.ref&&(t.effectTag|=128);else if(u){var s=kl(yl.current);if(yi(t)){i=(u=t).stateNode;var f=u.type,d=u.memoizedProps,p=c;switch(i[M]=u,i[I]=d,o=void 0,c=f){case"iframe":case"object":Sn("load",i);break;case"video":case"audio":for(f=0;f<te.length;f++)Sn(te[f],i);break;case"source":Sn("error",i);break;case"img":case"image":case"link":Sn("error",i),Sn("load",i);break;case"form":Sn("reset",i),Sn("submit",i);break;case"details":Sn("toggle",i);break;case"input":kt(i,d),Sn("invalid",i),dr(p,"onChange");break;case"select":i._wrapperState={wasMultiple:!!d.multiple},Sn("invalid",i),dr(p,"onChange");break;case"textarea":Xn(i,d),Sn("invalid",i),dr(p,"onChange")}for(o in sr(c,d),f=null,d)d.hasOwnProperty(o)&&(s=d[o],"children"===o?"string"==typeof s?i.textContent!==s&&(f=["children",s]):"number"==typeof s&&i.textContent!==""+s&&(f=["children",""+s]):b.hasOwnProperty(o)&&null!=s&&dr(p,o));switch(c){case"input":Ve(i),Tt(i,d,!0);break;case"textarea":Ve(i),Zn(i);break;case"select":case"option":break;default:"function"==typeof d.onClick&&(i.onclick=pr)}o=f,u.updateQueue=o,(u=null!==o)&&la(t)}else{d=t,p=o,i=u,f=9===c.nodeType?c:c.ownerDocument,s===Jn.html&&(s=er(p)),s===Jn.html?"script"===p?((i=f.createElement("div")).innerHTML="<script><\/script>",f=i.removeChild(i.firstChild)):"string"==typeof i.is?f=f.createElement(p,{is:i.is}):(f=f.createElement(p),"select"===p&&(p=f,i.multiple?p.multiple=!0:i.size&&(p.size=i.size))):f=f.createElementNS(s,p),(i=f)[M]=d,i[I]=u,ia(i,t,!1,!1),p=i;var m=c,h=fr(f=o,d=u);switch(f){case"iframe":case"object":Sn("load",p),c=d;break;case"video":case"audio":for(c=0;c<te.length;c++)Sn(te[c],p);c=d;break;case"source":Sn("error",p),c=d;break;case"img":case"image":case"link":Sn("error",p),Sn("load",p),c=d;break;case"form":Sn("reset",p),Sn("submit",p),c=d;break;case"details":Sn("toggle",p),c=d;break;case"input":kt(p,d),c=bt(p,d),Sn("invalid",p),dr(m,"onChange");break;case"option":c=Kn(p,d);break;case"select":p._wrapperState={wasMultiple:!!d.multiple},c=l({},d,{value:void 0}),Sn("invalid",p),dr(m,"onChange");break;case"textarea":Xn(p,d),c=Yn(p,d),Sn("invalid",p),dr(m,"onChange");break;default:c=d}sr(f,c),s=void 0;var v=f,y=p,g=c;for(s in g)if(g.hasOwnProperty(s)){var k=g[s];"style"===s?ur(y,k):"dangerouslySetInnerHTML"===s?null!=(k=k?k.__html:void 0)&&rr(y,k):"children"===s?"string"==typeof k?("textarea"!==v||""!==k)&&lr(y,k):"number"==typeof k&&lr(y,""+k):"suppressContentEditableWarning"!==s&&"suppressHydrationWarning"!==s&&"autoFocus"!==s&&(b.hasOwnProperty(s)?null!=k&&dr(m,s):null!=k&&yt(y,s,k,h))}switch(f){case"input":Ve(p),Tt(p,d,!1);break;case"textarea":Ve(p),Zn(p);break;case"option":null!=d.value&&p.setAttribute("value",""+gt(d.value));break;case"select":(c=p).multiple=!!d.multiple,null!=(p=d.value)?qn(c,!!d.multiple,p,!1):null!=d.defaultValue&&qn(c,!!d.multiple,d.defaultValue,!0);break;default:"function"==typeof c.onClick&&(p.onclick=pr)}(u=vr(o,u))&&la(t),t.stateNode=i}null!==t.ref&&(t.effectTag|=128)}else null===t.stateNode&&a("166");break;case 6:i&&null!=t.stateNode?ua(i,t,i.memoizedProps,u):("string"!=typeof u&&(null===t.stateNode&&a("166")),i=kl(bl.current),kl(yl.current),yi(t)?(o=(u=t).stateNode,i=u.memoizedProps,o[M]=u,(u=o.nodeValue!==i)&&la(t)):(o=t,(u=(9===i.nodeType?i:i.ownerDocument).createTextNode(u))[M]=t,o.stateNode=u));break;case 11:break;case 13:if(u=t.memoizedState,0!=(64&t.effectTag)){t.expirationTime=o,Ea=t;break e}u=null!==u,o=null!==i&&null!==i.memoizedState,null!==i&&!u&&o&&(null!==(i=i.child.sibling)&&(null!==(c=t.firstEffect)?(t.firstEffect=i,i.nextEffect=c):(t.firstEffect=t.lastEffect=i,i.nextEffect=null),i.effectTag=8)),(u||o)&&(t.effectTag|=4);break;case 7:case 8:case 12:break;case 4:wl(),aa(t);break;case 10:Li(t);break;case 9:case 14:break;case 17:Mr(t.type)&&Ir();break;case 18:break;default:a("156")}Ea=null}if(t=e,1===Pa||1!==t.childExpirationTime){for(u=0,o=t.child;null!==o;)(i=o.expirationTime)>u&&(u=i),(c=o.childExpirationTime)>u&&(u=c),o=o.sibling;t.childExpirationTime=u}if(null!==Ea)return Ea;null!==n&&0==(1024&n.effectTag)&&(null===n.firstEffect&&(n.firstEffect=e.firstEffect),null!==e.lastEffect&&(null!==n.lastEffect&&(n.lastEffect.nextEffect=e.firstEffect),n.lastEffect=e.lastEffect),1<e.effectTag&&(null!==n.lastEffect?n.lastEffect.nextEffect=e:n.firstEffect=e,n.lastEffect=e))}else{if(null!==(e=xa(e)))return e.effectTag&=1023,e;null!==n&&(n.firstEffect=n.lastEffect=null,n.effectTag|=1024)}if(null!==r)return r;if(null===n)break;e=n}return null}function Ha(e){var t=zi(e.alternate,e,Pa);return e.memoizedProps=e.pendingProps,null===t&&(t=Ba(e)),Ta.current=null,t}function $a(e,t){Sa&&a("243"),Wa(),Sa=!0;var n=wa.current;wa.current=oi;var r=e.nextExpirationTimeToWorkOn;r===Pa&&e===Ca&&null!==Ea||(Fa(),Pa=r,Ea=Qr((Ca=e).current,null),e.pendingCommitExpirationTime=0);for(var l=!1;;){try{if(t)for(;null!==Ea&&!So();)Ea=Ha(Ea);else for(;null!==Ea;)Ea=Ha(Ea)}catch(t){if(Di=Ui=Ii=null,Xl(),null===Ea)l=!0,Ro(t);else{null===Ea&&a("271");var i=Ea,o=i.return;if(null!==o){e:{var u=e,c=o,s=i,f=t;if(o=Pa,s.effectTag|=1024,s.firstEffect=s.lastEffect=null,null!==f&&"object"==typeof f&&"function"==typeof f.then){var d=f;f=c;var p=-1,m=-1;do{if(13===f.tag){var h=f.alternate;if(null!==h&&null!==(h=h.memoizedState)){m=10*(1073741822-h.timedOutAt);break}"number"==typeof(h=f.pendingProps.maxDuration)&&(0>=h?p=0:(-1===p||h<p)&&(p=h))}f=f.return}while(null!==f);f=c;do{if((h=13===f.tag)&&(h=void 0!==f.memoizedProps.fallback&&null===f.memoizedState),h){if(null===(c=f.updateQueue)?((c=new Set).add(d),f.updateQueue=c):c.add(d),0==(1&f.mode)){f.effectTag|=64,s.effectTag&=-1957,1===s.tag&&(null===s.alternate?s.tag=17:((o=qi(1073741823)).tag=Bi,Xi(s,o))),s.expirationTime=1073741823;break e}c=o;var v=(s=u).pingCache;null===v?(v=s.pingCache=new ga,h=new Set,v.set(d,h)):void 0===(h=v.get(d))&&(h=new Set,v.set(d,h)),h.has(c)||(h.add(c),s=qa.bind(null,s,d,c),d.then(s,s)),-1===p?u=1073741823:(-1===m&&(m=10*(1073741822-el(u,o))-5e3),u=m+p),0<=u&&Na<u&&(Na=u),f.effectTag|=2048,f.expirationTime=o;break e}f=f.return}while(null!==f);f=Error((ot(s.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display."+ut(s))}Oa=!0,f=ra(f,s),u=c;do{switch(u.tag){case 3:u.effectTag|=2048,u.expirationTime=o,Gi(u,o=ba(u,f,o));break e;case 1:if(p=f,m=u.type,s=u.stateNode,0==(64&u.effectTag)&&("function"==typeof m.getDerivedStateFromError||null!==s&&"function"==typeof s.componentDidCatch&&(null===Da||!Da.has(s)))){u.effectTag|=2048,u.expirationTime=o,Gi(u,o=ka(u,p,o));break e}}u=u.return}while(null!==u)}Ea=Ba(i);continue}l=!0,Ro(t)}}break}if(Sa=!1,wa.current=n,Di=Ui=Ii=null,Xl(),l)Ca=null,e.finishedWork=null;else if(null!==Ea)e.finishedWork=null;else{if(null===(n=e.current.alternate)&&a("281"),Ca=null,Oa){if(l=e.latestPendingTime,i=e.latestSuspendedTime,o=e.latestPingedTime,0!==l&&l<r||0!==i&&i<r||0!==o&&o<r)return Jr(e,r),void ko(e,n,r,e.expirationTime,-1);if(!e.didError&&t)return e.didError=!0,r=e.nextExpirationTimeToWorkOn=r,t=e.expirationTime=1073741823,void ko(e,n,r,t,-1)}t&&-1!==Na?(Jr(e,r),(t=10*(1073741822-el(e,r)))<Na&&(Na=t),t=10*(1073741822-xo()),t=Na-t,ko(e,n,r,e.expirationTime,0>t?0:t)):(e.pendingCommitExpirationTime=r,e.finishedWork=n)}}function Qa(e,t){for(var n=e.return;null!==n;){switch(n.tag){case 1:var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===Da||!Da.has(r)))return Xi(n,e=ka(n,e=ra(t,e),1073741823)),void Xa(n,1073741823);break;case 3:return Xi(n,e=ba(n,e=ra(t,e),1073741823)),void Xa(n,1073741823)}n=n.return}3===e.tag&&(Xi(e,n=ba(e,n=ra(t,e),1073741823)),Xa(e,1073741823))}function Ka(e,t){var n=i.unstable_getCurrentPriorityLevel(),r=void 0;if(0==(1&t.mode))r=1073741823;else if(Sa&&!za)r=Pa;else{switch(n){case i.unstable_ImmediatePriority:r=1073741823;break;case i.unstable_UserBlockingPriority:r=1073741822-10*(1+((1073741822-e+15)/10|0));break;case i.unstable_NormalPriority:r=1073741822-25*(1+((1073741822-e+500)/25|0));break;case i.unstable_LowPriority:case i.unstable_IdlePriority:r=1;break;default:a("313")}null!==Ca&&r===Pa&&--r}return n===i.unstable_UserBlockingPriority&&(0===io||r<io)&&(io=r),r}function qa(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),null!==Ca&&Pa===n?Ca=null:(t=e.earliestSuspendedTime,r=e.latestSuspendedTime,0!==t&&n<=t&&n>=r&&(e.didError=!1,(0===(t=e.latestPingedTime)||t>n)&&(e.latestPingedTime=n),tl(n,e),0!==(n=e.expirationTime)&&wo(e,n)))}function Ya(e,t){e.expirationTime<t&&(e.expirationTime=t);var n=e.alternate;null!==n&&n.expirationTime<t&&(n.expirationTime=t);var r=e.return,l=null;if(null===r&&3===e.tag)l=e.stateNode;else for(;null!==r;){if(n=r.alternate,r.childExpirationTime<t&&(r.childExpirationTime=t),null!==n&&n.childExpirationTime<t&&(n.childExpirationTime=t),null===r.return&&3===r.tag){l=r.stateNode;break}r=r.return}return l}function Xa(e,t){null!==(e=Ya(e,t))&&(!Sa&&0!==Pa&&t>Pa&&Fa(),Zr(e,t),Sa&&!za&&Ca===e||wo(e,e.expirationTime),vo>ho&&(vo=0,a("185")))}function Ga(e,t,n,r,l){return i.unstable_runWithPriority(i.unstable_ImmediatePriority,function(){return e(t,n,r,l)})}var Za=null,Ja=null,eo=0,to=void 0,no=!1,ro=null,lo=0,io=0,ao=!1,oo=null,uo=!1,co=!1,so=null,fo=i.unstable_now(),po=1073741822-(fo/10|0),mo=po,ho=50,vo=0,yo=null;function go(){po=1073741822-((i.unstable_now()-fo)/10|0)}function bo(e,t){if(0!==eo){if(t<eo)return;null!==to&&i.unstable_cancelCallback(to)}eo=t,e=i.unstable_now()-fo,to=i.unstable_scheduleCallback(Eo,{timeout:10*(1073741822-t)-e})}function ko(e,t,n,r,l){e.expirationTime=r,0!==l||So()?0<l&&(e.timeoutHandle=gr(function(e,t,n){e.pendingCommitExpirationTime=n,e.finishedWork=t,go(),mo=po,Po(e,n)}.bind(null,e,t,n),l)):(e.pendingCommitExpirationTime=n,e.finishedWork=t)}function xo(){return no?mo:(To(),0!==lo&&1!==lo||(go(),mo=po),mo)}function wo(e,t){null===e.nextScheduledRoot?(e.expirationTime=t,null===Ja?(Za=Ja=e,e.nextScheduledRoot=e):(Ja=Ja.nextScheduledRoot=e).nextScheduledRoot=Za):t>e.expirationTime&&(e.expirationTime=t),no||(uo?co&&(ro=e,lo=1073741823,No(e,1073741823,!1)):1073741823===t?Co(1073741823,!1):bo(e,t))}function To(){var e=0,t=null;if(null!==Ja)for(var n=Ja,r=Za;null!==r;){var l=r.expirationTime;if(0===l){if((null===n||null===Ja)&&a("244"),r===r.nextScheduledRoot){Za=Ja=r.nextScheduledRoot=null;break}if(r===Za)Za=l=r.nextScheduledRoot,Ja.nextScheduledRoot=l,r.nextScheduledRoot=null;else{if(r===Ja){(Ja=n).nextScheduledRoot=Za,r.nextScheduledRoot=null;break}n.nextScheduledRoot=r.nextScheduledRoot,r.nextScheduledRoot=null}r=n.nextScheduledRoot}else{if(l>e&&(e=l,t=r),r===Ja)break;if(1073741823===e)break;n=r,r=r.nextScheduledRoot}}ro=t,lo=e}var _o=!1;function So(){return!!_o||!!i.unstable_shouldYield()&&(_o=!0)}function Eo(){try{if(!So()&&null!==Za){go();var e=Za;do{var t=e.expirationTime;0!==t&&po<=t&&(e.nextExpirationTimeToWorkOn=po),e=e.nextScheduledRoot}while(e!==Za)}Co(0,!0)}finally{_o=!1}}function Co(e,t){if(To(),t)for(go(),mo=po;null!==ro&&0!==lo&&e<=lo&&!(_o&&po>lo);)No(ro,lo,po>lo),To(),go(),mo=po;else for(;null!==ro&&0!==lo&&e<=lo;)No(ro,lo,!1),To();if(t&&(eo=0,to=null),0!==lo&&bo(ro,lo),vo=0,yo=null,null!==so)for(e=so,so=null,t=0;t<e.length;t++){var n=e[t];try{n._onComplete()}catch(e){ao||(ao=!0,oo=e)}}if(ao)throw e=oo,oo=null,ao=!1,e}function Po(e,t){no&&a("253"),ro=e,lo=t,No(e,t,!1),Co(1073741823,!1)}function No(e,t,n){if(no&&a("245"),no=!0,n){var r=e.finishedWork;null!==r?Oo(e,r,t):(e.finishedWork=null,-1!==(r=e.timeoutHandle)&&(e.timeoutHandle=-1,br(r)),$a(e,n),null!==(r=e.finishedWork)&&(So()?e.finishedWork=r:Oo(e,r,t)))}else null!==(r=e.finishedWork)?Oo(e,r,t):(e.finishedWork=null,-1!==(r=e.timeoutHandle)&&(e.timeoutHandle=-1,br(r)),$a(e,n),null!==(r=e.finishedWork)&&Oo(e,r,t));no=!1}function Oo(e,t,n){var r=e.firstBatch;if(null!==r&&r._expirationTime>=n&&(null===so?so=[r]:so.push(r),r._defer))return e.finishedWork=t,void(e.expirationTime=0);e.finishedWork=null,e===yo?vo++:(yo=e,vo=0),i.unstable_runWithPriority(i.unstable_ImmediatePriority,function(){Va(e,t)})}function Ro(e){null===ro&&a("246"),ro.expirationTime=0,ao||(ao=!0,oo=e)}function zo(e,t){var n=uo;uo=!0;try{return e(t)}finally{(uo=n)||no||Co(1073741823,!1)}}function Mo(e,t){if(uo&&!co){co=!0;try{return e(t)}finally{co=!1}}return e(t)}function Io(e,t,n){uo||no||0===io||(Co(io,!1),io=0);var r=uo;uo=!0;try{return i.unstable_runWithPriority(i.unstable_UserBlockingPriority,function(){return e(t,n)})}finally{(uo=r)||no||Co(1073741823,!1)}}function Uo(e,t,n,r,l){var i=t.current;e:if(n){t:{2===tn(n=n._reactInternalFiber)&&1===n.tag||a("170");var o=n;do{switch(o.tag){case 3:o=o.stateNode.context;break t;case 1:if(Mr(o.type)){o=o.stateNode.__reactInternalMemoizedMergedChildContext;break t}}o=o.return}while(null!==o);a("171"),o=void 0}if(1===n.tag){var u=n.type;if(Mr(u)){n=Fr(n,u,o);break e}}n=o}else n=Pr;return null===t.context?t.context=n:t.pendingContext=n,t=l,(l=qi(r)).payload={element:e},null!==(t=void 0===t?null:t)&&(l.callback=t),Wa(),Xi(i,l),Xa(i,r),r}function Do(e,t,n,r){var l=t.current;return Uo(e,t,n,l=Ka(xo(),l),r)}function Fo(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function Lo(e){var t=1073741822-25*(1+((1073741822-xo()+500)/25|0));t>=_a&&(t=_a-1),this._expirationTime=_a=t,this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function Ao(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function jo(e,t,n){e={current:t=Hr(3,null,null,t?3:0),containerInfo:e,pendingChildren:null,pingCache:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,didError:!1,pendingCommitExpirationTime:0,finishedWork:null,timeoutHandle:-1,context:null,pendingContext:null,hydrate:n,nextExpirationTimeToWorkOn:0,expirationTime:0,firstBatch:null,nextScheduledRoot:null},this._internalRoot=t.stateNode=e}function Wo(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Vo(e,t,n,r,l){var i=n._reactRootContainer;if(i){if("function"==typeof l){var a=l;l=function(){var e=Fo(i._internalRoot);a.call(e)}}null!=e?i.legacy_renderSubtreeIntoContainer(e,t,l):i.render(t,l)}else{if(i=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new jo(e,!1,t)}(n,r),"function"==typeof l){var o=l;l=function(){var e=Fo(i._internalRoot);o.call(e)}}Mo(function(){null!=e?i.legacy_renderSubtreeIntoContainer(e,t,l):i.render(t,l)})}return Fo(i._internalRoot)}function Bo(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return Wo(t)||a("200"),function(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:qe,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}(e,t,null,n)}Ee=function(e,t,n){switch(t){case"input":if(wt(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 l=L(r);l||a("90"),Be(r),wt(r,l)}}}break;case"textarea":Gn(e,n);break;case"select":null!=(t=n.value)&&qn(e,!!n.multiple,t,!1)}},Lo.prototype.render=function(e){this._defer||a("250"),this._hasChildren=!0,this._children=e;var t=this._root._internalRoot,n=this._expirationTime,r=new Ao;return Uo(e,t,null,n,r._onCommit),r},Lo.prototype.then=function(e){if(this._didComplete)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},Lo.prototype.commit=function(){var e=this._root._internalRoot,t=e.firstBatch;if(this._defer&&null!==t||a("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,l=t;l!==this;)r=l,l=l._next;null===r&&a("251"),r._next=l._next,this._next=t,e.firstBatch=this}this._defer=!1,Po(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},Lo.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])()}},Ao.prototype.then=function(e){if(this._didCommit)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},Ao.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&&a("191",n),n()}}},jo.prototype.render=function(e,t){var n=this._internalRoot,r=new Ao;return null!==(t=void 0===t?null:t)&&r.then(t),Do(e,n,null,r._onCommit),r},jo.prototype.unmount=function(e){var t=this._internalRoot,n=new Ao;return null!==(e=void 0===e?null:e)&&n.then(e),Do(null,t,null,n._onCommit),n},jo.prototype.legacy_renderSubtreeIntoContainer=function(e,t,n){var r=this._internalRoot,l=new Ao;return null!==(n=void 0===n?null:n)&&l.then(n),Do(t,r,e,l._onCommit),l},jo.prototype.createBatch=function(){var e=new Lo(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},ze=zo,Me=Io,Ie=function(){no||0===io||(Co(io,!1),io=0)};var Ho,$o,Qo={createPortal:Bo,findDOMNode:function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternalFiber;return void 0===t&&("function"==typeof e.render?a("188"):a("268",Object.keys(e))),e=null===(e=rn(t))?null:e.stateNode},hydrate:function(e,t,n){return Wo(t)||a("200"),Vo(null,e,t,!0,n)},render:function(e,t,n){return Wo(t)||a("200"),Vo(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,r){return Wo(n)||a("200"),(null==e||void 0===e._reactInternalFiber)&&a("38"),Vo(e,t,n,!1,r)},unmountComponentAtNode:function(e){return Wo(e)||a("40"),!!e._reactRootContainer&&(Mo(function(){Vo(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return Bo.apply(void 0,arguments)},unstable_batchedUpdates:zo,unstable_interactiveUpdates:Io,flushSync:function(e,t){no&&a("187");var n=uo;uo=!0;try{return Ga(e,t)}finally{uo=n,Co(1073741823,!1)}},unstable_createRoot:function(e,t){return Wo(e)||a("299","unstable_createRoot"),new jo(e,!0,null!=t&&!0===t.hydrate)},unstable_flushControlled:function(e){var t=uo;uo=!0;try{Ga(e)}finally{(uo=t)||no||Co(1073741823,!1)}},__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{Events:[D,F,L,N.injectEventPluginsByName,g,H,function(e){E(e,B)},Oe,Re,Pn,R]}};$o=(Ho={findFiberByHostInstance:U,bundleType:0,version:"16.8.6",rendererPackageName:"react-dom"}).findFiberByHostInstance,function(e){if("undefined"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var t=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t.isDisabled||!t.supportsFiber)return!0;try{var n=t.inject(e);jr=Vr(function(e){return t.onCommitFiberRoot(n,e)}),Wr=Vr(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}}(l({},Ho,{overrideProps:null,currentDispatcherRef:He.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=rn(e))?null:e.stateNode},findFiberByHostInstance:function(e){return $o?$o(e):null}}));var Ko={default:Qo},qo=Ko&&Qo||Ko;e.exports=qo.default||qo},function(e,t,n){"use strict";e.exports=n(6)},function(e,t,n){"use strict";(function(e){
23 | /** @license React v0.13.6
24 |  * scheduler.production.min.js
25 |  *
26 |  * Copyright (c) Facebook, Inc. and its affiliates.
27 |  *
28 |  * This source code is licensed under the MIT license found in the
29 |  * LICENSE file in the root directory of this source tree.
30 |  */
31 | Object.defineProperty(t,"__esModule",{value:!0});var n=null,r=!1,l=3,i=-1,a=-1,o=!1,u=!1;function c(){if(!o){var e=n.expirationTime;u?T():u=!0,w(d,e)}}function s(){var e=n,t=n.next;if(n===t)n=null;else{var r=n.previous;n=r.next=t,t.previous=r}e.next=e.previous=null,r=e.callback,t=e.expirationTime,e=e.priorityLevel;var i=l,o=a;l=e,a=t;try{var u=r()}finally{l=i,a=o}if("function"==typeof u)if(u={callback:u,priorityLevel:e,expirationTime:t,next:null,previous:null},null===n)n=u.next=u.previous=u;else{r=null,e=n;do{if(e.expirationTime>=t){r=e;break}e=e.next}while(e!==n);null===r?r=n:r===n&&(n=u,c()),(t=r.previous).next=r.previous=u,u.next=r,u.previous=t}}function f(){if(-1===i&&null!==n&&1===n.priorityLevel){o=!0;try{do{s()}while(null!==n&&1===n.priorityLevel)}finally{o=!1,null!==n?c():u=!1}}}function d(e){o=!0;var l=r;r=e;try{if(e)for(;null!==n;){var i=t.unstable_now();if(!(n.expirationTime<=i))break;do{s()}while(null!==n&&n.expirationTime<=i)}else if(null!==n)do{s()}while(null!==n&&!_())}finally{o=!1,r=l,null!==n?c():u=!1,f()}}var p,m,h=Date,v="function"==typeof setTimeout?setTimeout:void 0,y="function"==typeof clearTimeout?clearTimeout:void 0,g="function"==typeof requestAnimationFrame?requestAnimationFrame:void 0,b="function"==typeof cancelAnimationFrame?cancelAnimationFrame:void 0;function k(e){p=g(function(t){y(m),e(t)}),m=v(function(){b(p),e(t.unstable_now())},100)}if("object"==typeof performance&&"function"==typeof performance.now){var x=performance;t.unstable_now=function(){return x.now()}}else t.unstable_now=function(){return h.now()};var w,T,_,S=null;if("undefined"!=typeof window?S=window:void 0!==e&&(S=e),S&&S._schedMock){var E=S._schedMock;w=E[0],T=E[1],_=E[2],t.unstable_now=E[3]}else if("undefined"==typeof window||"function"!=typeof MessageChannel){var C=null,P=function(e){if(null!==C)try{C(e)}finally{C=null}};w=function(e){null!==C?setTimeout(w,0,e):(C=e,setTimeout(P,0,!1))},T=function(){C=null},_=function(){return!1}}else{"undefined"!=typeof console&&("function"!=typeof g&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof b&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"));var N=null,O=!1,R=-1,z=!1,M=!1,I=0,U=33,D=33;_=function(){return I<=t.unstable_now()};var F=new MessageChannel,L=F.port2;F.port1.onmessage=function(){O=!1;var e=N,n=R;N=null,R=-1;var r=t.unstable_now(),l=!1;if(0>=I-r){if(!(-1!==n&&n<=r))return z||(z=!0,k(A)),N=e,void(R=n);l=!0}if(null!==e){M=!0;try{e(l)}finally{M=!1}}};var A=function(e){if(null!==N){k(A);var t=e-I+D;t<D&&U<D?(8>t&&(t=8),D=t<U?U:t):U=t,I=e+D,O||(O=!0,L.postMessage(void 0))}else z=!1};w=function(e,t){N=e,R=t,M||0>t?L.postMessage(void 0):z||(z=!0,k(A))},T=function(){N=null,O=!1,R=-1}}t.unstable_ImmediatePriority=1,t.unstable_UserBlockingPriority=2,t.unstable_NormalPriority=3,t.unstable_IdlePriority=5,t.unstable_LowPriority=4,t.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var r=l,a=i;l=e,i=t.unstable_now();try{return n()}finally{l=r,i=a,f()}},t.unstable_next=function(e){switch(l){case 1:case 2:case 3:var n=3;break;default:n=l}var r=l,a=i;l=n,i=t.unstable_now();try{return e()}finally{l=r,i=a,f()}},t.unstable_scheduleCallback=function(e,r){var a=-1!==i?i:t.unstable_now();if("object"==typeof r&&null!==r&&"number"==typeof r.timeout)r=a+r.timeout;else switch(l){case 1:r=a+-1;break;case 2:r=a+250;break;case 5:r=a+1073741823;break;case 4:r=a+1e4;break;default:r=a+5e3}if(e={callback:e,priorityLevel:l,expirationTime:r,next:null,previous:null},null===n)n=e.next=e.previous=e,c();else{a=null;var o=n;do{if(o.expirationTime>r){a=o;break}o=o.next}while(o!==n);null===a?a=n:a===n&&(n=e,c()),(r=a.previous).next=a.previous=e,e.next=a,e.previous=r}return e},t.unstable_cancelCallback=function(e){var t=e.next;if(null!==t){if(t===e)n=null;else{e===n&&(n=t);var r=e.previous;r.next=t,t.previous=r}e.next=e.previous=null}},t.unstable_wrapCallback=function(e){var n=l;return function(){var r=l,a=i;l=n,i=t.unstable_now();try{return e.apply(this,arguments)}finally{l=r,i=a,f()}}},t.unstable_getCurrentPriorityLevel=function(){return l},t.unstable_shouldYield=function(){return!r&&(null!==n&&n.expirationTime<a||_())},t.unstable_continueExecution=function(){null!==n&&c()},t.unstable_pauseExecution=function(){},t.unstable_getFirstCallbackNode=function(){return n}}).call(this,n(7))},function(e,t){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(e){"object"==typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";n.r(t),t.default=n.p+"example.png?0caa6cf4ae6d78380673e2ac544bee91"},function(e,t,n){"use strict";n.r(t);var r=n(0),l=n.n(r),i=n(2);function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var o={root:null,rootMargin:"0px",threshold:Array.from({length:100},function(e,t){return.01*t})},u=function(e,t){void 0===t&&(t={});var n=Object(r.useRef)(null),l=Object(r.useRef)(null),i=Object(r.useState)(0),u=i[0],c=i[1],s="function"==typeof e?e(u):u,f=Object(r.useCallback)(function(e){e.forEach(function(e){c(e.intersectionRatio)})},[]);return Object(r.useEffect)(function(){l.current||n.current&&(l.current=new IntersectionObserver(f,a({},o,{},t)),l.current.observe(n.current))}),[n,s]};function c(){return(c=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}).apply(this,arguments)}var s={fontSize:"2rem",width:"500px",height:"500px",maxWidth:"100%",display:"flex",justifyContent:"center",alignItems:"center",marginBottom:"10px",backgroundColor:"#ddd",boxSizing:"border-box",overflow:"hidden"},f=document.createElement("div");document.body.appendChild(f),Object(i.render)(l.a.createElement(function(){var e=u(),t=e[0],r=e[1],i=u(function(e){return Math.floor(100*e)}),a=i[0],o=i[1],f=u(function(e){return e>.5}),d=f[0],p=f[1],m=u(function(e){return{height:Math.floor(100*e)+"%",opacity:e}}),h=m[0],v=m[1];return l.a.createElement("div",{style:{maxWidth:"100vw",maxHeight:"100vh",overflowY:"scroll"}},l.a.createElement("div",{style:{width:"100vw",height:"500vh"}},l.a.createElement("div",{ref:t,style:s},r),l.a.createElement("div",{ref:a,style:s},o,"%"),l.a.createElement("div",{ref:d,style:c({},s,{fontSize:"5rem",textAlign:"center",backgroundColor:p?"#f00":"#00b"})},"50%",l.a.createElement("br",null),"over",l.a.createElement("br",null),p?"visible":"hidden"),l.a.createElement("div",{ref:h,style:c({},s,{backgroundColor:"transparent"})},l.a.createElement("img",{style:v,src:n(8)}))))},null),f)}]);


--------------------------------------------------------------------------------
/jest.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   transform: {
 3 |     '^.+\\.(js|jsx|ts|tsx)$': 'babel-jest'
 4 |   },
 5 |   testRegex: '(\\.|/)(test|spec)\\.(t|j)sx?$',
 6 |   moduleNameMapper: {
 7 |     '^@/(.*)': '<rootDir>/src/$1'
 8 |   },
 9 |   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
10 |   collectCoverage: true,
11 |   collectCoverageFrom: ['src/**/*.(t|j)s?(x)']
12 | }
13 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "react-hooks-visible",
  3 |   "version": "1.1.1",
  4 |   "license": "MIT",
  5 |   "description": "react intersectionObserver helper library.",
  6 |   "author": "kmkzt<info.pscreator@gmail.com>",
  7 |   "keywords": [
  8 |     "react",
  9 |     "intersectionObserver",
 10 |     "visible"
 11 |   ],
 12 |   "main": "lib/index.cjs.js",
 13 |   "module": "lib/index.esm.js",
 14 |   "browser": "lib/index.min.js",
 15 |   "types": "lib/index.d.ts",
 16 |   "files": [
 17 |     "lib/*.{js,ts}"
 18 |   ],
 19 |   "directories": {
 20 |     "lib": "lib",
 21 |     "doc": "README.md",
 22 |     "example": "src/example"
 23 |   },
 24 |   "repository": "github:kmkzt/react-hooks-visible",
 25 |   "homepage": "https://github.com/kmkzt/react-hooks-visible",
 26 |   "bugs": {
 27 |     "url": "https://github.com/kmkzt/react-hooks-visible/issues",
 28 |     "email": "info.pscreator@gmail.com"
 29 |   },
 30 |   "scripts": {
 31 |     "dev": "NODE_ENV=development webpack-dev-server",
 32 |     "prod": "npm-run-all build:*",
 33 |     "build:clear": "rimraf lib/* && rimraf docs/*",
 34 |     "build:rollup": "NODE_ENV=production rollup -c",
 35 |     "build:tsc": "NODE_ENV=production tsc --emitDeclarationOnly",
 36 |     "build:demo": "NODE_ENV=production webpack -p",
 37 |     "sample": "webpack-dev-server server.js",
 38 |     "test": "jest --passWithNoTests",
 39 |     "release": "release-it",
 40 |     "prepare": "yarn build:rollup; yarn build:tsc"
 41 |   },
 42 |   "peerDependencies": {
 43 |     "react": ">=16.8"
 44 |   },
 45 |   "devDependencies": {
 46 |     "@babel/core": "7.8.3",
 47 |     "@babel/plugin-proposal-class-properties": "7.8.3",
 48 |     "@babel/plugin-syntax-dynamic-import": "7.8.3",
 49 |     "@babel/plugin-transform-runtime": "7.8.3",
 50 |     "@babel/polyfill": "7.8.3",
 51 |     "@babel/preset-env": "7.8.3",
 52 |     "@babel/preset-react": "7.8.3",
 53 |     "@babel/preset-typescript": "7.8.3",
 54 |     "@rollup/plugin-commonjs": "11.0.2",
 55 |     "@rollup/plugin-json": "4.0.2",
 56 |     "@rollup/plugin-node-resolve": "7.1.1",
 57 |     "@rollup/plugin-replace": "2.3.1",
 58 |     "@types/autoprefixer": "9.5.0",
 59 |     "@types/babel-core": "6.25.6",
 60 |     "@types/babel__core": "7.1.2",
 61 |     "@types/dotenv-webpack": "1.7.0",
 62 |     "@types/eslint": "4.16.8",
 63 |     "@types/eslint-plugin-prettier": "2.2.0",
 64 |     "@types/html-webpack-plugin": "3.2.1",
 65 |     "@types/jest": "24.0.17",
 66 |     "@types/node": "12.7.2",
 67 |     "@types/node-sass": "4.11.0",
 68 |     "@types/prettier": "1.18.2",
 69 |     "@types/react": "16.9.2",
 70 |     "@types/react-dom": "16.8.5",
 71 |     "@types/rimraf": "2.0.2",
 72 |     "@types/uglifyjs-webpack-plugin": "1.1.0",
 73 |     "@types/webpack": "4.32.2",
 74 |     "@types/webpack-dev-server": "3.1.7",
 75 |     "@types/webpack-merge": "4.1.5",
 76 |     "@types/workbox-webpack-plugin": "4.1.0",
 77 |     "@typescript-eslint/eslint-plugin": "1.13.0",
 78 |     "@typescript-eslint/parser": "1.13.0",
 79 |     "@typescript-eslint/typescript-estree": "1.13.0",
 80 |     "autoprefixer": "9.6.1",
 81 |     "babel-core": "6.26.3",
 82 |     "babel-jest": "24.9.0",
 83 |     "babel-loader": "8.0.6",
 84 |     "babel-preset-es2015": "6.24.1",
 85 |     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
 86 |     "css-loader": "2.1.1",
 87 |     "case-sensitive-paths-webpack-plugin": "2.3.0",
 88 |     "eslint": "5.16.0",
 89 |     "eslint-config-prettier": "4.3.0",
 90 |     "eslint-loader": "2.2.1",
 91 |     "eslint-plugin-prettier": "3.1.0",
 92 |     "eslint-plugin-react": "7.14.3",
 93 |     "eslint-plugin-react-hooks": "1.7.0",
 94 |     "fork-ts-checker-webpack-plugin": "4.1.0",
 95 |     "file-loader": "5.1.0",
 96 |     "html-loader": "0.5.5",
 97 |     "html-webpack-plugin": "3.2.0",
 98 |     "jest": "24.9.0",
 99 |     "node-sass": "4.13.1",
100 |     "npm-run-all": "4.1.5",
101 |     "postcss-loader": "3.0.0",
102 |     "prettier": "1.18.2",
103 |     "react": "16.9.0",
104 |     "react-dom": "16.9.0",
105 |     "release-it": "12.3.5",
106 |     "resolve-url-loader": "3.1.0",
107 |     "rimraf": "2.7.1",
108 |     "rollup": "1.31.0",
109 |     "rollup-plugin-babel": "4.4.0",
110 |     "rollup-plugin-size-snapshot": "0.11.0",
111 |     "rollup-plugin-sourcemaps": "0.5.0",
112 |     "rollup-plugin-terser": "5.2.0",
113 |     "sass-loader": "7.2.0",
114 |     "style-loader": "0.23.1",
115 |     "ts-loader": "6.0.4",
116 |     "tsconfig-paths-webpack-plugin": "3.2.0",
117 |     "typescript": "3.5.3",
118 |     "webpack": "4.39.2",
119 |     "webpack-cli": "3.3.6",
120 |     "webpack-dev-server": "3.8.0",
121 |     "webpack-merge": "4.2.1",
122 |     "workbox-webpack-plugin": "4.3.1"
123 |   }
124 | }
125 | 


--------------------------------------------------------------------------------
/prettier.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   semi: false,
 3 |   singleQuote: true,
 4 |   printWidth: 80,
 5 |   tabWidth: 2
 6 |   // trailingComma: "es5",
 7 |   // bracketSpacing: true,
 8 |   // jsxBracketSameLine: true,
 9 |   // arrowParens: "always",
10 |   // requirePragma: true,
11 |   // insertPragma: true,
12 |   // proseWrap: "always",
13 | }
14 | 


--------------------------------------------------------------------------------
/renovate.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": ["config:base"],
 3 |   "labels": ["renovate"],
 4 |   "major": {
 5 |     "groupName": "all major dependencies"
 6 |   },
 7 |   "minor": {
 8 |     "groupName": "all minor dependencies"
 9 |   },
10 |   "patch": {
11 |     "automerge": true,
12 |     "groupName": "all patch dependencies"
13 |   }
14 | }
15 | 


--------------------------------------------------------------------------------
/rollup.config.js:
--------------------------------------------------------------------------------
  1 | import nodeResolve from '@rollup/plugin-node-resolve'
  2 | import replace from '@rollup/plugin-replace'
  3 | import commonjs from '@rollup/plugin-commonjs'
  4 | import babel from 'rollup-plugin-babel'
  5 | // import json from "@rollup/plugin-json"
  6 | import sourceMaps from 'rollup-plugin-sourcemaps'
  7 | import { terser } from 'rollup-plugin-terser'
  8 | import { sizeSnapshot } from 'rollup-plugin-size-snapshot'
  9 | import pkg from './package.json'
 10 | 
 11 | const input = './src/index.ts'
 12 | const globals = {
 13 |   react: 'React'
 14 | }
 15 | 
 16 | const extensions = ['.js', '.jsx', '.ts', '.tsx', '.json']
 17 | // TODO: research
 18 | // const external = id => !id.startsWith('.') && !id.startsWith('/')
 19 | const external = Object.keys(globals)
 20 | const esm_targets = '>1%, not dead, not ie 11, not op_mini all'
 21 | 
 22 | const getBabelOptions = ({ useESModules }) => ({
 23 |   extensions,
 24 |   babelrc: false,
 25 |   exclude: '**/node_modules/**',
 26 |   runtimeHelpers: true,
 27 |   presets: [
 28 |     [
 29 |       '@babel/preset-env',
 30 |       {
 31 |         loose: true,
 32 |         modules: false,
 33 |         targets: useESModules ? esm_targets : undefined
 34 |       }
 35 |     ],
 36 |     // react
 37 |     ['@babel/preset-react', { useBuiltIns: true }],
 38 |     '@babel/preset-typescript'
 39 |   ],
 40 |   plugins: [
 41 |     ['transform-react-remove-prop-types', { removeImport: true }],
 42 |     // '@babel/plugin-proposal-class-properties',
 43 |     // TODO: optimize bundle size
 44 |     // 'babel-plugin-annotate-pure-calls',
 45 |     ['@babel/plugin-transform-runtime', { regenerator: false, useESModules }]
 46 |   ]
 47 | })
 48 | 
 49 | export default [
 50 |   /**
 51 |    * umd
 52 |    */
 53 |   {
 54 |     input,
 55 |     output: {
 56 |       file: pkg.browser,
 57 |       format: 'umd',
 58 |       name: pkg.name,
 59 |       globals,
 60 |       exports: 'named',
 61 |       sourcemap: false
 62 |     },
 63 |     external: Object.keys(globals),
 64 |     plugins: [
 65 |       nodeResolve({ extensions }),
 66 |       babel(getBabelOptions({ useESModules: true })),
 67 |       commonjs(),
 68 |       sourceMaps(),
 69 |       replace({ 'process.env.NODE_ENV': JSON.stringify('production') }),
 70 |       // terser({ output: { comments: /Copyright/i } }), // memo
 71 |       terser({}),
 72 |       sizeSnapshot()
 73 |     ]
 74 |   },
 75 |   /**
 76 |    * umd(development)
 77 |    */
 78 |   // {
 79 |   //   input,
 80 |   //   output: {
 81 |   //     file: pkg.browser,
 82 |   //     format: 'umd',
 83 |   //     name: pkg.name,
 84 |   //     globals,
 85 |   //     exports: 'named',
 86 |   //     sourcemap: false
 87 |   //   },
 88 |   //   external: Object.keys(globals),
 89 |   //   plugins: [
 90 |   //     babel(getBabelOptions({ useESModules: true })),
 91 |   //     nodeResolve({ extensions }),
 92 |   //     commonjs(),
 93 |   //     replace({ 'process.env.NODE_ENV': JSON.stringify('development') }),
 94 |   //     terser()
 95 |   //   ]
 96 |   // },
 97 |   /**
 98 |    * cjs
 99 |    */
100 |   {
101 |     input,
102 |     output: {
103 |       file: pkg.main,
104 |       format: 'cjs',
105 |       exports: 'named',
106 |       sourcemap: true
107 |     },
108 |     external,
109 |     plugins: [
110 |       babel(getBabelOptions({ useESModules: false })),
111 |       commonjs(),
112 |       nodeResolve({ extensions }),
113 |       sourceMaps(),
114 |       sizeSnapshot()
115 |     ]
116 |   },
117 |   /**
118 |    * esm
119 |    */
120 |   {
121 |     input,
122 |     output: { file: pkg.module, format: 'esm', sourcemap: true },
123 |     external,
124 |     plugins: [
125 |       babel(getBabelOptions({ useESModules: true })),
126 |       nodeResolve({ extensions }),
127 |       sourceMaps(),
128 |       sizeSnapshot()
129 |     ]
130 |   }
131 | ]
132 | 


--------------------------------------------------------------------------------
/src/example/example.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/kmkzt/react-hooks-visible/de8746aff7598d4e76e010a791fe65f62faa8c38/src/example/example.png


--------------------------------------------------------------------------------
/src/example/index.tsx:
--------------------------------------------------------------------------------
 1 | import React, {
 2 |   useEffect,
 3 |   useRef,
 4 |   Fragment,
 5 |   useCallback,
 6 |   useState,
 7 |   CSSProperties
 8 | } from 'react'
 9 | import { render } from 'react-dom'
10 | import { useVisible } from '../'
11 | 
12 | const BoxStyle: CSSProperties = {
13 |   fontSize: '2rem',
14 |   width: '500px',
15 |   height: '500px',
16 |   maxWidth: '100%',
17 |   display: 'flex',
18 |   justifyContent: 'center',
19 |   alignItems: 'center',
20 |   marginBottom: '10px',
21 |   backgroundColor: '#ddd',
22 |   boxSizing: 'border-box',
23 |   overflow: 'hidden'
24 | }
25 | const Example = () => {
26 |   const [defaultExampleRef, origin] = useVisible<HTMLDivElement>()
27 |   const [percentExampleRef, percent] = useVisible<HTMLDivElement, number>(
28 |     (vi: number) => Math.floor(vi * 100)
29 |   )
30 |   const [booleanExampleRef, isVisible] = useVisible<HTMLDivElement, boolean>(
31 |     (vi: number) => vi > 0.5
32 |   )
33 |   const [styleExampleRef, visibleStyle] = useVisible<
34 |     HTMLDivElement,
35 |     CSSProperties
36 |   >((vi: number) => ({
37 |     height: `${Math.floor(vi * 100)}%`,
38 |     opacity: vi
39 |   }))
40 |   return (
41 |     <div
42 |       style={{
43 |         maxWidth: '100vw',
44 |         maxHeight: '100vh',
45 |         overflowY: 'scroll'
46 |       }}
47 |     >
48 |       <div
49 |         style={{
50 |           width: '100vw',
51 |           height: '500vh'
52 |         }}
53 |       >
54 |         <div ref={defaultExampleRef} style={BoxStyle}>
55 |           {origin}
56 |         </div>
57 |         <div ref={percentExampleRef} style={BoxStyle}>
58 |           {percent}%
59 |         </div>
60 |         <div
61 |           ref={booleanExampleRef}
62 |           style={{
63 |             ...BoxStyle,
64 |             fontSize: '5rem',
65 |             textAlign: 'center',
66 |             backgroundColor: isVisible ? '#f00' : '#00b'
67 |           }}
68 |         >
69 |           50%
70 |           <br />
71 |           over
72 |           <br />
73 |           {isVisible ? 'visible' : 'hidden'}
74 |         </div>
75 |         <div
76 |           ref={styleExampleRef}
77 |           style={{
78 |             ...BoxStyle,
79 |             backgroundColor: 'transparent'
80 |           }}
81 |         >
82 |           <img style={visibleStyle} src={require('./example.png')} />
83 |         </div>
84 |       </div>
85 |     </div>
86 |   )
87 | }
88 | 
89 | const app = document.createElement('div')
90 | document.body.appendChild(app)
91 | render(<Example />, app)
92 | 


--------------------------------------------------------------------------------
/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './useVisible'
2 | 


--------------------------------------------------------------------------------
/src/useVisible.tsx:
--------------------------------------------------------------------------------
 1 | import React, {
 2 |   useRef,
 3 |   useEffect,
 4 |   useCallback,
 5 |   MutableRefObject,
 6 |   useState
 7 | } from 'react'
 8 | 
 9 | const defaultIntersectionObserverInit: IntersectionObserverInit = {
10 |   root: null,
11 |   rootMargin: '0px',
12 |   threshold: Array.from({ length: 100 }, (v: undefined, i: number) => i * 0.01)
13 | }
14 | export const useVisible = <T extends Element, V = number>(
15 |   cb?: (vi: number) => V,
16 |   option: Partial<IntersectionObserverInit> = {}
17 | ): [MutableRefObject<T | null>, V] => {
18 |   const targetRef = useRef<T | null>(null)
19 |   const observerRef = useRef<IntersectionObserver | null>(null)
20 |   const [visible, setVisible] = useState<number>(0)
21 |   // TODO: visible types refactor
22 |   const status: V = typeof cb === 'function' ? cb(visible) : (visible as any)
23 |   const observerCallback: IntersectionObserverCallback = useCallback(
24 |     (entries: IntersectionObserverEntry[]) => {
25 |       entries.forEach((entry: IntersectionObserverEntry) => {
26 |         setVisible(entry.intersectionRatio)
27 |       })
28 |     },
29 |     []
30 |   )
31 | 
32 |   useEffect(() => {
33 |     if (observerRef.current) return
34 |     if (!targetRef.current) return
35 |     observerRef.current = new IntersectionObserver(observerCallback, {
36 |       ...defaultIntersectionObserverInit,
37 |       ...option
38 |     })
39 |     observerRef.current.observe(targetRef.current)
40 |   })
41 | 
42 |   return [targetRef, status]
43 | }
44 | 


--------------------------------------------------------------------------------
/template.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 |   <head>
 4 |     <title>react-hooks-visible</title>
 5 |     <meta charset="utf-8" />
 6 |     <meta
 7 |       name="viewport"
 8 |       content="width=device-width, initial-scale=1.0, user-scalable=no"
 9 |     />
10 |     <!-- Global site tag (gtag.js) - Google Analytics -->
11 |     <script
12 |       async
13 |       src="https://www.googletagmanager.com/gtag/js?id=UA-91428067-3"
14 |     ></script>
15 |     <script>
16 |       window.dataLayer = window.dataLayer || []
17 |       function gtag() {
18 |         dataLayer.push(arguments)
19 |       }
20 |       gtag('js', new Date())
21 | 
22 |       gtag('config', 'UA-91428067-3')
23 |     </script>
24 |   </head>
25 |   <body></body>
26 | </html>
27 | 


--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compilerOptions": {
 3 |     "baseUrl": ".",
 4 |     "outDir": "./lib",
 5 |     "target": "esnext",
 6 |     "module": "esnext",
 7 |     "lib": ["es2018", "es2017", "dom"],
 8 |     "jsx": "react",
 9 |     "allowSyntheticDefaultImports": true,
10 |     "esModuleInterop": true,
11 |     "experimentalDecorators": true,
12 |     "downlevelIteration": true,
13 |     "declaration": true,
14 |     "declarationDir": "./lib",
15 |     "forceConsistentCasingInFileNames": true,
16 |     "moduleResolution": "node",
17 |     "noEmitOnError": true,
18 |     "noUnusedLocals": false,
19 |     "removeComments": true,
20 |     "skipLibCheck": true,
21 |     "strict": true,
22 |     "strictNullChecks": true,
23 |     "suppressImplicitAnyIndexErrors": true,
24 |     "plugins": [],
25 |     "paths": {
26 |       "@*": ["src*"]
27 |     },
28 |     "typeRoots": ["node_modules/@types", "./src/typings"]
29 |   },
30 |   "include": ["src/**/*.ts"],
31 |   "exclude": ["node_modules"]
32 | }
33 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const { join, resolve } = require('path')
 2 | const HtmlWebpackPlugin = require('html-webpack-plugin')
 3 | const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin')
 4 | const CaseSensitivePathsPlugin = require('case-sensitive-paths-webpack-plugin')
 5 | const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin')
 6 | 
 7 | const isDev = process.env.NODE_ENV === 'development'
 8 | 
 9 | module.exports = {
10 |   mode: isDev ? 'development' : 'production',
11 |   devtool: isDev ? 'source-map' : false,
12 |   entry: resolve(__dirname, 'src/example/index.tsx'),
13 |   output: {
14 |     filename: isDev ? '[name].js' : '[name].[hash].js',
15 |     path: resolve('docs')
16 |   },
17 |   module: {
18 |     rules: [
19 |       {
20 |         enforce: 'pre',
21 |         test: /\.jsx?$/,
22 |         exclude: /node_modules/,
23 |         use: [
24 |           {
25 |             loader: 'eslint-loader',
26 |             options: {
27 |               fix: true,
28 |               failOnWarning: true
29 |             }
30 |           }
31 |         ]
32 |       },
33 |       {
34 |         enforce: 'pre',
35 |         test: /\.tsx?$/,
36 |         exclude: /node_modules/,
37 |         use: [
38 |           {
39 |             loader: 'ts-loader',
40 |             options: {
41 |               transpileOnly: true
42 |             }
43 |           },
44 |           {
45 |             loader: 'eslint-loader',
46 |             options: {
47 |               fix: true,
48 |               failOnWarning: true
49 |             }
50 |           }
51 |         ]
52 |       },
53 |       {
54 |         test: /\.[tj]sx$/,
55 |         exclude: /node_modules/,
56 |         loader: 'babel-loader'
57 |       },
58 |       {
59 |         test: /\.(png|jpg|gif|svg)$/,
60 |         exclude: /node_modules/,
61 |         use: [
62 |           {
63 |             loader: 'file-loader',
64 |             options: {
65 |               name: '[name].[ext]?[hash]'
66 |             }
67 |           }
68 |         ]
69 |       },
70 |       { test: /\.html$/, exclude: /node_modules/, use: 'html-loader' }
71 |     ]
72 |   },
73 |   resolve: {
74 |     extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
75 |     modules: ['node_modules', 'web_modules'],
76 |     plugins: [new TsconfigPathsPlugin()]
77 |   },
78 |   plugins: [
79 |     new CaseSensitivePathsPlugin(),
80 |     new ForkTsCheckerWebpackPlugin({
81 |       reportFiles: ['src/**/*.{ts,tsx}']
82 |     }),
83 |     new HtmlWebpackPlugin({
84 |       template: resolve('template.html')
85 |     })
86 |   ],
87 |   optimization: {
88 |     minimize: !isDev
89 |   },
90 |   devServer: {
91 |     contentBase: join(__dirname, 'docs'),
92 |     compress: true,
93 |     port: 8888
94 |   }
95 | }
96 | 


--------------------------------------------------------------------------------