├── public
    ├── favicon.ico
    ├── manifest.json
    └── index.html
├── scripts
    ├── build.sh
    ├── docgen.js
    └── readme.md
├── src
    ├── App.test.js
    ├── index.css
    ├── App.css
    ├── index.js
    ├── Dragger
    │   ├── utils.js
    │   ├── index.d.ts
    │   └── index.js
    ├── App.js
    ├── registerServiceWorker.js
    └── list.js
├── .gitignore
├── docs
    ├── main.f73ce32d.css
    ├── index.html
    ├── main.f73ce32d.css.map
    └── main.ca19357e.js
├── package.json
└── README.md


/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Foveluy/Luy-dragger/HEAD/public/favicon.ico


--------------------------------------------------------------------------------
/scripts/build.sh:
--------------------------------------------------------------------------------
1 | npm run build
2 | rm -r docs/main.*
3 | rm docs/index.html
4 | cp build/index.html docs/
5 | cp -r build/static/js/main.* docs/
6 | cp -r build/static/css/main.* docs/
7 | rm -r build


--------------------------------------------------------------------------------
/src/App.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import App from './App';
 4 | 
 5 | it('renders without crashing', () => {
 6 |   const div = document.createElement('div');
 7 |   ReactDOM.render(<App />, div);
 8 |   ReactDOM.unmountComponentAtNode(div);
 9 | });
10 | 


--------------------------------------------------------------------------------
/.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
10 | 
11 | 
12 | # misc
13 | .DS_Store
14 | .env.local
15 | .env.development.local
16 | .env.test.local
17 | .env.production.local
18 | 
19 | npm-debug.log*
20 | yarn-debug.log*
21 | yarn-error.log*
22 | 


--------------------------------------------------------------------------------
/docs/main.f73ce32d.css:
--------------------------------------------------------------------------------
1 | body{margin:0;padding:0;font-family:sans-serif}*{font-size:14px;color:rgba(80,80,80,.9)}html{background:#eee}.props-draggers{font-size:10px;width:200px;height:80px;border-radius:5px;display:-ms-flexbox;display:flex;left:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:#fff}
2 | /*# sourceMappingURL=main.f73ce32d.css.map*/


--------------------------------------------------------------------------------
/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     }
10 |   ],
11 |   "start_url": "./index.html",
12 |   "display": "standalone",
13 |   "theme_color": "#000000",
14 |   "background_color": "#ffffff"
15 | }
16 | 


--------------------------------------------------------------------------------
/src/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |     margin: 0;
 3 |     padding: 0;
 4 |     font-family: sans-serif;
 5 | }
 6 | 
 7 | * {
 8 |     font-size: 14px;
 9 |     color: rgba(80, 80, 80, 0.9);
10 | }
11 | 
12 | html {
13 |     background: #eee;
14 | }
15 | 
16 | .props-draggers {
17 |     font-size: 10px;
18 |     width: 200px;
19 |     height: 80px;
20 |     border-radius: 5px;
21 |     display: flex;
22 |     left: 0;
23 |     align-items: center;
24 |     justify-content: center;
25 |     background: white;
26 | }


--------------------------------------------------------------------------------
/src/App.css:
--------------------------------------------------------------------------------
 1 | .App {
 2 |   text-align: center;
 3 | }
 4 | 
 5 | .App-logo {
 6 |   animation: App-logo-spin infinite 20s linear;
 7 |   height: 80px;
 8 | }
 9 | 
10 | .App-header {
11 |   background-color: #222;
12 |   height: 150px;
13 |   padding: 20px;
14 |   color: white;
15 | }
16 | 
17 | .App-title {
18 |   font-size: 1.5em;
19 | }
20 | 
21 | .App-intro {
22 |   font-size: large;
23 | }
24 | 
25 | @keyframes App-logo-spin {
26 |   from { transform: rotate(0deg); }
27 |   to { transform: rotate(360deg); }
28 | }
29 | 


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
1 | <!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no"><meta name="theme-color" content="#000000"><link rel="manifest" href="/manifest.json"><link rel="shortcut icon" href="/favicon.ico"><title>React App</title><link href="./main.f73ce32d.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script type="text/javascript" src="./main.ca19357e.js"></script></body></html>


--------------------------------------------------------------------------------
/scripts/docgen.js:
--------------------------------------------------------------------------------
 1 | const ReactComponentJson = require('react-component-json');
 2 | const fs = require('fs');
 3 | 
 4 | const file = fs.readFileSync('./src/Dragger/index.js', 'utf8');
 5 | 
 6 | const json = ReactComponentJson.json(file);
 7 | const md = ReactComponentJson.md(json);
 8 | 
 9 | const readme = fs.readFileSync('./scripts/readme.md', 'utf8');
10 | 
11 | fs.writeFileSync('./README.md', readme + '\n' + md.md);
12 | 
13 | const indexHtml = fs.readFileSync('./docs/index.html', 'utf8');
14 | const newHtml = indexHtml.replace('/static/css', '.').replace('/static/js', '.');
15 | 
16 | fs.writeFileSync('./docs/index.html', newHtml);
17 | 


--------------------------------------------------------------------------------
/scripts/readme.md:
--------------------------------------------------------------------------------
 1 | # Props dragger
 2 | 
 3 | 这是一款使用 `render props` 写成的拖拽组件，使得获取组件状态格外简单
 4 | 
 5 | ## 安装
 6 | 
 7 | ```js
 8 | npm install props-dragger
 9 | ```
10 | 
11 | ## 最简单的例子
12 | 
13 | ```js
14 | import React from 'react';
15 | import ReactDOM from 'react-dom';
16 | import Dragger from '@props/dragger';
17 | 
18 | const Demo = () => {
19 |   return (
20 |     <Dragger>
21 |       {({ style, handle }) => (
22 |         <div className={name} style={{ ...style }} {...handle()}>
23 |           普通的拖拽组件
24 |         </div>
25 |       )}
26 |     </Dragger>
27 |   );
28 | };
29 | 
30 | ReactDOM.render(<Demo />, document.getElementById('root'));
31 | ```
32 | 
33 | ## API 和 Props
34 | 
35 | [API and Props](https://github.com/Foveluy/Luy-dragger#api-%E6%8F%8F%E8%BF%B0)
36 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "props-dragger",
 3 |   "version": "1.0.0",
 4 |   "main": "./src/Dragger/index.js",
 5 |   "dependencies": {
 6 |     "classnames": "^2.2.6",
 7 |     "fast-deep-equal": "^2.0.1",
 8 |     "react": "^16.4.1",
 9 |     "react-dom": "^16.4.1",
10 |     "react-scripts": "1.1.4"
11 |   },
12 |   "scripts": {
13 |     "start": "react-scripts start",
14 |     "build": "react-scripts build",
15 |     "test": "react-scripts test --env=jsdom",
16 |     "eject": "react-scripts eject",
17 |     "docgen": "./scripts/build.sh && node ./scripts/docgen.js",
18 |     "add": "git add ."
19 |   },
20 |   "devDependencies": {
21 |     "pre-commit": "^1.2.2",
22 |     "react-component-json": "^1.7.1"
23 |   },
24 |   "pre-commit": [
25 |     "docgen",
26 |     "add"
27 |   ]
28 | }
29 | 


--------------------------------------------------------------------------------
/docs/main.f73ce32d.css.map:
--------------------------------------------------------------------------------
1 | {"version":3,"sources":["index.css"],"names":[],"mappings":"AAAA,KACI,SACA,UACA,sBAAwB,CAG5B,EACI,eACA,uBAA6B,CAGjC,KACI,eAAiB,CAGrB,gBACI,eACA,YACA,YACA,kBACA,oBACA,aACA,OACA,sBACI,mBACJ,qBACI,uBACJ,eAAkB","file":"static/css/main.f73ce32d.css","sourcesContent":["body {\n    margin: 0;\n    padding: 0;\n    font-family: sans-serif;\n}\n\n* {\n    font-size: 14px;\n    color: rgba(80, 80, 80, 0.9);\n}\n\nhtml {\n    background: #eee;\n}\n\n.props-draggers {\n    font-size: 10px;\n    width: 200px;\n    height: 80px;\n    border-radius: 5px;\n    display: -ms-flexbox;\n    display: flex;\n    left: 0;\n    -ms-flex-align: center;\n        align-items: center;\n    -ms-flex-pack: center;\n        justify-content: center;\n    background: white;\n}\n\n\n// WEBPACK FOOTER //\n// ./src/index.css"],"sourceRoot":""}


--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import './index.css';
 4 | // import App from './App';
 5 | import registerServiceWorker from './registerServiceWorker';
 6 | import List from './list';
 7 | 
 8 | const Data = [];
 9 | 
10 | for (let index = 0; index < 20; index++) {
11 |   Data.push({ name: index + 1, o: index });
12 | }
13 | 
14 | class C extends React.Component {
15 |   state = { horzontal: false, gap: 100 };
16 | 
17 |   render() {
18 |     return (
19 |       <React.Fragment>
20 |         <button
21 |           onClick={() => {
22 |             this.setState({
23 |               horzontal: !this.state.horzontal,
24 |               gap: this.state.horzontal ? 100 : 220
25 |             });
26 |           }}
27 |         >
28 |           换
29 |         </button>
30 |         <List
31 |           horizontal={this.state.horzontal}
32 |           data={Data}
33 |           gap={this.state.gap}
34 |           renderItem={(handle, data) => (
35 |             <div className="props-draggers" {...handle()}>
36 |               {data.name}
37 |             </div>
38 |           )}
39 |         />
40 |       </React.Fragment>
41 |     );
42 |   }
43 | }
44 | 
45 | ReactDOM.render(<C />, document.getElementById('root'));
46 | registerServiceWorker();
47 | 


--------------------------------------------------------------------------------
/src/Dragger/utils.js:
--------------------------------------------------------------------------------
 1 | export const int = (number) => {
 2 |     if (number === '') {
 3 |         return 0
 4 |     }
 5 |     return parseInt(number, 10)
 6 | }
 7 | export const innerWidth = (node) => {
 8 |     let width = node.clientWidth;
 9 |     const computedStyle = node.style
10 |     width -= int(computedStyle.paddingLeft);
11 |     width -= int(computedStyle.paddingRight);
12 |     return width;
13 | }
14 | 
15 | export const outerWidth = (node) => {
16 |     let width = node.clientWidth;
17 |     const computedStyle = node.style
18 |     width += int(computedStyle.borderLeftWidth);
19 |     width += int(computedStyle.borderRightWidth);
20 |     return width;
21 | }
22 | 
23 | export const innerHeight = (node) => {
24 |     let height = node.clientHeight;
25 |     const computedStyle = node.style
26 |     height -= int(computedStyle.paddingTop);
27 |     height -= int(computedStyle.paddingBottom);
28 |     return height;
29 | }
30 | 
31 | export const outerHeight = (node) => {
32 |     let height = node.clientHeight;
33 |     const computedStyle = node.style
34 |     height += int(computedStyle.borderTopWidth);
35 |     height += int(computedStyle.borderBottomWidth);
36 |     return height;
37 | }
38 | export const parseBounds = (bounds) => {
39 |     return {
40 |         left: -bounds.left,
41 |         top: -bounds.top,
42 |         right: bounds.right,
43 |         bottom: bounds.bottom
44 |     }
45 | }
46 | 
47 | export const isNumber = (things) => {
48 |     return typeof things === 'number' ? true : false
49 | }


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Props dragger
 2 | 
 3 | 这是一款使用 `render props` 写成的拖拽组件，使得获取组件状态格外简单
 4 | 
 5 | ## 安装
 6 | 
 7 | ```js
 8 | npm install props-dragger
 9 | ```
10 | 
11 | ## 最简单的例子
12 | 
13 | ```js
14 | import React from 'react';
15 | import ReactDOM from 'react-dom';
16 | import Dragger from '@props/dragger';
17 | 
18 | const Demo = () => {
19 |   return (
20 |     <Dragger>
21 |       {({ style, handle }) => (
22 |         <div className={name} style={{ ...style }} {...handle()}>
23 |           普通的拖拽组件
24 |         </div>
25 |       )}
26 |     </Dragger>
27 |   );
28 | };
29 | 
30 | ReactDOM.render(<Demo />, document.getElementById('root'));
31 | ```
32 | 
33 | ## API 和 Props
34 | 
35 | [API and Props](https://github.com/Foveluy/Luy-dragger#api-%E6%8F%8F%E8%BF%B0)
36 | 
37 | 
38 | ## API 描述
39 | |名字| 描述|类型|是否需要|默认值|
40 | | ------------- |:-------------:|:-----:| -----:|-----:|
41 | |x|<br/>    给予元素一个x,y的初始位置，单位是px<br/>   |number|false|undefined|
42 | |y||number|false|undefined|
43 | |grid|<br/>    以网格的方式移动，每次移动并不是平滑的移动<br/>    [20,30]，鼠标x轴方向移动了20 px ，y方向移动了30 px，整个子元素才会移动<br/>   |array|false|undefined|
44 | |allowX|只允许移动x轴 |bool|false|true|
45 | |allowY|只允许移动y轴 |bool|false|true|
46 | |isUserMove|<br/>    是否由用户移动<br/>    可能是通过外部props改变<br/>   |bool|false|undefined|
47 | |static|<br/>    是否静态<br/>    设置了就不可移动<br/>   |bool|false|undefined|
48 | |onDragStart|<br/>    开始拖拽<br/>   |func|false|undefined|
49 | |onDragMove|<br/>    正在拖拽<br/>   |func|false|undefined|
50 | |onDragEnd|<br/>    结束拖拽，鼠标弹开<br/>   |func|false|undefined|
51 | |onDragging|<br/>    受控函数<br/>   |func|false|undefined|
52 |     


--------------------------------------------------------------------------------
/src/Dragger/index.d.ts:
--------------------------------------------------------------------------------
 1 | import * as React from "react";
 2 | 
 3 | interface DraggerProps {
 4 |   /**
 5 |    * 给予元素一个x,y的初始位置，单位是px
 6 |    */
 7 |   x: Number;
 8 |   y: Number;
 9 | 
10 |   /**
11 |    * 以网格的方式移动，每次移动并不是平滑的移动
12 |    * [20,30]，鼠标x轴方向移动了20 px ，y方向移动了30 px，整个子元素才会移动
13 |    */
14 |   grid: Array<Number>;
15 | 
16 |   /**只允许移动x轴 */
17 |   allowX: Boolean;
18 | 
19 |   /**只允许移动y轴 */
20 |   allowY: Boolean;
21 | 
22 |   /**
23 |    * 是否由用户移动
24 |    * 可能是通过外部props改变
25 |    */
26 |   isUserMove: Boolean;
27 | 
28 |   /**
29 |    * 是否静态
30 |    * 设置了就不可移动
31 |    */
32 |   static: Boolean;
33 | 
34 |   /**
35 |    * 开始拖拽
36 |    */
37 |   onDragStart: (event: any, x: Number, y: Number) => void;
38 |   /**
39 |    * 正在拖拽
40 |    */
41 |   onDragMove: (event: any, x: Number, y: Number) => void;
42 |   /**
43 |    * 结束拖拽，鼠标弹开
44 |    */
45 |   onDragEnd: (event: any) => void;
46 | 
47 |   /**
48 |    * 受控函数
49 |    */
50 |   onDragging: (x: Number, y: Number) => void;
51 | 
52 |   /**
53 |    * style 内部提供的属性，用于存放该组件是否可以移动
54 |    * handle 推拽把手，是个函数，用法：{...handle()}
55 |    * x 偏移原始位置 x坐标
56 |    * y 偏移原始位置 y坐标
57 |    * bound 有一个 instance 是给周围的边框的，style 也是给周围边框的
58 |    * static 是否静态
59 |    * dragging 是否在拖拽
60 |    */
61 |   children: (
62 |     {
63 |       style: any,
64 |       handle: any,
65 |       x: Number,
66 |       y: Number,
67 |       bound: { instance: any, style: any },
68 |       static: Boolean,
69 |       dragging: Boolean
70 |     }
71 |   ) => React.ReactNode;
72 | }
73 | 
74 | export default class Dragger extends React.Component<DraggerProps, {}> {}
75 | 


--------------------------------------------------------------------------------
/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | 
 4 | <head>
 5 |   <meta charset="utf-8">
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 7 |   <meta name="theme-color" content="#000000">
 8 |   <!--
 9 |       manifest.json provides metadata used when your web app is added to the
10 |       homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
11 |     -->
12 |   <link rel="manifest" href="%PUBLIC_URL%/manifest.json">
13 |   <link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
14 |   <!--
15 |       Notice the use of %PUBLIC_URL% in the tags above.
16 |       It will be replaced with the URL of the `public` folder during the build.
17 |       Only files inside the `public` folder can be referenced from the HTML.
18 | 
19 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
20 |       work correctly both with client-side routing and a non-root public URL.
21 |       Learn how to configure a non-root public URL by running `npm run build`.
22 |     -->
23 |   <title>React App</title>
24 | </head>
25 | 
26 | <body>
27 |   <noscript>
28 |     You need to enable JavaScript to run this app.
29 |   </noscript>
30 |   <div id="root"></div>
31 |   <!--
32 |       This HTML file is a template.
33 |       If you open it directly in the browser, you will see an empty page.
34 | 
35 |       You can add webfonts, meta tags, or analytics to this file.
36 |       The build step will place the bundled scripts into the <body> tag.
37 | 
38 |       To begin the development, run `npm start` or `yarn start`.
39 |       To create a production bundle, use `npm run build` or `yarn build`.
40 |     -->
41 | </body>
42 | <!-- <script type="text/javascript">
43 |   var _y;
44 |   var scrolling = false;
45 |   document.onmousedown = function (e) {
46 |     var e = window.event || e;
47 |     _y = e.clientY;
48 |     scrolling = true;
49 |   };
50 |   document.onmousemove = function (e) {
51 |     if (!scrolling) return;
52 |     var e = window.event || e;
53 |     document.body.style.cursor = "move";
54 |     var move = (e.clientY - _y) / 10;
55 |     var scrollTop = document.body.scrollTop + document.documentElement.scrollTop;
56 |     window.scrollTo(0, scrollTop + move);
57 | 
58 |   };
59 | </script> -->
60 | 
61 | </html>


--------------------------------------------------------------------------------
/src/App.js:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import Dragger from "./Dragger";
  3 | 
  4 | import "./index.css";
  5 | 
  6 | export default class LayoutDemo extends React.Component {
  7 |   state = {
  8 |     x: 0,
  9 |     y: 0
 10 |   };
 11 | 
 12 |   render() {
 13 |     const name = "props-draggers";
 14 | 
 15 |     return (
 16 |       <div>
 17 |         <Dragger
 18 |           x={this.state.x}
 19 |           y={this.state.y}
 20 |           onDragging={(x, y) => {
 21 |             this.setState({
 22 |               x,
 23 |               y
 24 |             });
 25 |           }}
 26 |         >
 27 |           {({ style, handle }) => (
 28 |             <div className={name} style={style} {...handle()}>
 29 |               受控组件
 30 |             </div>
 31 |           )}
 32 |         </Dragger>
 33 |         <Dragger>
 34 |           {({ style, handle }) => (
 35 |             <div className={name} style={style} {...handle()}>
 36 |               普通的拖拽组件
 37 |             </div>
 38 |           )}
 39 |         </Dragger>
 40 |         <Dragger>
 41 |           {({ style, handle, dragging }) => (
 42 |             <div
 43 |               className={name}
 44 |               style={{
 45 |                 ...style,
 46 |                 backgroundColor: dragging ? "rgba(180,120,180,0.5)" : "white"
 47 |               }}
 48 |               {...handle()}
 49 |             >
 50 |               拖动改变颜色
 51 |             </div>
 52 |           )}
 53 |         </Dragger>
 54 |         <Dragger>
 55 |           {({ style, handle, x, y }) => (
 56 |             <div className={name} style={style} {...handle()}>
 57 |               相对x:
 58 |               {x}
 59 |               ,相对y:
 60 |               {y}
 61 |             </div>
 62 |           )}
 63 |         </Dragger>
 64 |         <Dragger allowY={false}>
 65 |           {({ style, handle }) => (
 66 |             <div className={name} style={style} {...handle()}>
 67 |               不允许在y轴移动
 68 |             </div>
 69 |           )}
 70 |         </Dragger>
 71 |         <Dragger allowX={false}>
 72 |           {({ style, handle }) => (
 73 |             <div className={name} style={style} {...handle()}>
 74 |               不允许在x轴移动
 75 |             </div>
 76 |           )}
 77 |         </Dragger>
 78 |         <Dragger>
 79 |           {({ style, handle }) => (
 80 |             <div className={name} style={style}>
 81 |               <div
 82 |                 {...handle()}
 83 |                 style={{
 84 |                   padding: 2,
 85 |                   textAlign: "center",
 86 |                   background: "rgba(120, 120, 120, 0.4)",
 87 |                   borderRadius: "5px",
 88 |                   color: "white",
 89 |                   fontSize: 8
 90 |                 }}
 91 |               >
 92 |                 拖拽把手
 93 |               </div>
 94 |               <div>点把手拖拽</div>
 95 |             </div>
 96 |           )}
 97 |         </Dragger>
 98 |         <Dragger grid={[25, 25]}>
 99 |           {({ style, handle }) => (
100 |             <div className={name} style={style} {...handle()}>
101 |               网格移动,每次移动25px
102 |             </div>
103 |           )}
104 |         </Dragger>
105 |         <Dragger style={{ left: 650, top: 200 }}>
106 |           {({ style }) => (
107 |             <div
108 |               className={name}
109 |               style={{ style, backgroundColor: "rgba(120,120,120,0.1)" }}
110 |             >
111 |               静态，别想拖动我
112 |             </div>
113 |           )}
114 |         </Dragger>
115 |         <Dragger bounds>
116 |           {({ style, handle, bound }) => (
117 |             <div
118 |               ref={bound.instance}
119 |               style={{
120 |                 ...bound.style,
121 |                 width: 150,
122 |                 height: 150,
123 |                 border: "1px solid black",
124 |                 margin: 10
125 |               }}
126 |             >
127 |               <div
128 |                 className={name}
129 |                 style={{ ...style, border: "1px solid rgba(120,120,120,0.3)" }}
130 |                 {...handle()}
131 |               >
132 |                 不能离开框框的范围
133 |               </div>
134 |             </div>
135 |           )}
136 |         </Dragger>
137 |       </div>
138 |     );
139 |   }
140 | }
141 | 


--------------------------------------------------------------------------------
/src/registerServiceWorker.js:
--------------------------------------------------------------------------------
  1 | // In production, we register a service worker to serve assets from local cache.
  2 | 
  3 | // This lets the app load faster on subsequent visits in production, and gives
  4 | // it offline capabilities. However, it also means that developers (and users)
  5 | // will only see deployed updates on the "N+1" visit to a page, since previously
  6 | // cached resources are updated in the background.
  7 | 
  8 | // To learn more about the benefits of this model, read https://goo.gl/KwvDNy.
  9 | // This link also includes instructions on opting out of this behavior.
 10 | 
 11 | const isLocalhost = Boolean(
 12 |   window.location.hostname === 'localhost' ||
 13 |     // [::1] is the IPv6 localhost address.
 14 |     window.location.hostname === '[::1]' ||
 15 |     // 127.0.0.1/8 is considered localhost for IPv4.
 16 |     window.location.hostname.match(
 17 |       /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
 18 |     )
 19 | );
 20 | 
 21 | export default function register() {
 22 |   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
 23 |     // The URL constructor is available in all browsers that support SW.
 24 |     const publicUrl = new URL(process.env.PUBLIC_URL, window.location);
 25 |     if (publicUrl.origin !== window.location.origin) {
 26 |       // Our service worker won't work if PUBLIC_URL is on a different origin
 27 |       // from what our page is served on. This might happen if a CDN is used to
 28 |       // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374
 29 |       return;
 30 |     }
 31 | 
 32 |     window.addEventListener('load', () => {
 33 |       const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
 34 | 
 35 |       if (isLocalhost) {
 36 |         // This is running on localhost. Lets check if a service worker still exists or not.
 37 |         checkValidServiceWorker(swUrl);
 38 | 
 39 |         // Add some additional logging to localhost, pointing developers to the
 40 |         // service worker/PWA documentation.
 41 |         navigator.serviceWorker.ready.then(() => {
 42 |           console.log(
 43 |             'This web app is being served cache-first by a service ' +
 44 |               'worker. To learn more, visit https://goo.gl/SC7cgQ'
 45 |           );
 46 |         });
 47 |       } else {
 48 |         // Is not local host. Just register service worker
 49 |         registerValidSW(swUrl);
 50 |       }
 51 |     });
 52 |   }
 53 | }
 54 | 
 55 | function registerValidSW(swUrl) {
 56 |   navigator.serviceWorker
 57 |     .register(swUrl)
 58 |     .then(registration => {
 59 |       registration.onupdatefound = () => {
 60 |         const installingWorker = registration.installing;
 61 |         installingWorker.onstatechange = () => {
 62 |           if (installingWorker.state === 'installed') {
 63 |             if (navigator.serviceWorker.controller) {
 64 |               // At this point, the old content will have been purged and
 65 |               // the fresh content will have been added to the cache.
 66 |               // It's the perfect time to display a "New content is
 67 |               // available; please refresh." message in your web app.
 68 |               console.log('New content is available; please refresh.');
 69 |             } else {
 70 |               // At this point, everything has been precached.
 71 |               // It's the perfect time to display a
 72 |               // "Content is cached for offline use." message.
 73 |               console.log('Content is cached for offline use.');
 74 |             }
 75 |           }
 76 |         };
 77 |       };
 78 |     })
 79 |     .catch(error => {
 80 |       console.error('Error during service worker registration:', error);
 81 |     });
 82 | }
 83 | 
 84 | function checkValidServiceWorker(swUrl) {
 85 |   // Check if the service worker can be found. If it can't reload the page.
 86 |   fetch(swUrl)
 87 |     .then(response => {
 88 |       // Ensure service worker exists, and that we really are getting a JS file.
 89 |       if (
 90 |         response.status === 404 ||
 91 |         response.headers.get('content-type').indexOf('javascript') === -1
 92 |       ) {
 93 |         // No service worker found. Probably a different app. Reload the page.
 94 |         navigator.serviceWorker.ready.then(registration => {
 95 |           registration.unregister().then(() => {
 96 |             window.location.reload();
 97 |           });
 98 |         });
 99 |       } else {
100 |         // Service worker found. Proceed as normal.
101 |         registerValidSW(swUrl);
102 |       }
103 |     })
104 |     .catch(() => {
105 |       console.log(
106 |         'No internet connection found. App is running in offline mode.'
107 |       );
108 |     });
109 | }
110 | 
111 | export function unregister() {
112 |   if ('serviceWorker' in navigator) {
113 |     navigator.serviceWorker.ready.then(registration => {
114 |       registration.unregister();
115 |     });
116 |   }
117 | }
118 | 


--------------------------------------------------------------------------------
/src/list.js:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | import Dragger from './Dragger';
  3 | import Equal from 'fast-deep-equal';
  4 | 
  5 | /**
  6 |  * 2.4213xxx -> 2
  7 |  * 2.62xxx->3
  8 |  */
  9 | const clamp = x => {
 10 |   const num = parseInt(x, 10);
 11 |   // 获得小数位
 12 |   const left = x - num;
 13 |   //看看到底是大于 0.5 小于 0.5，
 14 |   return left > 0.5 ? num + 1 : num;
 15 | };
 16 | 
 17 | /**
 18 |  *  min<num<max
 19 |  */
 20 | const between = (num, min, max) => {
 21 |   return Math.max(min, Math.min(num, max));
 22 | };
 23 | 
 24 | export default class SortList extends React.Component {
 25 |   constructor(props) {
 26 |     super(props);
 27 | 
 28 |     const data = props.data;
 29 |     this.state = {
 30 |       order: data,
 31 |       currentOrder: -1,
 32 |       autoScrolling: false
 33 |     };
 34 |     this.manager = {};
 35 |     this.timer = -1;
 36 |     this.currentX = 0;
 37 |     this.currentY = 0;
 38 |   }
 39 | 
 40 |   shouldComponentUpdate(nextProps, nextState) {
 41 |     return !Equal(this.props, nextProps) || !Equal(nextState, this.state);
 42 |   }
 43 | 
 44 |   static defaultProps = {
 45 |     gap: 80,
 46 |     horizontal: false,
 47 |     renderItem: () => null
 48 |   };
 49 | 
 50 |   dragging = (preOrder, x, y, event) => {
 51 |     this.currentX = x;
 52 |     this.currentY = y;
 53 | 
 54 |     const fixedDirection = this.props.horizontal ? x : y;
 55 | 
 56 |     const o = clamp(fixedDirection / this.getGap(preOrder.o));
 57 |     const max = this.state.order.length - 1;
 58 |     const newOrder = this.state.order.map(od => {
 59 |       if (o === od.o) {
 60 |         return { ...od, o: preOrder.o };
 61 |       }
 62 |       if (preOrder.o === od.o) {
 63 |         return { ...od, o: between(o, 0, max) };
 64 |       }
 65 |       return od;
 66 |     });
 67 | 
 68 |     console.log(fixedDirection);
 69 | 
 70 |     if (this.container.scrollTop + 300 - y < 100 && this.timer === -1) {
 71 |       /**
 72 |        * 当有已经有滚动的时候，我们需要减去自动滚动前的 scrolltop
 73 |        */
 74 |       const currentScrollTop = this.container.scrollTop;
 75 |       const scrollOffsetY = event.clientY / 80;
 76 | 
 77 |       this.timer = setInterval(() => {
 78 |         const max = this.state.order.length - 1;
 79 |         if (this.state.currentOrder >= max) {
 80 |           return;
 81 |         }
 82 | 
 83 |         const nextY =
 84 |           this.currentY + this.container.scrollTop - currentScrollTop;
 85 | 
 86 |         //自动滚动
 87 |         this.manager[preOrder.name].autoMove(this.currentX, nextY);
 88 |         //设置滚动
 89 |         this.container.scrollTop += scrollOffsetY;
 90 | 
 91 |         // console.log(y + this.container.scrollTop);
 92 | 
 93 |         const o = clamp(nextY / this.getGap(preOrder.o));
 94 | 
 95 |         // console.log(this.manager[preOrder.name]);
 96 | 
 97 |         const newOrder = this.state.order.map(od => {
 98 |           if (preOrder.name === od.name) {
 99 |             return { ...od, o: o };
100 |           }
101 |           if (preOrder.name !== od.name && o === od.o) {
102 |             return { ...od, o: between(o - 1, 0, max) };
103 |           }
104 |           return od;
105 |         });
106 | 
107 |         this.setState({
108 |           currentOrder: o,
109 |           order: newOrder,
110 |           autoScrolling: true
111 |         });
112 | 
113 |         if (
114 |           nextY - this.container.scrollTop < 150 &&
115 |           this.state.autoScrolling
116 |         ) {
117 |           clearInterval(this.timer);
118 | 
119 |           this.timer = -1;
120 |           this.setState({
121 |             autoScrolling: false
122 |           });
123 |         }
124 |       }, 5);
125 |     }
126 | 
127 |     if (!this.state.autoScrolling) {
128 |       this.setState({
129 |         currentOrder: preOrder.o,
130 |         order: newOrder
131 |       });
132 |     }
133 |   };
134 | 
135 |   dragEnd = () => {
136 |     clearInterval(this.timer);
137 |     this.timer = -1;
138 |     this.setState({
139 |       currentOrder: -1,
140 |       autoScrolling: false
141 |     });
142 |   };
143 | 
144 |   getGap = () => {
145 |     return this.props.gap;
146 |   };
147 | 
148 |   render() {
149 |     return (
150 |       <div
151 |         ref={node => (this.container = node)}
152 |         style={{ height: 300, overflow: 'scroll' }}
153 |       >
154 |         <div style={{ position: 'relative', height: 20 * 100 }}>
155 |           {this.state.order.map(order => {
156 |             //获取当前的实际位置
157 |             const delta = order.o * this.getGap(order.o);
158 |             return (
159 |               <Dragger
160 |                 ref={node => (this.manager[order.name] = node)}
161 |                 parent={() => this.container}
162 |                 onDragMove={(event, x, y) => this.dragging(order, x, y, event)}
163 |                 key={order.name}
164 |                 x={this.props.horizontal ? delta : 0}
165 |                 controlled={this.state.currentOrder !== order.o}
166 |                 y={this.props.horizontal ? 0 : delta}
167 |                 onDragEnd={this.dragEnd}
168 |               >
169 |                 {({ style, handle, dragging }) => (
170 |                   <div
171 |                     style={{
172 |                       ...style,
173 |                       position: 'absolute',
174 |                       transition:
175 |                         this.state.currentOrder === order.o ? '' : 'all 0.3s'
176 |                     }}
177 |                   >
178 |                     {this.props.renderItem(handle, order)}
179 |                   </div>
180 |                 )}
181 |               </Dragger>
182 |             );
183 |           })}
184 |         </div>
185 |       </div>
186 |     );
187 |   }
188 | }
189 | 


--------------------------------------------------------------------------------
/src/Dragger/index.js:
--------------------------------------------------------------------------------
  1 | import React from 'react';
  2 | import PropTypes from 'prop-types';
  3 | import {
  4 |   int,
  5 |   innerHeight,
  6 |   innerWidth,
  7 |   outerHeight,
  8 |   outerWidth,
  9 |   parseBounds,
 10 |   isNumber
 11 | } from './utils';
 12 | 
 13 | import classNames from 'classnames';
 14 | 
 15 | const doc = document;
 16 | 
 17 | const noop = (x, y) => {};
 18 | 
 19 | class Dragger extends React.Component {
 20 |   /**
 21 |    * 初始变量设置
 22 |    */
 23 |   static defaultProps = {
 24 |     allowX: true,
 25 |     allowY: true,
 26 |     x: void 666,
 27 |     y: void 666,
 28 |     onDragging: noop
 29 |   };
 30 | 
 31 |   shouldComponentUpdate(nextProps, nextState) {
 32 |     return (
 33 |       nextState !== this.state ||
 34 |       JSON.stringify(nextProps) !== JSON.stringify(this.props)
 35 |     );
 36 |   }
 37 | 
 38 |   state = {
 39 |     /** x轴位移，单位是px */
 40 |     x: 0,
 41 |     /** y轴位移，单位是px */
 42 |     y: 0,
 43 |     /**鼠标点击元素的原始位置，单位是px */
 44 |     originX: 0,
 45 |     originY: 0,
 46 |     /**已经移动的位移，单位是px */
 47 |     lastX: 0,
 48 |     lastY: 0,
 49 |     dragging: false,
 50 |     mouseInTarget: 0
 51 |   };
 52 | 
 53 |   getParent = node => {
 54 |     this.parent = node;
 55 |   };
 56 | 
 57 |   autoMove = (x, y) => {
 58 |     this.setState({
 59 |       x: x,
 60 |       y: y
 61 |     });
 62 |   };
 63 | 
 64 |   move = event => {
 65 |     /** 保证用户在移动元素的时候不会选择到元素内部的东西 */
 66 |     doc.body.style.userSelect = 'none';
 67 | 
 68 |     let { lastX, lastY } = this.state;
 69 | 
 70 |     /*  event.client - this.state.origin 表示的是移动的距离,
 71 |     *   elX表示的是原来已经有的位移
 72 |     */
 73 |     let deltaX = event.clientX - this.state.originX + lastX;
 74 |     let deltaY = event.clientY - this.state.originY + lastY;
 75 | 
 76 |     if (event.type === 'touchmove') {
 77 |       deltaX = event.touches[0].clientX - this.state.originX + lastX;
 78 |       deltaY = event.touches[0].clientY - this.state.originY + lastY;
 79 |     }
 80 | 
 81 |     /**
 82 |      * 网格式移动范围设定，永远移动 n 的倍数
 83 |      * 注意:设定移动范围的时候，一定要在判断bounds之前，否则会造成bounds不对齐
 84 |      */
 85 |     const { grid } = this.props;
 86 |     if (Array.isArray(grid) && grid.length === 2) {
 87 |       deltaX = Math.round(deltaX / grid[0]) * grid[0];
 88 |       deltaY = Math.round(deltaY / grid[1]) * grid[1];
 89 |     }
 90 | 
 91 |     const { bounds } = this.props;
 92 |     if (bounds) {
 93 |       /**
 94 |        * 如果用户指定一个边界，那么在这里处理
 95 |        */
 96 |       let NewBounds = bounds === true ? bounds : parseBounds(bounds);
 97 | 
 98 |       if (this.parent) {
 99 |         NewBounds = {
100 |           left:
101 |             int(this.parent.style.paddingLeft) +
102 |             int(this.self.style.marginLeft) -
103 |             this.self.offsetLeft,
104 |           top:
105 |             int(this.parent.style.paddingTop) +
106 |             int(this.self.style.marginTop) -
107 |             this.self.offsetTop,
108 |           right:
109 |             innerWidth(this.parent) -
110 |             outerWidth(this.self) -
111 |             this.self.offsetLeft +
112 |             int(this.self.style.borderRight) -
113 |             int(this.parent.style.paddingRight) -
114 |             int(this.self.style.marginRight) -
115 |             int(this.parent.style.borderRight),
116 |           bottom:
117 |             innerHeight(this.parent) -
118 |             outerHeight(this.self) -
119 |             this.self.offsetTop +
120 |             int(this.parent.style.paddingBottom) -
121 |             int(this.self.style.marginBottom)
122 |         };
123 |       }
124 | 
125 |       /**
126 |        * 保证不超出右边界和底部
127 |        *
128 |        */
129 |       if (isNumber(NewBounds.right)) deltaX = Math.min(deltaX, NewBounds.right);
130 |       if (isNumber(NewBounds.bottom))
131 |         deltaY = Math.min(deltaY, NewBounds.bottom);
132 | 
133 |       /**
134 |        * 保证不超出左边和上边
135 |        *
136 |        */
137 |       if (isNumber(NewBounds.left)) deltaX = Math.max(deltaX, NewBounds.left);
138 |       if (isNumber(NewBounds.top)) deltaY = Math.max(deltaY, NewBounds.top);
139 |     }
140 | 
141 |     /**如果设置了x,y限制 */
142 |     deltaX = this.props.allowX ? deltaX : 0;
143 |     deltaY = this.props.allowY ? deltaY : 0;
144 | 
145 |     /**移动时回调，用于外部控制 */
146 |     this.props.onDragMove && this.props.onDragMove(event, deltaX, deltaY);
147 |     this.props.onDragging(this.state.x, this.state.y);
148 | 
149 |     const ofy =
150 |       event.clientY +
151 |       this.props.parent().scrollTop -
152 |       this.props.parent().getBoundingClientRect().top;
153 | 
154 |     this.setState({
155 |       x: deltaX,
156 |       y: ofy - this.state.mouseInTarget
157 |     });
158 |   };
159 | 
160 |   onDragStart = event => {
161 |     if (this.props.static === true) return;
162 | 
163 |     /**
164 |      * 把监听事件的回掉函数，绑定在document上
165 |      * 当设置边界的时候，用户鼠标会离开元素的范围
166 |      * 绑定在document上可以使得其依旧能够监听
167 |      * 如果绑定在元素上，则鼠标离开元素，就不会再被监听了
168 |      */
169 |     doc.addEventListener('mousemove', this.move);
170 |     doc.addEventListener('mouseup', this.onDragEnd);
171 | 
172 |     doc.addEventListener('touchmove', this.move);
173 |     doc.addEventListener('touchend', this.onDragEnd);
174 | 
175 |     if (this.parent) {
176 |       /**
177 |        * 我们自己
178 |        */
179 |       this.self = event.currentTarget;
180 |     }
181 | 
182 |     this.props.onDragStart &&
183 |       this.props.onDragStart(event, this.state.x, this.state.y);
184 | 
185 |     this.props.onDragging(this.state.x, this.state.y);
186 | 
187 |     let deltaX = event.clientX;
188 |     let deltaY = event.clientY;
189 | 
190 |     if (event.type === 'touchstart') {
191 |       deltaX = event.touches[0].clientX;
192 |       deltaY = event.touches[0].clientY;
193 |     }
194 |     this.setState({
195 |       originX: deltaX,
196 |       originY: deltaY,
197 |       lastX: this.state.x,
198 |       lastY: this.state.y,
199 |       dragging: true,
200 |       mouseInTarget: event.clientY - event.target.getBoundingClientRect().top
201 |     });
202 |   };
203 | 
204 |   setLastXandLastY = (x, y, originX, originY) => {
205 |     this.setState({
206 |       lastX: x,
207 |       lastY: y,
208 |       originY
209 |     });
210 |   };
211 | 
212 |   onDragEnd = event => {
213 |     /** 取消用户选择限制，用户可以重新选择 */
214 |     doc.body.style.userSelect = '';
215 | 
216 |     this.self = null;
217 |     doc.removeEventListener('mousemove', this.move);
218 |     doc.removeEventListener('mouseup', this.onDragEnd);
219 | 
220 |     doc.removeEventListener('touchmove', this.move);
221 |     doc.removeEventListener('touchend', this.onDragEnd);
222 | 
223 |     this.props.onDragging(this.props.x, this.props.y);
224 |     this.setState(
225 |       {
226 |         dragging: false
227 |       },
228 |       () => {
229 |         if (this.props.onDragEnd) this.props.onDragEnd(event);
230 |       }
231 |     );
232 |   };
233 | 
234 |   componentDidUpdate() {
235 |     if (this.props.controlled) {
236 |       if (this.props.x !== this.state.x || this.props.y !== this.state.y) {
237 |         this.setState({
238 |           x: this.props.x,
239 |           y: this.props.y
240 |         });
241 |       }
242 |     }
243 |   }
244 | 
245 |   componentDidMount() {
246 |     /**
247 |      * 这个函数只会调用一次
248 |      * 当外面的组件是受控组件的时候
249 |      * 同于同步内外部的 x,y
250 |      */
251 |     if (typeof this.props.x === 'number' && typeof this.props.y === 'number') {
252 |       this.setState({
253 |         x: this.props.x,
254 |         y: this.props.y
255 |       });
256 |     }
257 |   }
258 | 
259 |   render() {
260 |     const { x, y } = this.state;
261 |     const { className, children, controlled } = this.props;
262 | 
263 |     let X = 0;
264 |     let Y = 0;
265 |     if (controlled) {
266 |       X = this.props.x;
267 |       Y = this.props.y;
268 |     } else {
269 |       X = x;
270 |       Y = y;
271 |     }
272 |     // const X = this.props.x === void 666 ? x : this.props.x;
273 |     // const Y = this.props.y === void 666 ? y : this.props.y;
274 | 
275 |     // /**主要是为了让用户定义自己的className去修改css */
276 |     // const fixedClassName = classNames('WrapDragger', {
277 |     //   [className]: className !== void 666
278 |     // });
279 | 
280 |     const getHandle = () => {
281 |       return {
282 |         onMouseDown: this.onDragStart,
283 |         onMouseUp: this.onDragEnd,
284 |         onTouchStart: this.onDragStart,
285 |         onTouchEnd: this.onDragEnd
286 |       };
287 |     };
288 |     const providedStyle = {
289 |       touchAction: 'none!important',
290 |       transform: `translate3d(${X}px,${Y}px,0)`
291 |     };
292 |     const bound = {
293 |       instance: this.getParent,
294 |       /**
295 |        * 边框依赖 position 属性
296 |        */
297 |       style: { position: 'absolute' }
298 |     };
299 | 
300 |     return children({
301 |       style: providedStyle,
302 |       handle: getHandle,
303 |       x: X,
304 |       y: Y,
305 |       bound: bound,
306 |       static: this.props.static,
307 |       dragging: this.state.dragging
308 |     });
309 |   }
310 | }
311 | 
312 | Dragger.propTypes = {
313 |   /**
314 |    * 给予元素一个x,y的初始位置，单位是px
315 |    */
316 |   x: PropTypes.number,
317 |   y: PropTypes.number,
318 | 
319 |   /**
320 |    * 以网格的方式移动，每次移动并不是平滑的移动
321 |    * [20,30]，鼠标x轴方向移动了20 px ，y方向移动了30 px，整个子元素才会移动
322 |    */
323 |   grid: PropTypes.arrayOf(PropTypes.number),
324 | 
325 |   /**只允许移动x轴 */
326 |   allowX: PropTypes.bool,
327 | 
328 |   /**只允许移动y轴 */
329 |   allowY: PropTypes.bool,
330 | 
331 |   /**
332 |    * 是否由用户移动
333 |    * 可能是通过外部props改变
334 |    */
335 |   isUserMove: PropTypes.bool,
336 | 
337 |   /**
338 |    * 是否静态
339 |    * 设置了就不可移动
340 |    */
341 |   static: PropTypes.bool,
342 | 
343 |   /**
344 |    * 开始拖拽
345 |    */
346 |   onDragStart: PropTypes.func,
347 |   /**
348 |    * 正在拖拽
349 |    */
350 |   onDragMove: PropTypes.func,
351 |   /**
352 |    * 结束拖拽，鼠标弹开
353 |    */
354 |   onDragEnd: PropTypes.func,
355 | 
356 |   /**
357 |    * 受控函数
358 |    */
359 |   onDragging: PropTypes.func
360 | };
361 | 
362 | export default Dragger;
363 | 


--------------------------------------------------------------------------------
/docs/main.ca19357e.js:
--------------------------------------------------------------------------------
1 | !function(e){function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s=6)}([function(e,t,n){"use strict";e.exports=n(14)},function(e,t,n){"use strict";function r(e){if(null===e||void 0===e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}var o=Object.getOwnPropertySymbols,i=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable;e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(e){return t[e]}).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach(function(e){r[e]=e}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,l,u=r(e),c=1;c<arguments.length;c++){n=Object(arguments[c]);for(var s in n)i.call(n,s)&&(u[s]=n[s]);if(o){l=o(n);for(var f=0;f<l.length;f++)a.call(n,l[f])&&(u[l[f]]=n[l[f]])}}return u}},function(e,t,n){"use strict";function r(){}function o(e){try{return e.then}catch(e){return g=e,v}}function i(e,t){try{return e(t)}catch(e){return g=e,v}}function a(e,t,n){try{e(t,n)}catch(e){return g=e,v}}function l(e){if("object"!==typeof this)throw new TypeError("Promises must be constructed via new");if("function"!==typeof e)throw new TypeError("Promise constructor's argument is not a function");this._75=0,this._83=0,this._18=null,this._38=null,e!==r&&m(e,this)}function u(e,t,n){return new e.constructor(function(o,i){var a=new l(r);a.then(o,i),c(e,new h(t,n,a))})}function c(e,t){for(;3===e._83;)e=e._18;if(l._47&&l._47(e),0===e._83)return 0===e._75?(e._75=1,void(e._38=t)):1===e._75?(e._75=2,void(e._38=[e._38,t])):void e._38.push(t);s(e,t)}function s(e,t){y(function(){var n=1===e._83?t.onFulfilled:t.onRejected;if(null===n)return void(1===e._83?f(t.promise,e._18):d(t.promise,e._18));var r=i(n,e._18);r===v?d(t.promise,g):f(t.promise,r)})}function f(e,t){if(t===e)return d(e,new TypeError("A promise cannot be resolved with itself."));if(t&&("object"===typeof t||"function"===typeof t)){var n=o(t);if(n===v)return d(e,g);if(n===e.then&&t instanceof l)return e._83=3,e._18=t,void p(e);if("function"===typeof n)return void m(n.bind(t),e)}e._83=1,e._18=t,p(e)}function d(e,t){e._83=2,e._18=t,l._71&&l._71(e,t),p(e)}function p(e){if(1===e._75&&(c(e,e._38),e._38=null),2===e._75){for(var t=0;t<e._38.length;t++)c(e,e._38[t]);e._38=null}}function h(e,t,n){this.onFulfilled="function"===typeof e?e:null,this.onRejected="function"===typeof t?t:null,this.promise=n}function m(e,t){var n=!1,r=a(e,function(e){n||(n=!0,f(t,e))},function(e){n||(n=!0,d(t,e))});n||r!==v||(n=!0,d(t,g))}var y=n(9),g=null,v={};e.exports=l,l._47=null,l._71=null,l._44=r,l.prototype.then=function(e,t){if(this.constructor!==l)return u(this,e,t);var n=new l(r);return c(this,new h(e,t,n)),n}},function(e,t,n){"use strict";function r(e,t,n,r,i,a,l,u){if(o(t),!e){var c;if(void 0===t)c=new Error("Minified exception occurred; use the non-minified dev environment for the full error message and additional helpful warnings.");else{var s=[n,r,i,a,l,u],f=0;c=new Error(t.replace(/%s/g,function(){return s[f++]})),c.name="Invariant Violation"}throw c.framesToPop=1,c}}var o=function(e){};e.exports=r},function(e,t,n){"use strict";var r={};e.exports=r},function(e,t,n){"use strict";function r(e){return function(){return e}}var o=function(){};o.thatReturns=r,o.thatReturnsFalse=r(!1),o.thatReturnsTrue=r(!0),o.thatReturnsNull=r(null),o.thatReturnsThis=function(){return this},o.thatReturnsArgument=function(e){return e},e.exports=o},function(e,t,n){n(7),e.exports=n(13)},function(e,t,n){"use strict";"undefined"===typeof Promise&&(n(8).enable(),window.Promise=n(11)),n(12),Object.assign=n(1)},function(e,t,n){"use strict";function r(){c=!1,l._47=null,l._71=null}function o(e){function t(t){(e.allRejections||a(f[t].error,e.whitelist||u))&&(f[t].displayId=s++,e.onUnhandled?(f[t].logged=!0,e.onUnhandled(f[t].displayId,f[t].error)):(f[t].logged=!0,i(f[t].displayId,f[t].error)))}function n(t){f[t].logged&&(e.onHandled?e.onHandled(f[t].displayId,f[t].error):f[t].onUnhandled||(console.warn("Promise Rejection Handled (id: "+f[t].displayId+"):"),console.warn('  This means you can ignore any previous messages of the form "Possible Unhandled Promise Rejection" with id '+f[t].displayId+".")))}e=e||{},c&&r(),c=!0;var o=0,s=0,f={};l._47=function(e){2===e._83&&f[e._56]&&(f[e._56].logged?n(e._56):clearTimeout(f[e._56].timeout),delete f[e._56])},l._71=function(e,n){0===e._75&&(e._56=o++,f[e._56]={displayId:null,error:n,timeout:setTimeout(t.bind(null,e._56),a(n,u)?100:2e3),logged:!1})}}function i(e,t){console.warn("Possible Unhandled Promise Rejection (id: "+e+"):"),((t&&(t.stack||t))+"").split("\n").forEach(function(e){console.warn("  "+e)})}function a(e,t){return t.some(function(t){return e instanceof t})}var l=n(2),u=[ReferenceError,TypeError,RangeError],c=!1;t.disable=r,t.enable=o},function(e,t,n){"use strict";(function(t){function n(e){a.length||(i(),l=!0),a[a.length]=e}function r(){for(;u<a.length;){var e=u;if(u+=1,a[e].call(),u>c){for(var t=0,n=a.length-u;t<n;t++)a[t]=a[t+u];a.length-=u,u=0}}a.length=0,u=0,l=!1}function o(e){return function(){function t(){clearTimeout(n),clearInterval(r),e()}var n=setTimeout(t,0),r=setInterval(t,50)}}e.exports=n;var i,a=[],l=!1,u=0,c=1024,s="undefined"!==typeof t?t:self,f=s.MutationObserver||s.WebKitMutationObserver;i="function"===typeof f?function(e){var t=1,n=new f(e),r=document.createTextNode("");return n.observe(r,{characterData:!0}),function(){t=-t,r.data=t}}(r):o(r),n.requestFlush=i,n.makeRequestCallFromTimer=o}).call(t,n(10))},function(e,t){var n;n=function(){return this}();try{n=n||Function("return this")()||(0,eval)("this")}catch(e){"object"===typeof window&&(n=window)}e.exports=n},function(e,t,n){"use strict";function r(e){var t=new o(o._44);return t._83=1,t._18=e,t}var o=n(2);e.exports=o;var i=r(!0),a=r(!1),l=r(null),u=r(void 0),c=r(0),s=r("");o.resolve=function(e){if(e instanceof o)return e;if(null===e)return l;if(void 0===e)return u;if(!0===e)return i;if(!1===e)return a;if(0===e)return c;if(""===e)return s;if("object"===typeof e||"function"===typeof e)try{var t=e.then;if("function"===typeof t)return new o(t.bind(e))}catch(e){return new o(function(t,n){n(e)})}return r(e)},o.all=function(e){var t=Array.prototype.slice.call(e);return new o(function(e,n){function r(a,l){if(l&&("object"===typeof l||"function"===typeof l)){if(l instanceof o&&l.then===o.prototype.then){for(;3===l._83;)l=l._18;return 1===l._83?r(a,l._18):(2===l._83&&n(l._18),void l.then(function(e){r(a,e)},n))}var u=l.then;if("function"===typeof u){return void new o(u.bind(l)).then(function(e){r(a,e)},n)}}t[a]=l,0===--i&&e(t)}if(0===t.length)return e([]);for(var i=t.length,a=0;a<t.length;a++)r(a,t[a])})},o.reject=function(e){return new o(function(t,n){n(e)})},o.race=function(e){return new o(function(t,n){e.forEach(function(e){o.resolve(e).then(t,n)})})},o.prototype.catch=function(e){return this.then(null,e)}},function(e,t){!function(e){"use strict";function t(e){if("string"!==typeof e&&(e=String(e)),/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(e))throw new TypeError("Invalid character in header field name");return e.toLowerCase()}function n(e){return"string"!==typeof e&&(e=String(e)),e}function r(e){var t={next:function(){var t=e.shift();return{done:void 0===t,value:t}}};return g.iterable&&(t[Symbol.iterator]=function(){return t}),t}function o(e){this.map={},e instanceof o?e.forEach(function(e,t){this.append(t,e)},this):Array.isArray(e)?e.forEach(function(e){this.append(e[0],e[1])},this):e&&Object.getOwnPropertyNames(e).forEach(function(t){this.append(t,e[t])},this)}function i(e){if(e.bodyUsed)return Promise.reject(new TypeError("Already read"));e.bodyUsed=!0}function a(e){return new Promise(function(t,n){e.onload=function(){t(e.result)},e.onerror=function(){n(e.error)}})}function l(e){var t=new FileReader,n=a(t);return t.readAsArrayBuffer(e),n}function u(e){var t=new FileReader,n=a(t);return t.readAsText(e),n}function c(e){for(var t=new Uint8Array(e),n=new Array(t.length),r=0;r<t.length;r++)n[r]=String.fromCharCode(t[r]);return n.join("")}function s(e){if(e.slice)return e.slice(0);var t=new Uint8Array(e.byteLength);return t.set(new Uint8Array(e)),t.buffer}function f(){return this.bodyUsed=!1,this._initBody=function(e){if(this._bodyInit=e,e)if("string"===typeof e)this._bodyText=e;else if(g.blob&&Blob.prototype.isPrototypeOf(e))this._bodyBlob=e;else if(g.formData&&FormData.prototype.isPrototypeOf(e))this._bodyFormData=e;else if(g.searchParams&&URLSearchParams.prototype.isPrototypeOf(e))this._bodyText=e.toString();else if(g.arrayBuffer&&g.blob&&b(e))this._bodyArrayBuffer=s(e.buffer),this._bodyInit=new Blob([this._bodyArrayBuffer]);else{if(!g.arrayBuffer||!ArrayBuffer.prototype.isPrototypeOf(e)&&!w(e))throw new Error("unsupported BodyInit type");this._bodyArrayBuffer=s(e)}else this._bodyText="";this.headers.get("content-type")||("string"===typeof e?this.headers.set("content-type","text/plain;charset=UTF-8"):this._bodyBlob&&this._bodyBlob.type?this.headers.set("content-type",this._bodyBlob.type):g.searchParams&&URLSearchParams.prototype.isPrototypeOf(e)&&this.headers.set("content-type","application/x-www-form-urlencoded;charset=UTF-8"))},g.blob&&(this.blob=function(){var e=i(this);if(e)return e;if(this._bodyBlob)return Promise.resolve(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(new Blob([this._bodyArrayBuffer]));if(this._bodyFormData)throw new Error("could not read FormData body as blob");return Promise.resolve(new Blob([this._bodyText]))},this.arrayBuffer=function(){return this._bodyArrayBuffer?i(this)||Promise.resolve(this._bodyArrayBuffer):this.blob().then(l)}),this.text=function(){var e=i(this);if(e)return e;if(this._bodyBlob)return u(this._bodyBlob);if(this._bodyArrayBuffer)return Promise.resolve(c(this._bodyArrayBuffer));if(this._bodyFormData)throw new Error("could not read FormData body as text");return Promise.resolve(this._bodyText)},g.formData&&(this.formData=function(){return this.text().then(h)}),this.json=function(){return this.text().then(JSON.parse)},this}function d(e){var t=e.toUpperCase();return _.indexOf(t)>-1?t:e}function p(e,t){t=t||{};var n=t.body;if(e instanceof p){if(e.bodyUsed)throw new TypeError("Already read");this.url=e.url,this.credentials=e.credentials,t.headers||(this.headers=new o(e.headers)),this.method=e.method,this.mode=e.mode,n||null==e._bodyInit||(n=e._bodyInit,e.bodyUsed=!0)}else this.url=String(e);if(this.credentials=t.credentials||this.credentials||"omit",!t.headers&&this.headers||(this.headers=new o(t.headers)),this.method=d(t.method||this.method||"GET"),this.mode=t.mode||this.mode||null,this.referrer=null,("GET"===this.method||"HEAD"===this.method)&&n)throw new TypeError("Body not allowed for GET or HEAD requests");this._initBody(n)}function h(e){var t=new FormData;return e.trim().split("&").forEach(function(e){if(e){var n=e.split("="),r=n.shift().replace(/\+/g," "),o=n.join("=").replace(/\+/g," ");t.append(decodeURIComponent(r),decodeURIComponent(o))}}),t}function m(e){var t=new o;return e.split(/\r?\n/).forEach(function(e){var n=e.split(":"),r=n.shift().trim();if(r){var o=n.join(":").trim();t.append(r,o)}}),t}function y(e,t){t||(t={}),this.type="default",this.status="status"in t?t.status:200,this.ok=this.status>=200&&this.status<300,this.statusText="statusText"in t?t.statusText:"OK",this.headers=new o(t.headers),this.url=t.url||"",this._initBody(e)}if(!e.fetch){var g={searchParams:"URLSearchParams"in e,iterable:"Symbol"in e&&"iterator"in Symbol,blob:"FileReader"in e&&"Blob"in e&&function(){try{return new Blob,!0}catch(e){return!1}}(),formData:"FormData"in e,arrayBuffer:"ArrayBuffer"in e};if(g.arrayBuffer)var v=["[object Int8Array]","[object Uint8Array]","[object Uint8ClampedArray]","[object Int16Array]","[object Uint16Array]","[object Int32Array]","[object Uint32Array]","[object Float32Array]","[object Float64Array]"],b=function(e){return e&&DataView.prototype.isPrototypeOf(e)},w=ArrayBuffer.isView||function(e){return e&&v.indexOf(Object.prototype.toString.call(e))>-1};o.prototype.append=function(e,r){e=t(e),r=n(r);var o=this.map[e];this.map[e]=o?o+","+r:r},o.prototype.delete=function(e){delete this.map[t(e)]},o.prototype.get=function(e){return e=t(e),this.has(e)?this.map[e]:null},o.prototype.has=function(e){return this.map.hasOwnProperty(t(e))},o.prototype.set=function(e,r){this.map[t(e)]=n(r)},o.prototype.forEach=function(e,t){for(var n in this.map)this.map.hasOwnProperty(n)&&e.call(t,this.map[n],n,this)},o.prototype.keys=function(){var e=[];return this.forEach(function(t,n){e.push(n)}),r(e)},o.prototype.values=function(){var e=[];return this.forEach(function(t){e.push(t)}),r(e)},o.prototype.entries=function(){var e=[];return this.forEach(function(t,n){e.push([n,t])}),r(e)},g.iterable&&(o.prototype[Symbol.iterator]=o.prototype.entries);var _=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];p.prototype.clone=function(){return new p(this,{body:this._bodyInit})},f.call(p.prototype),f.call(y.prototype),y.prototype.clone=function(){return new y(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new o(this.headers),url:this.url})},y.error=function(){var e=new y(null,{status:0,statusText:""});return e.type="error",e};var k=[301,302,303,307,308];y.redirect=function(e,t){if(-1===k.indexOf(t))throw new RangeError("Invalid status code");return new y(null,{status:t,headers:{location:e}})},e.Headers=o,e.Request=p,e.Response=y,e.fetch=function(e,t){return new Promise(function(n,r){var o=new p(e,t),i=new XMLHttpRequest;i.onload=function(){var e={status:i.status,statusText:i.statusText,headers:m(i.getAllResponseHeaders()||"")};e.url="responseURL"in i?i.responseURL:e.headers.get("X-Request-URL");var t="response"in i?i.response:i.responseText;n(new y(t,e))},i.onerror=function(){r(new TypeError("Network request failed"))},i.ontimeout=function(){r(new TypeError("Network request failed"))},i.open(o.method,o.url,!0),"include"===o.credentials&&(i.withCredentials=!0),"responseType"in i&&g.blob&&(i.responseType="blob"),o.headers.forEach(function(e,t){i.setRequestHeader(t,e)}),i.send("undefined"===typeof o._bodyInit?null:o._bodyInit)})},e.fetch.polyfill=!0}}("undefined"!==typeof self?self:this)},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}Object.defineProperty(t,"__esModule",{value:!0});for(var a=n(0),l=n.n(a),u=n(15),c=n.n(u),s=n(23),f=(n.n(s),n(24)),d=n(25),p=(function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}()),h=[],m=0;m<20;m++)h.push({name:m+1,o:m});var y=function(e){function t(){var e,n,i,a;r(this,t);for(var l=arguments.length,u=Array(l),c=0;c<l;c++)u[c]=arguments[c];return n=i=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),i.state={horzontal:!1,gap:100},a=n,o(i,a)}return i(t,e),p(t,[{key:"render",value:function(){var e=this;return l.a.createElement(l.a.Fragment,null,l.a.createElement("button",{onClick:function(){e.setState({horzontal:!e.state.horzontal,gap:e.state.horzontal?100:220})}},"\u6362"),l.a.createElement(d.a,{horizontal:this.state.horzontal,data:h,gap:this.state.gap,renderItem:function(e,t){return l.a.createElement("div",Object.assign({className:"props-draggers"},e()),t.name)}}))}}]),t}(l.a.Component);c.a.render(l.a.createElement(y,null),document.getElementById("root")),Object(f.a)()},function(e,t,n){"use strict";function r(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]);v(!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)}function o(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||U}function i(){}function a(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||U}function l(e,t,n){var r=void 0,o={},i=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(i=""+t.key),t)j.call(t,r)&&!F.hasOwnProperty(r)&&(o[r]=t[r]);var l=arguments.length-2;if(1===l)o.children=n;else if(1<l){for(var u=Array(l),c=0;c<l;c++)u[c]=arguments[c+2];o.children=u}if(e&&e.defaultProps)for(r in l=e.defaultProps)void 0===o[r]&&(o[r]=l[r]);return{$$typeof:k,type:e,key:i,ref:a,props:o,_owner:D.current}}function u(e){return"object"===typeof e&&null!==e&&e.$$typeof===k}function c(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,function(e){return t[e]})}function s(e,t,n,r){if(A.length){var o=A.pop();return o.result=e,o.keyPrefix=t,o.func=n,o.context=r,o.count=0,o}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function f(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>A.length&&A.push(e)}function d(e,t,n,o){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var a=!1;if(null===e)a=!0;else switch(i){case"string":case"number":a=!0;break;case"object":switch(e.$$typeof){case k:case x:a=!0}}if(a)return n(o,e,""===t?"."+p(e,0):t),1;if(a=0,t=""===t?".":t+":",Array.isArray(e))for(var l=0;l<e.length;l++){i=e[l];var u=t+p(i,l);a+=d(i,u,n,o)}else if(null===e||"undefined"===typeof e?u=null:(u=R&&e[R]||e["@@iterator"],u="function"===typeof u?u:null),"function"===typeof u)for(e=u.call(e),l=0;!(i=e.next()).done;)i=i.value,u=t+p(i,l++),a+=d(i,u,n,o);else"object"===i&&(n=""+e,r("31","[object Object]"===n?"object with keys {"+Object.keys(e).join(", ")+"}":n,""));return a}function p(e,t){return"object"===typeof e&&null!==e&&null!=e.key?c(e.key):t.toString(36)}function h(e,t){e.func.call(e.context,t,e.count++)}function m(e,t,n){var r=e.result,o=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?y(e,r,n,w.thatReturnsArgument):null!=e&&(u(e)&&(t=o+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(M,"$&/")+"/")+n,e={$$typeof:k,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}),r.push(e))}function y(e,t,n,r,o){var i="";null!=n&&(i=(""+n).replace(M,"$&/")+"/"),t=s(t,i,r,o),null==e||d(e,"",m,t),f(t)}var g=n(1),v=n(3),b=n(4),w=n(5),_="function"===typeof Symbol&&Symbol.for,k=_?Symbol.for("react.element"):60103,x=_?Symbol.for("react.portal"):60106,E=_?Symbol.for("react.fragment"):60107,T=_?Symbol.for("react.strict_mode"):60108,C=_?Symbol.for("react.profiler"):60114,S=_?Symbol.for("react.provider"):60109,P=_?Symbol.for("react.context"):60110,O=_?Symbol.for("react.async_mode"):60111,N=_?Symbol.for("react.forward_ref"):60112;_&&Symbol.for("react.timeout");var R="function"===typeof Symbol&&Symbol.iterator,U={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}};o.prototype.isReactComponent={},o.prototype.setState=function(e,t){"object"!==typeof e&&"function"!==typeof e&&null!=e&&r("85"),this.updater.enqueueSetState(this,e,t,"setState")},o.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},i.prototype=o.prototype;var I=a.prototype=new i;I.constructor=a,g(I,o.prototype),I.isPureReactComponent=!0;var D={current:null},j=Object.prototype.hasOwnProperty,F={key:!0,ref:!0,__self:!0,__source:!0},M=/\/+/g,A=[],L={Children:{map:function(e,t,n){if(null==e)return e;var r=[];return y(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;t=s(null,null,t,n),null==e||d(e,"",h,t),f(t)},count:function(e){return null==e?0:d(e,"",w.thatReturnsNull,null)},toArray:function(e){var t=[];return y(e,t,null,w.thatReturnsArgument),t},only:function(e){return u(e)||r("143"),e}},createRef:function(){return{current:null}},Component:o,PureComponent:a,createContext:function(e,t){return void 0===t&&(t=null),e={$$typeof:P,_calculateChangedBits:t,_defaultValue:e,_currentValue:e,_currentValue2:e,_changedBits:0,_changedBits2:0,Provider:null,Consumer:null},e.Provider={$$typeof:S,_context:e},e.Consumer=e},forwardRef:function(e){return{$$typeof:N,render:e}},Fragment:E,StrictMode:T,unstable_AsyncMode:O,unstable_Profiler:C,createElement:l,cloneElement:function(e,t,n){(null===e||void 0===e)&&r("267",e);var o=void 0,i=g({},e.props),a=e.key,l=e.ref,u=e._owner;if(null!=t){void 0!==t.ref&&(l=t.ref,u=D.current),void 0!==t.key&&(a=""+t.key);var c=void 0;e.type&&e.type.defaultProps&&(c=e.type.defaultProps);for(o in t)j.call(t,o)&&!F.hasOwnProperty(o)&&(i[o]=void 0===t[o]&&void 0!==c?c[o]:t[o])}if(1===(o=arguments.length-2))i.children=n;else if(1<o){c=Array(o);for(var s=0;s<o;s++)c[s]=arguments[s+2];i.children=c}return{$$typeof:k,type:e.type,key:a,ref:l,props:i,_owner:u}},createFactory:function(e){var t=l.bind(null,e);return t.type=e,t},isValidElement:u,version:"16.4.1",__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{ReactCurrentOwner:D,assign:g}},z={default:L},B=z&&L||z;e.exports=B.default?B.default:B},function(e,t,n){"use strict";function r(){if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(r)}catch(e){console.error(e)}}r(),e.exports=n(16)},function(e,t,n){"use strict";function r(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]);Dr(!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)}function o(e,t,n,r,o,i,a,l,u){this._hasCaughtError=!1,this._caughtError=null;var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(e){this._caughtError=e,this._hasCaughtError=!0}}function i(){if(Vr._hasRethrowError){var e=Vr._rethrowError;throw Vr._rethrowError=null,Vr._hasRethrowError=!1,e}}function a(){if(Hr)for(var e in $r){var t=$r[e],n=Hr.indexOf(e);if(-1<n||r("96",e),!Yr[n]){t.extractEvents||r("97",e),Yr[n]=t,n=t.eventTypes;for(var o in n){var i=void 0,a=n[o],u=t,c=o;qr.hasOwnProperty(c)&&r("99",c),qr[c]=a;var s=a.phasedRegistrationNames;if(s){for(i in s)s.hasOwnProperty(i)&&l(s[i],u,c);i=!0}else a.registrationName?(l(a.registrationName,u,c),i=!0):i=!1;i||r("98",o,e)}}}}function l(e,t,n){Xr[e]&&r("100",e),Xr[e]=t,Kr[e]=t.eventTypes[n].dependencies}function u(e){Hr&&r("101"),Hr=Array.prototype.slice.call(e),a()}function c(e){var t,n=!1;for(t in e)if(e.hasOwnProperty(t)){var o=e[t];$r.hasOwnProperty(t)&&$r[t]===o||($r[t]&&r("102",t),$r[t]=o,n=!0)}n&&a()}function s(e,t,n,r){t=e.type||"unknown-event",e.currentTarget=Zr(r),Vr.invokeGuardedCallbackAndCatchFirstError(t,n,void 0,e),e.currentTarget=null}function f(e,t){return null==t&&r("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 d(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}function p(e,t){if(e){var n=e._dispatchListeners,r=e._dispatchInstances;if(Array.isArray(n))for(var o=0;o<n.length&&!e.isPropagationStopped();o++)s(e,t,n[o],r[o]);else n&&s(e,t,n,r);e._dispatchListeners=null,e._dispatchInstances=null,e.isPersistent()||e.constructor.release(e)}}function h(e){return p(e,!0)}function m(e){return p(e,!1)}function y(e,t){var n=e.stateNode;if(!n)return null;var o=Gr(n);if(!o)return null;n=o[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":(o=!o.disabled)||(e=e.type,o=!("button"===e||"input"===e||"select"===e||"textarea"===e)),e=!o;break e;default:e=!1}return e?null:(n&&"function"!==typeof n&&r("231",t,typeof n),n)}function g(e,t){null!==e&&(eo=f(eo,e)),e=eo,eo=null,e&&(t?d(e,h):d(e,m),eo&&r("95"),Vr.rethrowCaughtError())}function v(e,t,n,r){for(var o=null,i=0;i<Yr.length;i++){var a=Yr[i];a&&(a=a.extractEvents(e,t,n,r))&&(o=f(o,a))}g(o,!1)}function b(e){if(e[oo])return e[oo];for(;!e[oo];){if(!e.parentNode)return null;e=e.parentNode}return e=e[oo],5===e.tag||6===e.tag?e:null}function w(e){if(5===e.tag||6===e.tag)return e.stateNode;r("33")}function _(e){return e[io]||null}function k(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function x(e,t,n){for(var r=[];e;)r.push(e),e=k(e);for(e=r.length;0<e--;)t(r[e],"captured",n);for(e=0;e<r.length;e++)t(r[e],"bubbled",n)}function E(e,t,n){(t=y(e,n.dispatchConfig.phasedRegistrationNames[t]))&&(n._dispatchListeners=f(n._dispatchListeners,t),n._dispatchInstances=f(n._dispatchInstances,e))}function T(e){e&&e.dispatchConfig.phasedRegistrationNames&&x(e._targetInst,E,e)}function C(e){if(e&&e.dispatchConfig.phasedRegistrationNames){var t=e._targetInst;t=t?k(t):null,x(t,E,e)}}function S(e,t,n){e&&n&&n.dispatchConfig.registrationName&&(t=y(e,n.dispatchConfig.registrationName))&&(n._dispatchListeners=f(n._dispatchListeners,t),n._dispatchInstances=f(n._dispatchInstances,e))}function P(e){e&&e.dispatchConfig.registrationName&&S(e._targetInst,null,e)}function O(e){d(e,T)}function N(e,t,n,r){if(n&&r)e:{for(var o=n,i=r,a=0,l=o;l;l=k(l))a++;l=0;for(var u=i;u;u=k(u))l++;for(;0<a-l;)o=k(o),a--;for(;0<l-a;)i=k(i),l--;for(;a--;){if(o===i||o===i.alternate)break e;o=k(o),i=k(i)}o=null}else o=null;for(i=o,o=[];n&&n!==i&&(null===(a=n.alternate)||a!==i);)o.push(n),n=k(n);for(n=[];r&&r!==i&&(null===(a=r.alternate)||a!==i);)n.push(r),r=k(r);for(r=0;r<o.length;r++)S(o[r],"bubbled",e);for(e=n.length;0<e--;)S(n[e],"captured",t)}function R(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n["ms"+e]="MS"+t,n["O"+e]="o"+t.toLowerCase(),n}function U(e){if(co[e])return co[e];if(!uo[e])return e;var t,n=uo[e];for(t in n)if(n.hasOwnProperty(t)&&t in so)return co[e]=n[t];return e}function I(){return!go&&Fr.canUseDOM&&(go="textContent"in document.documentElement?"textContent":"innerText"),go}function D(){if(vo._fallbackText)return vo._fallbackText;var e,t,n=vo._startText,r=n.length,o=j(),i=o.length;for(e=0;e<r&&n[e]===o[e];e++);var a=r-e;for(t=1;t<=a&&n[r-t]===o[i-t];t++);return vo._fallbackText=o.slice(e,1<t?1-t:void 0),vo._fallbackText}function j(){return"value"in vo._root?vo._root.value:vo._root[I()]}function F(e,t,n,r){this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n,e=this.constructor.Interface;for(var o in e)e.hasOwnProperty(o)&&((t=e[o])?this[o]=t(n):"target"===o?this.target=r:this[o]=n[o]);return this.isDefaultPrevented=(null!=n.defaultPrevented?n.defaultPrevented:!1===n.returnValue)?Ar.thatReturnsTrue:Ar.thatReturnsFalse,this.isPropagationStopped=Ar.thatReturnsFalse,this}function M(e,t,n,r){if(this.eventPool.length){var o=this.eventPool.pop();return this.call(o,e,t,n,r),o}return new this(e,t,n,r)}function A(e){e instanceof this||r("223"),e.destructor(),10>this.eventPool.length&&this.eventPool.push(e)}function L(e){e.eventPool=[],e.getPooled=M,e.release=A}function z(e,t){switch(e){case"keyup":return-1!==xo.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function B(e){return e=e.detail,"object"===typeof e&&"data"in e?e.data:null}function W(e,t){switch(e){case"compositionend":return B(t);case"keypress":return 32!==t.which?null:(No=!0,Po);case"textInput":return e=t.data,e===Po&&No?null:e;default:return null}}function V(e,t){if(Ro)return"compositionend"===e||!Eo&&z(e,t)?(e=D(),vo._root=null,vo._startText=null,vo._fallbackText=null,Ro=!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 So?null:t.data;default:return null}}function H(e){if(e=Jr(e)){Io&&"function"===typeof Io.restoreControlledState||r("194");var t=Gr(e.stateNode);Io.restoreControlledState(e.stateNode,e.type,t)}}function $(e){jo?Fo?Fo.push(e):Fo=[e]:jo=e}function Y(){return null!==jo||null!==Fo}function q(){if(jo){var e=jo,t=Fo;if(Fo=jo=null,H(e),t)for(e=0;e<t.length;e++)H(t[e])}}function X(e,t){return e(t)}function K(e,t,n){return e(t,n)}function Q(){}function G(e,t){if(Ao)return e(t);Ao=!0;try{return X(e,t)}finally{Ao=!1,Y()&&(Q(),q())}}function J(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Lo[e.type]:"textarea"===t}function Z(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function ee(e,t){return!(!Fr.canUseDOM||t&&!("addEventListener"in document))&&(e="on"+e,t=e in document,t||(t=document.createElement("div"),t.setAttribute(e,"return;"),t="function"===typeof t[e]),t)}function te(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function ne(e){var t=te(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&"undefined"!==typeof n&&"function"===typeof n.get&&"function"===typeof n.set){var o=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return o.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]}}}}function re(e){e._valueTracker||(e._valueTracker=ne(e))}function oe(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=te(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function ie(e){return null===e||"undefined"===typeof e?null:(e=Jo&&e[Jo]||e["@@iterator"],"function"===typeof e?e:null)}function ae(e){var t=e.type;if("function"===typeof t)return t.displayName||t.name;if("string"===typeof t)return t;switch(t){case Ko:return"AsyncMode";case Xo:return"Context.Consumer";case Ho:return"ReactFragment";case Vo:return"ReactPortal";case Yo:return"Profiler("+e.pendingProps.id+")";case qo:return"Context.Provider";case $o:return"StrictMode";case Go:return"Timeout"}if("object"===typeof t&&null!==t)switch(t.$$typeof){case Qo:return e=t.render.displayName||t.render.name||"",""!==e?"ForwardRef("+e+")":"ForwardRef"}return null}function le(e){var t="";do{e:switch(e.tag){case 0:case 1:case 2:case 5:var n=e._debugOwner,r=e._debugSource,o=ae(e),i=null;n&&(i=ae(n)),n=r,o="\n    in "+(o||"Unknown")+(n?" (at "+n.fileName.replace(/^.*[\\\/]/,"")+":"+n.lineNumber+")":i?" (created by "+i+")":"");break e;default:o=""}t+=o,e=e.return}while(e);return t}function ue(e){return!!ti.hasOwnProperty(e)||!ei.hasOwnProperty(e)&&(Zo.test(e)?ti[e]=!0:(ei[e]=!0,!1))}function ce(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}}function se(e,t,n,r){if(null===t||"undefined"===typeof t||ce(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}function fe(e,t,n,r,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=o,this.mustUseProperty=n,this.propertyName=e,this.type=t}function de(e){return e[1].toUpperCase()}function pe(e,t,n,r){var o=ni.hasOwnProperty(t)?ni[t]:null;(null!==o?0===o.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(se(t,n,o,r)&&(n=null),r||null===o?ue(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):o.mustUseProperty?e[o.propertyName]=null===n?3!==o.type&&"":n:(t=o.attributeName,r=o.attributeNamespace,null===n?e.removeAttribute(t):(o=o.type,n=3===o||4===o&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}function he(e,t){var n=t.checked;return Mr({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function me(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=we(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 ye(e,t){null!=(t=t.checked)&&pe(e,"checked",t,!1)}function ge(e,t){ye(e,t);var n=we(t.value);null!=n&&("number"===t.type?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n)),t.hasOwnProperty("value")?be(e,t.type,n):t.hasOwnProperty("defaultValue")&&be(e,t.type,we(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function ve(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){t=""+e._wrapperState.initialValue;var r=e.value;n||t===r||(e.value=t),e.defaultValue=t}n=e.name,""!==n&&(e.name=""),e.defaultChecked=!e.defaultChecked,e.defaultChecked=!e.defaultChecked,""!==n&&(e.name=n)}function be(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function we(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function _e(e,t,n){return e=F.getPooled(oi.change,e,t,n),e.type="change",$(n),O(e),e}function ke(e){g(e,!1)}function xe(e){if(oe(w(e)))return e}function Ee(e,t){if("change"===e)return t}function Te(){ii&&(ii.detachEvent("onpropertychange",Ce),ai=ii=null)}function Ce(e){"value"===e.propertyName&&xe(ai)&&(e=_e(ai,e,Z(e)),G(ke,e))}function Se(e,t,n){"focus"===e?(Te(),ii=t,ai=n,ii.attachEvent("onpropertychange",Ce)):"blur"===e&&Te()}function Pe(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return xe(ai)}function Oe(e,t){if("click"===e)return xe(t)}function Ne(e,t){if("input"===e||"change"===e)return xe(t)}function Re(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=si[e])&&!!t[e]}function Ue(){return Re}function Ie(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(t=t.return,0!==(2&t.effectTag))return 1}return 3===t.tag?2:3}function De(e){2!==Ie(e)&&r("188")}function je(e){var t=e.alternate;if(!t)return t=Ie(e),3===t&&r("188"),1===t?null:e;for(var n=e,o=t;;){var i=n.return,a=i?i.alternate:null;if(!i||!a)break;if(i.child===a.child){for(var l=i.child;l;){if(l===n)return De(i),e;if(l===o)return De(i),t;l=l.sibling}r("188")}if(n.return!==o.return)n=i,o=a;else{l=!1;for(var u=i.child;u;){if(u===n){l=!0,n=i,o=a;break}if(u===o){l=!0,o=i,n=a;break}u=u.sibling}if(!l){for(u=a.child;u;){if(u===n){l=!0,n=a,o=i;break}if(u===o){l=!0,o=a,n=i;break}u=u.sibling}l||r("189")}}n.alternate!==o&&r("190")}return 3!==n.tag&&r("188"),n.stateNode.current===n?e:t}function Fe(e){if(!(e=je(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}function Me(e){if(!(e=je(e)))return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child&&4!==t.tag)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function Ae(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}function Le(e,t){var n=e[0];e=e[1];var r="on"+(e[0].toUpperCase()+e.slice(1));t={phasedRegistrationNames:{bubbled:r,captured:r+"Capture"},dependencies:[n],isInteractive:t},Ci[e]=t,Si[n]=t}function ze(e){var t=e.targetInst;do{if(!t){e.ancestors.push(t);break}var n;for(n=t;n.return;)n=n.return;if(!(n=3!==n.tag?null:n.stateNode.containerInfo))break;e.ancestors.push(t),t=b(n)}while(t);for(n=0;n<e.ancestors.length;n++)t=e.ancestors[n],v(e.topLevelType,t,e.nativeEvent,Z(e.nativeEvent))}function Be(e){Ri=!!e}function We(e,t){if(!t)return null;var n=(Oi(e)?He:$e).bind(null,e);t.addEventListener(e,n,!1)}function Ve(e,t){if(!t)return null;var n=(Oi(e)?He:$e).bind(null,e);t.addEventListener(e,n,!0)}function He(e,t){K($e,e,t)}function $e(e,t){if(Ri){var n=Z(t);if(n=b(n),null===n||"number"!==typeof n.tag||2===Ie(n)||(n=null),Ni.length){var r=Ni.pop();r.topLevelType=e,r.nativeEvent=t,r.targetInst=n,e=r}else e={topLevelType:e,nativeEvent:t,targetInst:n,ancestors:[]};try{G(ze,e)}finally{e.topLevelType=null,e.nativeEvent=null,e.targetInst=null,e.ancestors.length=0,10>Ni.length&&Ni.push(e)}}}function Ye(e){return Object.prototype.hasOwnProperty.call(e,ji)||(e[ji]=Di++,Ii[e[ji]]={}),Ii[e[ji]]}function qe(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Xe(e,t){var n=qe(e);e=0;for(var r;n;){if(3===n.nodeType){if(r=e+n.textContent.length,e<=t&&r>=t)return{node:n,offset:t-e};e=r}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=qe(n)}}function Ke(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 Qe(e,t){if(Bi||null==Ai||Ai!==Lr())return null;var n=Ai;return"selectionStart"in n&&Ke(n)?n={start:n.selectionStart,end:n.selectionEnd}:window.getSelection?(n=window.getSelection(),n={anchorNode:n.anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset}):n=void 0,zi&&zr(zi,n)?null:(zi=n,e=F.getPooled(Mi.select,Li,e,t),e.type="select",e.target=Ai,O(e),e)}function Ge(e){var t="";return jr.Children.forEach(e,function(e){null==e||"string"!==typeof e&&"number"!==typeof e||(t+=e)}),t}function Je(e,t){return e=Mr({children:void 0},t),(t=Ge(t.children))&&(e.children=t),e}function Ze(e,t,n,r){if(e=e.options,t){t={};for(var o=0;o<n.length;o++)t["$"+n[o]]=!0;for(n=0;n<e.length;n++)o=t.hasOwnProperty("$"+e[n].value),e[n].selected!==o&&(e[n].selected=o),o&&r&&(e[n].defaultSelected=!0)}else{for(n=""+n,t=null,o=0;o<e.length;o++){if(e[o].value===n)return e[o].selected=!0,void(r&&(e[o].defaultSelected=!0));null!==t||e[o].disabled||(t=e[o])}null!==t&&(t.selected=!0)}}function et(e,t){var n=t.value;e._wrapperState={initialValue:null!=n?n:t.defaultValue,wasMultiple:!!t.multiple}}function tt(e,t){return null!=t.dangerouslySetInnerHTML&&r("91"),Mr({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function nt(e,t){var n=t.value;null==n&&(n=t.defaultValue,t=t.children,null!=t&&(null!=n&&r("92"),Array.isArray(t)&&(1>=t.length||r("93"),t=t[0]),n=""+t),null==n&&(n="")),e._wrapperState={initialValue:""+n}}function rt(e,t){var n=t.value;null!=n&&(n=""+n,n!==e.value&&(e.value=n),null==t.defaultValue&&(e.defaultValue=n)),null!=t.defaultValue&&(e.defaultValue=t.defaultValue)}function ot(e){var t=e.textContent;t===e._wrapperState.initialValue&&(e.value=t)}function it(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 at(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?it(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}function lt(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}function ut(e,t){e=e.style;for(var n in t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),o=n,i=t[n];o=null==i||"boolean"===typeof i||""===i?"":r||"number"!==typeof i||0===i||ha.hasOwnProperty(o)&&ha[o]?(""+i).trim():i+"px","float"===n&&(n="cssFloat"),r?e.setProperty(n,o):e[n]=o}}function ct(e,t,n){t&&(ya[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML)&&r("137",e,n()),null!=t.dangerouslySetInnerHTML&&(null!=t.children&&r("60"),"object"===typeof t.dangerouslySetInnerHTML&&"__html"in t.dangerouslySetInnerHTML||r("61")),null!=t.style&&"object"!==typeof t.style&&r("62",n()))}function st(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 ft(e,t){e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument;var n=Ye(e);t=Kr[t];for(var r=0;r<t.length;r++){var o=t[r];if(!n.hasOwnProperty(o)||!n[o]){switch(o){case"scroll":Ve("scroll",e);break;case"focus":case"blur":Ve("focus",e),Ve("blur",e),n.blur=!0,n.focus=!0;break;case"cancel":case"close":ee(o,!0)&&Ve(o,e);break;case"invalid":case"submit":case"reset":break;default:-1===yo.indexOf(o)&&We(o,e)}n[o]=!0}}}function dt(e,t,n,r){return n=9===n.nodeType?n:n.ownerDocument,r===fa.html&&(r=it(e)),r===fa.html?"script"===e?(e=n.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):e="string"===typeof t.is?n.createElement(e,{is:t.is}):n.createElement(e):e=n.createElementNS(r,e),e}function pt(e,t){return(9===t.nodeType?t:t.ownerDocument).createTextNode(e)}function ht(e,t,n,r){var o=st(t,n);switch(t){case"iframe":case"object":We("load",e);var i=n;break;case"video":case"audio":for(i=0;i<yo.length;i++)We(yo[i],e);i=n;break;case"source":We("error",e),i=n;break;case"img":case"image":case"link":We("error",e),We("load",e),i=n;break;case"form":We("reset",e),We("submit",e),i=n;break;case"details":We("toggle",e),i=n;break;case"input":me(e,n),i=he(e,n),We("invalid",e),ft(r,"onChange");break;case"option":i=Je(e,n);break;case"select":et(e,n),i=Mr({},n,{value:void 0}),We("invalid",e),ft(r,"onChange");break;case"textarea":nt(e,n),i=tt(e,n),We("invalid",e),ft(r,"onChange");break;default:i=n}ct(t,i,ga);var a,l=i;for(a in l)if(l.hasOwnProperty(a)){var u=l[a];"style"===a?ut(e,u,ga):"dangerouslySetInnerHTML"===a?null!=(u=u?u.__html:void 0)&&pa(e,u):"children"===a?"string"===typeof u?("textarea"!==t||""!==u)&&lt(e,u):"number"===typeof u&&lt(e,""+u):"suppressContentEditableWarning"!==a&&"suppressHydrationWarning"!==a&&"autoFocus"!==a&&(Xr.hasOwnProperty(a)?null!=u&&ft(r,a):null!=u&&pe(e,a,u,o))}switch(t){case"input":re(e),ve(e,n,!1);break;case"textarea":re(e),ot(e,n);break;case"option":null!=n.value&&e.setAttribute("value",n.value);break;case"select":e.multiple=!!n.multiple,t=n.value,null!=t?Ze(e,!!n.multiple,t,!1):null!=n.defaultValue&&Ze(e,!!n.multiple,n.defaultValue,!0);break;default:"function"===typeof i.onClick&&(e.onclick=Ar)}}function mt(e,t,n,r,o){var i=null;switch(t){case"input":n=he(e,n),r=he(e,r),i=[];break;case"option":n=Je(e,n),r=Je(e,r),i=[];break;case"select":n=Mr({},n,{value:void 0}),r=Mr({},r,{value:void 0}),i=[];break;case"textarea":n=tt(e,n),r=tt(e,r),i=[];break;default:"function"!==typeof n.onClick&&"function"===typeof r.onClick&&(e.onclick=Ar)}ct(t,r,ga),t=e=void 0;var a=null;for(e in n)if(!r.hasOwnProperty(e)&&n.hasOwnProperty(e)&&null!=n[e])if("style"===e){var l=n[e];for(t in l)l.hasOwnProperty(t)&&(a||(a={}),a[t]="")}else"dangerouslySetInnerHTML"!==e&&"children"!==e&&"suppressContentEditableWarning"!==e&&"suppressHydrationWarning"!==e&&"autoFocus"!==e&&(Xr.hasOwnProperty(e)?i||(i=[]):(i=i||[]).push(e,null));for(e in r){var u=r[e];if(l=null!=n?n[e]:void 0,r.hasOwnProperty(e)&&u!==l&&(null!=u||null!=l))if("style"===e)if(l){for(t in l)!l.hasOwnProperty(t)||u&&u.hasOwnProperty(t)||(a||(a={}),a[t]="");for(t in u)u.hasOwnProperty(t)&&l[t]!==u[t]&&(a||(a={}),a[t]=u[t])}else a||(i||(i=[]),i.push(e,a)),a=u;else"dangerouslySetInnerHTML"===e?(u=u?u.__html:void 0,l=l?l.__html:void 0,null!=u&&l!==u&&(i=i||[]).push(e,""+u)):"children"===e?l===u||"string"!==typeof u&&"number"!==typeof u||(i=i||[]).push(e,""+u):"suppressContentEditableWarning"!==e&&"suppressHydrationWarning"!==e&&(Xr.hasOwnProperty(e)?(null!=u&&ft(o,e),i||l===u||(i=[])):(i=i||[]).push(e,u))}return a&&(i=i||[]).push("style",a),i}function yt(e,t,n,r,o){"input"===n&&"radio"===o.type&&null!=o.name&&ye(e,o),st(n,r),r=st(n,o);for(var i=0;i<t.length;i+=2){var a=t[i],l=t[i+1];"style"===a?ut(e,l,ga):"dangerouslySetInnerHTML"===a?pa(e,l):"children"===a?lt(e,l):pe(e,a,l,r)}switch(n){case"input":ge(e,o);break;case"textarea":rt(e,o);break;case"select":e._wrapperState.initialValue=void 0,t=e._wrapperState.wasMultiple,e._wrapperState.wasMultiple=!!o.multiple,n=o.value,null!=n?Ze(e,!!o.multiple,n,!1):t!==!!o.multiple&&(null!=o.defaultValue?Ze(e,!!o.multiple,o.defaultValue,!0):Ze(e,!!o.multiple,o.multiple?[]:"",!1))}}function gt(e,t,n,r,o){switch(t){case"iframe":case"object":We("load",e);break;case"video":case"audio":for(r=0;r<yo.length;r++)We(yo[r],e);break;case"source":We("error",e);break;case"img":case"image":case"link":We("error",e),We("load",e);break;case"form":We("reset",e),We("submit",e);break;case"details":We("toggle",e);break;case"input":me(e,n),We("invalid",e),ft(o,"onChange");break;case"select":et(e,n),We("invalid",e),ft(o,"onChange");break;case"textarea":nt(e,n),We("invalid",e),ft(o,"onChange")}ct(t,n,ga),r=null;for(var i in n)if(n.hasOwnProperty(i)){var a=n[i];"children"===i?"string"===typeof a?e.textContent!==a&&(r=["children",a]):"number"===typeof a&&e.textContent!==""+a&&(r=["children",""+a]):Xr.hasOwnProperty(i)&&null!=a&&ft(o,i)}switch(t){case"input":re(e),ve(e,n,!0);break;case"textarea":re(e),ot(e,n);break;case"select":case"option":break;default:"function"===typeof n.onClick&&(e.onclick=Ar)}return r}function vt(e,t){return e.nodeValue!==t}function bt(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function wt(e,t){return"textarea"===e||"string"===typeof t.children||"number"===typeof t.children||"object"===typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&"string"===typeof t.dangerouslySetInnerHTML.__html}function _t(e){for(e=e.nextSibling;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}function kt(e){for(e=e.firstChild;e&&1!==e.nodeType&&3!==e.nodeType;)e=e.nextSibling;return e}function xt(e){return{current:e}}function Et(e){0>Ta||(e.current=Ea[Ta],Ea[Ta]=null,Ta--)}function Tt(e,t){Ta++,Ea[Ta]=e.current,e.current=t}function Ct(e){return Pt(e)?Pa:Ca.current}function St(e,t){var n=e.type.contextTypes;if(!n)return Wr;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var o,i={};for(o in n)i[o]=t[o];return r&&(e=e.stateNode,e.__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function Pt(e){return 2===e.tag&&null!=e.type.childContextTypes}function Ot(e){Pt(e)&&(Et(Sa,e),Et(Ca,e))}function Nt(e){Et(Sa,e),Et(Ca,e)}function Rt(e,t,n){Ca.current!==Wr&&r("168"),Tt(Ca,t,e),Tt(Sa,n,e)}function Ut(e,t){var n=e.stateNode,o=e.type.childContextTypes;if("function"!==typeof n.getChildContext)return t;n=n.getChildContext();for(var i in n)i in o||r("108",ae(e)||"Unknown",i);return Mr({},t,n)}function It(e){if(!Pt(e))return!1;var t=e.stateNode;return t=t&&t.__reactInternalMemoizedMergedChildContext||Wr,Pa=Ca.current,Tt(Ca,t,e),Tt(Sa,Sa.current,e),!0}function Dt(e,t){var n=e.stateNode;if(n||r("169"),t){var o=Ut(e,Pa);n.__reactInternalMemoizedMergedChildContext=o,Et(Sa,e),Et(Ca,e),Tt(Ca,o,e)}else Et(Sa,e);Tt(Sa,t,e)}function jt(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=null,this.index=0,this.ref=null,this.pendingProps=t,this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.expirationTime=0,this.alternate=null}function Ft(e,t,n){var r=e.alternate;return null===r?(r=new jt(e.tag,t,e.key,e.mode),r.type=e.type,r.stateNode=e.stateNode,r.alternate=e,e.alternate=r):(r.pendingProps=t,r.effectTag=0,r.nextEffect=null,r.firstEffect=null,r.lastEffect=null),r.expirationTime=n,r.child=e.child,r.memoizedProps=e.memoizedProps,r.memoizedState=e.memoizedState,r.updateQueue=e.updateQueue,r.sibling=e.sibling,r.index=e.index,r.ref=e.ref,r}function Mt(e,t,n){var o=e.type,i=e.key;if(e=e.props,"function"===typeof o)var a=o.prototype&&o.prototype.isReactComponent?2:0;else if("string"===typeof o)a=5;else switch(o){case Ho:return At(e.children,t,n,i);case Ko:a=11,t|=3;break;case $o:a=11,t|=2;break;case Yo:return o=new jt(15,e,i,4|t),o.type=Yo,o.expirationTime=n,o;case Go:a=16,t|=2;break;default:e:{switch("object"===typeof o&&null!==o?o.$$typeof:null){case qo:a=13;break e;case Xo:a=12;break e;case Qo:a=14;break e;default:r("130",null==o?o:typeof o,"")}a=void 0}}return t=new jt(a,e,i,t),t.type=o,t.expirationTime=n,t}function At(e,t,n,r){return e=new jt(10,e,r,t),e.expirationTime=n,e}function Lt(e,t,n){return e=new jt(6,e,null,t),e.expirationTime=n,e}function zt(e,t,n){return t=new jt(4,null!==e.children?e.children:[],e.key,t),t.expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Bt(e,t,n){return t=new jt(3,null,null,t?3:0),e={current:t,containerInfo:e,pendingChildren:null,earliestPendingTime:0,latestPendingTime:0,earliestSuspendedTime:0,latestSuspendedTime:0,latestPingedTime:0,pendingCommitExpirationTime:0,finishedWork:null,context:null,pendingContext:null,hydrate:n,remainingExpirationTime:0,firstBatch:null,nextScheduledRoot:null},t.stateNode=e}function Wt(e){return function(t){try{return e(t)}catch(e){}}}function Vt(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);Oa=Wt(function(e){return t.onCommitFiberRoot(n,e)}),Na=Wt(function(e){return t.onCommitFiberUnmount(n,e)})}catch(e){}return!0}function Ht(e){"function"===typeof Oa&&Oa(e)}function $t(e){"function"===typeof Na&&Na(e)}function Yt(e){return{expirationTime:0,baseState:e,firstUpdate:null,lastUpdate:null,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function qt(e){return{expirationTime:e.expirationTime,baseState:e.baseState,firstUpdate:e.firstUpdate,lastUpdate:e.lastUpdate,firstCapturedUpdate:null,lastCapturedUpdate:null,firstEffect:null,lastEffect:null,firstCapturedEffect:null,lastCapturedEffect:null}}function Xt(e){return{expirationTime:e,tag:0,payload:null,callback:null,next:null,nextEffect:null}}function Kt(e,t,n){null===e.lastUpdate?e.firstUpdate=e.lastUpdate=t:(e.lastUpdate.next=t,e.lastUpdate=t),(0===e.expirationTime||e.expirationTime>n)&&(e.expirationTime=n)}function Qt(e,t,n){var r=e.alternate;if(null===r){var o=e.updateQueue,i=null;null===o&&(o=e.updateQueue=Yt(e.memoizedState))}else o=e.updateQueue,i=r.updateQueue,null===o?null===i?(o=e.updateQueue=Yt(e.memoizedState),i=r.updateQueue=Yt(r.memoizedState)):o=e.updateQueue=qt(i):null===i&&(i=r.updateQueue=qt(o));null===i||o===i?Kt(o,t,n):null===o.lastUpdate||null===i.lastUpdate?(Kt(o,t,n),Kt(i,t,n)):(Kt(o,t,n),i.lastUpdate=t)}function Gt(e,t,n){var r=e.updateQueue;r=null===r?e.updateQueue=Yt(e.memoizedState):Jt(e,r),null===r.lastCapturedUpdate?r.firstCapturedUpdate=r.lastCapturedUpdate=t:(r.lastCapturedUpdate.next=t,r.lastCapturedUpdate=t),(0===r.expirationTime||r.expirationTime>n)&&(r.expirationTime=n)}function Jt(e,t){var n=e.alternate;return null!==n&&t===n.updateQueue&&(t=e.updateQueue=qt(t)),t}function Zt(e,t,n,r,o,i){switch(n.tag){case 1:return e=n.payload,"function"===typeof e?e.call(i,r,o):e;case 3:e.effectTag=-1025&e.effectTag|64;case 0:if(e=n.payload,null===(o="function"===typeof e?e.call(i,r,o):e)||void 0===o)break;return Mr({},r,o);case 2:Ra=!0}return r}function en(e,t,n,r,o){if(Ra=!1,!(0===t.expirationTime||t.expirationTime>o)){t=Jt(e,t);for(var i=t.baseState,a=null,l=0,u=t.firstUpdate,c=i;null!==u;){var s=u.expirationTime;s>o?(null===a&&(a=u,i=c),(0===l||l>s)&&(l=s)):(c=Zt(e,t,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>o?(null===s&&(s=u,null===a&&(i=c)),(0===l||l>f)&&(l=f)):(c=Zt(e,t,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,t.expirationTime=l,e.memoizedState=c}}function tn(e,t){"function"!==typeof e&&r("191",e),e.call(t)}function nn(e,t,n){for(null!==t.firstCapturedUpdate&&(null!==t.lastUpdate&&(t.lastUpdate.next=t.firstCapturedUpdate,t.lastUpdate=t.lastCapturedUpdate),t.firstCapturedUpdate=t.lastCapturedUpdate=null),e=t.firstEffect,t.firstEffect=t.lastEffect=null;null!==e;){var r=e.callback;null!==r&&(e.callback=null,tn(r,n)),e=e.nextEffect}for(e=t.firstCapturedEffect,t.firstCapturedEffect=t.lastCapturedEffect=null;null!==e;)t=e.callback,null!==t&&(e.callback=null,tn(t,n)),e=e.nextEffect}function rn(e,t){return{value:e,source:t,stack:le(t)}}function on(e){var t=e.type._context;Tt(Da,t._changedBits,e),Tt(Ia,t._currentValue,e),Tt(Ua,e,e),t._currentValue=e.pendingProps.value,t._changedBits=e.stateNode}function an(e){var t=Da.current,n=Ia.current;Et(Ua,e),Et(Ia,e),Et(Da,e),e=e.type._context,e._currentValue=n,e._changedBits=t}function ln(e){return e===ja&&r("174"),e}function un(e,t){Tt(Aa,t,e),Tt(Ma,e,e),Tt(Fa,ja,e);var n=t.nodeType;switch(n){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:at(null,"");break;default:n=8===n?t.parentNode:t,t=n.namespaceURI||null,n=n.tagName,t=at(t,n)}Et(Fa,e),Tt(Fa,t,e)}function cn(e){Et(Fa,e),Et(Ma,e),Et(Aa,e)}function sn(e){Ma.current===e&&(Et(Fa,e),Et(Ma,e))}function fn(e,t,n){var r=e.memoizedState;t=t(n,r),r=null===t||void 0===t?r:Mr({},r,t),e.memoizedState=r,null!==(e=e.updateQueue)&&0===e.expirationTime&&(e.baseState=r)}function dn(e,t,n,r,o,i){var a=e.stateNode;return e=e.type,"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(n,o,i):!e.prototype||!e.prototype.isPureReactComponent||(!zr(t,n)||!zr(r,o))}function pn(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&&La.enqueueReplaceState(t,t.state,null)}function hn(e,t){var n=e.type,r=e.stateNode,o=e.pendingProps,i=Ct(e);r.props=o,r.state=e.memoizedState,r.refs=Wr,r.context=St(e,i),i=e.updateQueue,null!==i&&(en(e,i,o,r,t),r.state=e.memoizedState),i=e.type.getDerivedStateFromProps,"function"===typeof i&&(fn(e,i,o),r.state=e.memoizedState),"function"===typeof n.getDerivedStateFromProps||"function"===typeof r.getSnapshotBeforeUpdate||"function"!==typeof r.UNSAFE_componentWillMount&&"function"!==typeof r.componentWillMount||(n=r.state,"function"===typeof r.componentWillMount&&r.componentWillMount(),"function"===typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),n!==r.state&&La.enqueueReplaceState(r,r.state,null),null!==(i=e.updateQueue)&&(en(e,i,o,r,t),r.state=e.memoizedState)),"function"===typeof r.componentDidMount&&(e.effectTag|=4)}function mn(e,t,n){if(null!==(e=n.ref)&&"function"!==typeof e&&"object"!==typeof e){if(n._owner){n=n._owner;var o=void 0;n&&(2!==n.tag&&r("110"),o=n.stateNode),o||r("147",e);var i=""+e;return null!==t&&null!==t.ref&&"function"===typeof t.ref&&t.ref._stringRef===i?t.ref:(t=function(e){var t=o.refs===Wr?o.refs={}:o.refs;null===e?delete t[i]:t[i]=e},t._stringRef=i,t)}"string"!==typeof e&&r("148"),n._owner||r("254",e)}return e}function yn(e,t){"textarea"!==e.type&&r("31","[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,"")}function gn(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 o(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function i(e,t,n){return e=Ft(e,t,n),e.index=0,e.sibling=null,e}function a(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index,r<n?(t.effectTag=2,n):r):(t.effectTag=2,n):n}function l(t){return e&&null===t.alternate&&(t.effectTag=2),t}function u(e,t,n,r){return null===t||6!==t.tag?(t=Lt(n,e.mode,r),t.return=e,t):(t=i(t,n,r),t.return=e,t)}function c(e,t,n,r){return null!==t&&t.type===n.type?(r=i(t,n.props,r),r.ref=mn(e,t,n),r.return=e,r):(r=Mt(n,e.mode,r),r.ref=mn(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=zt(n,e.mode,r),t.return=e,t):(t=i(t,n.children||[],r),t.return=e,t)}function f(e,t,n,r,o){return null===t||10!==t.tag?(t=At(n,e.mode,r,o),t.return=e,t):(t=i(t,n,r),t.return=e,t)}function d(e,t,n){if("string"===typeof t||"number"===typeof t)return t=Lt(""+t,e.mode,n),t.return=e,t;if("object"===typeof t&&null!==t){switch(t.$$typeof){case Wo:return n=Mt(t,e.mode,n),n.ref=mn(e,null,t),n.return=e,n;case Vo:return t=zt(t,e.mode,n),t.return=e,t}if(za(t)||ie(t))return t=At(t,e.mode,n,null),t.return=e,t;yn(e,t)}return null}function p(e,t,n,r){var o=null!==t?t.key:null;if("string"===typeof n||"number"===typeof n)return null!==o?null:u(e,t,""+n,r);if("object"===typeof n&&null!==n){switch(n.$$typeof){case Wo:return n.key===o?n.type===Ho?f(e,t,n.props.children,r,o):c(e,t,n,r):null;case Vo:return n.key===o?s(e,t,n,r):null}if(za(n)||ie(n))return null!==o?null:f(e,t,n,r,null);yn(e,n)}return null}function h(e,t,n,r,o){if("string"===typeof r||"number"===typeof r)return e=e.get(n)||null,u(t,e,""+r,o);if("object"===typeof r&&null!==r){switch(r.$$typeof){case Wo:return e=e.get(null===r.key?n:r.key)||null,r.type===Ho?f(t,e,r.props.children,o,r.key):c(t,e,r,o);case Vo:return e=e.get(null===r.key?n:r.key)||null,s(t,e,r,o)}if(za(r)||ie(r))return e=e.get(n)||null,f(t,e,r,o,null);yn(t,r)}return null}function m(r,i,l,u){for(var c=null,s=null,f=i,m=i=0,y=null;null!==f&&m<l.length;m++){f.index>m?(y=f,f=null):y=f.sibling;var g=p(r,f,l[m],u);if(null===g){null===f&&(f=y);break}e&&f&&null===g.alternate&&t(r,f),i=a(g,i,m),null===s?c=g:s.sibling=g,s=g,f=y}if(m===l.length)return n(r,f),c;if(null===f){for(;m<l.length;m++)(f=d(r,l[m],u))&&(i=a(f,i,m),null===s?c=f:s.sibling=f,s=f);return c}for(f=o(r,f);m<l.length;m++)(y=h(f,r,m,l[m],u))&&(e&&null!==y.alternate&&f.delete(null===y.key?m:y.key),i=a(y,i,m),null===s?c=y:s.sibling=y,s=y);return e&&f.forEach(function(e){return t(r,e)}),c}function y(i,l,u,c){var s=ie(u);"function"!==typeof s&&r("150"),null==(u=s.call(u))&&r("151");for(var f=s=null,m=l,y=l=0,g=null,v=u.next();null!==m&&!v.done;y++,v=u.next()){m.index>y?(g=m,m=null):g=m.sibling;var b=p(i,m,v.value,c);if(null===b){m||(m=g);break}e&&m&&null===b.alternate&&t(i,m),l=a(b,l,y),null===f?s=b:f.sibling=b,f=b,m=g}if(v.done)return n(i,m),s;if(null===m){for(;!v.done;y++,v=u.next())null!==(v=d(i,v.value,c))&&(l=a(v,l,y),null===f?s=v:f.sibling=v,f=v);return s}for(m=o(i,m);!v.done;y++,v=u.next())null!==(v=h(m,i,y,v.value,c))&&(e&&null!==v.alternate&&m.delete(null===v.key?y:v.key),l=a(v,l,y),null===f?s=v:f.sibling=v,f=v);return e&&m.forEach(function(e){return t(i,e)}),s}return function(e,o,a,u){var c="object"===typeof a&&null!==a&&a.type===Ho&&null===a.key;c&&(a=a.props.children);var s="object"===typeof a&&null!==a;if(s)switch(a.$$typeof){case Wo:e:{for(s=a.key,c=o;null!==c;){if(c.key===s){if(10===c.tag?a.type===Ho:c.type===a.type){n(e,c.sibling),o=i(c,a.type===Ho?a.props.children:a.props,u),o.ref=mn(e,c,a),o.return=e,e=o;break e}n(e,c);break}t(e,c),c=c.sibling}a.type===Ho?(o=At(a.props.children,e.mode,u,a.key),o.return=e,e=o):(u=Mt(a,e.mode,u),u.ref=mn(e,o,a),u.return=e,e=u)}return l(e);case Vo:e:{for(c=a.key;null!==o;){if(o.key===c){if(4===o.tag&&o.stateNode.containerInfo===a.containerInfo&&o.stateNode.implementation===a.implementation){n(e,o.sibling),o=i(o,a.children||[],u),o.return=e,e=o;break e}n(e,o);break}t(e,o),o=o.sibling}o=zt(a,e.mode,u),o.return=e,e=o}return l(e)}if("string"===typeof a||"number"===typeof a)return a=""+a,null!==o&&6===o.tag?(n(e,o.sibling),o=i(o,a,u),o.return=e,e=o):(n(e,o),o=Lt(a,e.mode,u),o.return=e,e=o),l(e);if(za(a))return m(e,o,a,u);if(ie(a))return y(e,o,a,u);if(s&&yn(e,a),"undefined"===typeof a&&!c)switch(e.tag){case 2:case 1:u=e.type,r("152",u.displayName||u.name||"Component")}return n(e,o)}}function vn(e,t){var n=new jt(5,null,null,0);n.type="DELETED",n.stateNode=t,n.return=e,n.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function bn(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);default:return!1}}function wn(e){if($a){var t=Ha;if(t){var n=t;if(!bn(e,t)){if(!(t=_t(n))||!bn(e,t))return e.effectTag|=2,$a=!1,void(Va=e);vn(Va,n)}Va=e,Ha=kt(t)}else e.effectTag|=2,$a=!1,Va=e}}function _n(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag;)e=e.return;Va=e}function kn(e){if(e!==Va)return!1;if(!$a)return _n(e),$a=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!wt(t,e.memoizedProps))for(t=Ha;t;)vn(e,t),t=_t(t);return _n(e),Ha=Va?_t(e.stateNode):null,!0}function xn(){Ha=Va=null,$a=!1}function En(e,t,n){Tn(e,t,n,t.expirationTime)}function Tn(e,t,n,r){t.child=null===e?Wa(t,null,n,r):Ba(t,e.child,n,r)}function Cn(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function Sn(e,t,n,r,o){Cn(e,t);var i=0!==(64&t.effectTag);if(!n&&!i)return r&&Dt(t,!1),Rn(e,t);n=t.stateNode,zo.current=t;var a=i?null:n.render();return t.effectTag|=1,i&&(Tn(e,t,null,o),t.child=null),Tn(e,t,a,o),t.memoizedState=n.state,t.memoizedProps=n.props,r&&Dt(t,!0),t.child}function Pn(e){var t=e.stateNode;t.pendingContext?Rt(e,t.pendingContext,t.pendingContext!==t.context):t.context&&Rt(e,t.context,!1),un(e,t.containerInfo)}function On(e,t,n,r){var o=e.child;for(null!==o&&(o.return=e);null!==o;){switch(o.tag){case 12:var i=0|o.stateNode;if(o.type===t&&0!==(i&n)){for(i=o;null!==i;){var a=i.alternate;if(0===i.expirationTime||i.expirationTime>r)i.expirationTime=r,null!==a&&(0===a.expirationTime||a.expirationTime>r)&&(a.expirationTime=r);else{if(null===a||!(0===a.expirationTime||a.expirationTime>r))break;a.expirationTime=r}i=i.return}i=null}else i=o.child;break;case 13:i=o.type===e.type?null:o.child;break;default:i=o.child}if(null!==i)i.return=o;else for(i=o;null!==i;){if(i===e){i=null;break}if(null!==(o=i.sibling)){o.return=i.return,i=o;break}i=i.return}o=i}}function Nn(e,t,n){var r=t.type._context,o=t.pendingProps,i=t.memoizedProps,a=!0;if(Sa.current)a=!1;else if(i===o)return t.stateNode=0,on(t),Rn(e,t);var l=o.value;if(t.memoizedProps=o,null===i)l=1073741823;else if(i.value===o.value){if(i.children===o.children&&a)return t.stateNode=0,on(t),Rn(e,t);l=0}else{var u=i.value;if(u===l&&(0!==u||1/u===1/l)||u!==u&&l!==l){if(i.children===o.children&&a)return t.stateNode=0,on(t),Rn(e,t);l=0}else if(l="function"===typeof r._calculateChangedBits?r._calculateChangedBits(u,l):1073741823,0===(l|=0)){if(i.children===o.children&&a)return t.stateNode=0,on(t),Rn(e,t)}else On(t,r,l,n)}return t.stateNode=l,on(t),En(e,t,o.children),t.child}function Rn(e,t){if(null!==e&&t.child!==e.child&&r("153"),null!==t.child){e=t.child;var n=Ft(e,e.pendingProps,e.expirationTime);for(t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,n=n.sibling=Ft(e,e.pendingProps,e.expirationTime),n.return=t;n.sibling=null}return t.child}function Un(e,t,n){if(0===t.expirationTime||t.expirationTime>n){switch(t.tag){case 3:Pn(t);break;case 2:It(t);break;case 4:un(t,t.stateNode.containerInfo);break;case 13:on(t)}return null}switch(t.tag){case 0:null!==e&&r("155");var o=t.type,i=t.pendingProps,a=Ct(t);return a=St(t,a),o=o(i,a),t.effectTag|=1,"object"===typeof o&&null!==o&&"function"===typeof o.render&&void 0===o.$$typeof?(a=t.type,t.tag=2,t.memoizedState=null!==o.state&&void 0!==o.state?o.state:null,a=a.getDerivedStateFromProps,"function"===typeof a&&fn(t,a,i),i=It(t),o.updater=La,t.stateNode=o,o._reactInternalFiber=t,hn(t,n),e=Sn(e,t,!0,i,n)):(t.tag=1,En(e,t,o),t.memoizedProps=i,e=t.child),e;case 1:return i=t.type,n=t.pendingProps,Sa.current||t.memoizedProps!==n?(o=Ct(t),o=St(t,o),i=i(n,o),t.effectTag|=1,En(e,t,i),t.memoizedProps=n,e=t.child):e=Rn(e,t),e;case 2:if(i=It(t),null===e)if(null===t.stateNode){var l=t.pendingProps,u=t.type;o=Ct(t);var c=2===t.tag&&null!=t.type.contextTypes;a=c?St(t,o):Wr,l=new u(l,a),t.memoizedState=null!==l.state&&void 0!==l.state?l.state:null,l.updater=La,t.stateNode=l,l._reactInternalFiber=t,c&&(c=t.stateNode,c.__reactInternalMemoizedUnmaskedChildContext=o,c.__reactInternalMemoizedMaskedChildContext=a),hn(t,n),o=!0}else{u=t.type,o=t.stateNode,c=t.memoizedProps,a=t.pendingProps,o.props=c;var s=o.context;l=Ct(t),l=St(t,l);var f=u.getDerivedStateFromProps;(u="function"===typeof f||"function"===typeof o.getSnapshotBeforeUpdate)||"function"!==typeof o.UNSAFE_componentWillReceiveProps&&"function"!==typeof o.componentWillReceiveProps||(c!==a||s!==l)&&pn(t,o,a,l),Ra=!1;var d=t.memoizedState;s=o.state=d;var p=t.updateQueue;null!==p&&(en(t,p,a,o,n),s=t.memoizedState),c!==a||d!==s||Sa.current||Ra?("function"===typeof f&&(fn(t,f,a),s=t.memoizedState),(c=Ra||dn(t,c,a,d,s,l))?(u||"function"!==typeof o.UNSAFE_componentWillMount&&"function"!==typeof o.componentWillMount||("function"===typeof o.componentWillMount&&o.componentWillMount(),"function"===typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount()),"function"===typeof o.componentDidMount&&(t.effectTag|=4)):("function"===typeof o.componentDidMount&&(t.effectTag|=4),t.memoizedProps=a,t.memoizedState=s),o.props=a,o.state=s,o.context=l,o=c):("function"===typeof o.componentDidMount&&(t.effectTag|=4),o=!1)}else u=t.type,o=t.stateNode,a=t.memoizedProps,c=t.pendingProps,o.props=a,s=o.context,l=Ct(t),l=St(t,l),f=u.getDerivedStateFromProps,(u="function"===typeof f||"function"===typeof o.getSnapshotBeforeUpdate)||"function"!==typeof o.UNSAFE_componentWillReceiveProps&&"function"!==typeof o.componentWillReceiveProps||(a!==c||s!==l)&&pn(t,o,c,l),Ra=!1,s=t.memoizedState,d=o.state=s,p=t.updateQueue,null!==p&&(en(t,p,c,o,n),d=t.memoizedState),a!==c||s!==d||Sa.current||Ra?("function"===typeof f&&(fn(t,f,c),d=t.memoizedState),(f=Ra||dn(t,a,c,s,d,l))?(u||"function"!==typeof o.UNSAFE_componentWillUpdate&&"function"!==typeof o.componentWillUpdate||("function"===typeof o.componentWillUpdate&&o.componentWillUpdate(c,d,l),"function"===typeof o.UNSAFE_componentWillUpdate&&o.UNSAFE_componentWillUpdate(c,d,l)),"function"===typeof o.componentDidUpdate&&(t.effectTag|=4),"function"===typeof o.getSnapshotBeforeUpdate&&(t.effectTag|=256)):("function"!==typeof o.componentDidUpdate||a===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=4),"function"!==typeof o.getSnapshotBeforeUpdate||a===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=256),t.memoizedProps=c,t.memoizedState=d),o.props=c,o.state=d,o.context=l,o=f):("function"!==typeof o.componentDidUpdate||a===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=4),"function"!==typeof o.getSnapshotBeforeUpdate||a===e.memoizedProps&&s===e.memoizedState||(t.effectTag|=256),o=!1);return Sn(e,t,o,i,n);case 3:return Pn(t),i=t.updateQueue,null!==i?(o=t.memoizedState,o=null!==o?o.element:null,en(t,i,t.pendingProps,null,n),(i=t.memoizedState.element)===o?(xn(),e=Rn(e,t)):(o=t.stateNode,(o=(null===e||null===e.child)&&o.hydrate)&&(Ha=kt(t.stateNode.containerInfo),Va=t,o=$a=!0),o?(t.effectTag|=2,t.child=Wa(t,null,i,n)):(xn(),En(e,t,i)),e=t.child)):(xn(),e=Rn(e,t)),e;case 5:return ln(Aa.current),i=ln(Fa.current),o=at(i,t.type),i!==o&&(Tt(Ma,t,t),Tt(Fa,o,t)),null===e&&wn(t),i=t.type,c=t.memoizedProps,o=t.pendingProps,a=null!==e?e.memoizedProps:null,Sa.current||c!==o||((c=1&t.mode&&!!o.hidden)&&(t.expirationTime=1073741823),c&&1073741823===n)?(c=o.children,wt(i,o)?c=null:a&&wt(i,a)&&(t.effectTag|=16),Cn(e,t),1073741823!==n&&1&t.mode&&o.hidden?(t.expirationTime=1073741823,t.memoizedProps=o,e=null):(En(e,t,c),t.memoizedProps=o,e=t.child)):e=Rn(e,t),e;case 6:return null===e&&wn(t),t.memoizedProps=t.pendingProps,null;case 16:return null;case 4:return un(t,t.stateNode.containerInfo),i=t.pendingProps,Sa.current||t.memoizedProps!==i?(null===e?t.child=Ba(t,null,i,n):En(e,t,i),t.memoizedProps=i,e=t.child):e=Rn(e,t),e;case 14:return i=t.type.render,n=t.pendingProps,o=t.ref,Sa.current||t.memoizedProps!==n||o!==(null!==e?e.ref:null)?(i=i(n,o),En(e,t,i),t.memoizedProps=n,e=t.child):e=Rn(e,t),e;case 10:return n=t.pendingProps,Sa.current||t.memoizedProps!==n?(En(e,t,n),t.memoizedProps=n,e=t.child):e=Rn(e,t),e;case 11:return n=t.pendingProps.children,Sa.current||null!==n&&t.memoizedProps!==n?(En(e,t,n),t.memoizedProps=n,e=t.child):e=Rn(e,t),e;case 15:return n=t.pendingProps,t.memoizedProps===n?e=Rn(e,t):(En(e,t,n.children),t.memoizedProps=n,e=t.child),e;case 13:return Nn(e,t,n);case 12:e:if(o=t.type,a=t.pendingProps,c=t.memoizedProps,i=o._currentValue,l=o._changedBits,Sa.current||0!==l||c!==a){if(t.memoizedProps=a,u=a.unstable_observedBits,void 0!==u&&null!==u||(u=1073741823),t.stateNode=u,0!==(l&u))On(t,o,l,n);else if(c===a){e=Rn(e,t);break e}n=a.children,n=n(i),t.effectTag|=1,En(e,t,n),e=t.child}else e=Rn(e,t);return e;default:r("156")}}function In(e){e.effectTag|=4}function Dn(e,t){var n=t.pendingProps;switch(t.tag){case 1:return null;case 2:return Ot(t),null;case 3:cn(t),Nt(t);var o=t.stateNode;return o.pendingContext&&(o.context=o.pendingContext,o.pendingContext=null),null!==e&&null!==e.child||(kn(t),t.effectTag&=-3),Ya(t),null;case 5:sn(t),o=ln(Aa.current);var i=t.type;if(null!==e&&null!=t.stateNode){var a=e.memoizedProps,l=t.stateNode,u=ln(Fa.current);l=mt(l,i,a,n,o),qa(e,t,l,i,a,n,o,u),e.ref!==t.ref&&(t.effectTag|=128)}else{if(!n)return null===t.stateNode&&r("166"),null;if(e=ln(Fa.current),kn(t))n=t.stateNode,i=t.type,a=t.memoizedProps,n[oo]=t,n[io]=a,o=gt(n,i,a,e,o),t.updateQueue=o,null!==o&&In(t);else{e=dt(i,n,o,e),e[oo]=t,e[io]=n;e:for(a=t.child;null!==a;){if(5===a.tag||6===a.tag)e.appendChild(a.stateNode);else if(4!==a.tag&&null!==a.child){a.child.return=a,a=a.child;continue}if(a===t)break;for(;null===a.sibling;){if(null===a.return||a.return===t)break e;a=a.return}a.sibling.return=a.return,a=a.sibling}ht(e,i,n,o),bt(i,n)&&In(t),t.stateNode=e}null!==t.ref&&(t.effectTag|=128)}return null;case 6:if(e&&null!=t.stateNode)Xa(e,t,e.memoizedProps,n);else{if("string"!==typeof n)return null===t.stateNode&&r("166"),null;o=ln(Aa.current),ln(Fa.current),kn(t)?(o=t.stateNode,n=t.memoizedProps,o[oo]=t,vt(o,n)&&In(t)):(o=pt(n,o),o[oo]=t,t.stateNode=o)}return null;case 14:case 16:case 10:case 11:case 15:return null;case 4:return cn(t),Ya(t),null;case 13:return an(t),null;case 12:return null;case 0:r("167");default:r("156")}}function jn(e,t){var n=t.source;null===t.stack&&null!==n&&le(n),null!==n&&ae(n),t=t.value,null!==e&&2===e.tag&&ae(e);try{t&&t.suppressReactErrorLogging||console.error(t)}catch(e){e&&e.suppressReactErrorLogging||console.error(e)}}function Fn(e){var t=e.ref;if(null!==t)if("function"===typeof t)try{t(null)}catch(t){Qn(e,t)}else t.current=null}function Mn(e){switch("function"===typeof $t&&$t(e),e.tag){case 2:Fn(e);var t=e.stateNode;if("function"===typeof t.componentWillUnmount)try{t.props=e.memoizedProps,t.state=e.memoizedState,t.componentWillUnmount()}catch(t){Qn(e,t)}break;case 5:Fn(e);break;case 4:zn(e)}}function An(e){return 5===e.tag||3===e.tag||4===e.tag}function Ln(e){e:{for(var t=e.return;null!==t;){if(An(t)){var n=t;break e}t=t.return}r("160"),n=void 0}var o=t=void 0;switch(n.tag){case 5:t=n.stateNode,o=!1;break;case 3:case 4:t=n.stateNode.containerInfo,o=!0;break;default:r("161")}16&n.effectTag&&(lt(t,""),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||An(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag;){if(2&n.effectTag)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.effectTag)){n=n.stateNode;break e}}for(var i=e;;){if(5===i.tag||6===i.tag)if(n)if(o){var a=t,l=i.stateNode,u=n;8===a.nodeType?a.parentNode.insertBefore(l,u):a.insertBefore(l,u)}else t.insertBefore(i.stateNode,n);else o?(a=t,l=i.stateNode,8===a.nodeType?a.parentNode.insertBefore(l,a):a.appendChild(l)):t.appendChild(i.stateNode);else if(4!==i.tag&&null!==i.child){i.child.return=i,i=i.child;continue}if(i===e)break;for(;null===i.sibling;){if(null===i.return||i.return===e)return;i=i.return}i.sibling.return=i.return,i=i.sibling}}function zn(e){for(var t=e,n=!1,o=void 0,i=void 0;;){if(!n){n=t.return;e:for(;;){switch(null===n&&r("160"),n.tag){case 5:o=n.stateNode,i=!1;break e;case 3:case 4:o=n.stateNode.containerInfo,i=!0;break e}n=n.return}n=!0}if(5===t.tag||6===t.tag){e:for(var a=t,l=a;;)if(Mn(l),null!==l.child&&4!==l.tag)l.child.return=l,l=l.child;else{if(l===a)break;for(;null===l.sibling;){if(null===l.return||l.return===a)break e;l=l.return}l.sibling.return=l.return,l=l.sibling}i?(a=o,l=t.stateNode,8===a.nodeType?a.parentNode.removeChild(l):a.removeChild(l)):o.removeChild(t.stateNode)}else if(4===t.tag?o=t.stateNode.containerInfo:Mn(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;t=t.return,4===t.tag&&(n=!1)}t.sibling.return=t.return,t=t.sibling}}function Bn(e,t){switch(t.tag){case 2:break;case 5:var n=t.stateNode;if(null!=n){var o=t.memoizedProps;e=null!==e?e.memoizedProps:o;var i=t.type,a=t.updateQueue;t.updateQueue=null,null!==a&&(n[io]=o,yt(n,a,i,e,o))}break;case 6:null===t.stateNode&&r("162"),t.stateNode.nodeValue=t.memoizedProps;break;case 3:case 15:case 16:break;default:r("163")}}function Wn(e,t,n){n=Xt(n),n.tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){hr(r),jn(e,t)},n}function Vn(e,t,n){n=Xt(n),n.tag=3;var r=e.stateNode;return null!==r&&"function"===typeof r.componentDidCatch&&(n.callback=function(){null===cl?cl=new Set([this]):cl.add(this);var n=t.value,r=t.stack;jn(e,t),this.componentDidCatch(n,{componentStack:null!==r?r:""})}),n}function Hn(e,t,n,r,o,i){n.effectTag|=512,n.firstEffect=n.lastEffect=null,r=rn(r,n),e=t;do{switch(e.tag){case 3:return e.effectTag|=1024,r=Wn(e,r,i),void Gt(e,r,i);case 2:if(t=r,n=e.stateNode,0===(64&e.effectTag)&&null!==n&&"function"===typeof n.componentDidCatch&&(null===cl||!cl.has(n)))return e.effectTag|=1024,r=Vn(e,t,i),void Gt(e,r,i)}e=e.return}while(null!==e)}function $n(e){switch(e.tag){case 2:Ot(e);var t=e.effectTag;return 1024&t?(e.effectTag=-1025&t|64,e):null;case 3:return cn(e),Nt(e),t=e.effectTag,1024&t?(e.effectTag=-1025&t|64,e):null;case 5:return sn(e),null;case 16:return t=e.effectTag,1024&t?(e.effectTag=-1025&t|64,e):null;case 4:return cn(e),null;case 13:return an(e),null;default:return null}}function Yn(){if(null!==tl)for(var e=tl.return;null!==e;){var t=e;switch(t.tag){case 2:Ot(t);break;case 3:cn(t),Nt(t);break;case 5:sn(t);break;case 4:cn(t);break;case 13:an(t)}e=e.return}nl=null,rl=0,ol=-1,il=!1,tl=null,ul=!1}function qn(e){for(;;){var t=e.alternate,n=e.return,r=e.sibling;if(0===(512&e.effectTag)){t=Dn(t,e,rl);var o=e;if(1073741823===rl||1073741823!==o.expirationTime){var i=0;switch(o.tag){case 3:case 2:var a=o.updateQueue;null!==a&&(i=a.expirationTime)}for(a=o.child;null!==a;)0!==a.expirationTime&&(0===i||i>a.expirationTime)&&(i=a.expirationTime),a=a.sibling;o.expirationTime=i}if(null!==t)return t;if(null!==n&&0===(512&n.effectTag)&&(null===n.firstEffect&&(n.firstEffect=e.firstEffect),null!==e.lastEffect&&(null!==n.lastEffect&&(n.lastEffect.nextEffect=e.firstEffect),n.lastEffect=e.lastEffect),1<e.effectTag&&(null!==n.lastEffect?n.lastEffect.nextEffect=e:n.firstEffect=e,n.lastEffect=e)),null!==r)return r;if(null===n){ul=!0;break}e=n}else{if(null!==(e=$n(e,il,rl)))return e.effectTag&=511,e;if(null!==n&&(n.firstEffect=n.lastEffect=null,n.effectTag|=512),null!==r)return r;if(null===n)break;e=n}}return null}function Xn(e){var t=Un(e.alternate,e,rl);return null===t&&(t=qn(e)),zo.current=null,t}function Kn(e,t,n){el&&r("243"),el=!0,t===rl&&e===nl&&null!==tl||(Yn(),nl=e,rl=t,ol=-1,tl=Ft(nl.current,null,rl),e.pendingCommitExpirationTime=0);var o=!1;for(il=!n||rl<=Qa;;){try{if(n)for(;null!==tl&&!pr();)tl=Xn(tl);else for(;null!==tl;)tl=Xn(tl)}catch(t){if(null===tl)o=!0,hr(t);else{null===tl&&r("271"),n=tl;var i=n.return;if(null===i){o=!0,hr(t);break}Hn(e,i,n,t,il,rl,Ga),tl=qn(n)}}break}if(el=!1,o)return null;if(null===tl){if(ul)return e.pendingCommitExpirationTime=t,e.current.alternate;il&&r("262"),0<=ol&&setTimeout(function(){var t=e.current.expirationTime;0!==t&&(0===e.remainingExpirationTime||e.remainingExpirationTime<t)&&or(e,t)},ol),mr(e.current.expirationTime)}return null}function Qn(e,t){var n;e:{for(el&&!ll&&r("263"),n=e.return;null!==n;){switch(n.tag){case 2:var o=n.stateNode;if("function"===typeof n.type.getDerivedStateFromCatch||"function"===typeof o.componentDidCatch&&(null===cl||!cl.has(o))){e=rn(t,e),e=Vn(n,e,1),Qt(n,e,1),Zn(n,1),n=void 0;break e}break;case 3:e=rn(t,e),e=Wn(n,e,1),Qt(n,e,1),Zn(n,1),n=void 0;break e}n=n.return}3===e.tag&&(n=rn(t,e),n=Wn(e,n,1),Qt(e,n,1),Zn(e,1)),n=void 0}return n}function Gn(){var e=2+25*(1+((er()-2+500)/25|0));return e<=Ja&&(e=Ja+1),Ja=e}function Jn(e,t){return e=0!==Za?Za:el?ll?1:rl:1&t.mode?El?2+10*(1+((e-2+15)/10|0)):2+25*(1+((e-2+500)/25|0)):1,El&&(0===gl||e>gl)&&(gl=e),e}function Zn(e,t){for(;null!==e;){if((0===e.expirationTime||e.expirationTime>t)&&(e.expirationTime=t),null!==e.alternate&&(0===e.alternate.expirationTime||e.alternate.expirationTime>t)&&(e.alternate.expirationTime=t),null===e.return){if(3!==e.tag)break;var n=e.stateNode;!el&&0!==rl&&t<rl&&Yn();var o=n.current.expirationTime;el&&!ll&&nl===n||or(n,o),Sl>Cl&&r("185")}e=e.return}}function er(){return Ga=_a()-Ka,Qa=2+(Ga/10|0)}function tr(e){var t=Za;Za=2+25*(1+((er()-2+500)/25|0));try{return e()}finally{Za=t}}function nr(e,t,n,r,o){var i=Za;Za=1;try{return e(t,n,r,o)}finally{Za=i}}function rr(e){if(0!==dl){if(e>dl)return;null!==pl&&xa(pl)}var t=_a()-Ka;dl=e,pl=ka(ar,{timeout:10*(e-2)-t})}function or(e,t){if(null===e.nextScheduledRoot)e.remainingExpirationTime=t,null===fl?(sl=fl=e,e.nextScheduledRoot=e):(fl=fl.nextScheduledRoot=e,fl.nextScheduledRoot=sl);else{var n=e.remainingExpirationTime;(0===n||t<n)&&(e.remainingExpirationTime=t)}hl||(kl?xl&&(ml=e,yl=1,fr(e,1,!1)):1===t?lr():rr(t))}function ir(){var e=0,t=null;if(null!==fl)for(var n=fl,o=sl;null!==o;){var i=o.remainingExpirationTime;if(0===i){if((null===n||null===fl)&&r("244"),o===o.nextScheduledRoot){sl=fl=o.nextScheduledRoot=null;break}if(o===sl)sl=i=o.nextScheduledRoot,fl.nextScheduledRoot=i,o.nextScheduledRoot=null;else{if(o===fl){fl=n,fl.nextScheduledRoot=sl,o.nextScheduledRoot=null;break}n.nextScheduledRoot=o.nextScheduledRoot,o.nextScheduledRoot=null}o=n.nextScheduledRoot}else{if((0===e||i<e)&&(e=i,t=o),o===fl)break;n=o,o=o.nextScheduledRoot}}n=ml,null!==n&&n===t&&1===e?Sl++:Sl=0,ml=t,yl=e}function ar(e){ur(0,!0,e)}function lr(){ur(1,!1,null)}function ur(e,t,n){if(_l=n,ir(),t)for(;null!==ml&&0!==yl&&(0===e||e>=yl)&&(!vl||er()>=yl);)er(),fr(ml,yl,!vl),ir();else for(;null!==ml&&0!==yl&&(0===e||e>=yl);)fr(ml,yl,!1),ir();null!==_l&&(dl=0,pl=null),0!==yl&&rr(yl),_l=null,vl=!1,sr()}function cr(e,t){hl&&r("253"),ml=e,yl=t,fr(e,t,!1),lr(),sr()}function sr(){if(Sl=0,null!==Tl){var e=Tl;Tl=null;for(var t=0;t<e.length;t++){var n=e[t];try{n._onComplete()}catch(e){bl||(bl=!0,wl=e)}}}if(bl)throw e=wl,wl=null,bl=!1,e}function fr(e,t,n){hl&&r("245"),hl=!0,n?(n=e.finishedWork,null!==n?dr(e,n,t):null!==(n=Kn(e,t,!0))&&(pr()?e.finishedWork=n:dr(e,n,t))):(n=e.finishedWork,null!==n?dr(e,n,t):null!==(n=Kn(e,t,!1))&&dr(e,n,t)),hl=!1}function dr(e,t,n){var o=e.firstBatch;if(null!==o&&o._expirationTime<=n&&(null===Tl?Tl=[o]:Tl.push(o),o._defer))return e.finishedWork=t,void(e.remainingExpirationTime=0);if(e.finishedWork=null,ll=el=!0,n=t.stateNode,n.current===t&&r("177"),o=n.pendingCommitExpirationTime,0===o&&r("261"),n.pendingCommitExpirationTime=0,er(),zo.current=null,1<t.effectTag)if(null!==t.lastEffect){t.lastEffect.nextEffect=t;var i=t.firstEffect}else i=t;else i=t.firstEffect;ba=Ri;var a=Lr();if(Ke(a)){if("selectionStart"in a)var l={start:a.selectionStart,end:a.selectionEnd};else e:{var u=window.getSelection&&window.getSelection();if(u&&0!==u.rangeCount){l=u.anchorNode;var c=u.anchorOffset,s=u.focusNode;u=u.focusOffset;try{l.nodeType,s.nodeType}catch(e){l=null;break e}var f=0,d=-1,p=-1,h=0,m=0,y=a,g=null;t:for(;;){for(var v;y!==l||0!==c&&3!==y.nodeType||(d=f+c),y!==s||0!==u&&3!==y.nodeType||(p=f+u),3===y.nodeType&&(f+=y.nodeValue.length),null!==(v=y.firstChild);)g=y,y=v;for(;;){if(y===a)break t;if(g===l&&++h===c&&(d=f),g===s&&++m===u&&(p=f),null!==(v=y.nextSibling))break;y=g,g=y.parentNode}y=v}l=-1===d||-1===p?null:{start:d,end:p}}else l=null}l=l||{start:0,end:0}}else l=null;for(wa={focusedElem:a,selectionRange:l},Be(!1),al=i;null!==al;){a=!1,l=void 0;try{for(;null!==al;){if(256&al.effectTag){var b=al.alternate;switch(c=al,c.tag){case 2:if(256&c.effectTag&&null!==b){var w=b.memoizedProps,_=b.memoizedState,k=c.stateNode;k.props=c.memoizedProps,k.state=c.memoizedState;var x=k.getSnapshotBeforeUpdate(w,_);k.__reactInternalSnapshotBeforeUpdate=x}break;case 3:case 5:case 6:case 4:break;default:r("163")}}al=al.nextEffect}}catch(e){a=!0,l=e}a&&(null===al&&r("178"),Qn(al,l),null!==al&&(al=al.nextEffect))}for(al=i;null!==al;){b=!1,w=void 0;try{for(;null!==al;){var E=al.effectTag;if(16&E&&lt(al.stateNode,""),128&E){var T=al.alternate;if(null!==T){var C=T.ref;null!==C&&("function"===typeof C?C(null):C.current=null)}}switch(14&E){case 2:Ln(al),al.effectTag&=-3;break;case 6:Ln(al),al.effectTag&=-3,Bn(al.alternate,al);break;case 4:Bn(al.alternate,al);break;case 8:_=al,zn(_),_.return=null,_.child=null,_.alternate&&(_.alternate.child=null,_.alternate.return=null)}al=al.nextEffect}}catch(e){b=!0,w=e}b&&(null===al&&r("178"),Qn(al,w),null!==al&&(al=al.nextEffect))}if(C=wa,T=Lr(),E=C.focusedElem,b=C.selectionRange,T!==E&&Br(document.documentElement,E)){null!==b&&Ke(E)&&(T=b.start,C=b.end,void 0===C&&(C=T),"selectionStart"in E?(E.selectionStart=T,E.selectionEnd=Math.min(C,E.value.length)):window.getSelection&&(T=window.getSelection(),w=E[I()].length,C=Math.min(b.start,w),b=void 0===b.end?C:Math.min(b.end,w),!T.extend&&C>b&&(w=b,b=C,C=w),w=Xe(E,C),_=Xe(E,b),w&&_&&(1!==T.rangeCount||T.anchorNode!==w.node||T.anchorOffset!==w.offset||T.focusNode!==_.node||T.focusOffset!==_.offset)&&(k=document.createRange(),k.setStart(w.node,w.offset),T.removeAllRanges(),C>b?(T.addRange(k),T.extend(_.node,_.offset)):(k.setEnd(_.node,_.offset),T.addRange(k))))),T=[];for(C=E;C=C.parentNode;)1===C.nodeType&&T.push({element:C,left:C.scrollLeft,top:C.scrollTop});for("function"===typeof E.focus&&E.focus(),E=0;E<T.length;E++)C=T[E],C.element.scrollLeft=C.left,C.element.scrollTop=C.top}for(wa=null,Be(ba),ba=null,n.current=t,al=i;null!==al;){i=!1,E=void 0;try{for(T=o;null!==al;){var S=al.effectTag;if(36&S){var P=al.alternate;switch(C=al,b=T,C.tag){case 2:var O=C.stateNode;if(4&C.effectTag)if(null===P)O.props=C.memoizedProps,O.state=C.memoizedState,O.componentDidMount();else{var N=P.memoizedProps,R=P.memoizedState;O.props=C.memoizedProps,O.state=C.memoizedState,O.componentDidUpdate(N,R,O.__reactInternalSnapshotBeforeUpdate)}var U=C.updateQueue;null!==U&&(O.props=C.memoizedProps,O.state=C.memoizedState,nn(C,U,O,b));break;case 3:var D=C.updateQueue;if(null!==D){if(w=null,null!==C.child)switch(C.child.tag){case 5:w=C.child.stateNode;break;case 2:w=C.child.stateNode}nn(C,D,w,b)}break;case 5:var j=C.stateNode;null===P&&4&C.effectTag&&bt(C.type,C.memoizedProps)&&j.focus();break;case 6:case 4:case 15:case 16:break;default:r("163")}}if(128&S){C=void 0;var F=al.ref;if(null!==F){var M=al.stateNode;switch(al.tag){case 5:C=M;break;default:C=M}"function"===typeof F?F(C):F.current=C}}var A=al.nextEffect;al.nextEffect=null,al=A}}catch(e){i=!0,E=e}i&&(null===al&&r("178"),Qn(al,E),null!==al&&(al=al.nextEffect))}el=ll=!1,"function"===typeof Ht&&Ht(t.stateNode),t=n.current.expirationTime,0===t&&(cl=null),e.remainingExpirationTime=t}function pr(){return!(null===_l||_l.timeRemaining()>Pl)&&(vl=!0)}function hr(e){null===ml&&r("246"),ml.remainingExpirationTime=0,bl||(bl=!0,wl=e)}function mr(e){null===ml&&r("246"),ml.remainingExpirationTime=e}function yr(e,t){var n=kl;kl=!0;try{return e(t)}finally{(kl=n)||hl||lr()}}function gr(e,t){if(kl&&!xl){xl=!0;try{return e(t)}finally{xl=!1}}return e(t)}function vr(e,t){hl&&r("187");var n=kl;kl=!0;try{return nr(e,t)}finally{kl=n,lr()}}function br(e,t,n){if(El)return e(t,n);kl||hl||0===gl||(ur(gl,!1,null),gl=0);var r=El,o=kl;kl=El=!0;try{return e(t,n)}finally{El=r,(kl=o)||hl||lr()}}function wr(e){var t=kl;kl=!0;try{nr(e)}finally{(kl=t)||hl||ur(1,!1,null)}}function _r(e,t,n,o,i){var a=t.current;if(n){n=n._reactInternalFiber;var l;e:{for(2===Ie(n)&&2===n.tag||r("170"),l=n;3!==l.tag;){if(Pt(l)){l=l.stateNode.__reactInternalMemoizedMergedChildContext;break e}(l=l.return)||r("171")}l=l.stateNode.context}n=Pt(n)?Ut(n,l):l}else n=Wr;return null===t.context?t.context=n:t.pendingContext=n,t=i,i=Xt(o),i.payload={element:e},t=void 0===t?null:t,null!==t&&(i.callback=t),Qt(a,i,o),Zn(a,o),o}function kr(e){var t=e._reactInternalFiber;return void 0===t&&("function"===typeof e.render?r("188"):r("268",Object.keys(e))),e=Fe(t),null===e?null:e.stateNode}function xr(e,t,n,r){var o=t.current;return o=Jn(er(),o),_r(e,t,n,o,r)}function Er(e){if(e=e.current,!e.child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function Tr(e){var t=e.findFiberByHostInstance;return Vt(Mr({},e,{findHostInstanceByFiber:function(e){return e=Fe(e),null===e?null:e.stateNode},findFiberByHostInstance:function(e){return t?t(e):null}}))}function Cr(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:Vo,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}function Sr(e){this._expirationTime=Gn(),this._root=e,this._callbacks=this._next=null,this._hasChildren=this._didComplete=!1,this._children=null,this._defer=!0}function Pr(){this._callbacks=null,this._didCommit=!1,this._onCommit=this._onCommit.bind(this)}function Or(e,t,n){this._internalRoot=Bt(e,t,n)}function Nr(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Rr(e,t){if(t||(t=e?9===e.nodeType?e.documentElement:e.firstChild:null,t=!(!t||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new Or(e,!1,t)}function Ur(e,t,n,o,i){Nr(n)||r("200");var a=n._reactRootContainer;if(a){if("function"===typeof i){var l=i;i=function(){var e=Er(a._internalRoot);l.call(e)}}null!=e?a.legacy_renderSubtreeIntoContainer(e,t,i):a.render(t,i)}else{if(a=n._reactRootContainer=Rr(n,o),"function"===typeof i){var u=i;i=function(){var e=Er(a._internalRoot);u.call(e)}}gr(function(){null!=e?a.legacy_renderSubtreeIntoContainer(e,t,i):a.render(t,i)})}return Er(a._internalRoot)}function Ir(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;return Nr(t)||r("200"),Cr(e,t,null,n)}var Dr=n(3),jr=n(0),Fr=n(17),Mr=n(1),Ar=n(5),Lr=n(18),zr=n(19),Br=n(20),Wr=n(4);jr||r("227");var Vr={_caughtError:null,_hasCaughtError:!1,_rethrowError:null,_hasRethrowError:!1,invokeGuardedCallback:function(e,t,n,r,i,a,l,u,c){o.apply(Vr,arguments)},invokeGuardedCallbackAndCatchFirstError:function(e,t,n,r,o,i,a,l,u){if(Vr.invokeGuardedCallback.apply(this,arguments),Vr.hasCaughtError()){var c=Vr.clearCaughtError();Vr._hasRethrowError||(Vr._hasRethrowError=!0,Vr._rethrowError=c)}},rethrowCaughtError:function(){return i.apply(Vr,arguments)},hasCaughtError:function(){return Vr._hasCaughtError},clearCaughtError:function(){if(Vr._hasCaughtError){var e=Vr._caughtError;return Vr._caughtError=null,Vr._hasCaughtError=!1,e}r("198")}},Hr=null,$r={},Yr=[],qr={},Xr={},Kr={},Qr={plugins:Yr,eventNameDispatchConfigs:qr,registrationNameModules:Xr,registrationNameDependencies:Kr,possibleRegistrationNames:null,injectEventPluginOrder:u,injectEventPluginsByName:c},Gr=null,Jr=null,Zr=null,eo=null,to={injectEventPluginOrder:u,injectEventPluginsByName:c},no={injection:to,getListener:y,runEventsInBatch:g,runExtractedEventsInBatch:v},ro=Math.random().toString(36).slice(2),oo="__reactInternalInstance$"+ro,io="__reactEventHandlers$"+ro,ao={precacheFiberNode:function(e,t){t[oo]=e},getClosestInstanceFromNode:b,getInstanceFromNode:function(e){return e=e[oo],!e||5!==e.tag&&6!==e.tag?null:e},getNodeFromInstance:w,getFiberCurrentPropsFromNode:_,updateFiberProps:function(e,t){e[io]=t}},lo={accumulateTwoPhaseDispatches:O,accumulateTwoPhaseDispatchesSkipTarget:function(e){d(e,C)},accumulateEnterLeaveDispatches:N,accumulateDirectDispatches:function(e){d(e,P)}},uo={animationend:R("Animation","AnimationEnd"),animationiteration:R("Animation","AnimationIteration"),animationstart:R("Animation","AnimationStart"),transitionend:R("Transition","TransitionEnd")},co={},so={};Fr.canUseDOM&&(so=document.createElement("div").style,"AnimationEvent"in window||(delete uo.animationend.animation,delete uo.animationiteration.animation,delete uo.animationstart.animation),"TransitionEvent"in window||delete uo.transitionend.transition);var fo=U("animationend"),po=U("animationiteration"),ho=U("animationstart"),mo=U("transitionend"),yo="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),go=null,vo={_root:null,_startText:null,_fallbackText:null},bo="dispatchConfig _targetInst nativeEvent isDefaultPrevented isPropagationStopped _dispatchListeners _dispatchInstances".split(" "),wo={type:null,target:null,currentTarget:Ar.thatReturnsNull,eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null};Mr(F.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!==typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=Ar.thatReturnsTrue)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!==typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=Ar.thatReturnsTrue)},persist:function(){this.isPersistent=Ar.thatReturnsTrue},isPersistent:Ar.thatReturnsFalse,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;for(t=0;t<bo.length;t++)this[bo[t]]=null}}),F.Interface=wo,F.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var o=new t;return Mr(o,n.prototype),n.prototype=o,n.prototype.constructor=n,n.Interface=Mr({},r.Interface,e),n.extend=r.extend,L(n),n},L(F);var _o=F.extend({data:null}),ko=F.extend({data:null}),xo=[9,13,27,32],Eo=Fr.canUseDOM&&"CompositionEvent"in window,To=null;Fr.canUseDOM&&"documentMode"in document&&(To=document.documentMode);var Co=Fr.canUseDOM&&"TextEvent"in window&&!To,So=Fr.canUseDOM&&(!Eo||To&&8<To&&11>=To),Po=String.fromCharCode(32),Oo={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(" ")}},No=!1,Ro=!1,Uo={eventTypes:Oo,extractEvents:function(e,t,n,r){var o=void 0,i=void 0;if(Eo)e:{switch(e){case"compositionstart":o=Oo.compositionStart;break e;case"compositionend":o=Oo.compositionEnd;break e;case"compositionupdate":o=Oo.compositionUpdate;break e}o=void 0}else Ro?z(e,n)&&(o=Oo.compositionEnd):"keydown"===e&&229===n.keyCode&&(o=Oo.compositionStart);return o?(So&&(Ro||o!==Oo.compositionStart?o===Oo.compositionEnd&&Ro&&(i=D()):(vo._root=r,vo._startText=j(),Ro=!0)),o=_o.getPooled(o,t,n,r),i?o.data=i:null!==(i=B(n))&&(o.data=i),O(o),i=o):i=null,(e=Co?W(e,n):V(e,n))?(t=ko.getPooled(Oo.beforeInput,t,n,r),t.data=e,O(t)):t=null,null===i?t:null===t?i:[i,t]}},Io=null,Do={injectFiberControlledHostComponent:function(e){Io=e}},jo=null,Fo=null,Mo={injection:Do,enqueueStateRestore:$,needsStateRestore:Y,restoreStateIfNeeded:q},Ao=!1,Lo={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},zo=jr.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,Bo="function"===typeof Symbol&&Symbol.for,Wo=Bo?Symbol.for("react.element"):60103,Vo=Bo?Symbol.for("react.portal"):60106,Ho=Bo?Symbol.for("react.fragment"):60107,$o=Bo?Symbol.for("react.strict_mode"):60108,Yo=Bo?Symbol.for("react.profiler"):60114,qo=Bo?Symbol.for("react.provider"):60109,Xo=Bo?Symbol.for("react.context"):60110,Ko=Bo?Symbol.for("react.async_mode"):60111,Qo=Bo?Symbol.for("react.forward_ref"):60112,Go=Bo?Symbol.for("react.timeout"):60113,Jo="function"===typeof Symbol&&Symbol.iterator,Zo=/^[: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]*$/,ei={},ti={},ni={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){ni[e]=new fe(e,0,!1,e,null)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];ni[t]=new fe(t,1,!1,e[1],null)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){ni[e]=new fe(e,2,!1,e.toLowerCase(),null)}),["autoReverse","externalResourcesRequired","preserveAlpha"].forEach(function(e){ni[e]=new fe(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){ni[e]=new fe(e,3,!1,e.toLowerCase(),null)}),["checked","multiple","muted","selected"].forEach(function(e){ni[e]=new fe(e,3,!0,e.toLowerCase(),null)}),["capture","download"].forEach(function(e){ni[e]=new fe(e,4,!1,e.toLowerCase(),null)}),["cols","rows","size","span"].forEach(function(e){ni[e]=new fe(e,6,!1,e.toLowerCase(),null)}),["rowSpan","start"].forEach(function(e){ni[e]=new fe(e,5,!1,e.toLowerCase(),null)});var ri=/[\-:]([a-z])/g;"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(ri,de);ni[t]=new fe(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(ri,de);ni[t]=new fe(t,1,!1,e,"http://www.w3.org/1999/xlink")}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(ri,de);ni[t]=new fe(t,1,!1,e,"http://www.w3.org/XML/1998/namespace")}),ni.tabIndex=new fe("tabIndex",1,!1,"tabindex",null);var oi={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}},ii=null,ai=null,li=!1;Fr.canUseDOM&&(li=ee("input")&&(!document.documentMode||9<document.documentMode));var ui={eventTypes:oi,_isInputEventSupported:li,extractEvents:function(e,t,n,r){var o=t?w(t):window,i=void 0,a=void 0,l=o.nodeName&&o.nodeName.toLowerCase();if("select"===l||"input"===l&&"file"===o.type?i=Ee:J(o)?li?i=Ne:(i=Pe,a=Se):(l=o.nodeName)&&"input"===l.toLowerCase()&&("checkbox"===o.type||"radio"===o.type)&&(i=Oe),i&&(i=i(e,t)))return _e(i,n,r);a&&a(e,o,t),"blur"===e&&(e=o._wrapperState)&&e.controlled&&"number"===o.type&&be(o,"number",o.value)}},ci=F.extend({view:null,detail:null}),si={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"},fi=ci.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Ue,button:null,buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)}}),di=fi.extend({pointerId:null,width:null,height:null,pressure:null,tiltX:null,tiltY:null,pointerType:null,isPrimary:null}),pi={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",dependencies:["pointerout","pointerover"]}},hi={eventTypes:pi,extractEvents:function(e,t,n,r){var o="mouseover"===e||"pointerover"===e,i="mouseout"===e||"pointerout"===e;if(o&&(n.relatedTarget||n.fromElement)||!i&&!o)return null;if(o=r.window===r?r:(o=r.ownerDocument)?o.defaultView||o.parentWindow:window,i?(i=t,t=(t=n.relatedTarget||n.toElement)?b(t):null):i=null,i===t)return null;var a=void 0,l=void 0,u=void 0,c=void 0;return"mouseout"===e||"mouseover"===e?(a=fi,l=pi.mouseLeave,u=pi.mouseEnter,c="mouse"):"pointerout"!==e&&"pointerover"!==e||(a=di,l=pi.pointerLeave,u=pi.pointerEnter,c="pointer"),e=null==i?o:w(i),o=null==t?o:w(t),l=a.getPooled(l,i,n,r),l.type=c+"leave",l.target=e,l.relatedTarget=o,n=a.getPooled(u,t,n,r),n.type=c+"enter",n.target=o,n.relatedTarget=e,N(l,n,i,t),[l,n]}},mi=F.extend({animationName:null,elapsedTime:null,pseudoElement:null}),yi=F.extend({clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),gi=ci.extend({relatedTarget:null}),vi={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},bi={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"},wi=ci.extend({key:function(e){if(e.key){var t=vi[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?(e=Ae(e),13===e?"Enter":String.fromCharCode(e)):"keydown"===e.type||"keyup"===e.type?bi[e.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Ue,charCode:function(e){return"keypress"===e.type?Ae(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?Ae(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),_i=fi.extend({dataTransfer:null}),ki=ci.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Ue}),xi=F.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),Ei=fi.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}),Ti=[["abort","abort"],[fo,"animationEnd"],[po,"animationIteration"],[ho,"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"],[mo,"transitionEnd"],["waiting","waiting"],["wheel","wheel"]],Ci={},Si={};[["blur","blur"],["cancel","cancel"],["click","click"],["close","close"],["contextmenu","contextMenu"],["copy","copy"],["cut","cut"],["dblclick","doubleClick"],["dragend","dragEnd"],["dragstart","dragStart"],["drop","drop"],["focus","focus"],["input","input"],["invalid","invalid"],["keydown","keyDown"],["keypress","keyPress"],["keyup","keyUp"],["mousedown","mouseDown"],["mouseup","mouseUp"],["paste","paste"],["pause","pause"],["play","play"],["pointercancel","pointerCancel"],["pointerdown","pointerDown"],["pointerup","pointerUp"],["ratechange","rateChange"],["reset","reset"],["seeked","seeked"],["submit","submit"],["touchcancel","touchCancel"],["touchend","touchEnd"],["touchstart","touchStart"],["volumechange","volumeChange"]].forEach(function(e){Le(e,!0)}),Ti.forEach(function(e){Le(e,!1)});var Pi={eventTypes:Ci,isInteractiveTopLevelEventType:function(e){return void 0!==(e=Si[e])&&!0===e.isInteractive},extractEvents:function(e,t,n,r){var o=Si[e];if(!o)return null;switch(e){case"keypress":if(0===Ae(n))return null;case"keydown":case"keyup":e=wi;break;case"blur":case"focus":e=gi;break;case"click":if(2===n.button)return null;case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":e=fi;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":e=_i;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":e=ki;break;case fo:case po:case ho:e=mi;break;case mo:e=xi;break;case"scroll":e=ci;break;case"wheel":e=Ei;break;case"copy":case"cut":case"paste":e=yi;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":e=di;break;default:e=F}return t=e.getPooled(o,t,n,r),O(t),t}},Oi=Pi.isInteractiveTopLevelEventType,Ni=[],Ri=!0,Ui={get _enabled(){return Ri},setEnabled:Be,isEnabled:function(){return Ri},trapBubbledEvent:We,trapCapturedEvent:Ve,dispatchEvent:$e},Ii={},Di=0,ji="_reactListenersID"+(""+Math.random()).slice(2),Fi=Fr.canUseDOM&&"documentMode"in document&&11>=document.documentMode,Mi={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Ai=null,Li=null,zi=null,Bi=!1,Wi={eventTypes:Mi,extractEvents:function(e,t,n,r){var o,i=r.window===r?r.document:9===r.nodeType?r:r.ownerDocument;if(!(o=!i)){e:{i=Ye(i),o=Kr.onSelect;for(var a=0;a<o.length;a++){var l=o[a];if(!i.hasOwnProperty(l)||!i[l]){i=!1;break e}}i=!0}o=!i}if(o)return null;switch(i=t?w(t):window,e){case"focus":(J(i)||"true"===i.contentEditable)&&(Ai=i,Li=t,zi=null);break;case"blur":zi=Li=Ai=null;break;case"mousedown":Bi=!0;break;case"contextmenu":case"mouseup":return Bi=!1,Qe(n,r);case"selectionchange":if(Fi)break;case"keydown":case"keyup":return Qe(n,r)}return null}};to.injectEventPluginOrder("ResponderEventPlugin SimpleEventPlugin TapEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),Gr=ao.getFiberCurrentPropsFromNode,Jr=ao.getInstanceFromNode,Zr=ao.getNodeFromInstance,to.injectEventPluginsByName({SimpleEventPlugin:Pi,EnterLeaveEventPlugin:hi,ChangeEventPlugin:ui,SelectEventPlugin:Wi,BeforeInputEventPlugin:Uo});var Vi="function"===typeof requestAnimationFrame?requestAnimationFrame:void 0,Hi=Date,$i=setTimeout,Yi=clearTimeout,qi=void 0;if("object"===typeof performance&&"function"===typeof performance.now){var Xi=performance;qi=function(){return Xi.now()}}else qi=function(){return Hi.now()};var Ki=void 0,Qi=void 0;if(Fr.canUseDOM){var Gi="function"===typeof Vi?Vi:function(){r("276")},Ji=null,Zi=null,ea=-1,ta=!1,na=!1,ra=0,oa=33,ia=33,aa={didTimeout:!1,timeRemaining:function(){var e=ra-qi();return 0<e?e:0}},la=function(e,t){var n=e.scheduledCallback,r=!1;try{n(t),r=!0}finally{Qi(e),r||(ta=!0,window.postMessage(ua,"*"))}},ua="__reactIdleCallback$"+Math.random().toString(36).slice(2);window.addEventListener("message",function(e){if(e.source===window&&e.data===ua&&(ta=!1,null!==Ji)){if(null!==Ji){var t=qi();if(!(-1===ea||ea>t)){e=-1;for(var n=[],r=Ji;null!==r;){var o=r.timeoutTime;-1!==o&&o<=t?n.push(r):-1!==o&&(-1===e||o<e)&&(e=o),r=r.next}if(0<n.length)for(aa.didTimeout=!0,t=0,r=n.length;t<r;t++)la(n[t],aa);ea=e}}for(e=qi();0<ra-e&&null!==Ji;)e=Ji,aa.didTimeout=!1,la(e,aa),e=qi();null===Ji||na||(na=!0,Gi(ca))}},!1);var ca=function(e){na=!1;var t=e-ra+ia;t<ia&&oa<ia?(8>t&&(t=8),ia=t<oa?oa:t):oa=t,ra=e+ia,ta||(ta=!0,window.postMessage(ua,"*"))};Ki=function(e,t){var n=-1;return null!=t&&"number"===typeof t.timeout&&(n=qi()+t.timeout),(-1===ea||-1!==n&&n<ea)&&(ea=n),e={scheduledCallback:e,timeoutTime:n,prev:null,next:null},null===Ji?Ji=e:null!==(t=e.prev=Zi)&&(t.next=e),Zi=e,na||(na=!0,Gi(ca)),e},Qi=function(e){if(null!==e.prev||Ji===e){var t=e.next,n=e.prev;e.next=null,e.prev=null,null!==t?null!==n?(n.next=t,t.prev=n):(t.prev=null,Ji=t):null!==n?(n.next=null,Zi=n):Zi=Ji=null}}}else{var sa=new Map;Ki=function(e){var t={scheduledCallback:e,timeoutTime:0,next:null,prev:null},n=$i(function(){e({timeRemaining:function(){return 1/0},didTimeout:!1})});return sa.set(e,n),t},Qi=function(e){var t=sa.get(e.scheduledCallback);sa.delete(e),Yi(t)}}var fa={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"},da=void 0,pa=function(e){return"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,n,r,o){MSApp.execUnsafeLocalFunction(function(){return e(t,n)})}:e}(function(e,t){if(e.namespaceURI!==fa.svg||"innerHTML"in e)e.innerHTML=t;else{for(da=da||document.createElement("div"),da.innerHTML="<svg>"+t+"</svg>",t=da.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}}),ha={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},ma=["Webkit","ms","Moz","O"];Object.keys(ha).forEach(function(e){ma.forEach(function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),ha[t]=ha[e]})});var ya=Mr({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}),ga=Ar.thatReturns(""),va={createElement:dt,createTextNode:pt,setInitialProperties:ht,diffProperties:mt,updateProperties:yt,diffHydratedProperties:gt,diffHydratedText:vt,warnForUnmatchedText:function(){},warnForDeletedHydratableElement:function(){},warnForDeletedHydratableText:function(){},warnForInsertedHydratedElement:function(){},warnForInsertedHydratedText:function(){},restoreControlledState:function(e,t,n){switch(t){case"input":if(ge(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 o=n[t];if(o!==e&&o.form===e.form){var i=_(o);i||r("90"),oe(o),ge(o,i)}}}break;case"textarea":rt(e,n);break;case"select":null!=(t=n.value)&&Ze(e,!!n.multiple,t,!1)}}},ba=null,wa=null,_a=qi,ka=Ki,xa=Qi;new Set;var Ea=[],Ta=-1,Ca=xt(Wr),Sa=xt(!1),Pa=Wr,Oa=null,Na=null,Ra=!1,Ua=xt(null),Ia=xt(null),Da=xt(0),ja={},Fa=xt(ja),Ma=xt(ja),Aa=xt(ja),La={isMounted:function(e){return!!(e=e._reactInternalFiber)&&2===Ie(e)},enqueueSetState:function(e,t,n){e=e._reactInternalFiber;var r=er();r=Jn(r,e);var o=Xt(r);o.payload=t,void 0!==n&&null!==n&&(o.callback=n),Qt(e,o,r),Zn(e,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternalFiber;var r=er();r=Jn(r,e);var o=Xt(r);o.tag=1,o.payload=t,void 0!==n&&null!==n&&(o.callback=n),Qt(e,o,r),Zn(e,r)},enqueueForceUpdate:function(e,t){e=e._reactInternalFiber;var n=er();n=Jn(n,e);var r=Xt(n);r.tag=2,void 0!==t&&null!==t&&(r.callback=t),Qt(e,r,n),Zn(e,n)}},za=Array.isArray,Ba=gn(!0),Wa=gn(!1),Va=null,Ha=null,$a=!1,Ya=void 0,qa=void 0,Xa=void 0;Ya=function(){},qa=function(e,t,n){(t.updateQueue=n)&&In(t)},Xa=function(e,t,n,r){n!==r&&In(t)};var Ka=_a(),Qa=2,Ga=Ka,Ja=0,Za=0,el=!1,tl=null,nl=null,rl=0,ol=-1,il=!1,al=null,ll=!1,ul=!1,cl=null,sl=null,fl=null,dl=0,pl=void 0,hl=!1,ml=null,yl=0,gl=0,vl=!1,bl=!1,wl=null,_l=null,kl=!1,xl=!1,El=!1,Tl=null,Cl=1e3,Sl=0,Pl=1,Ol={updateContainerAtExpirationTime:_r,createContainer:function(e,t,n){return Bt(e,t,n)},updateContainer:xr,flushRoot:cr,requestWork:or,computeUniqueAsyncExpiration:Gn,batchedUpdates:yr,unbatchedUpdates:gr,deferredUpdates:tr,syncUpdates:nr,interactiveUpdates:br,flushInteractiveUpdates:function(){hl||0===gl||(ur(gl,!1,null),gl=0)},flushControlled:wr,flushSync:vr,getPublicRootInstance:Er,findHostInstance:kr,findHostInstanceWithNoPortals:function(e){return e=Me(e),null===e?null:e.stateNode},injectIntoDevTools:Tr};Do.injectFiberControlledHostComponent(va),Sr.prototype.render=function(e){this._defer||r("250"),this._hasChildren=!0,this._children=e;var t=this._root._internalRoot,n=this._expirationTime,o=new Pr;return _r(e,t,null,n,o._onCommit),o},Sr.prototype.then=function(e){if(this._didComplete)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},Sr.prototype.commit=function(){var e=this._root._internalRoot,t=e.firstBatch;if(this._defer&&null!==t||r("251"),this._hasChildren){var n=this._expirationTime;if(t!==this){this._hasChildren&&(n=this._expirationTime=t._expirationTime,this.render(this._children));for(var o=null,i=t;i!==this;)o=i,i=i._next;null===o&&r("251"),o._next=i._next,this._next=t,e.firstBatch=this}this._defer=!1,cr(e,n),t=this._next,this._next=null,t=e.firstBatch=t,null!==t&&t._hasChildren&&t.render(t._children)}else this._next=null,this._defer=!1},Sr.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])()}},Pr.prototype.then=function(e){if(this._didCommit)e();else{var t=this._callbacks;null===t&&(t=this._callbacks=[]),t.push(e)}},Pr.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&&r("191",n),n()}}},Or.prototype.render=function(e,t){var n=this._internalRoot,r=new Pr;return t=void 0===t?null:t,null!==t&&r.then(t),xr(e,n,null,r._onCommit),r},Or.prototype.unmount=function(e){var t=this._internalRoot,n=new Pr;return e=void 0===e?null:e,null!==e&&n.then(e),xr(null,t,null,n._onCommit),n},Or.prototype.legacy_renderSubtreeIntoContainer=function(e,t,n){var r=this._internalRoot,o=new Pr;return n=void 0===n?null:n,null!==n&&o.then(n),xr(t,r,e,o._onCommit),o},Or.prototype.createBatch=function(){var e=new Sr(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},X=Ol.batchedUpdates,K=Ol.interactiveUpdates,Q=Ol.flushInteractiveUpdates;var Nl={createPortal:Ir,findDOMNode:function(e){return null==e?null:1===e.nodeType?e:kr(e)},hydrate:function(e,t,n){return Ur(null,e,t,!0,n)},render:function(e,t,n){return Ur(null,e,t,!1,n)},unstable_renderSubtreeIntoContainer:function(e,t,n,o){return(null==e||void 0===e._reactInternalFiber)&&r("38"),Ur(e,t,n,!1,o)},unmountComponentAtNode:function(e){return Nr(e)||r("40"),!!e._reactRootContainer&&(gr(function(){Ur(null,null,e,!1,function(){e._reactRootContainer=null})}),!0)},unstable_createPortal:function(){return Ir.apply(void 0,arguments)},unstable_batchedUpdates:yr,unstable_deferredUpdates:tr,unstable_interactiveUpdates:br,flushSync:vr,unstable_flushControlled:wr,__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED:{EventPluginHub:no,EventPluginRegistry:Qr,EventPropagators:lo,ReactControlledComponent:Mo,ReactDOMComponentTree:ao,ReactDOMEventListener:Ui},unstable_createRoot:function(e,t){return new Or(e,!0,null!=t&&!0===t.hydrate)}};Tr({findFiberByHostInstance:b,bundleType:0,version:"16.4.1",rendererPackageName:"react-dom"});var Rl={default:Nl},Ul=Rl&&Nl||Rl;e.exports=Ul.default?Ul.default:Ul},function(e,t,n){"use strict";var r=!("undefined"===typeof window||!window.document||!window.document.createElement),o={canUseDOM:r,canUseWorkers:"undefined"!==typeof Worker,canUseEventListeners:r&&!(!window.addEventListener&&!window.attachEvent),canUseViewport:r&&!!window.screen,isInWorker:!r};e.exports=o},function(e,t,n){"use strict";function r(e){if("undefined"===typeof(e=e||("undefined"!==typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}e.exports=r},function(e,t,n){"use strict";function r(e,t){return e===t?0!==e||0!==t||1/e===1/t:e!==e&&t!==t}function o(e,t){if(r(e,t))return!0;if("object"!==typeof e||null===e||"object"!==typeof t||null===t)return!1;var n=Object.keys(e),o=Object.keys(t);if(n.length!==o.length)return!1;for(var a=0;a<n.length;a++)if(!i.call(t,n[a])||!r(e[n[a]],t[n[a]]))return!1;return!0}var i=Object.prototype.hasOwnProperty;e.exports=o},function(e,t,n){"use strict";function r(e,t){return!(!e||!t)&&(e===t||!o(e)&&(o(t)?r(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}var o=n(21);e.exports=r},function(e,t,n){"use strict";function r(e){return o(e)&&3==e.nodeType}var o=n(22);e.exports=r},function(e,t,n){"use strict";function r(e){var t=e?e.ownerDocument||e:document,n=t.defaultView||window;return!(!e||!("function"===typeof n.Node?e instanceof n.Node:"object"===typeof e&&"number"===typeof e.nodeType&&"string"===typeof e.nodeName))}e.exports=r},function(e,t){},function(e,t,n){"use strict";function r(){if("serviceWorker"in navigator){if(new URL("",window.location).origin!==window.location.origin)return;window.addEventListener("load",function(){var e="/service-worker.js";a?(i(e),navigator.serviceWorker.ready.then(function(){console.log("This web app is being served cache-first by a service worker. To learn more, visit https://goo.gl/SC7cgQ")})):o(e)})}}function o(e){navigator.serviceWorker.register(e).then(function(e){e.onupdatefound=function(){var t=e.installing;t.onstatechange=function(){"installed"===t.state&&(navigator.serviceWorker.controller?console.log("New content is available; please refresh."):console.log("Content is cached for offline use."))}}}).catch(function(e){console.error("Error during service worker registration:",e)})}function i(e){fetch(e).then(function(t){404===t.status||-1===t.headers.get("content-type").indexOf("javascript")?navigator.serviceWorker.ready.then(function(e){e.unregister().then(function(){window.location.reload()})}):o(e)}).catch(function(){console.log("No internet connection found. App is running in offline mode.")})}t.a=r;var a=Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/))},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(0),l=n.n(a),u=n(26),c=n(32),s=n.n(c),f=function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}(),d=function(e){var t=parseInt(e,10);return e-t>.5?t+1:t},p=function(e,t,n){return Math.max(t,Math.min(e,n))},h=function(e){function t(e){r(this,t);var n=o(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e));n.dragging=function(e,t,r,o){n.currentX=t,n.currentY=r;var i=n.props.horizontal?t:r,a=d(i/n.getGap(e.o)),l=n.state.order.length-1,u=n.state.order.map(function(t){return a===t.o?Object.assign({},t,{o:e.o}):e.o===t.o?Object.assign({},t,{o:p(a,0,l)}):t});if(console.log(i),n.container.scrollTop+300-r<100&&-1===n.timer){var c=n.container.scrollTop,s=o.clientY/80;n.timer=setInterval(function(){var t=n.state.order.length-1;if(!(n.state.currentOrder>=t)){var r=n.currentY+n.container.scrollTop-c;n.manager[e.name].autoMove(n.currentX,r),n.container.scrollTop+=s;var o=d(r/n.getGap(e.o)),i=n.state.order.map(function(n){return e.name===n.name?Object.assign({},n,{o:o}):e.name!==n.name&&o===n.o?Object.assign({},n,{o:p(o-1,0,t)}):n});n.setState({currentOrder:o,order:i,autoScrolling:!0}),r-n.container.scrollTop<150&&n.state.autoScrolling&&(clearInterval(n.timer),n.timer=-1,n.setState({autoScrolling:!1}))}},5)}n.state.autoScrolling||n.setState({currentOrder:e.o,order:u})},n.dragEnd=function(){clearInterval(n.timer),n.timer=-1,n.setState({currentOrder:-1,autoScrolling:!1})},n.getGap=function(){return n.props.gap};var i=e.data;return n.state={order:i,currentOrder:-1,autoScrolling:!1},n.manager={},n.timer=-1,n.currentX=0,n.currentY=0,n}return i(t,e),f(t,[{key:"shouldComponentUpdate",value:function(e,t){return!s()(this.props,e)||!s()(t,this.state)}},{key:"render",value:function(){var e=this;return l.a.createElement("div",{ref:function(t){return e.container=t},style:{height:300,overflow:"scroll"}},l.a.createElement("div",{style:{position:"relative",height:2e3}},this.state.order.map(function(t){var n=t.o*e.getGap(t.o);return l.a.createElement(u.a,{ref:function(n){return e.manager[t.name]=n},parent:function(){return e.container},onDragMove:function(n,r,o){return e.dragging(t,r,o,n)},key:t.name,x:e.props.horizontal?n:0,controlled:e.state.currentOrder!==t.o,y:e.props.horizontal?0:n,onDragEnd:e.dragEnd},function(n){var r=n.style,o=n.handle;n.dragging;return l.a.createElement("div",{style:Object.assign({},r,{position:"absolute",transition:e.state.currentOrder===t.o?"":"all 0.3s"})},e.props.renderItem(o,t))})})))}}]),t}(l.a.Component);h.defaultProps={gap:80,horizontal:!1,renderItem:function(){return null}},t.a=h},function(e,t,n){"use strict";function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}function i(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}var a=n(0),l=n.n(a),u=n(27),c=n.n(u),s=n(30),f=n(31),d=(n.n(f),function(){function e(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}return function(t,n,r){return n&&e(t.prototype,n),r&&e(t,r),t}}()),p=document,h=function(e,t){},m=function(e){function t(){var e,n,i,a;r(this,t);for(var l=arguments.length,u=Array(l),c=0;c<l;c++)u[c]=arguments[c];return n=i=o(this,(e=t.__proto__||Object.getPrototypeOf(t)).call.apply(e,[this].concat(u))),i.state={x:0,y:0,originX:0,originY:0,lastX:0,lastY:0,dragging:!1,mouseInTarget:0},i.getParent=function(e){i.parent=e},i.autoMove=function(e,t){i.setState({x:e,y:t})},i.move=function(e){p.body.style.userSelect="none";var t=i.state,n=t.lastX,r=t.lastY,o=e.clientX-i.state.originX+n,a=e.clientY-i.state.originY+r;"touchmove"===e.type&&(o=e.touches[0].clientX-i.state.originX+n,a=e.touches[0].clientY-i.state.originY+r);var l=i.props.grid;Array.isArray(l)&&2===l.length&&(o=Math.round(o/l[0])*l[0],a=Math.round(a/l[1])*l[1]);var u=i.props.bounds;if(u){var c=!0===u?u:Object(s.g)(u);i.parent&&(c={left:Object(s.c)(i.parent.style.paddingLeft)+Object(s.c)(i.self.style.marginLeft)-i.self.offsetLeft,top:Object(s.c)(i.parent.style.paddingTop)+Object(s.c)(i.self.style.marginTop)-i.self.offsetTop,right:Object(s.b)(i.parent)-Object(s.f)(i.self)-i.self.offsetLeft+Object(s.c)(i.self.style.borderRight)-Object(s.c)(i.parent.style.paddingRight)-Object(s.c)(i.self.style.marginRight)-Object(s.c)(i.parent.style.borderRight),bottom:Object(s.a)(i.parent)-Object(s.e)(i.self)-i.self.offsetTop+Object(s.c)(i.parent.style.paddingBottom)-Object(s.c)(i.self.style.marginBottom)}),Object(s.d)(c.right)&&(o=Math.min(o,c.right)),Object(s.d)(c.bottom)&&(a=Math.min(a,c.bottom)),Object(s.d)(c.left)&&(o=Math.max(o,c.left)),Object(s.d)(c.top)&&(a=Math.max(a,c.top))}o=i.props.allowX?o:0,a=i.props.allowY?a:0,i.props.onDragMove&&i.props.onDragMove(e,o,a),i.props.onDragging(i.state.x,i.state.y);var f=e.clientY+i.props.parent().scrollTop-i.props.parent().getBoundingClientRect().top;i.setState({x:o,y:f-i.state.mouseInTarget})},i.onDragStart=function(e){if(!0!==i.props.static){p.addEventListener("mousemove",i.move),p.addEventListener("mouseup",i.onDragEnd),p.addEventListener("touchmove",i.move),p.addEventListener("touchend",i.onDragEnd),i.parent&&(i.self=e.currentTarget),i.props.onDragStart&&i.props.onDragStart(e,i.state.x,i.state.y),i.props.onDragging(i.state.x,i.state.y);var t=e.clientX,n=e.clientY;"touchstart"===e.type&&(t=e.touches[0].clientX,n=e.touches[0].clientY),i.setState({originX:t,originY:n,lastX:i.state.x,lastY:i.state.y,dragging:!0,mouseInTarget:e.clientY-e.target.getBoundingClientRect().top})}},i.setLastXandLastY=function(e,t,n,r){i.setState({lastX:e,lastY:t,originY:r})},i.onDragEnd=function(e){p.body.style.userSelect="",i.self=null,p.removeEventListener("mousemove",i.move),p.removeEventListener("mouseup",i.onDragEnd),p.removeEventListener("touchmove",i.move),p.removeEventListener("touchend",i.onDragEnd),i.props.onDragging(i.props.x,i.props.y),i.setState({dragging:!1},function(){i.props.onDragEnd&&i.props.onDragEnd(e)})},a=n,o(i,a)}return i(t,e),d(t,[{key:"shouldComponentUpdate",value:function(e,t){return t!==this.state||JSON.stringify(e)!==JSON.stringify(this.props)}},{key:"componentDidUpdate",value:function(){this.props.controlled&&(this.props.x===this.state.x&&this.props.y===this.state.y||this.setState({x:this.props.x,y:this.props.y}))}},{key:"componentDidMount",value:function(){"number"===typeof this.props.x&&"number"===typeof this.props.y&&this.setState({x:this.props.x,y:this.props.y})}},{key:"render",value:function(){var e=this,t=this.state,n=t.x,r=t.y,o=this.props,i=(o.className,o.children),a=o.controlled,l=0,u=0;return a?(l=this.props.x,u=this.props.y):(l=n,u=r),i({style:{touchAction:"none!important",transform:"translate3d("+l+"px,"+u+"px,0)"},handle:function(){return{onMouseDown:e.onDragStart,onMouseUp:e.onDragEnd,onTouchStart:e.onDragStart,onTouchEnd:e.onDragEnd}},x:l,y:u,bound:{instance:this.getParent,style:{position:"absolute"}},static:this.props.static,dragging:this.state.dragging})}}]),t}(l.a.Component);m.defaultProps={allowX:!0,allowY:!0,x:void 0,y:void 0,onDragging:h},m.propTypes={x:c.a.number,y:c.a.number,grid:c.a.arrayOf(c.a.number),allowX:c.a.bool,allowY:c.a.bool,isUserMove:c.a.bool,static:c.a.bool,onDragStart:c.a.func,onDragMove:c.a.func,onDragEnd:c.a.func,onDragging:c.a.func},t.a=m},function(e,t,n){e.exports=n(28)()},function(e,t,n){"use strict";function r(){}var o=n(29);e.exports=function(){function e(e,t,n,r,i,a){if(a!==o){var l=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw l.name="Invariant Violation",l}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t};return n.checkPropTypes=r,n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){"use strict";n.d(t,"c",function(){return r}),n.d(t,"b",function(){return o}),n.d(t,"f",function(){return i}),n.d(t,"a",function(){return a}),n.d(t,"e",function(){return l}),n.d(t,"g",function(){return u}),n.d(t,"d",function(){return c});var r=function(e){return""===e?0:parseInt(e,10)},o=function(e){var t=e.clientWidth,n=e.style;return t-=r(n.paddingLeft),t-=r(n.paddingRight)},i=function(e){var t=e.clientWidth,n=e.style;return t+=r(n.borderLeftWidth),t+=r(n.borderRightWidth)},a=function(e){var t=e.clientHeight,n=e.style;return t-=r(n.paddingTop),t-=r(n.paddingBottom)},l=function(e){var t=e.clientHeight,n=e.style;return t+=r(n.borderTopWidth),t+=r(n.borderBottomWidth)},u=function(e){return{left:-e.left,top:-e.top,right:e.right,bottom:e.bottom}},c=function(e){return"number"===typeof e}},function(e,t,n){var r,o;!function(){"use strict";function n(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var o=typeof r;if("string"===o||"number"===o)e.push(r);else if(Array.isArray(r)&&r.length){var a=n.apply(null,r);a&&e.push(a)}else if("object"===o)for(var l in r)i.call(r,l)&&r[l]&&e.push(l)}}return e.join(" ")}var i={}.hasOwnProperty;"undefined"!==typeof e&&e.exports?(n.default=n,e.exports=n):(r=[],void 0!==(o=function(){return n}.apply(t,r))&&(e.exports=o))}()},function(e,t,n){"use strict";var r=Array.isArray,o=Object.keys,i=Object.prototype.hasOwnProperty;e.exports=function e(t,n){if(t===n)return!0;var a,l,u,c=r(t),s=r(n);if(c&&s){if((l=t.length)!=n.length)return!1;for(a=0;a<l;a++)if(!e(t[a],n[a]))return!1;return!0}if(c!=s)return!1;var f=t instanceof Date,d=n instanceof Date;if(f!=d)return!1;if(f&&d)return t.getTime()==n.getTime();var p=t instanceof RegExp,h=n instanceof RegExp;if(p!=h)return!1;if(p&&h)return t.toString()==n.toString();if(t instanceof Object&&n instanceof Object){var m=o(t);if((l=m.length)!==o(n).length)return!1;for(a=0;a<l;a++)if(!i.call(n,m[a]))return!1;for(a=0;a<l;a++)if(u=m[a],!e(t[u],n[u]))return!1;return!0}return!1}}]);
2 | //# sourceMappingURL=main.ca19357e.js.map


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