├── .editorconfig
├── .gitignore
├── .npmignore
├── .travis.yml
├── docs
    ├── app.js
    ├── img
    │   ├── beach-large.jpg
    │   ├── beach-small.jpg
    │   ├── cat-large.jpg
    │   ├── cat-small.jpg
    │   ├── fall-large.jpg
    │   └── fall-small.jpg
    └── index.html
├── index.js
├── jest.setup.js
├── lib
    ├── cursor-zoom.js
    └── magnifier.js
├── package-lock.json
├── package.json
├── readme.md
├── src
    ├── app.js
    ├── cursor-zoom.jsx
    ├── demo.jsx
    └── magnifier.jsx
├── test
    └── cursor-zoom-test.js
└── webpack.config.js


/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 | 
3 | [*]
4 | indent_style = space
5 | indent_size = 2
6 | trim_trailing_whitespace = true
7 | end_of_line = lf
8 | insert_final_newline = true
9 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # Logs
 2 | logs
 3 | *.log
 4 | 
 5 | # Runtime data
 6 | pids
 7 | *.pid
 8 | *.seed
 9 | 
10 | # Directory for instrumented libs generated by jscoverage/JSCover
11 | lib-cov
12 | 
13 | # Coverage directory used by tools like istanbul
14 | coverage
15 | 
16 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
17 | .grunt
18 | 
19 | # Compiled binary addons (http://nodejs.org/api/addons.html)
20 | build/Release
21 | 
22 | # Dependency directory
23 | # Commenting this out is preferred by some people, see
24 | # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git-
25 | node_modules
26 | 
27 | # Users Environment Variables
28 | .lock-wscript
29 | 
30 | # =========================
31 | # Operating System Files
32 | # =========================
33 | 
34 | # OSX
35 | # =========================
36 | 
37 | .DS_Store
38 | .AppleDouble
39 | .LSOverride
40 | 
41 | # Thumbnails
42 | ._*
43 | 
44 | # Files that might appear on external disk
45 | .Spotlight-V100
46 | .Trashes
47 | 
48 | # Directories potentially created on remote AFP share
49 | .AppleDB
50 | .AppleDesktop
51 | Network Trash Folder
52 | Temporary Items
53 | .apdisk
54 | 
55 | # Windows
56 | # =========================
57 | 
58 | # Windows image file caches
59 | Thumbs.db
60 | ehthumbs.db
61 | 
62 | # Folder config file
63 | Desktop.ini
64 | 
65 | # Recycle Bin used on file shares
66 | $RECYCLE.BIN/
67 | 
68 | # Windows Installer files
69 | *.cab
70 | *.msi
71 | *.msm
72 | *.msp
73 | 
74 | # Windows shortcuts
75 | *.lnk
76 | 
77 | # Webstorm
78 | 
79 | .idea
80 | .idea/vcs.xml
81 | .idea/modules.xml
82 | .idea/react-image-magnifier.iml
83 | .idea/scopes/scope_settings.xml
84 | .idea/vcs.xml


--------------------------------------------------------------------------------
/.npmignore:
--------------------------------------------------------------------------------
 1 | # ignore docs folder
 2 | docs/
 3 | 
 4 | # ignore test files
 5 | test/
 6 | jest.setup.js
 7 | 
 8 | # ignore source files
 9 | src/
10 | 
11 | # ignore development config files
12 | .editorconfig
13 | .gitignore
14 | .travis.yml
15 | .npmignore
16 | webpack.config.js
17 | 


--------------------------------------------------------------------------------
/.travis.yml:
--------------------------------------------------------------------------------
 1 | language: node_js
 2 | node_js:
 3 | - node
 4 | before_script: npm test
 5 | script: npm run build && npm run build-lib
 6 | deploy:
 7 |   provider: npm
 8 |   email: jaredlotti@hotmail.com
 9 |   api_key:
10 |     secure: GH97/ZZhIbuYWgrHLpFOwebrhnR6xuwnS4bIFpGNCfqk3xx0VUDTRlXoV/GW/Vgv1XqpuZ1UpIbovbwpTgfpvkgSsu+GMAs140MQh2VQV/eKItjst82YaciBcLoJ5Y1yOytOCeKnnZmE5dVUqRKWEYw+kD1cVBu8NMVcSBAB1qayuFC0iqd/CdYo3L6HCKhWGZY5i33E8L2kYhlag1C/vApebO456HPhsqkmXhXPmCk7ZF8DOSbLCtZ5AWWmJ0FbIb55oU2mPf52cT0g1g/lw8YcpiWpOuYEMbH86HaayFmiryNPgOuk/G+anEmBz+rX2cc2M8Q1A3f0fWd0xrHFya5AmeNiHFHgEZaZhmyWbiWvzVjeJYI3+5UBmeH//YtjIsFnqxRbeuk+6YmT4Ap9rXvSPaW+19XJTOzt0O59n0X6fKTOu3oUgfL8hs8nILRz9WjRDrJUgFqZgZwC6fh/sgwBXpgYTSfPaxIrb7czdwNk4WLsHszQm+PhflVBnzsiyjSNhaJFs5SXCUWhgN/Eao4rYAdpoE+f+HkOgOAOBY2dThETBcnDl7EEnoOc/KlXM7dTUJIVA3pDQ7UiLj+/Fbcc2QFyvbHvMmPNIy0YOgZTDxIXmpizFLbB/UCMvEbd4mCoYgj5X+IX7B/SXLpvoCzKLULlTt4Enl2OZ5Ew9K0=
11 |   on:
12 |     tags: true
13 |     repo: CarMax/react-cursor-zoom
14 |     node: 'node'
15 | 


--------------------------------------------------------------------------------
/docs/app.js:
--------------------------------------------------------------------------------
 1 | !function(e){var t={};function n(r){if(t[r])return t[r].exports;var l=t[r]={i:r,l:!1,exports:{}};return e[r].call(l.exports,l,l.exports,n),l.l=!0,l.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)n.d(r,l,function(t){return e[t]}.bind(null,l));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=4)}([function(e,t,n){e.exports=n(9)()},function(e,t,n){"use strict";e.exports=n(5)},function(e,t,n){"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE){0;try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}}(),e.exports=n(6)},function(e,t,n){"use strict";
 2 | /*
 3 | object-assign
 4 | (c) Sindre Sorhus
 5 | @license MIT
 6 | */var r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;function o(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}e.exports=function(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},n=0;n<10;n++)t["_"+String.fromCharCode(n)]=n;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var r={};return"abcdefghijklmnopqrst".split("").forEach((function(e){r[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},r)).join("")}catch(e){return!1}}()?Object.assign:function(e,t){for(var n,a,u=o(e),c=1;c<arguments.length;c++){for(var s in n=Object(arguments[c]))l.call(n,s)&&(u[s]=n[s]);if(r){a=r(n);for(var f=0;f<a.length;f++)i.call(n,a[f])&&(u[a[f]]=n[a[f]])}}return u}},function(e,t,n){n(11)},function(e,t,n){"use strict";
 7 | /** @license React v16.13.1
 8 |  * react.production.min.js
 9 |  *
10 |  * Copyright (c) Facebook, Inc. and its affiliates.
11 |  *
12 |  * This source code is licensed under the MIT license found in the
13 |  * LICENSE file in the root directory of this source tree.
14 |  */var r=n(3),l="function"==typeof Symbol&&Symbol.for,i=l?Symbol.for("react.element"):60103,o=l?Symbol.for("react.portal"):60106,a=l?Symbol.for("react.fragment"):60107,u=l?Symbol.for("react.strict_mode"):60108,c=l?Symbol.for("react.profiler"):60114,s=l?Symbol.for("react.provider"):60109,f=l?Symbol.for("react.context"):60110,d=l?Symbol.for("react.forward_ref"):60112,p=l?Symbol.for("react.suspense"):60113,m=l?Symbol.for("react.memo"):60115,h=l?Symbol.for("react.lazy"):60116,y="function"==typeof Symbol&&Symbol.iterator;function g(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var v={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},b={};function w(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||v}function k(){}function x(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||v}w.prototype.isReactComponent={},w.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error(g(85));this.updater.enqueueSetState(this,e,t,"setState")},w.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},k.prototype=w.prototype;var E=x.prototype=new k;E.constructor=x,r(E,w.prototype),E.isPureReactComponent=!0;var T={current:null},S=Object.prototype.hasOwnProperty,C={key:!0,ref:!0,__self:!0,__source:!0};function _(e,t,n){var r,l={},o=null,a=null;if(null!=t)for(r in void 0!==t.ref&&(a=t.ref),void 0!==t.key&&(o=""+t.key),t)S.call(t,r)&&!C.hasOwnProperty(r)&&(l[r]=t[r]);var u=arguments.length-2;if(1===u)l.children=n;else if(1<u){for(var c=Array(u),s=0;s<u;s++)c[s]=arguments[s+2];l.children=c}if(e&&e.defaultProps)for(r in u=e.defaultProps)void 0===l[r]&&(l[r]=u[r]);return{$$typeof:i,type:e,key:o,ref:a,props:l,_owner:T.current}}function P(e){return"object"==typeof e&&null!==e&&e.$$typeof===i}var N=/\/+/g,O=[];function z(e,t,n,r){if(O.length){var l=O.pop();return l.result=e,l.keyPrefix=t,l.func=n,l.context=r,l.count=0,l}return{result:e,keyPrefix:t,func:n,context:r,count:0}}function R(e){e.result=null,e.keyPrefix=null,e.func=null,e.context=null,e.count=0,10>O.length&&O.push(e)}function I(e,t,n){return null==e?0:function e(t,n,r,l){var a=typeof t;"undefined"!==a&&"boolean"!==a||(t=null);var u=!1;if(null===t)u=!0;else switch(a){case"string":case"number":u=!0;break;case"object":switch(t.$$typeof){case i:case o:u=!0}}if(u)return r(l,t,""===n?"."+M(t,0):n),1;if(u=0,n=""===n?".":n+":",Array.isArray(t))for(var c=0;c<t.length;c++){var s=n+M(a=t[c],c);u+=e(a,s,r,l)}else if(null===t||"object"!=typeof t?s=null:s="function"==typeof(s=y&&t[y]||t["@@iterator"])?s:null,"function"==typeof s)for(t=s.call(t),c=0;!(a=t.next()).done;)u+=e(a=a.value,s=n+M(a,c++),r,l);else if("object"===a)throw r=""+t,Error(g(31,"[object Object]"===r?"object with keys {"+Object.keys(t).join(", ")+"}":r,""));return u}(e,"",t,n)}function M(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+(""+e).replace(/[=:]/g,(function(e){return t[e]}))}(e.key):t.toString(36)}function D(e,t){e.func.call(e.context,t,e.count++)}function F(e,t,n){var r=e.result,l=e.keyPrefix;e=e.func.call(e.context,t,e.count++),Array.isArray(e)?L(e,r,n,(function(e){return e})):null!=e&&(P(e)&&(e=function(e,t){return{$$typeof:i,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(e,l+(!e.key||t&&t.key===e.key?"":(""+e.key).replace(N,"$&/")+"/")+n)),r.push(e))}function L(e,t,n,r,l){var i="";null!=n&&(i=(""+n).replace(N,"$&/")+"/"),I(e,F,t=z(t,i,r,l)),R(t)}var j={current:null};function A(){var e=j.current;if(null===e)throw Error(g(321));return e}var U={ReactCurrentDispatcher:j,ReactCurrentBatchConfig:{suspense:null},ReactCurrentOwner:T,IsSomeRendererActing:{current:!1},assign:r};t.Children={map:function(e,t,n){if(null==e)return e;var r=[];return L(e,r,null,t,n),r},forEach:function(e,t,n){if(null==e)return e;I(e,D,t=z(null,null,t,n)),R(t)},count:function(e){return I(e,(function(){return null}),null)},toArray:function(e){var t=[];return L(e,t,null,(function(e){return e})),t},only:function(e){if(!P(e))throw Error(g(143));return e}},t.Component=w,t.Fragment=a,t.Profiler=c,t.PureComponent=x,t.StrictMode=u,t.Suspense=p,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=U,t.cloneElement=function(e,t,n){if(null==e)throw Error(g(267,e));var l=r({},e.props),o=e.key,a=e.ref,u=e._owner;if(null!=t){if(void 0!==t.ref&&(a=t.ref,u=T.current),void 0!==t.key&&(o=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(s in t)S.call(t,s)&&!C.hasOwnProperty(s)&&(l[s]=void 0===t[s]&&void 0!==c?c[s]:t[s])}var s=arguments.length-2;if(1===s)l.children=n;else if(1<s){c=Array(s);for(var f=0;f<s;f++)c[f]=arguments[f+2];l.children=c}return{$$typeof:i,type:e.type,key:o,ref:a,props:l,_owner:u}},t.createContext=function(e,t){return void 0===t&&(t=null),(e={$$typeof:f,_calculateChangedBits:t,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null}).Provider={$$typeof:s,_context:e},e.Consumer=e},t.createElement=_,t.createFactory=function(e){var t=_.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:d,render:e}},t.isValidElement=P,t.lazy=function(e){return{$$typeof:h,_ctor:e,_status:-1,_result:null}},t.memo=function(e,t){return{$$typeof:m,type:e,compare:void 0===t?null:t}},t.useCallback=function(e,t){return A().useCallback(e,t)},t.useContext=function(e,t){return A().useContext(e,t)},t.useDebugValue=function(){},t.useEffect=function(e,t){return A().useEffect(e,t)},t.useImperativeHandle=function(e,t,n){return A().useImperativeHandle(e,t,n)},t.useLayoutEffect=function(e,t){return A().useLayoutEffect(e,t)},t.useMemo=function(e,t){return A().useMemo(e,t)},t.useReducer=function(e,t,n){return A().useReducer(e,t,n)},t.useRef=function(e){return A().useRef(e)},t.useState=function(e){return A().useState(e)},t.version="16.13.1"},function(e,t,n){"use strict";
15 | /** @license React v16.13.1
16 |  * react-dom.production.min.js
17 |  *
18 |  * Copyright (c) Facebook, Inc. and its affiliates.
19 |  *
20 |  * This source code is licensed under the MIT license found in the
21 |  * LICENSE file in the root directory of this source tree.
22 |  */var r=n(1),l=n(3),i=n(7);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}if(!r)throw Error(o(227));function a(e,t,n,r,l,i,o,a,u){var c=Array.prototype.slice.call(arguments,3);try{t.apply(n,c)}catch(e){this.onError(e)}}var u=!1,c=null,s=!1,f=null,d={onError:function(e){u=!0,c=e}};function p(e,t,n,r,l,i,o,s,f){u=!1,c=null,a.apply(d,arguments)}var m=null,h=null,y=null;function g(e,t,n){var r=e.type||"unknown-event";e.currentTarget=y(n),function(e,t,n,r,l,i,a,d,m){if(p.apply(this,arguments),u){if(!u)throw Error(o(198));var h=c;u=!1,c=null,s||(s=!0,f=h)}}(r,t,void 0,e),e.currentTarget=null}var v=null,b={};function w(){if(v)for(var e in b){var t=b[e],n=v.indexOf(e);if(!(-1<n))throw Error(o(96,e));if(!x[n]){if(!t.extractEvents)throw Error(o(97,e));for(var r in x[n]=t,n=t.eventTypes){var l=void 0,i=n[r],a=t,u=r;if(E.hasOwnProperty(u))throw Error(o(99,u));E[u]=i;var c=i.phasedRegistrationNames;if(c){for(l in c)c.hasOwnProperty(l)&&k(c[l],a,u);l=!0}else i.registrationName?(k(i.registrationName,a,u),l=!0):l=!1;if(!l)throw Error(o(98,r,e))}}}}function k(e,t,n){if(T[e])throw Error(o(100,e));T[e]=t,S[e]=t.eventTypes[n].dependencies}var x=[],E={},T={},S={};function C(e){var t,n=!1;for(t in e)if(e.hasOwnProperty(t)){var r=e[t];if(!b.hasOwnProperty(t)||b[t]!==r){if(b[t])throw Error(o(102,t));b[t]=r,n=!0}}n&&w()}var _=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),P=null,N=null,O=null;function z(e){if(e=h(e)){if("function"!=typeof P)throw Error(o(280));var t=e.stateNode;t&&(t=m(t),P(e.stateNode,e.type,t))}}function R(e){N?O?O.push(e):O=[e]:N=e}function I(){if(N){var e=N,t=O;if(O=N=null,z(e),t)for(e=0;e<t.length;e++)z(t[e])}}function M(e,t){return e(t)}function D(e,t,n,r,l){return e(t,n,r,l)}function F(){}var L=M,j=!1,A=!1;function U(){null===N&&null===O||(F(),I())}function V(e,t,n){if(A)return e(t,n);A=!0;try{return L(e,t,n)}finally{A=!1,U()}}var W=/^[: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]*$/,Q=Object.prototype.hasOwnProperty,$={},q={};function B(e,t,n,r,l,i){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=r,this.attributeNamespace=l,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=i}var H={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){H[e]=new B(e,0,!1,e,null,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];H[t]=new B(t,1,!1,e[1],null,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){H[e]=new B(e,2,!1,e.toLowerCase(),null,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){H[e]=new B(e,2,!1,e,null,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){H[e]=new B(e,3,!1,e.toLowerCase(),null,!1)})),["checked","multiple","muted","selected"].forEach((function(e){H[e]=new B(e,3,!0,e,null,!1)})),["capture","download"].forEach((function(e){H[e]=new B(e,4,!1,e,null,!1)})),["cols","rows","size","span"].forEach((function(e){H[e]=new B(e,6,!1,e,null,!1)})),["rowSpan","start"].forEach((function(e){H[e]=new B(e,5,!1,e.toLowerCase(),null,!1)}));var K=/[\-:]([a-z])/g;function Y(e){return e[1].toUpperCase()}"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(K,Y);H[t]=new B(t,1,!1,e,null,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(K,Y);H[t]=new B(t,1,!1,e,"http://www.w3.org/1999/xlink",!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(K,Y);H[t]=new B(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1)})),["tabIndex","crossOrigin"].forEach((function(e){H[e]=new B(e,1,!1,e.toLowerCase(),null,!1)})),H.xlinkHref=new B("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0),["src","href","action","formAction"].forEach((function(e){H[e]=new B(e,1,!1,e.toLowerCase(),null,!0)}));var X=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function G(e,t,n,r){var l=H.hasOwnProperty(t)?H[t]:null;(null!==l?0===l.type:!r&&(2<t.length&&("o"===t[0]||"O"===t[0])&&("n"===t[1]||"N"===t[1])))||(function(e,t,n,r){if(null==t||function(e,t,n,r){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!r&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,r))return!0;if(r)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,l,r)&&(n=null),r||null===l?function(e){return!!Q.call(q,e)||!Q.call($,e)&&(W.test(e)?q[e]=!0:($[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):l.mustUseProperty?e[l.propertyName]=null===n?3!==l.type&&"":n:(t=l.attributeName,r=l.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(l=l.type)||4===l&&!0===n?"":""+n,r?e.setAttributeNS(r,t,n):e.setAttribute(t,n))))}X.hasOwnProperty("ReactCurrentDispatcher")||(X.ReactCurrentDispatcher={current:null}),X.hasOwnProperty("ReactCurrentBatchConfig")||(X.ReactCurrentBatchConfig={suspense:null});var Z=/^(.*)[\\\/]/,J="function"==typeof Symbol&&Symbol.for,ee=J?Symbol.for("react.element"):60103,te=J?Symbol.for("react.portal"):60106,ne=J?Symbol.for("react.fragment"):60107,re=J?Symbol.for("react.strict_mode"):60108,le=J?Symbol.for("react.profiler"):60114,ie=J?Symbol.for("react.provider"):60109,oe=J?Symbol.for("react.context"):60110,ae=J?Symbol.for("react.concurrent_mode"):60111,ue=J?Symbol.for("react.forward_ref"):60112,ce=J?Symbol.for("react.suspense"):60113,se=J?Symbol.for("react.suspense_list"):60120,fe=J?Symbol.for("react.memo"):60115,de=J?Symbol.for("react.lazy"):60116,pe=J?Symbol.for("react.block"):60121,me="function"==typeof Symbol&&Symbol.iterator;function he(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=me&&e[me]||e["@@iterator"])?e:null}function ye(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case ne:return"Fragment";case te:return"Portal";case le:return"Profiler";case re:return"StrictMode";case ce:return"Suspense";case se:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case oe:return"Context.Consumer";case ie:return"Context.Provider";case ue:var t=e.render;return t=t.displayName||t.name||"",e.displayName||(""!==t?"ForwardRef("+t+")":"ForwardRef");case fe:return ye(e.type);case pe:return ye(e.render);case de:if(e=1===e._status?e._result:null)return ye(e)}return null}function ge(e){var t="";do{e:switch(e.tag){case 3:case 4:case 6:case 7:case 10:case 9:var n="";break e;default:var r=e._debugOwner,l=e._debugSource,i=ye(e.type);n=null,r&&(n=ye(r.type)),r=i,i="",l?i=" (at "+l.fileName.replace(Z,"")+":"+l.lineNumber+")":n&&(i=" (created by "+n+")"),n="\n    in "+(r||"Unknown")+i}t+=n,e=e.return}while(e);return t}function ve(e){switch(typeof e){case"boolean":case"number":case"object":case"string":case"undefined":return e;default:return""}}function be(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function we(e){e._valueTracker||(e._valueTracker=function(e){var t=be(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),r=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var l=n.get,i=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return l.call(this)},set:function(e){r=""+e,i.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return r},setValue:function(e){r=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function ke(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),r="";return e&&(r=be(e)?e.checked?"true":"false":e.value),(e=r)!==n&&(t.setValue(e),!0)}function xe(e,t){var n=t.checked;return l({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Ee(e,t){var n=null==t.defaultValue?"":t.defaultValue,r=null!=t.checked?t.checked:t.defaultChecked;n=ve(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 Te(e,t){null!=(t=t.checked)&&G(e,"checked",t,!1)}function Se(e,t){Te(e,t);var n=ve(t.value),r=t.type;if(null!=n)"number"===r?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===r||"reset"===r)return void e.removeAttribute("value");t.hasOwnProperty("value")?_e(e,t.type,n):t.hasOwnProperty("defaultValue")&&_e(e,t.type,ve(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function Ce(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var r=t.type;if(!("submit"!==r&&"reset"!==r||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function _e(e,t,n){"number"===t&&e.ownerDocument.activeElement===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}function Pe(e,t){return e=l({children:void 0},t),(t=function(e){var t="";return r.Children.forEach(e,(function(e){null!=e&&(t+=e)})),t}(t.children))&&(e.children=t),e}function Ne(e,t,n,r){if(e=e.options,t){t={};for(var l=0;l<n.length;l++)t["$"+n[l]]=!0;for(n=0;n<e.length;n++)l=t.hasOwnProperty("$"+e[n].value),e[n].selected!==l&&(e[n].selected=l),l&&r&&(e[n].defaultSelected=!0)}else{for(n=""+ve(n),t=null,l=0;l<e.length;l++){if(e[l].value===n)return e[l].selected=!0,void(r&&(e[l].defaultSelected=!0));null!==t||e[l].disabled||(t=e[l])}null!==t&&(t.selected=!0)}}function Oe(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(o(91));return l({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function ze(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(o(92));if(Array.isArray(n)){if(!(1>=n.length))throw Error(o(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:ve(n)}}function Re(e,t){var n=ve(t.value),r=ve(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=r&&(e.defaultValue=""+r)}function Ie(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var Me="http://www.w3.org/1999/xhtml",De="http://www.w3.org/2000/svg";function Fe(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 Le(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Fe(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var je,Ae=function(e){return"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(t,n,r,l){MSApp.execUnsafeLocalFunction((function(){return e(t,n)}))}:e}((function(e,t){if(e.namespaceURI!==De||"innerHTML"in e)e.innerHTML=t;else{for((je=je||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=je.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}}));function Ue(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 Ve(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var We={animationend:Ve("Animation","AnimationEnd"),animationiteration:Ve("Animation","AnimationIteration"),animationstart:Ve("Animation","AnimationStart"),transitionend:Ve("Transition","TransitionEnd")},Qe={},$e={};function qe(e){if(Qe[e])return Qe[e];if(!We[e])return e;var t,n=We[e];for(t in n)if(n.hasOwnProperty(t)&&t in $e)return Qe[e]=n[t];return e}_&&($e=document.createElement("div").style,"AnimationEvent"in window||(delete We.animationend.animation,delete We.animationiteration.animation,delete We.animationstart.animation),"TransitionEvent"in window||delete We.transitionend.transition);var Be=qe("animationend"),He=qe("animationiteration"),Ke=qe("animationstart"),Ye=qe("transitionend"),Xe="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Ge=new("function"==typeof WeakMap?WeakMap:Map);function Ze(e){var t=Ge.get(e);return void 0===t&&(t=new Map,Ge.set(e,t)),t}function Je(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{0!=(1026&(t=e).effectTag)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function et(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&(null!==(e=e.alternate)&&(t=e.memoizedState)),null!==t)return t.dehydrated}return null}function tt(e){if(Je(e)!==e)throw Error(o(188))}function nt(e){if(!(e=function(e){var t=e.alternate;if(!t){if(null===(t=Je(e)))throw Error(o(188));return t!==e?null:e}for(var n=e,r=t;;){var l=n.return;if(null===l)break;var i=l.alternate;if(null===i){if(null!==(r=l.return)){n=r;continue}break}if(l.child===i.child){for(i=l.child;i;){if(i===n)return tt(l),e;if(i===r)return tt(l),t;i=i.sibling}throw Error(o(188))}if(n.return!==r.return)n=l,r=i;else{for(var a=!1,u=l.child;u;){if(u===n){a=!0,n=l,r=i;break}if(u===r){a=!0,r=l,n=i;break}u=u.sibling}if(!a){for(u=i.child;u;){if(u===n){a=!0,n=i,r=l;break}if(u===r){a=!0,r=i,n=l;break}u=u.sibling}if(!a)throw Error(o(189))}}if(n.alternate!==r)throw Error(o(190))}if(3!==n.tag)throw Error(o(188));return n.stateNode.current===n?e:t}(e)))return null;for(var t=e;;){if(5===t.tag||6===t.tag)return t;if(t.child)t.child.return=t,t=t.child;else{if(t===e)break;for(;!t.sibling;){if(!t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}}return null}function rt(e,t){if(null==t)throw Error(o(30));return 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 lt(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}var it=null;function ot(e){if(e){var t=e._dispatchListeners,n=e._dispatchInstances;if(Array.isArray(t))for(var r=0;r<t.length&&!e.isPropagationStopped();r++)g(e,t[r],n[r]);else t&&g(e,t,n);e._dispatchListeners=null,e._dispatchInstances=null,e.isPersistent()||e.constructor.release(e)}}function at(e){if(null!==e&&(it=rt(it,e)),e=it,it=null,e){if(lt(e,ot),it)throw Error(o(95));if(s)throw e=f,s=!1,f=null,e}}function ut(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}function ct(e){if(!_)return!1;var t=(e="on"+e)in document;return t||((t=document.createElement("div")).setAttribute(e,"return;"),t="function"==typeof t[e]),t}var st=[];function ft(e){e.topLevelType=null,e.nativeEvent=null,e.targetInst=null,e.ancestors.length=0,10>st.length&&st.push(e)}function dt(e,t,n,r){if(st.length){var l=st.pop();return l.topLevelType=e,l.eventSystemFlags=r,l.nativeEvent=t,l.targetInst=n,l}return{topLevelType:e,eventSystemFlags:r,nativeEvent:t,targetInst:n,ancestors:[]}}function pt(e){var t=e.targetInst,n=t;do{if(!n){e.ancestors.push(n);break}var r=n;if(3===r.tag)r=r.stateNode.containerInfo;else{for(;r.return;)r=r.return;r=3!==r.tag?null:r.stateNode.containerInfo}if(!r)break;5!==(t=n.tag)&&6!==t||e.ancestors.push(n),n=_n(r)}while(n);for(n=0;n<e.ancestors.length;n++){t=e.ancestors[n];var l=ut(e.nativeEvent);r=e.topLevelType;var i=e.nativeEvent,o=e.eventSystemFlags;0===n&&(o|=64);for(var a=null,u=0;u<x.length;u++){var c=x[u];c&&(c=c.extractEvents(r,t,i,l,o))&&(a=rt(a,c))}at(a)}}function mt(e,t,n){if(!n.has(e)){switch(e){case"scroll":Kt(t,"scroll",!0);break;case"focus":case"blur":Kt(t,"focus",!0),Kt(t,"blur",!0),n.set("blur",null),n.set("focus",null);break;case"cancel":case"close":ct(e)&&Kt(t,e,!0);break;case"invalid":case"submit":case"reset":break;default:-1===Xe.indexOf(e)&&Ht(e,t)}n.set(e,null)}}var ht,yt,gt,vt=!1,bt=[],wt=null,kt=null,xt=null,Et=new Map,Tt=new Map,St=[],Ct="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput close cancel copy cut paste click change contextmenu reset submit".split(" "),_t="focus blur dragenter dragleave mouseover mouseout pointerover pointerout gotpointercapture lostpointercapture".split(" ");function Pt(e,t,n,r,l){return{blockedOn:e,topLevelType:t,eventSystemFlags:32|n,nativeEvent:l,container:r}}function Nt(e,t){switch(e){case"focus":case"blur":wt=null;break;case"dragenter":case"dragleave":kt=null;break;case"mouseover":case"mouseout":xt=null;break;case"pointerover":case"pointerout":Et.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":Tt.delete(t.pointerId)}}function Ot(e,t,n,r,l,i){return null===e||e.nativeEvent!==i?(e=Pt(t,n,r,l,i),null!==t&&(null!==(t=Pn(t))&&yt(t)),e):(e.eventSystemFlags|=r,e)}function zt(e){var t=_n(e.target);if(null!==t){var n=Je(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=et(n)))return e.blockedOn=t,void i.unstable_runWithPriority(e.priority,(function(){gt(n)}))}else if(3===t&&n.stateNode.hydrate)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Rt(e){if(null!==e.blockedOn)return!1;var t=Zt(e.topLevelType,e.eventSystemFlags,e.container,e.nativeEvent);if(null!==t){var n=Pn(t);return null!==n&&yt(n),e.blockedOn=t,!1}return!0}function It(e,t,n){Rt(e)&&n.delete(t)}function Mt(){for(vt=!1;0<bt.length;){var e=bt[0];if(null!==e.blockedOn){null!==(e=Pn(e.blockedOn))&&ht(e);break}var t=Zt(e.topLevelType,e.eventSystemFlags,e.container,e.nativeEvent);null!==t?e.blockedOn=t:bt.shift()}null!==wt&&Rt(wt)&&(wt=null),null!==kt&&Rt(kt)&&(kt=null),null!==xt&&Rt(xt)&&(xt=null),Et.forEach(It),Tt.forEach(It)}function Dt(e,t){e.blockedOn===t&&(e.blockedOn=null,vt||(vt=!0,i.unstable_scheduleCallback(i.unstable_NormalPriority,Mt)))}function Ft(e){function t(t){return Dt(t,e)}if(0<bt.length){Dt(bt[0],e);for(var n=1;n<bt.length;n++){var r=bt[n];r.blockedOn===e&&(r.blockedOn=null)}}for(null!==wt&&Dt(wt,e),null!==kt&&Dt(kt,e),null!==xt&&Dt(xt,e),Et.forEach(t),Tt.forEach(t),n=0;n<St.length;n++)(r=St[n]).blockedOn===e&&(r.blockedOn=null);for(;0<St.length&&null===(n=St[0]).blockedOn;)zt(n),null===n.blockedOn&&St.shift()}var Lt={},jt=new Map,At=new Map,Ut=["abort","abort",Be,"animationEnd",He,"animationIteration",Ke,"animationStart","canplay","canPlay","canplaythrough","canPlayThrough","durationchange","durationChange","emptied","emptied","encrypted","encrypted","ended","ended","error","error","gotpointercapture","gotPointerCapture","load","load","loadeddata","loadedData","loadedmetadata","loadedMetadata","loadstart","loadStart","lostpointercapture","lostPointerCapture","playing","playing","progress","progress","seeking","seeking","stalled","stalled","suspend","suspend","timeupdate","timeUpdate",Ye,"transitionEnd","waiting","waiting"];function Vt(e,t){for(var n=0;n<e.length;n+=2){var r=e[n],l=e[n+1],i="on"+(l[0].toUpperCase()+l.slice(1));i={phasedRegistrationNames:{bubbled:i,captured:i+"Capture"},dependencies:[r],eventPriority:t},At.set(r,t),jt.set(r,i),Lt[l]=i}}Vt("blur blur cancel cancel click click close close contextmenu contextMenu copy copy cut cut auxclick auxClick dblclick doubleClick dragend dragEnd dragstart dragStart drop drop focus focus input input invalid invalid keydown keyDown keypress keyPress keyup keyUp mousedown mouseDown mouseup mouseUp paste paste pause pause play play pointercancel pointerCancel pointerdown pointerDown pointerup pointerUp ratechange rateChange reset reset seeked seeked submit submit touchcancel touchCancel touchend touchEnd touchstart touchStart volumechange volumeChange".split(" "),0),Vt("drag drag dragenter dragEnter dragexit dragExit dragleave dragLeave dragover dragOver mousemove mouseMove mouseout mouseOut mouseover mouseOver pointermove pointerMove pointerout pointerOut pointerover pointerOver scroll scroll toggle toggle touchmove touchMove wheel wheel".split(" "),1),Vt(Ut,2);for(var Wt="change selectionchange textInput compositionstart compositionend compositionupdate".split(" "),Qt=0;Qt<Wt.length;Qt++)At.set(Wt[Qt],0);var $t=i.unstable_UserBlockingPriority,qt=i.unstable_runWithPriority,Bt=!0;function Ht(e,t){Kt(t,e,!1)}function Kt(e,t,n){var r=At.get(t);switch(void 0===r?2:r){case 0:r=Yt.bind(null,t,1,e);break;case 1:r=Xt.bind(null,t,1,e);break;default:r=Gt.bind(null,t,1,e)}n?e.addEventListener(t,r,!0):e.addEventListener(t,r,!1)}function Yt(e,t,n,r){j||F();var l=Gt,i=j;j=!0;try{D(l,e,t,n,r)}finally{(j=i)||U()}}function Xt(e,t,n,r){qt($t,Gt.bind(null,e,t,n,r))}function Gt(e,t,n,r){if(Bt)if(0<bt.length&&-1<Ct.indexOf(e))e=Pt(null,e,t,n,r),bt.push(e);else{var l=Zt(e,t,n,r);if(null===l)Nt(e,r);else if(-1<Ct.indexOf(e))e=Pt(l,e,t,n,r),bt.push(e);else if(!function(e,t,n,r,l){switch(t){case"focus":return wt=Ot(wt,e,t,n,r,l),!0;case"dragenter":return kt=Ot(kt,e,t,n,r,l),!0;case"mouseover":return xt=Ot(xt,e,t,n,r,l),!0;case"pointerover":var i=l.pointerId;return Et.set(i,Ot(Et.get(i)||null,e,t,n,r,l)),!0;case"gotpointercapture":return i=l.pointerId,Tt.set(i,Ot(Tt.get(i)||null,e,t,n,r,l)),!0}return!1}(l,e,t,n,r)){Nt(e,r),e=dt(e,r,null,t);try{V(pt,e)}finally{ft(e)}}}}function Zt(e,t,n,r){if(null!==(n=_n(n=ut(r)))){var l=Je(n);if(null===l)n=null;else{var i=l.tag;if(13===i){if(null!==(n=et(l)))return n;n=null}else if(3===i){if(l.stateNode.hydrate)return 3===l.tag?l.stateNode.containerInfo:null;n=null}else l!==n&&(n=null)}}e=dt(e,r,n,t);try{V(pt,e)}finally{ft(e)}return null}var Jt={animationIterationCount:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},en=["Webkit","ms","Moz","O"];function tn(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||Jt.hasOwnProperty(e)&&Jt[e]?(""+t).trim():t+"px"}function nn(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var r=0===n.indexOf("--"),l=tn(n,t[n],r);"float"===n&&(n="cssFloat"),r?e.setProperty(n,l):e[n]=l}}Object.keys(Jt).forEach((function(e){en.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),Jt[t]=Jt[e]}))}));var rn=l({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ln(e,t){if(t){if(rn[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(o(137,e,""));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(o(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(o(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(o(62,""))}}function on(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var an=Me;function un(e,t){var n=Ze(e=9===e.nodeType||11===e.nodeType?e:e.ownerDocument);t=S[t];for(var r=0;r<t.length;r++)mt(t[r],e,n)}function cn(){}function sn(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function fn(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function dn(e,t){var n,r=fn(e);for(e=0;r;){if(3===r.nodeType){if(n=e+r.textContent.length,e<=t&&n>=t)return{node:r,offset:t-e};e=n}e:{for(;r;){if(r.nextSibling){r=r.nextSibling;break e}r=r.parentNode}r=void 0}r=fn(r)}}function pn(){for(var e=window,t=sn();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(e){n=!1}if(!n)break;t=sn((e=t.contentWindow).document)}return t}function mn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}var hn=null,yn=null;function gn(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function vn(e,t){return"textarea"===e||"option"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var bn="function"==typeof setTimeout?setTimeout:void 0,wn="function"==typeof clearTimeout?clearTimeout:void 0;function kn(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function xn(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var En=Math.random().toString(36).slice(2),Tn="__reactInternalInstance$"+En,Sn="__reactEventHandlers$"+En,Cn="__reactContainere$"+En;function _n(e){var t=e[Tn];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Cn]||n[Tn]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=xn(e);null!==e;){if(n=e[Tn])return n;e=xn(e)}return t}n=(e=n).parentNode}return null}function Pn(e){return!(e=e[Tn]||e[Cn])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function Nn(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(o(33))}function On(e){return e[Sn]||null}function zn(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function Rn(e,t){var n=e.stateNode;if(!n)return null;var r=m(n);if(!r)return null;n=r[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(r=!r.disabled)||(r=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!r;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(o(231,t,typeof n));return n}function In(e,t,n){(t=Rn(e,n.dispatchConfig.phasedRegistrationNames[t]))&&(n._dispatchListeners=rt(n._dispatchListeners,t),n._dispatchInstances=rt(n._dispatchInstances,e))}function Mn(e){if(e&&e.dispatchConfig.phasedRegistrationNames){for(var t=e._targetInst,n=[];t;)n.push(t),t=zn(t);for(t=n.length;0<t--;)In(n[t],"captured",e);for(t=0;t<n.length;t++)In(n[t],"bubbled",e)}}function Dn(e,t,n){e&&n&&n.dispatchConfig.registrationName&&(t=Rn(e,n.dispatchConfig.registrationName))&&(n._dispatchListeners=rt(n._dispatchListeners,t),n._dispatchInstances=rt(n._dispatchInstances,e))}function Fn(e){e&&e.dispatchConfig.registrationName&&Dn(e._targetInst,null,e)}function Ln(e){lt(e,Mn)}var jn=null,An=null,Un=null;function Vn(){if(Un)return Un;var e,t,n=An,r=n.length,l="value"in jn?jn.value:jn.textContent,i=l.length;for(e=0;e<r&&n[e]===l[e];e++);var o=r-e;for(t=1;t<=o&&n[r-t]===l[i-t];t++);return Un=l.slice(e,1<t?1-t:void 0)}function Wn(){return!0}function Qn(){return!1}function $n(e,t,n,r){for(var l in this.dispatchConfig=e,this._targetInst=t,this.nativeEvent=n,e=this.constructor.Interface)e.hasOwnProperty(l)&&((t=e[l])?this[l]=t(n):"target"===l?this.target=r:this[l]=n[l]);return this.isDefaultPrevented=(null!=n.defaultPrevented?n.defaultPrevented:!1===n.returnValue)?Wn:Qn,this.isPropagationStopped=Qn,this}function qn(e,t,n,r){if(this.eventPool.length){var l=this.eventPool.pop();return this.call(l,e,t,n,r),l}return new this(e,t,n,r)}function Bn(e){if(!(e instanceof this))throw Error(o(279));e.destructor(),10>this.eventPool.length&&this.eventPool.push(e)}function Hn(e){e.eventPool=[],e.getPooled=qn,e.release=Bn}l($n.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=Wn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=Wn)},persist:function(){this.isPersistent=Wn},isPersistent:Qn,destructor:function(){var e,t=this.constructor.Interface;for(e in t)this[e]=null;this.nativeEvent=this._targetInst=this.dispatchConfig=null,this.isPropagationStopped=this.isDefaultPrevented=Qn,this._dispatchInstances=this._dispatchListeners=null}}),$n.Interface={type:null,target:null,currentTarget:function(){return null},eventPhase:null,bubbles:null,cancelable:null,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:null,isTrusted:null},$n.extend=function(e){function t(){}function n(){return r.apply(this,arguments)}var r=this;t.prototype=r.prototype;var i=new t;return l(i,n.prototype),n.prototype=i,n.prototype.constructor=n,n.Interface=l({},r.Interface,e),n.extend=r.extend,Hn(n),n},Hn($n);var Kn=$n.extend({data:null}),Yn=$n.extend({data:null}),Xn=[9,13,27,32],Gn=_&&"CompositionEvent"in window,Zn=null;_&&"documentMode"in document&&(Zn=document.documentMode);var Jn=_&&"TextEvent"in window&&!Zn,er=_&&(!Gn||Zn&&8<Zn&&11>=Zn),tr=String.fromCharCode(32),nr={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(" ")}},rr=!1;function lr(e,t){switch(e){case"keyup":return-1!==Xn.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function ir(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var or=!1;var ar={eventTypes:nr,extractEvents:function(e,t,n,r){var l;if(Gn)e:{switch(e){case"compositionstart":var i=nr.compositionStart;break e;case"compositionend":i=nr.compositionEnd;break e;case"compositionupdate":i=nr.compositionUpdate;break e}i=void 0}else or?lr(e,n)&&(i=nr.compositionEnd):"keydown"===e&&229===n.keyCode&&(i=nr.compositionStart);return i?(er&&"ko"!==n.locale&&(or||i!==nr.compositionStart?i===nr.compositionEnd&&or&&(l=Vn()):(An="value"in(jn=r)?jn.value:jn.textContent,or=!0)),i=Kn.getPooled(i,t,n,r),l?i.data=l:null!==(l=ir(n))&&(i.data=l),Ln(i),l=i):l=null,(e=Jn?function(e,t){switch(e){case"compositionend":return ir(t);case"keypress":return 32!==t.which?null:(rr=!0,tr);case"textInput":return(e=t.data)===tr&&rr?null:e;default:return null}}(e,n):function(e,t){if(or)return"compositionend"===e||!Gn&&lr(e,t)?(e=Vn(),Un=An=jn=null,or=!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 er&&"ko"!==t.locale?null:t.data;default:return null}}(e,n))?((t=Yn.getPooled(nr.beforeInput,t,n,r)).data=e,Ln(t)):t=null,null===l?t:null===t?l:[l,t]}},ur={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function cr(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!ur[e.type]:"textarea"===t}var sr={change:{phasedRegistrationNames:{bubbled:"onChange",captured:"onChangeCapture"},dependencies:"blur change click focus input keydown keyup selectionchange".split(" ")}};function fr(e,t,n){return(e=$n.getPooled(sr.change,e,t,n)).type="change",R(n),Ln(e),e}var dr=null,pr=null;function mr(e){at(e)}function hr(e){if(ke(Nn(e)))return e}function yr(e,t){if("change"===e)return t}var gr=!1;function vr(){dr&&(dr.detachEvent("onpropertychange",br),pr=dr=null)}function br(e){if("value"===e.propertyName&&hr(pr))if(e=fr(pr,e,ut(e)),j)at(e);else{j=!0;try{M(mr,e)}finally{j=!1,U()}}}function wr(e,t,n){"focus"===e?(vr(),pr=n,(dr=t).attachEvent("onpropertychange",br)):"blur"===e&&vr()}function kr(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return hr(pr)}function xr(e,t){if("click"===e)return hr(t)}function Er(e,t){if("input"===e||"change"===e)return hr(t)}_&&(gr=ct("input")&&(!document.documentMode||9<document.documentMode));var Tr={eventTypes:sr,_isInputEventSupported:gr,extractEvents:function(e,t,n,r){var l=t?Nn(t):window,i=l.nodeName&&l.nodeName.toLowerCase();if("select"===i||"input"===i&&"file"===l.type)var o=yr;else if(cr(l))if(gr)o=Er;else{o=kr;var a=wr}else(i=l.nodeName)&&"input"===i.toLowerCase()&&("checkbox"===l.type||"radio"===l.type)&&(o=xr);if(o&&(o=o(e,t)))return fr(o,n,r);a&&a(e,l,t),"blur"===e&&(e=l._wrapperState)&&e.controlled&&"number"===l.type&&_e(l,"number",l.value)}},Sr=$n.extend({view:null,detail:null}),Cr={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function _r(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=Cr[e])&&!!t[e]}function Pr(){return _r}var Nr=0,Or=0,zr=!1,Rr=!1,Ir=Sr.extend({screenX:null,screenY:null,clientX:null,clientY:null,pageX:null,pageY:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,getModifierState:Pr,button:null,buttons:null,relatedTarget:function(e){return e.relatedTarget||(e.fromElement===e.srcElement?e.toElement:e.fromElement)},movementX:function(e){if("movementX"in e)return e.movementX;var t=Nr;return Nr=e.screenX,zr?"mousemove"===e.type?e.screenX-t:0:(zr=!0,0)},movementY:function(e){if("movementY"in e)return e.movementY;var t=Or;return Or=e.screenY,Rr?"mousemove"===e.type?e.screenY-t:0:(Rr=!0,0)}}),Mr=Ir.extend({pointerId:null,width:null,height:null,pressure:null,tangentialPressure:null,tiltX:null,tiltY:null,twist:null,pointerType:null,isPrimary:null}),Dr={mouseEnter:{registrationName:"onMouseEnter",dependencies:["mouseout","mouseover"]},mouseLeave:{registrationName:"onMouseLeave",dependencies:["mouseout","mouseover"]},pointerEnter:{registrationName:"onPointerEnter",dependencies:["pointerout","pointerover"]},pointerLeave:{registrationName:"onPointerLeave",dependencies:["pointerout","pointerover"]}},Fr={eventTypes:Dr,extractEvents:function(e,t,n,r,l){var i="mouseover"===e||"pointerover"===e,o="mouseout"===e||"pointerout"===e;if(i&&0==(32&l)&&(n.relatedTarget||n.fromElement)||!o&&!i)return null;(i=r.window===r?r:(i=r.ownerDocument)?i.defaultView||i.parentWindow:window,o)?(o=t,null!==(t=(t=n.relatedTarget||n.toElement)?_n(t):null)&&(t!==Je(t)||5!==t.tag&&6!==t.tag)&&(t=null)):o=null;if(o===t)return null;if("mouseout"===e||"mouseover"===e)var a=Ir,u=Dr.mouseLeave,c=Dr.mouseEnter,s="mouse";else"pointerout"!==e&&"pointerover"!==e||(a=Mr,u=Dr.pointerLeave,c=Dr.pointerEnter,s="pointer");if(e=null==o?i:Nn(o),i=null==t?i:Nn(t),(u=a.getPooled(u,o,n,r)).type=s+"leave",u.target=e,u.relatedTarget=i,(n=a.getPooled(c,t,n,r)).type=s+"enter",n.target=i,n.relatedTarget=e,s=t,(r=o)&&s)e:{for(c=s,o=0,e=a=r;e;e=zn(e))o++;for(e=0,t=c;t;t=zn(t))e++;for(;0<o-e;)a=zn(a),o--;for(;0<e-o;)c=zn(c),e--;for(;o--;){if(a===c||a===c.alternate)break e;a=zn(a),c=zn(c)}a=null}else a=null;for(c=a,a=[];r&&r!==c&&(null===(o=r.alternate)||o!==c);)a.push(r),r=zn(r);for(r=[];s&&s!==c&&(null===(o=s.alternate)||o!==c);)r.push(s),s=zn(s);for(s=0;s<a.length;s++)Dn(a[s],"bubbled",u);for(s=r.length;0<s--;)Dn(r[s],"captured",n);return 0==(64&l)?[u]:[u,n]}};var Lr="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t},jr=Object.prototype.hasOwnProperty;function Ar(e,t){if(Lr(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),r=Object.keys(t);if(n.length!==r.length)return!1;for(r=0;r<n.length;r++)if(!jr.call(t,n[r])||!Lr(e[n[r]],t[n[r]]))return!1;return!0}var Ur=_&&"documentMode"in document&&11>=document.documentMode,Vr={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},Wr=null,Qr=null,$r=null,qr=!1;function Br(e,t){var n=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;return qr||null==Wr||Wr!==sn(n)?null:("selectionStart"in(n=Wr)&&mn(n)?n={start:n.selectionStart,end:n.selectionEnd}:n={anchorNode:(n=(n.ownerDocument&&n.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:n.anchorOffset,focusNode:n.focusNode,focusOffset:n.focusOffset},$r&&Ar($r,n)?null:($r=n,(e=$n.getPooled(Vr.select,Qr,e,t)).type="select",e.target=Wr,Ln(e),e))}var Hr={eventTypes:Vr,extractEvents:function(e,t,n,r,l,i){if(!(i=!(l=i||(r.window===r?r.document:9===r.nodeType?r:r.ownerDocument)))){e:{l=Ze(l),i=S.onSelect;for(var o=0;o<i.length;o++)if(!l.has(i[o])){l=!1;break e}l=!0}i=!l}if(i)return null;switch(l=t?Nn(t):window,e){case"focus":(cr(l)||"true"===l.contentEditable)&&(Wr=l,Qr=t,$r=null);break;case"blur":$r=Qr=Wr=null;break;case"mousedown":qr=!0;break;case"contextmenu":case"mouseup":case"dragend":return qr=!1,Br(n,r);case"selectionchange":if(Ur)break;case"keydown":case"keyup":return Br(n,r)}return null}},Kr=$n.extend({animationName:null,elapsedTime:null,pseudoElement:null}),Yr=$n.extend({clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),Xr=Sr.extend({relatedTarget:null});function Gr(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}var Zr={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Jr={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"},el=Sr.extend({key:function(e){if(e.key){var t=Zr[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=Gr(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?Jr[e.keyCode]||"Unidentified":""},location:null,ctrlKey:null,shiftKey:null,altKey:null,metaKey:null,repeat:null,locale:null,getModifierState:Pr,charCode:function(e){return"keypress"===e.type?Gr(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?Gr(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),tl=Ir.extend({dataTransfer:null}),nl=Sr.extend({touches:null,targetTouches:null,changedTouches:null,altKey:null,metaKey:null,ctrlKey:null,shiftKey:null,getModifierState:Pr}),rl=$n.extend({propertyName:null,elapsedTime:null,pseudoElement:null}),ll=Ir.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}),il={eventTypes:Lt,extractEvents:function(e,t,n,r){var l=jt.get(e);if(!l)return null;switch(e){case"keypress":if(0===Gr(n))return null;case"keydown":case"keyup":e=el;break;case"blur":case"focus":e=Xr;break;case"click":if(2===n.button)return null;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":e=Ir;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":e=tl;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":e=nl;break;case Be:case He:case Ke:e=Kr;break;case Ye:e=rl;break;case"scroll":e=Sr;break;case"wheel":e=ll;break;case"copy":case"cut":case"paste":e=Yr;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":e=Mr;break;default:e=$n}return Ln(t=e.getPooled(l,t,n,r)),t}};if(v)throw Error(o(101));v=Array.prototype.slice.call("ResponderEventPlugin SimpleEventPlugin EnterLeaveEventPlugin ChangeEventPlugin SelectEventPlugin BeforeInputEventPlugin".split(" ")),w(),m=On,h=Pn,y=Nn,C({SimpleEventPlugin:il,EnterLeaveEventPlugin:Fr,ChangeEventPlugin:Tr,SelectEventPlugin:Hr,BeforeInputEventPlugin:ar});var ol=[],al=-1;function ul(e){0>al||(e.current=ol[al],ol[al]=null,al--)}function cl(e,t){al++,ol[al]=e.current,e.current=t}var sl={},fl={current:sl},dl={current:!1},pl=sl;function ml(e,t){var n=e.type.contextTypes;if(!n)return sl;var r=e.stateNode;if(r&&r.__reactInternalMemoizedUnmaskedChildContext===t)return r.__reactInternalMemoizedMaskedChildContext;var l,i={};for(l in n)i[l]=t[l];return r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=i),i}function hl(e){return null!=(e=e.childContextTypes)}function yl(){ul(dl),ul(fl)}function gl(e,t,n){if(fl.current!==sl)throw Error(o(168));cl(fl,t),cl(dl,n)}function vl(e,t,n){var r=e.stateNode;if(e=t.childContextTypes,"function"!=typeof r.getChildContext)return n;for(var i in r=r.getChildContext())if(!(i in e))throw Error(o(108,ye(t)||"Unknown",i));return l({},n,{},r)}function bl(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||sl,pl=fl.current,cl(fl,e),cl(dl,dl.current),!0}function wl(e,t,n){var r=e.stateNode;if(!r)throw Error(o(169));n?(e=vl(e,t,pl),r.__reactInternalMemoizedMergedChildContext=e,ul(dl),ul(fl),cl(fl,e)):ul(dl),cl(dl,n)}var kl=i.unstable_runWithPriority,xl=i.unstable_scheduleCallback,El=i.unstable_cancelCallback,Tl=i.unstable_requestPaint,Sl=i.unstable_now,Cl=i.unstable_getCurrentPriorityLevel,_l=i.unstable_ImmediatePriority,Pl=i.unstable_UserBlockingPriority,Nl=i.unstable_NormalPriority,Ol=i.unstable_LowPriority,zl=i.unstable_IdlePriority,Rl={},Il=i.unstable_shouldYield,Ml=void 0!==Tl?Tl:function(){},Dl=null,Fl=null,Ll=!1,jl=Sl(),Al=1e4>jl?Sl:function(){return Sl()-jl};function Ul(){switch(Cl()){case _l:return 99;case Pl:return 98;case Nl:return 97;case Ol:return 96;case zl:return 95;default:throw Error(o(332))}}function Vl(e){switch(e){case 99:return _l;case 98:return Pl;case 97:return Nl;case 96:return Ol;case 95:return zl;default:throw Error(o(332))}}function Wl(e,t){return e=Vl(e),kl(e,t)}function Ql(e,t,n){return e=Vl(e),xl(e,t,n)}function $l(e){return null===Dl?(Dl=[e],Fl=xl(_l,Bl)):Dl.push(e),Rl}function ql(){if(null!==Fl){var e=Fl;Fl=null,El(e)}Bl()}function Bl(){if(!Ll&&null!==Dl){Ll=!0;var e=0;try{var t=Dl;Wl(99,(function(){for(;e<t.length;e++){var n=t[e];do{n=n(!0)}while(null!==n)}})),Dl=null}catch(t){throw null!==Dl&&(Dl=Dl.slice(e+1)),xl(_l,ql),t}finally{Ll=!1}}}function Hl(e,t,n){return 1073741821-(1+((1073741821-e+t/10)/(n/=10)|0))*n}function Kl(e,t){if(e&&e.defaultProps)for(var n in t=l({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}var Yl={current:null},Xl=null,Gl=null,Zl=null;function Jl(){Zl=Gl=Xl=null}function ei(e){var t=Yl.current;ul(Yl),e.type._context._currentValue=t}function ti(e,t){for(;null!==e;){var n=e.alternate;if(e.childExpirationTime<t)e.childExpirationTime=t,null!==n&&n.childExpirationTime<t&&(n.childExpirationTime=t);else{if(!(null!==n&&n.childExpirationTime<t))break;n.childExpirationTime=t}e=e.return}}function ni(e,t){Xl=e,Zl=Gl=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(e.expirationTime>=t&&(Oo=!0),e.firstContext=null)}function ri(e,t){if(Zl!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(Zl=e,t=1073741823),t={context:e,observedBits:t,next:null},null===Gl){if(null===Xl)throw Error(o(308));Gl=t,Xl.dependencies={expirationTime:0,firstContext:t,responders:null}}else Gl=Gl.next=t;return e._currentValue}var li=!1;function ii(e){e.updateQueue={baseState:e.memoizedState,baseQueue:null,shared:{pending:null},effects:null}}function oi(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,baseQueue:e.baseQueue,shared:e.shared,effects:e.effects})}function ai(e,t){return(e={expirationTime:e,suspenseConfig:t,tag:0,payload:null,callback:null,next:null}).next=e}function ui(e,t){if(null!==(e=e.updateQueue)){var n=(e=e.shared).pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}}function ci(e,t){var n=e.alternate;null!==n&&oi(n,e),null===(n=(e=e.updateQueue).baseQueue)?(e.baseQueue=t.next=t,t.next=t):(t.next=n.next,n.next=t)}function si(e,t,n,r){var i=e.updateQueue;li=!1;var o=i.baseQueue,a=i.shared.pending;if(null!==a){if(null!==o){var u=o.next;o.next=a.next,a.next=u}o=a,i.shared.pending=null,null!==(u=e.alternate)&&(null!==(u=u.updateQueue)&&(u.baseQueue=a))}if(null!==o){u=o.next;var c=i.baseState,s=0,f=null,d=null,p=null;if(null!==u)for(var m=u;;){if((a=m.expirationTime)<r){var h={expirationTime:m.expirationTime,suspenseConfig:m.suspenseConfig,tag:m.tag,payload:m.payload,callback:m.callback,next:null};null===p?(d=p=h,f=c):p=p.next=h,a>s&&(s=a)}else{null!==p&&(p=p.next={expirationTime:1073741823,suspenseConfig:m.suspenseConfig,tag:m.tag,payload:m.payload,callback:m.callback,next:null}),iu(a,m.suspenseConfig);e:{var y=e,g=m;switch(a=t,h=n,g.tag){case 1:if("function"==typeof(y=g.payload)){c=y.call(h,c,a);break e}c=y;break e;case 3:y.effectTag=-4097&y.effectTag|64;case 0:if(null==(a="function"==typeof(y=g.payload)?y.call(h,c,a):y))break e;c=l({},c,a);break e;case 2:li=!0}}null!==m.callback&&(e.effectTag|=32,null===(a=i.effects)?i.effects=[m]:a.push(m))}if(null===(m=m.next)||m===u){if(null===(a=i.shared.pending))break;m=o.next=a.next,a.next=u,i.baseQueue=o=a,i.shared.pending=null}}null===p?f=c:p.next=d,i.baseState=f,i.baseQueue=p,ou(s),e.expirationTime=s,e.memoizedState=c}}function fi(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var r=e[t],l=r.callback;if(null!==l){if(r.callback=null,r=l,l=n,"function"!=typeof r)throw Error(o(191,r));r.call(l)}}}var di=X.ReactCurrentBatchConfig,pi=(new r.Component).refs;function mi(e,t,n,r){n=null==(n=n(r,t=e.memoizedState))?t:l({},t,n),e.memoizedState=n,0===e.expirationTime&&(e.updateQueue.baseState=n)}var hi={isMounted:function(e){return!!(e=e._reactInternalFiber)&&Je(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternalFiber;var r=Ba(),l=di.suspense;(l=ai(r=Ha(r,e,l),l)).payload=t,null!=n&&(l.callback=n),ui(e,l),Ka(e,r)},enqueueReplaceState:function(e,t,n){e=e._reactInternalFiber;var r=Ba(),l=di.suspense;(l=ai(r=Ha(r,e,l),l)).tag=1,l.payload=t,null!=n&&(l.callback=n),ui(e,l),Ka(e,r)},enqueueForceUpdate:function(e,t){e=e._reactInternalFiber;var n=Ba(),r=di.suspense;(r=ai(n=Ha(n,e,r),r)).tag=2,null!=t&&(r.callback=t),ui(e,r),Ka(e,n)}};function yi(e,t,n,r,l,i,o){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(r,i,o):!t.prototype||!t.prototype.isPureReactComponent||(!Ar(n,r)||!Ar(l,i))}function gi(e,t,n){var r=!1,l=sl,i=t.contextType;return"object"==typeof i&&null!==i?i=ri(i):(l=hl(t)?pl:fl.current,i=(r=null!=(r=t.contextTypes))?ml(e,l):sl),t=new t(n,i),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=hi,e.stateNode=t,t._reactInternalFiber=e,r&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=l,e.__reactInternalMemoizedMaskedChildContext=i),t}function vi(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&&hi.enqueueReplaceState(t,t.state,null)}function bi(e,t,n,r){var l=e.stateNode;l.props=n,l.state=e.memoizedState,l.refs=pi,ii(e);var i=t.contextType;"object"==typeof i&&null!==i?l.context=ri(i):(i=hl(t)?pl:fl.current,l.context=ml(e,i)),si(e,n,l,r),l.state=e.memoizedState,"function"==typeof(i=t.getDerivedStateFromProps)&&(mi(e,t,i,n),l.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof l.getSnapshotBeforeUpdate||"function"!=typeof l.UNSAFE_componentWillMount&&"function"!=typeof l.componentWillMount||(t=l.state,"function"==typeof l.componentWillMount&&l.componentWillMount(),"function"==typeof l.UNSAFE_componentWillMount&&l.UNSAFE_componentWillMount(),t!==l.state&&hi.enqueueReplaceState(l,l.state,null),si(e,n,l,r),l.state=e.memoizedState),"function"==typeof l.componentDidMount&&(e.effectTag|=4)}var wi=Array.isArray;function ki(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(o(309));var r=n.stateNode}if(!r)throw Error(o(147,e));var l=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===l?t.ref:((t=function(e){var t=r.refs;t===pi&&(t=r.refs={}),null===e?delete t[l]:t[l]=e})._stringRef=l,t)}if("string"!=typeof e)throw Error(o(284));if(!n._owner)throw Error(o(290,e))}return e}function xi(e,t){if("textarea"!==e.type)throw Error(o(31,"[object Object]"===Object.prototype.toString.call(t)?"object with keys {"+Object.keys(t).join(", ")+"}":t,""))}function Ei(e){function t(t,n){if(e){var r=t.lastEffect;null!==r?(r.nextEffect=n,t.lastEffect=n):t.firstEffect=t.lastEffect=n,n.nextEffect=null,n.effectTag=8}}function n(n,r){if(!e)return null;for(;null!==r;)t(n,r),r=r.sibling;return null}function r(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function l(e,t){return(e=Cu(e,t)).index=0,e.sibling=null,e}function i(t,n,r){return t.index=r,e?null!==(r=t.alternate)?(r=r.index)<n?(t.effectTag=2,n):r:(t.effectTag=2,n):n}function a(t){return e&&null===t.alternate&&(t.effectTag=2),t}function u(e,t,n,r){return null===t||6!==t.tag?((t=Nu(n,e.mode,r)).return=e,t):((t=l(t,n)).return=e,t)}function c(e,t,n,r){return null!==t&&t.elementType===n.type?((r=l(t,n.props)).ref=ki(e,t,n),r.return=e,r):((r=_u(n.type,n.key,n.props,null,e.mode,r)).ref=ki(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=Ou(n,e.mode,r)).return=e,t):((t=l(t,n.children||[])).return=e,t)}function f(e,t,n,r,i){return null===t||7!==t.tag?((t=Pu(n,e.mode,r,i)).return=e,t):((t=l(t,n)).return=e,t)}function d(e,t,n){if("string"==typeof t||"number"==typeof t)return(t=Nu(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case ee:return(n=_u(t.type,t.key,t.props,null,e.mode,n)).ref=ki(e,null,t),n.return=e,n;case te:return(t=Ou(t,e.mode,n)).return=e,t}if(wi(t)||he(t))return(t=Pu(t,e.mode,n,null)).return=e,t;xi(e,t)}return null}function p(e,t,n,r){var l=null!==t?t.key:null;if("string"==typeof n||"number"==typeof n)return null!==l?null:u(e,t,""+n,r);if("object"==typeof n&&null!==n){switch(n.$$typeof){case ee:return n.key===l?n.type===ne?f(e,t,n.props.children,r,l):c(e,t,n,r):null;case te:return n.key===l?s(e,t,n,r):null}if(wi(n)||he(n))return null!==l?null:f(e,t,n,r,null);xi(e,n)}return null}function m(e,t,n,r,l){if("string"==typeof r||"number"==typeof r)return u(t,e=e.get(n)||null,""+r,l);if("object"==typeof r&&null!==r){switch(r.$$typeof){case ee:return e=e.get(null===r.key?n:r.key)||null,r.type===ne?f(t,e,r.props.children,l,r.key):c(t,e,r,l);case te:return s(t,e=e.get(null===r.key?n:r.key)||null,r,l)}if(wi(r)||he(r))return f(t,e=e.get(n)||null,r,l,null);xi(t,r)}return null}function h(l,o,a,u){for(var c=null,s=null,f=o,h=o=0,y=null;null!==f&&h<a.length;h++){f.index>h?(y=f,f=null):y=f.sibling;var g=p(l,f,a[h],u);if(null===g){null===f&&(f=y);break}e&&f&&null===g.alternate&&t(l,f),o=i(g,o,h),null===s?c=g:s.sibling=g,s=g,f=y}if(h===a.length)return n(l,f),c;if(null===f){for(;h<a.length;h++)null!==(f=d(l,a[h],u))&&(o=i(f,o,h),null===s?c=f:s.sibling=f,s=f);return c}for(f=r(l,f);h<a.length;h++)null!==(y=m(f,l,h,a[h],u))&&(e&&null!==y.alternate&&f.delete(null===y.key?h:y.key),o=i(y,o,h),null===s?c=y:s.sibling=y,s=y);return e&&f.forEach((function(e){return t(l,e)})),c}function y(l,a,u,c){var s=he(u);if("function"!=typeof s)throw Error(o(150));if(null==(u=s.call(u)))throw Error(o(151));for(var f=s=null,h=a,y=a=0,g=null,v=u.next();null!==h&&!v.done;y++,v=u.next()){h.index>y?(g=h,h=null):g=h.sibling;var b=p(l,h,v.value,c);if(null===b){null===h&&(h=g);break}e&&h&&null===b.alternate&&t(l,h),a=i(b,a,y),null===f?s=b:f.sibling=b,f=b,h=g}if(v.done)return n(l,h),s;if(null===h){for(;!v.done;y++,v=u.next())null!==(v=d(l,v.value,c))&&(a=i(v,a,y),null===f?s=v:f.sibling=v,f=v);return s}for(h=r(l,h);!v.done;y++,v=u.next())null!==(v=m(h,l,y,v.value,c))&&(e&&null!==v.alternate&&h.delete(null===v.key?y:v.key),a=i(v,a,y),null===f?s=v:f.sibling=v,f=v);return e&&h.forEach((function(e){return t(l,e)})),s}return function(e,r,i,u){var c="object"==typeof i&&null!==i&&i.type===ne&&null===i.key;c&&(i=i.props.children);var s="object"==typeof i&&null!==i;if(s)switch(i.$$typeof){case ee:e:{for(s=i.key,c=r;null!==c;){if(c.key===s){switch(c.tag){case 7:if(i.type===ne){n(e,c.sibling),(r=l(c,i.props.children)).return=e,e=r;break e}break;default:if(c.elementType===i.type){n(e,c.sibling),(r=l(c,i.props)).ref=ki(e,c,i),r.return=e,e=r;break e}}n(e,c);break}t(e,c),c=c.sibling}i.type===ne?((r=Pu(i.props.children,e.mode,u,i.key)).return=e,e=r):((u=_u(i.type,i.key,i.props,null,e.mode,u)).ref=ki(e,r,i),u.return=e,e=u)}return a(e);case te:e:{for(c=i.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===i.containerInfo&&r.stateNode.implementation===i.implementation){n(e,r.sibling),(r=l(r,i.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=Ou(i,e.mode,u)).return=e,e=r}return a(e)}if("string"==typeof i||"number"==typeof i)return i=""+i,null!==r&&6===r.tag?(n(e,r.sibling),(r=l(r,i)).return=e,e=r):(n(e,r),(r=Nu(i,e.mode,u)).return=e,e=r),a(e);if(wi(i))return h(e,r,i,u);if(he(i))return y(e,r,i,u);if(s&&xi(e,i),void 0===i&&!c)switch(e.tag){case 1:case 0:throw e=e.type,Error(o(152,e.displayName||e.name||"Component"))}return n(e,r)}}var Ti=Ei(!0),Si=Ei(!1),Ci={},_i={current:Ci},Pi={current:Ci},Ni={current:Ci};function Oi(e){if(e===Ci)throw Error(o(174));return e}function zi(e,t){switch(cl(Ni,t),cl(Pi,e),cl(_i,Ci),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:Le(null,"");break;default:t=Le(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}ul(_i),cl(_i,t)}function Ri(){ul(_i),ul(Pi),ul(Ni)}function Ii(e){Oi(Ni.current);var t=Oi(_i.current),n=Le(t,e.type);t!==n&&(cl(Pi,e),cl(_i,n))}function Mi(e){Pi.current===e&&(ul(_i),ul(Pi))}var Di={current:0};function Fi(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(0!=(64&t.effectTag))return t}else if(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 null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}function Li(e,t){return{responder:e,props:t}}var ji=X.ReactCurrentDispatcher,Ai=X.ReactCurrentBatchConfig,Ui=0,Vi=null,Wi=null,Qi=null,$i=!1;function qi(){throw Error(o(321))}function Bi(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!Lr(e[n],t[n]))return!1;return!0}function Hi(e,t,n,r,l,i){if(Ui=i,Vi=t,t.memoizedState=null,t.updateQueue=null,t.expirationTime=0,ji.current=null===e||null===e.memoizedState?go:vo,e=n(r,l),t.expirationTime===Ui){i=0;do{if(t.expirationTime=0,!(25>i))throw Error(o(301));i+=1,Qi=Wi=null,t.updateQueue=null,ji.current=bo,e=n(r,l)}while(t.expirationTime===Ui)}if(ji.current=yo,t=null!==Wi&&null!==Wi.next,Ui=0,Qi=Wi=Vi=null,$i=!1,t)throw Error(o(300));return e}function Ki(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===Qi?Vi.memoizedState=Qi=e:Qi=Qi.next=e,Qi}function Yi(){if(null===Wi){var e=Vi.alternate;e=null!==e?e.memoizedState:null}else e=Wi.next;var t=null===Qi?Vi.memoizedState:Qi.next;if(null!==t)Qi=t,Wi=e;else{if(null===e)throw Error(o(310));e={memoizedState:(Wi=e).memoizedState,baseState:Wi.baseState,baseQueue:Wi.baseQueue,queue:Wi.queue,next:null},null===Qi?Vi.memoizedState=Qi=e:Qi=Qi.next=e}return Qi}function Xi(e,t){return"function"==typeof t?t(e):t}function Gi(e){var t=Yi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var r=Wi,l=r.baseQueue,i=n.pending;if(null!==i){if(null!==l){var a=l.next;l.next=i.next,i.next=a}r.baseQueue=l=i,n.pending=null}if(null!==l){l=l.next,r=r.baseState;var u=a=i=null,c=l;do{var s=c.expirationTime;if(s<Ui){var f={expirationTime:c.expirationTime,suspenseConfig:c.suspenseConfig,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null};null===u?(a=u=f,i=r):u=u.next=f,s>Vi.expirationTime&&(Vi.expirationTime=s,ou(s))}else null!==u&&(u=u.next={expirationTime:1073741823,suspenseConfig:c.suspenseConfig,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null}),iu(s,c.suspenseConfig),r=c.eagerReducer===e?c.eagerState:e(r,c.action);c=c.next}while(null!==c&&c!==l);null===u?i=r:u.next=a,Lr(r,t.memoizedState)||(Oo=!0),t.memoizedState=r,t.baseState=i,t.baseQueue=u,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function Zi(e){var t=Yi(),n=t.queue;if(null===n)throw Error(o(311));n.lastRenderedReducer=e;var r=n.dispatch,l=n.pending,i=t.memoizedState;if(null!==l){n.pending=null;var a=l=l.next;do{i=e(i,a.action),a=a.next}while(a!==l);Lr(i,t.memoizedState)||(Oo=!0),t.memoizedState=i,null===t.baseQueue&&(t.baseState=i),n.lastRenderedState=i}return[i,r]}function Ji(e){var t=Ki();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:Xi,lastRenderedState:e}).dispatch=ho.bind(null,Vi,e),[t.memoizedState,e]}function eo(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=Vi.updateQueue)?(t={lastEffect:null},Vi.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(r=n.next,n.next=e,e.next=r,t.lastEffect=e),e}function to(){return Yi().memoizedState}function no(e,t,n,r){var l=Ki();Vi.effectTag|=e,l.memoizedState=eo(1|t,n,void 0,void 0===r?null:r)}function ro(e,t,n,r){var l=Yi();r=void 0===r?null:r;var i=void 0;if(null!==Wi){var o=Wi.memoizedState;if(i=o.destroy,null!==r&&Bi(r,o.deps))return void eo(t,n,i,r)}Vi.effectTag|=e,l.memoizedState=eo(1|t,n,i,r)}function lo(e,t){return no(516,4,e,t)}function io(e,t){return ro(516,4,e,t)}function oo(e,t){return ro(4,2,e,t)}function ao(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function uo(e,t,n){return n=null!=n?n.concat([e]):null,ro(4,2,ao.bind(null,t,e),n)}function co(){}function so(e,t){return Ki().memoizedState=[e,void 0===t?null:t],e}function fo(e,t){var n=Yi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&Bi(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function po(e,t){var n=Yi();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&Bi(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function mo(e,t,n){var r=Ul();Wl(98>r?98:r,(function(){e(!0)})),Wl(97<r?97:r,(function(){var r=Ai.suspense;Ai.suspense=void 0===t?null:t;try{e(!1),n()}finally{Ai.suspense=r}}))}function ho(e,t,n){var r=Ba(),l=di.suspense;l={expirationTime:r=Ha(r,e,l),suspenseConfig:l,action:n,eagerReducer:null,eagerState:null,next:null};var i=t.pending;if(null===i?l.next=l:(l.next=i.next,i.next=l),t.pending=l,i=e.alternate,e===Vi||null!==i&&i===Vi)$i=!0,l.expirationTime=Ui,Vi.expirationTime=Ui;else{if(0===e.expirationTime&&(null===i||0===i.expirationTime)&&null!==(i=t.lastRenderedReducer))try{var o=t.lastRenderedState,a=i(o,n);if(l.eagerReducer=i,l.eagerState=a,Lr(a,o))return}catch(e){}Ka(e,r)}}var yo={readContext:ri,useCallback:qi,useContext:qi,useEffect:qi,useImperativeHandle:qi,useLayoutEffect:qi,useMemo:qi,useReducer:qi,useRef:qi,useState:qi,useDebugValue:qi,useResponder:qi,useDeferredValue:qi,useTransition:qi},go={readContext:ri,useCallback:so,useContext:ri,useEffect:lo,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,no(4,2,ao.bind(null,t,e),n)},useLayoutEffect:function(e,t){return no(4,2,e,t)},useMemo:function(e,t){var n=Ki();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var r=Ki();return t=void 0!==n?n(t):t,r.memoizedState=r.baseState=t,e=(e=r.queue={pending:null,dispatch:null,lastRenderedReducer:e,lastRenderedState:t}).dispatch=ho.bind(null,Vi,e),[r.memoizedState,e]},useRef:function(e){return e={current:e},Ki().memoizedState=e},useState:Ji,useDebugValue:co,useResponder:Li,useDeferredValue:function(e,t){var n=Ji(e),r=n[0],l=n[1];return lo((function(){var n=Ai.suspense;Ai.suspense=void 0===t?null:t;try{l(e)}finally{Ai.suspense=n}}),[e,t]),r},useTransition:function(e){var t=Ji(!1),n=t[0];return t=t[1],[so(mo.bind(null,t,e),[t,e]),n]}},vo={readContext:ri,useCallback:fo,useContext:ri,useEffect:io,useImperativeHandle:uo,useLayoutEffect:oo,useMemo:po,useReducer:Gi,useRef:to,useState:function(){return Gi(Xi)},useDebugValue:co,useResponder:Li,useDeferredValue:function(e,t){var n=Gi(Xi),r=n[0],l=n[1];return io((function(){var n=Ai.suspense;Ai.suspense=void 0===t?null:t;try{l(e)}finally{Ai.suspense=n}}),[e,t]),r},useTransition:function(e){var t=Gi(Xi),n=t[0];return t=t[1],[fo(mo.bind(null,t,e),[t,e]),n]}},bo={readContext:ri,useCallback:fo,useContext:ri,useEffect:io,useImperativeHandle:uo,useLayoutEffect:oo,useMemo:po,useReducer:Zi,useRef:to,useState:function(){return Zi(Xi)},useDebugValue:co,useResponder:Li,useDeferredValue:function(e,t){var n=Zi(Xi),r=n[0],l=n[1];return io((function(){var n=Ai.suspense;Ai.suspense=void 0===t?null:t;try{l(e)}finally{Ai.suspense=n}}),[e,t]),r},useTransition:function(e){var t=Zi(Xi),n=t[0];return t=t[1],[fo(mo.bind(null,t,e),[t,e]),n]}},wo=null,ko=null,xo=!1;function Eo(e,t){var n=Tu(5,null,null,0);n.elementType="DELETED",n.type="DELETED",n.stateNode=t,n.return=e,n.effectTag=8,null!==e.lastEffect?(e.lastEffect.nextEffect=n,e.lastEffect=n):e.firstEffect=e.lastEffect=n}function To(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,!0);case 13:default:return!1}}function So(e){if(xo){var t=ko;if(t){var n=t;if(!To(e,t)){if(!(t=kn(n.nextSibling))||!To(e,t))return e.effectTag=-1025&e.effectTag|2,xo=!1,void(wo=e);Eo(wo,n)}wo=e,ko=kn(t.firstChild)}else e.effectTag=-1025&e.effectTag|2,xo=!1,wo=e}}function Co(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;wo=e}function _o(e){if(e!==wo)return!1;if(!xo)return Co(e),xo=!0,!1;var t=e.type;if(5!==e.tag||"head"!==t&&"body"!==t&&!vn(t,e.memoizedProps))for(t=ko;t;)Eo(e,t),t=kn(t.nextSibling);if(Co(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(o(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){ko=kn(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}ko=null}}else ko=wo?kn(e.stateNode.nextSibling):null;return!0}function Po(){ko=wo=null,xo=!1}var No=X.ReactCurrentOwner,Oo=!1;function zo(e,t,n,r){t.child=null===e?Si(t,null,n,r):Ti(t,e.child,n,r)}function Ro(e,t,n,r,l){n=n.render;var i=t.ref;return ni(t,l),r=Hi(e,t,n,r,i,l),null===e||Oo?(t.effectTag|=1,zo(e,t,r,l),t.child):(t.updateQueue=e.updateQueue,t.effectTag&=-517,e.expirationTime<=l&&(e.expirationTime=0),Ko(e,t,l))}function Io(e,t,n,r,l,i){if(null===e){var o=n.type;return"function"!=typeof o||Su(o)||void 0!==o.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=_u(n.type,null,r,null,t.mode,i)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=o,Mo(e,t,o,r,l,i))}return o=e.child,l<i&&(l=o.memoizedProps,(n=null!==(n=n.compare)?n:Ar)(l,r)&&e.ref===t.ref)?Ko(e,t,i):(t.effectTag|=1,(e=Cu(o,r)).ref=t.ref,e.return=t,t.child=e)}function Mo(e,t,n,r,l,i){return null!==e&&Ar(e.memoizedProps,r)&&e.ref===t.ref&&(Oo=!1,l<i)?(t.expirationTime=e.expirationTime,Ko(e,t,i)):Fo(e,t,n,r,i)}function Do(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.effectTag|=128)}function Fo(e,t,n,r,l){var i=hl(n)?pl:fl.current;return i=ml(t,i),ni(t,l),n=Hi(e,t,n,r,i,l),null===e||Oo?(t.effectTag|=1,zo(e,t,n,l),t.child):(t.updateQueue=e.updateQueue,t.effectTag&=-517,e.expirationTime<=l&&(e.expirationTime=0),Ko(e,t,l))}function Lo(e,t,n,r,l){if(hl(n)){var i=!0;bl(t)}else i=!1;if(ni(t,l),null===t.stateNode)null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),gi(t,n,r),bi(t,n,r,l),r=!0;else if(null===e){var o=t.stateNode,a=t.memoizedProps;o.props=a;var u=o.context,c=n.contextType;"object"==typeof c&&null!==c?c=ri(c):c=ml(t,c=hl(n)?pl:fl.current);var s=n.getDerivedStateFromProps,f="function"==typeof s||"function"==typeof o.getSnapshotBeforeUpdate;f||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(a!==r||u!==c)&&vi(t,o,r,c),li=!1;var d=t.memoizedState;o.state=d,si(t,r,o,l),u=t.memoizedState,a!==r||d!==u||dl.current||li?("function"==typeof s&&(mi(t,n,s,r),u=t.memoizedState),(a=li||yi(t,n,a,r,d,u,c))?(f||"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=r,t.memoizedState=u),o.props=r,o.state=u,o.context=c,r=a):("function"==typeof o.componentDidMount&&(t.effectTag|=4),r=!1)}else o=t.stateNode,oi(e,t),a=t.memoizedProps,o.props=t.type===t.elementType?a:Kl(t.type,a),u=o.context,"object"==typeof(c=n.contextType)&&null!==c?c=ri(c):c=ml(t,c=hl(n)?pl:fl.current),(f="function"==typeof(s=n.getDerivedStateFromProps)||"function"==typeof o.getSnapshotBeforeUpdate)||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(a!==r||u!==c)&&vi(t,o,r,c),li=!1,u=t.memoizedState,o.state=u,si(t,r,o,l),d=t.memoizedState,a!==r||u!==d||dl.current||li?("function"==typeof s&&(mi(t,n,s,r),d=t.memoizedState),(s=li||yi(t,n,a,r,u,d,c))?(f||"function"!=typeof o.UNSAFE_componentWillUpdate&&"function"!=typeof o.componentWillUpdate||("function"==typeof o.componentWillUpdate&&o.componentWillUpdate(r,d,c),"function"==typeof o.UNSAFE_componentWillUpdate&&o.UNSAFE_componentWillUpdate(r,d,c)),"function"==typeof o.componentDidUpdate&&(t.effectTag|=4),"function"==typeof o.getSnapshotBeforeUpdate&&(t.effectTag|=256)):("function"!=typeof o.componentDidUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=4),"function"!=typeof o.getSnapshotBeforeUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=256),t.memoizedProps=r,t.memoizedState=d),o.props=r,o.state=d,o.context=c,r=s):("function"!=typeof o.componentDidUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=4),"function"!=typeof o.getSnapshotBeforeUpdate||a===e.memoizedProps&&u===e.memoizedState||(t.effectTag|=256),r=!1);return jo(e,t,n,r,i,l)}function jo(e,t,n,r,l,i){Do(e,t);var o=0!=(64&t.effectTag);if(!r&&!o)return l&&wl(t,n,!1),Ko(e,t,i);r=t.stateNode,No.current=t;var a=o&&"function"!=typeof n.getDerivedStateFromError?null:r.render();return t.effectTag|=1,null!==e&&o?(t.child=Ti(t,e.child,null,i),t.child=Ti(t,null,a,i)):zo(e,t,a,i),t.memoizedState=r.state,l&&wl(t,n,!0),t.child}function Ao(e){var t=e.stateNode;t.pendingContext?gl(0,t.pendingContext,t.pendingContext!==t.context):t.context&&gl(0,t.context,!1),zi(e,t.containerInfo)}var Uo,Vo,Wo,Qo={dehydrated:null,retryTime:0};function $o(e,t,n){var r,l=t.mode,i=t.pendingProps,o=Di.current,a=!1;if((r=0!=(64&t.effectTag))||(r=0!=(2&o)&&(null===e||null!==e.memoizedState)),r?(a=!0,t.effectTag&=-65):null!==e&&null===e.memoizedState||void 0===i.fallback||!0===i.unstable_avoidThisFallback||(o|=1),cl(Di,1&o),null===e){if(void 0!==i.fallback&&So(t),a){if(a=i.fallback,(i=Pu(null,l,0,null)).return=t,0==(2&t.mode))for(e=null!==t.memoizedState?t.child.child:t.child,i.child=e;null!==e;)e.return=i,e=e.sibling;return(n=Pu(a,l,n,null)).return=t,i.sibling=n,t.memoizedState=Qo,t.child=i,n}return l=i.children,t.memoizedState=null,t.child=Si(t,null,l,n)}if(null!==e.memoizedState){if(l=(e=e.child).sibling,a){if(i=i.fallback,(n=Cu(e,e.pendingProps)).return=t,0==(2&t.mode)&&(a=null!==t.memoizedState?t.child.child:t.child)!==e.child)for(n.child=a;null!==a;)a.return=n,a=a.sibling;return(l=Cu(l,i)).return=t,n.sibling=l,n.childExpirationTime=0,t.memoizedState=Qo,t.child=n,l}return n=Ti(t,e.child,i.children,n),t.memoizedState=null,t.child=n}if(e=e.child,a){if(a=i.fallback,(i=Pu(null,l,0,null)).return=t,i.child=e,null!==e&&(e.return=i),0==(2&t.mode))for(e=null!==t.memoizedState?t.child.child:t.child,i.child=e;null!==e;)e.return=i,e=e.sibling;return(n=Pu(a,l,n,null)).return=t,i.sibling=n,n.effectTag|=2,i.childExpirationTime=0,t.memoizedState=Qo,t.child=i,n}return t.memoizedState=null,t.child=Ti(t,e,i.children,n)}function qo(e,t){e.expirationTime<t&&(e.expirationTime=t);var n=e.alternate;null!==n&&n.expirationTime<t&&(n.expirationTime=t),ti(e.return,t)}function Bo(e,t,n,r,l,i){var o=e.memoizedState;null===o?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:r,tail:n,tailExpiration:0,tailMode:l,lastEffect:i}:(o.isBackwards=t,o.rendering=null,o.renderingStartTime=0,o.last=r,o.tail=n,o.tailExpiration=0,o.tailMode=l,o.lastEffect=i)}function Ho(e,t,n){var r=t.pendingProps,l=r.revealOrder,i=r.tail;if(zo(e,t,r.children,n),0!=(2&(r=Di.current)))r=1&r|2,t.effectTag|=64;else{if(null!==e&&0!=(64&e.effectTag))e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&qo(e,n);else if(19===e.tag)qo(e,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}r&=1}if(cl(Di,r),0==(2&t.mode))t.memoizedState=null;else switch(l){case"forwards":for(n=t.child,l=null;null!==n;)null!==(e=n.alternate)&&null===Fi(e)&&(l=n),n=n.sibling;null===(n=l)?(l=t.child,t.child=null):(l=n.sibling,n.sibling=null),Bo(t,!1,l,n,i,t.lastEffect);break;case"backwards":for(n=null,l=t.child,t.child=null;null!==l;){if(null!==(e=l.alternate)&&null===Fi(e)){t.child=l;break}e=l.sibling,l.sibling=n,n=l,l=e}Bo(t,!0,n,null,i,t.lastEffect);break;case"together":Bo(t,!1,null,null,void 0,t.lastEffect);break;default:t.memoizedState=null}return t.child}function Ko(e,t,n){null!==e&&(t.dependencies=e.dependencies);var r=t.expirationTime;if(0!==r&&ou(r),t.childExpirationTime<n)return null;if(null!==e&&t.child!==e.child)throw Error(o(153));if(null!==t.child){for(n=Cu(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=Cu(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Yo(e,t){switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var r=null;null!==n;)null!==n.alternate&&(r=n),n=n.sibling;null===r?t||null===e.tail?e.tail=null:e.tail.sibling=null:r.sibling=null}}function Xo(e,t,n){var r=t.pendingProps;switch(t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return null;case 1:return hl(t.type)&&yl(),null;case 3:return Ri(),ul(dl),ul(fl),(n=t.stateNode).pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),null!==e&&null!==e.child||!_o(t)||(t.effectTag|=4),null;case 5:Mi(t),n=Oi(Ni.current);var i=t.type;if(null!==e&&null!=t.stateNode)Vo(e,t,i,r,n),e.ref!==t.ref&&(t.effectTag|=128);else{if(!r){if(null===t.stateNode)throw Error(o(166));return null}if(e=Oi(_i.current),_o(t)){r=t.stateNode,i=t.type;var a=t.memoizedProps;switch(r[Tn]=t,r[Sn]=a,i){case"iframe":case"object":case"embed":Ht("load",r);break;case"video":case"audio":for(e=0;e<Xe.length;e++)Ht(Xe[e],r);break;case"source":Ht("error",r);break;case"img":case"image":case"link":Ht("error",r),Ht("load",r);break;case"form":Ht("reset",r),Ht("submit",r);break;case"details":Ht("toggle",r);break;case"input":Ee(r,a),Ht("invalid",r),un(n,"onChange");break;case"select":r._wrapperState={wasMultiple:!!a.multiple},Ht("invalid",r),un(n,"onChange");break;case"textarea":ze(r,a),Ht("invalid",r),un(n,"onChange")}for(var u in ln(i,a),e=null,a)if(a.hasOwnProperty(u)){var c=a[u];"children"===u?"string"==typeof c?r.textContent!==c&&(e=["children",c]):"number"==typeof c&&r.textContent!==""+c&&(e=["children",""+c]):T.hasOwnProperty(u)&&null!=c&&un(n,u)}switch(i){case"input":we(r),Ce(r,a,!0);break;case"textarea":we(r),Ie(r);break;case"select":case"option":break;default:"function"==typeof a.onClick&&(r.onclick=cn)}n=e,t.updateQueue=n,null!==n&&(t.effectTag|=4)}else{switch(u=9===n.nodeType?n:n.ownerDocument,e===an&&(e=Fe(i)),e===an?"script"===i?((e=u.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof r.is?e=u.createElement(i,{is:r.is}):(e=u.createElement(i),"select"===i&&(u=e,r.multiple?u.multiple=!0:r.size&&(u.size=r.size))):e=u.createElementNS(e,i),e[Tn]=t,e[Sn]=r,Uo(e,t),t.stateNode=e,u=on(i,r),i){case"iframe":case"object":case"embed":Ht("load",e),c=r;break;case"video":case"audio":for(c=0;c<Xe.length;c++)Ht(Xe[c],e);c=r;break;case"source":Ht("error",e),c=r;break;case"img":case"image":case"link":Ht("error",e),Ht("load",e),c=r;break;case"form":Ht("reset",e),Ht("submit",e),c=r;break;case"details":Ht("toggle",e),c=r;break;case"input":Ee(e,r),c=xe(e,r),Ht("invalid",e),un(n,"onChange");break;case"option":c=Pe(e,r);break;case"select":e._wrapperState={wasMultiple:!!r.multiple},c=l({},r,{value:void 0}),Ht("invalid",e),un(n,"onChange");break;case"textarea":ze(e,r),c=Oe(e,r),Ht("invalid",e),un(n,"onChange");break;default:c=r}ln(i,c);var s=c;for(a in s)if(s.hasOwnProperty(a)){var f=s[a];"style"===a?nn(e,f):"dangerouslySetInnerHTML"===a?null!=(f=f?f.__html:void 0)&&Ae(e,f):"children"===a?"string"==typeof f?("textarea"!==i||""!==f)&&Ue(e,f):"number"==typeof f&&Ue(e,""+f):"suppressContentEditableWarning"!==a&&"suppressHydrationWarning"!==a&&"autoFocus"!==a&&(T.hasOwnProperty(a)?null!=f&&un(n,a):null!=f&&G(e,a,f,u))}switch(i){case"input":we(e),Ce(e,r,!1);break;case"textarea":we(e),Ie(e);break;case"option":null!=r.value&&e.setAttribute("value",""+ve(r.value));break;case"select":e.multiple=!!r.multiple,null!=(n=r.value)?Ne(e,!!r.multiple,n,!1):null!=r.defaultValue&&Ne(e,!!r.multiple,r.defaultValue,!0);break;default:"function"==typeof c.onClick&&(e.onclick=cn)}gn(i,r)&&(t.effectTag|=4)}null!==t.ref&&(t.effectTag|=128)}return null;case 6:if(e&&null!=t.stateNode)Wo(0,t,e.memoizedProps,r);else{if("string"!=typeof r&&null===t.stateNode)throw Error(o(166));n=Oi(Ni.current),Oi(_i.current),_o(t)?(n=t.stateNode,r=t.memoizedProps,n[Tn]=t,n.nodeValue!==r&&(t.effectTag|=4)):((n=(9===n.nodeType?n:n.ownerDocument).createTextNode(r))[Tn]=t,t.stateNode=n)}return null;case 13:return ul(Di),r=t.memoizedState,0!=(64&t.effectTag)?(t.expirationTime=n,t):(n=null!==r,r=!1,null===e?void 0!==t.memoizedProps.fallback&&_o(t):(r=null!==(i=e.memoizedState),n||null===i||null!==(i=e.child.sibling)&&(null!==(a=t.firstEffect)?(t.firstEffect=i,i.nextEffect=a):(t.firstEffect=t.lastEffect=i,i.nextEffect=null),i.effectTag=8)),n&&!r&&0!=(2&t.mode)&&(null===e&&!0!==t.memoizedProps.unstable_avoidThisFallback||0!=(1&Di.current)?_a===wa&&(_a=ka):(_a!==wa&&_a!==ka||(_a=xa),0!==Ra&&null!==Ta&&(Iu(Ta,Ca),Mu(Ta,Ra)))),(n||r)&&(t.effectTag|=4),null);case 4:return Ri(),null;case 10:return ei(t),null;case 17:return hl(t.type)&&yl(),null;case 19:if(ul(Di),null===(r=t.memoizedState))return null;if(i=0!=(64&t.effectTag),null===(a=r.rendering)){if(i)Yo(r,!1);else if(_a!==wa||null!==e&&0!=(64&e.effectTag))for(a=t.child;null!==a;){if(null!==(e=Fi(a))){for(t.effectTag|=64,Yo(r,!1),null!==(i=e.updateQueue)&&(t.updateQueue=i,t.effectTag|=4),null===r.lastEffect&&(t.firstEffect=null),t.lastEffect=r.lastEffect,r=t.child;null!==r;)a=n,(i=r).effectTag&=2,i.nextEffect=null,i.firstEffect=null,i.lastEffect=null,null===(e=i.alternate)?(i.childExpirationTime=0,i.expirationTime=a,i.child=null,i.memoizedProps=null,i.memoizedState=null,i.updateQueue=null,i.dependencies=null):(i.childExpirationTime=e.childExpirationTime,i.expirationTime=e.expirationTime,i.child=e.child,i.memoizedProps=e.memoizedProps,i.memoizedState=e.memoizedState,i.updateQueue=e.updateQueue,a=e.dependencies,i.dependencies=null===a?null:{expirationTime:a.expirationTime,firstContext:a.firstContext,responders:a.responders}),r=r.sibling;return cl(Di,1&Di.current|2),t.child}a=a.sibling}}else{if(!i)if(null!==(e=Fi(a))){if(t.effectTag|=64,i=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.effectTag|=4),Yo(r,!0),null===r.tail&&"hidden"===r.tailMode&&!a.alternate)return null!==(t=t.lastEffect=r.lastEffect)&&(t.nextEffect=null),null}else 2*Al()-r.renderingStartTime>r.tailExpiration&&1<n&&(t.effectTag|=64,i=!0,Yo(r,!1),t.expirationTime=t.childExpirationTime=n-1);r.isBackwards?(a.sibling=t.child,t.child=a):(null!==(n=r.last)?n.sibling=a:t.child=a,r.last=a)}return null!==r.tail?(0===r.tailExpiration&&(r.tailExpiration=Al()+500),n=r.tail,r.rendering=n,r.tail=n.sibling,r.lastEffect=t.lastEffect,r.renderingStartTime=Al(),n.sibling=null,t=Di.current,cl(Di,i?1&t|2:1&t),n):null}throw Error(o(156,t.tag))}function Go(e){switch(e.tag){case 1:hl(e.type)&&yl();var t=e.effectTag;return 4096&t?(e.effectTag=-4097&t|64,e):null;case 3:if(Ri(),ul(dl),ul(fl),0!=(64&(t=e.effectTag)))throw Error(o(285));return e.effectTag=-4097&t|64,e;case 5:return Mi(e),null;case 13:return ul(Di),4096&(t=e.effectTag)?(e.effectTag=-4097&t|64,e):null;case 19:return ul(Di),null;case 4:return Ri(),null;case 10:return ei(e),null;default:return null}}function Zo(e,t){return{value:e,source:t,stack:ge(t)}}Uo=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Vo=function(e,t,n,r,i){var o=e.memoizedProps;if(o!==r){var a,u,c=t.stateNode;switch(Oi(_i.current),e=null,n){case"input":o=xe(c,o),r=xe(c,r),e=[];break;case"option":o=Pe(c,o),r=Pe(c,r),e=[];break;case"select":o=l({},o,{value:void 0}),r=l({},r,{value:void 0}),e=[];break;case"textarea":o=Oe(c,o),r=Oe(c,r),e=[];break;default:"function"!=typeof o.onClick&&"function"==typeof r.onClick&&(c.onclick=cn)}for(a in ln(n,r),n=null,o)if(!r.hasOwnProperty(a)&&o.hasOwnProperty(a)&&null!=o[a])if("style"===a)for(u in c=o[a])c.hasOwnProperty(u)&&(n||(n={}),n[u]="");else"dangerouslySetInnerHTML"!==a&&"children"!==a&&"suppressContentEditableWarning"!==a&&"suppressHydrationWarning"!==a&&"autoFocus"!==a&&(T.hasOwnProperty(a)?e||(e=[]):(e=e||[]).push(a,null));for(a in r){var s=r[a];if(c=null!=o?o[a]:void 0,r.hasOwnProperty(a)&&s!==c&&(null!=s||null!=c))if("style"===a)if(c){for(u in c)!c.hasOwnProperty(u)||s&&s.hasOwnProperty(u)||(n||(n={}),n[u]="");for(u in s)s.hasOwnProperty(u)&&c[u]!==s[u]&&(n||(n={}),n[u]=s[u])}else n||(e||(e=[]),e.push(a,n)),n=s;else"dangerouslySetInnerHTML"===a?(s=s?s.__html:void 0,c=c?c.__html:void 0,null!=s&&c!==s&&(e=e||[]).push(a,s)):"children"===a?c===s||"string"!=typeof s&&"number"!=typeof s||(e=e||[]).push(a,""+s):"suppressContentEditableWarning"!==a&&"suppressHydrationWarning"!==a&&(T.hasOwnProperty(a)?(null!=s&&un(i,a),e||c===s||(e=[])):(e=e||[]).push(a,s))}n&&(e=e||[]).push("style",n),i=e,(t.updateQueue=i)&&(t.effectTag|=4)}},Wo=function(e,t,n,r){n!==r&&(t.effectTag|=4)};var Jo="function"==typeof WeakSet?WeakSet:Set;function ea(e,t){var n=t.source,r=t.stack;null===r&&null!==n&&(r=ge(n)),null!==n&&ye(n.type),t=t.value,null!==e&&1===e.tag&&ye(e.type);try{console.error(t)}catch(e){setTimeout((function(){throw e}))}}function ta(e){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){vu(e,t)}else t.current=null}function na(e,t){switch(t.tag){case 0:case 11:case 15:case 22:return;case 1:if(256&t.effectTag&&null!==e){var n=e.memoizedProps,r=e.memoizedState;t=(e=t.stateNode).getSnapshotBeforeUpdate(t.elementType===t.type?n:Kl(t.type,n),r),e.__reactInternalSnapshotBeforeUpdate=t}return;case 3:case 5:case 6:case 4:case 17:return}throw Error(o(163))}function ra(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.destroy;n.destroy=void 0,void 0!==r&&r()}n=n.next}while(n!==t)}}function la(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var r=n.create;n.destroy=r()}n=n.next}while(n!==t)}}function ia(e,t,n){switch(n.tag){case 0:case 11:case 15:case 22:return void la(3,n);case 1:if(e=n.stateNode,4&n.effectTag)if(null===t)e.componentDidMount();else{var r=n.elementType===n.type?t.memoizedProps:Kl(n.type,t.memoizedProps);e.componentDidUpdate(r,t.memoizedState,e.__reactInternalSnapshotBeforeUpdate)}return void(null!==(t=n.updateQueue)&&fi(n,t,e));case 3:if(null!==(t=n.updateQueue)){if(e=null,null!==n.child)switch(n.child.tag){case 5:e=n.child.stateNode;break;case 1:e=n.child.stateNode}fi(n,t,e)}return;case 5:return e=n.stateNode,void(null===t&&4&n.effectTag&&gn(n.type,n.memoizedProps)&&e.focus());case 6:case 4:case 12:return;case 13:return void(null===n.memoizedState&&(n=n.alternate,null!==n&&(n=n.memoizedState,null!==n&&(n=n.dehydrated,null!==n&&Ft(n)))));case 19:case 17:case 20:case 21:return}throw Error(o(163))}function oa(e,t,n){switch("function"==typeof xu&&xu(t),t.tag){case 0:case 11:case 14:case 15:case 22:if(null!==(e=t.updateQueue)&&null!==(e=e.lastEffect)){var r=e.next;Wl(97<n?97:n,(function(){var e=r;do{var n=e.destroy;if(void 0!==n){var l=t;try{n()}catch(e){vu(l,e)}}e=e.next}while(e!==r)}))}break;case 1:ta(t),"function"==typeof(n=t.stateNode).componentWillUnmount&&function(e,t){try{t.props=e.memoizedProps,t.state=e.memoizedState,t.componentWillUnmount()}catch(t){vu(e,t)}}(t,n);break;case 5:ta(t);break;case 4:sa(e,t,n)}}function aa(e){var t=e.alternate;e.return=null,e.child=null,e.memoizedState=null,e.updateQueue=null,e.dependencies=null,e.alternate=null,e.firstEffect=null,e.lastEffect=null,e.pendingProps=null,e.memoizedProps=null,e.stateNode=null,null!==t&&aa(t)}function ua(e){return 5===e.tag||3===e.tag||4===e.tag}function ca(e){e:{for(var t=e.return;null!==t;){if(ua(t)){var n=t;break e}t=t.return}throw Error(o(160))}switch(t=n.stateNode,n.tag){case 5:var r=!1;break;case 3:case 4:t=t.containerInfo,r=!0;break;default:throw Error(o(161))}16&n.effectTag&&(Ue(t,""),n.effectTag&=-17);e:t:for(n=e;;){for(;null===n.sibling;){if(null===n.return||ua(n.return)){n=null;break e}n=n.return}for(n.sibling.return=n.return,n=n.sibling;5!==n.tag&&6!==n.tag&&18!==n.tag;){if(2&n.effectTag)continue t;if(null===n.child||4===n.tag)continue t;n.child.return=n,n=n.child}if(!(2&n.effectTag)){n=n.stateNode;break e}}r?function e(t,n,r){var l=t.tag,i=5===l||6===l;if(i)t=i?t.stateNode:t.stateNode.instance,n?8===r.nodeType?r.parentNode.insertBefore(t,n):r.insertBefore(t,n):(8===r.nodeType?(n=r.parentNode).insertBefore(t,r):(n=r).appendChild(t),null!==(r=r._reactRootContainer)&&void 0!==r||null!==n.onclick||(n.onclick=cn));else if(4!==l&&null!==(t=t.child))for(e(t,n,r),t=t.sibling;null!==t;)e(t,n,r),t=t.sibling}(e,n,t):function e(t,n,r){var l=t.tag,i=5===l||6===l;if(i)t=i?t.stateNode:t.stateNode.instance,n?r.insertBefore(t,n):r.appendChild(t);else if(4!==l&&null!==(t=t.child))for(e(t,n,r),t=t.sibling;null!==t;)e(t,n,r),t=t.sibling}(e,n,t)}function sa(e,t,n){for(var r,l,i=t,a=!1;;){if(!a){a=i.return;e:for(;;){if(null===a)throw Error(o(160));switch(r=a.stateNode,a.tag){case 5:l=!1;break e;case 3:case 4:r=r.containerInfo,l=!0;break e}a=a.return}a=!0}if(5===i.tag||6===i.tag){e:for(var u=e,c=i,s=n,f=c;;)if(oa(u,f,s),null!==f.child&&4!==f.tag)f.child.return=f,f=f.child;else{if(f===c)break e;for(;null===f.sibling;){if(null===f.return||f.return===c)break e;f=f.return}f.sibling.return=f.return,f=f.sibling}l?(u=r,c=i.stateNode,8===u.nodeType?u.parentNode.removeChild(c):u.removeChild(c)):r.removeChild(i.stateNode)}else if(4===i.tag){if(null!==i.child){r=i.stateNode.containerInfo,l=!0,i.child.return=i,i=i.child;continue}}else if(oa(e,i,n),null!==i.child){i.child.return=i,i=i.child;continue}if(i===t)break;for(;null===i.sibling;){if(null===i.return||i.return===t)return;4===(i=i.return).tag&&(a=!1)}i.sibling.return=i.return,i=i.sibling}}function fa(e,t){switch(t.tag){case 0:case 11:case 14:case 15:case 22:return void ra(3,t);case 1:return;case 5:var n=t.stateNode;if(null!=n){var r=t.memoizedProps,l=null!==e?e.memoizedProps:r;e=t.type;var i=t.updateQueue;if(t.updateQueue=null,null!==i){for(n[Sn]=r,"input"===e&&"radio"===r.type&&null!=r.name&&Te(n,r),on(e,l),t=on(e,r),l=0;l<i.length;l+=2){var a=i[l],u=i[l+1];"style"===a?nn(n,u):"dangerouslySetInnerHTML"===a?Ae(n,u):"children"===a?Ue(n,u):G(n,a,u,t)}switch(e){case"input":Se(n,r);break;case"textarea":Re(n,r);break;case"select":t=n._wrapperState.wasMultiple,n._wrapperState.wasMultiple=!!r.multiple,null!=(e=r.value)?Ne(n,!!r.multiple,e,!1):t!==!!r.multiple&&(null!=r.defaultValue?Ne(n,!!r.multiple,r.defaultValue,!0):Ne(n,!!r.multiple,r.multiple?[]:"",!1))}}}return;case 6:if(null===t.stateNode)throw Error(o(162));return void(t.stateNode.nodeValue=t.memoizedProps);case 3:return void((t=t.stateNode).hydrate&&(t.hydrate=!1,Ft(t.containerInfo)));case 12:return;case 13:if(n=t,null===t.memoizedState?r=!1:(r=!0,n=t.child,Ma=Al()),null!==n)e:for(e=n;;){if(5===e.tag)i=e.stateNode,r?"function"==typeof(i=i.style).setProperty?i.setProperty("display","none","important"):i.display="none":(i=e.stateNode,l=null!=(l=e.memoizedProps.style)&&l.hasOwnProperty("display")?l.display:null,i.style.display=tn("display",l));else if(6===e.tag)e.stateNode.nodeValue=r?"":e.memoizedProps;else{if(13===e.tag&&null!==e.memoizedState&&null===e.memoizedState.dehydrated){(i=e.child.sibling).return=e,e=i;continue}if(null!==e.child){e.child.return=e,e=e.child;continue}}if(e===n)break;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}return void da(t);case 19:return void da(t);case 17:return}throw Error(o(163))}function da(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Jo),t.forEach((function(t){var r=wu.bind(null,e,t);n.has(t)||(n.add(t),t.then(r,r))}))}}var pa="function"==typeof WeakMap?WeakMap:Map;function ma(e,t,n){(n=ai(n,null)).tag=3,n.payload={element:null};var r=t.value;return n.callback=function(){Fa||(Fa=!0,La=r),ea(e,t)},n}function ha(e,t,n){(n=ai(n,null)).tag=3;var r=e.type.getDerivedStateFromError;if("function"==typeof r){var l=t.value;n.payload=function(){return ea(e,t),r(l)}}var i=e.stateNode;return null!==i&&"function"==typeof i.componentDidCatch&&(n.callback=function(){"function"!=typeof r&&(null===ja?ja=new Set([this]):ja.add(this),ea(e,t));var n=t.stack;this.componentDidCatch(t.value,{componentStack:null!==n?n:""})}),n}var ya,ga=Math.ceil,va=X.ReactCurrentDispatcher,ba=X.ReactCurrentOwner,wa=0,ka=3,xa=4,Ea=0,Ta=null,Sa=null,Ca=0,_a=wa,Pa=null,Na=1073741823,Oa=1073741823,za=null,Ra=0,Ia=!1,Ma=0,Da=null,Fa=!1,La=null,ja=null,Aa=!1,Ua=null,Va=90,Wa=null,Qa=0,$a=null,qa=0;function Ba(){return 0!=(48&Ea)?1073741821-(Al()/10|0):0!==qa?qa:qa=1073741821-(Al()/10|0)}function Ha(e,t,n){if(0==(2&(t=t.mode)))return 1073741823;var r=Ul();if(0==(4&t))return 99===r?1073741823:1073741822;if(0!=(16&Ea))return Ca;if(null!==n)e=Hl(e,0|n.timeoutMs||5e3,250);else switch(r){case 99:e=1073741823;break;case 98:e=Hl(e,150,100);break;case 97:case 96:e=Hl(e,5e3,250);break;case 95:e=2;break;default:throw Error(o(326))}return null!==Ta&&e===Ca&&--e,e}function Ka(e,t){if(50<Qa)throw Qa=0,$a=null,Error(o(185));if(null!==(e=Ya(e,t))){var n=Ul();1073741823===t?0!=(8&Ea)&&0==(48&Ea)?Ja(e):(Ga(e),0===Ea&&ql()):Ga(e),0==(4&Ea)||98!==n&&99!==n||(null===Wa?Wa=new Map([[e,t]]):(void 0===(n=Wa.get(e))||n>t)&&Wa.set(e,t))}}function Ya(e,t){e.expirationTime<t&&(e.expirationTime=t);var n=e.alternate;null!==n&&n.expirationTime<t&&(n.expirationTime=t);var r=e.return,l=null;if(null===r&&3===e.tag)l=e.stateNode;else for(;null!==r;){if(n=r.alternate,r.childExpirationTime<t&&(r.childExpirationTime=t),null!==n&&n.childExpirationTime<t&&(n.childExpirationTime=t),null===r.return&&3===r.tag){l=r.stateNode;break}r=r.return}return null!==l&&(Ta===l&&(ou(t),_a===xa&&Iu(l,Ca)),Mu(l,t)),l}function Xa(e){var t=e.lastExpiredTime;if(0!==t)return t;if(!Ru(e,t=e.firstPendingTime))return t;var n=e.lastPingedTime;return 2>=(e=n>(e=e.nextKnownPendingLevel)?n:e)&&t!==e?0:e}function Ga(e){if(0!==e.lastExpiredTime)e.callbackExpirationTime=1073741823,e.callbackPriority=99,e.callbackNode=$l(Ja.bind(null,e));else{var t=Xa(e),n=e.callbackNode;if(0===t)null!==n&&(e.callbackNode=null,e.callbackExpirationTime=0,e.callbackPriority=90);else{var r=Ba();if(1073741823===t?r=99:1===t||2===t?r=95:r=0>=(r=10*(1073741821-t)-10*(1073741821-r))?99:250>=r?98:5250>=r?97:95,null!==n){var l=e.callbackPriority;if(e.callbackExpirationTime===t&&l>=r)return;n!==Rl&&El(n)}e.callbackExpirationTime=t,e.callbackPriority=r,t=1073741823===t?$l(Ja.bind(null,e)):Ql(r,Za.bind(null,e),{timeout:10*(1073741821-t)-Al()}),e.callbackNode=t}}}function Za(e,t){if(qa=0,t)return Du(e,t=Ba()),Ga(e),null;var n=Xa(e);if(0!==n){if(t=e.callbackNode,0!=(48&Ea))throw Error(o(327));if(hu(),e===Ta&&n===Ca||nu(e,n),null!==Sa){var r=Ea;Ea|=16;for(var l=lu();;)try{uu();break}catch(t){ru(e,t)}if(Jl(),Ea=r,va.current=l,1===_a)throw t=Pa,nu(e,n),Iu(e,n),Ga(e),t;if(null===Sa)switch(l=e.finishedWork=e.current.alternate,e.finishedExpirationTime=n,r=_a,Ta=null,r){case wa:case 1:throw Error(o(345));case 2:Du(e,2<n?2:n);break;case ka:if(Iu(e,n),n===(r=e.lastSuspendedTime)&&(e.nextKnownPendingLevel=fu(l)),1073741823===Na&&10<(l=Ma+500-Al())){if(Ia){var i=e.lastPingedTime;if(0===i||i>=n){e.lastPingedTime=n,nu(e,n);break}}if(0!==(i=Xa(e))&&i!==n)break;if(0!==r&&r!==n){e.lastPingedTime=r;break}e.timeoutHandle=bn(du.bind(null,e),l);break}du(e);break;case xa:if(Iu(e,n),n===(r=e.lastSuspendedTime)&&(e.nextKnownPendingLevel=fu(l)),Ia&&(0===(l=e.lastPingedTime)||l>=n)){e.lastPingedTime=n,nu(e,n);break}if(0!==(l=Xa(e))&&l!==n)break;if(0!==r&&r!==n){e.lastPingedTime=r;break}if(1073741823!==Oa?r=10*(1073741821-Oa)-Al():1073741823===Na?r=0:(r=10*(1073741821-Na)-5e3,0>(r=(l=Al())-r)&&(r=0),(n=10*(1073741821-n)-l)<(r=(120>r?120:480>r?480:1080>r?1080:1920>r?1920:3e3>r?3e3:4320>r?4320:1960*ga(r/1960))-r)&&(r=n)),10<r){e.timeoutHandle=bn(du.bind(null,e),r);break}du(e);break;case 5:if(1073741823!==Na&&null!==za){i=Na;var a=za;if(0>=(r=0|a.busyMinDurationMs)?r=0:(l=0|a.busyDelayMs,r=(i=Al()-(10*(1073741821-i)-(0|a.timeoutMs||5e3)))<=l?0:l+r-i),10<r){Iu(e,n),e.timeoutHandle=bn(du.bind(null,e),r);break}}du(e);break;default:throw Error(o(329))}if(Ga(e),e.callbackNode===t)return Za.bind(null,e)}}return null}function Ja(e){var t=e.lastExpiredTime;if(t=0!==t?t:1073741823,0!=(48&Ea))throw Error(o(327));if(hu(),e===Ta&&t===Ca||nu(e,t),null!==Sa){var n=Ea;Ea|=16;for(var r=lu();;)try{au();break}catch(t){ru(e,t)}if(Jl(),Ea=n,va.current=r,1===_a)throw n=Pa,nu(e,t),Iu(e,t),Ga(e),n;if(null!==Sa)throw Error(o(261));e.finishedWork=e.current.alternate,e.finishedExpirationTime=t,Ta=null,du(e),Ga(e)}return null}function eu(e,t){var n=Ea;Ea|=1;try{return e(t)}finally{0===(Ea=n)&&ql()}}function tu(e,t){var n=Ea;Ea&=-2,Ea|=8;try{return e(t)}finally{0===(Ea=n)&&ql()}}function nu(e,t){e.finishedWork=null,e.finishedExpirationTime=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,wn(n)),null!==Sa)for(n=Sa.return;null!==n;){var r=n;switch(r.tag){case 1:null!=(r=r.type.childContextTypes)&&yl();break;case 3:Ri(),ul(dl),ul(fl);break;case 5:Mi(r);break;case 4:Ri();break;case 13:case 19:ul(Di);break;case 10:ei(r)}n=n.return}Ta=e,Sa=Cu(e.current,null),Ca=t,_a=wa,Pa=null,Oa=Na=1073741823,za=null,Ra=0,Ia=!1}function ru(e,t){for(;;){try{if(Jl(),ji.current=yo,$i)for(var n=Vi.memoizedState;null!==n;){var r=n.queue;null!==r&&(r.pending=null),n=n.next}if(Ui=0,Qi=Wi=Vi=null,$i=!1,null===Sa||null===Sa.return)return _a=1,Pa=t,Sa=null;e:{var l=e,i=Sa.return,o=Sa,a=t;if(t=Ca,o.effectTag|=2048,o.firstEffect=o.lastEffect=null,null!==a&&"object"==typeof a&&"function"==typeof a.then){var u=a;if(0==(2&o.mode)){var c=o.alternate;c?(o.updateQueue=c.updateQueue,o.memoizedState=c.memoizedState,o.expirationTime=c.expirationTime):(o.updateQueue=null,o.memoizedState=null)}var s=0!=(1&Di.current),f=i;do{var d;if(d=13===f.tag){var p=f.memoizedState;if(null!==p)d=null!==p.dehydrated;else{var m=f.memoizedProps;d=void 0!==m.fallback&&(!0!==m.unstable_avoidThisFallback||!s)}}if(d){var h=f.updateQueue;if(null===h){var y=new Set;y.add(u),f.updateQueue=y}else h.add(u);if(0==(2&f.mode)){if(f.effectTag|=64,o.effectTag&=-2981,1===o.tag)if(null===o.alternate)o.tag=17;else{var g=ai(1073741823,null);g.tag=2,ui(o,g)}o.expirationTime=1073741823;break e}a=void 0,o=t;var v=l.pingCache;if(null===v?(v=l.pingCache=new pa,a=new Set,v.set(u,a)):void 0===(a=v.get(u))&&(a=new Set,v.set(u,a)),!a.has(o)){a.add(o);var b=bu.bind(null,l,u,o);u.then(b,b)}f.effectTag|=4096,f.expirationTime=t;break e}f=f.return}while(null!==f);a=Error((ye(o.type)||"A React component")+" suspended while rendering, but no fallback UI was specified.\n\nAdd a <Suspense fallback=...> component higher in the tree to provide a loading indicator or placeholder to display."+ge(o))}5!==_a&&(_a=2),a=Zo(a,o),f=i;do{switch(f.tag){case 3:u=a,f.effectTag|=4096,f.expirationTime=t,ci(f,ma(f,u,t));break e;case 1:u=a;var w=f.type,k=f.stateNode;if(0==(64&f.effectTag)&&("function"==typeof w.getDerivedStateFromError||null!==k&&"function"==typeof k.componentDidCatch&&(null===ja||!ja.has(k)))){f.effectTag|=4096,f.expirationTime=t,ci(f,ha(f,u,t));break e}}f=f.return}while(null!==f)}Sa=su(Sa)}catch(e){t=e;continue}break}}function lu(){var e=va.current;return va.current=yo,null===e?yo:e}function iu(e,t){e<Na&&2<e&&(Na=e),null!==t&&e<Oa&&2<e&&(Oa=e,za=t)}function ou(e){e>Ra&&(Ra=e)}function au(){for(;null!==Sa;)Sa=cu(Sa)}function uu(){for(;null!==Sa&&!Il();)Sa=cu(Sa)}function cu(e){var t=ya(e.alternate,e,Ca);return e.memoizedProps=e.pendingProps,null===t&&(t=su(e)),ba.current=null,t}function su(e){Sa=e;do{var t=Sa.alternate;if(e=Sa.return,0==(2048&Sa.effectTag)){if(t=Xo(t,Sa,Ca),1===Ca||1!==Sa.childExpirationTime){for(var n=0,r=Sa.child;null!==r;){var l=r.expirationTime,i=r.childExpirationTime;l>n&&(n=l),i>n&&(n=i),r=r.sibling}Sa.childExpirationTime=n}if(null!==t)return t;null!==e&&0==(2048&e.effectTag)&&(null===e.firstEffect&&(e.firstEffect=Sa.firstEffect),null!==Sa.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=Sa.firstEffect),e.lastEffect=Sa.lastEffect),1<Sa.effectTag&&(null!==e.lastEffect?e.lastEffect.nextEffect=Sa:e.firstEffect=Sa,e.lastEffect=Sa))}else{if(null!==(t=Go(Sa)))return t.effectTag&=2047,t;null!==e&&(e.firstEffect=e.lastEffect=null,e.effectTag|=2048)}if(null!==(t=Sa.sibling))return t;Sa=e}while(null!==Sa);return _a===wa&&(_a=5),null}function fu(e){var t=e.expirationTime;return t>(e=e.childExpirationTime)?t:e}function du(e){var t=Ul();return Wl(99,pu.bind(null,e,t)),null}function pu(e,t){do{hu()}while(null!==Ua);if(0!=(48&Ea))throw Error(o(327));var n=e.finishedWork,r=e.finishedExpirationTime;if(null===n)return null;if(e.finishedWork=null,e.finishedExpirationTime=0,n===e.current)throw Error(o(177));e.callbackNode=null,e.callbackExpirationTime=0,e.callbackPriority=90,e.nextKnownPendingLevel=0;var l=fu(n);if(e.firstPendingTime=l,r<=e.lastSuspendedTime?e.firstSuspendedTime=e.lastSuspendedTime=e.nextKnownPendingLevel=0:r<=e.firstSuspendedTime&&(e.firstSuspendedTime=r-1),r<=e.lastPingedTime&&(e.lastPingedTime=0),r<=e.lastExpiredTime&&(e.lastExpiredTime=0),e===Ta&&(Sa=Ta=null,Ca=0),1<n.effectTag?null!==n.lastEffect?(n.lastEffect.nextEffect=n,l=n.firstEffect):l=n:l=n.firstEffect,null!==l){var i=Ea;Ea|=32,ba.current=null,hn=Bt;var a=pn();if(mn(a)){if("selectionStart"in a)var u={start:a.selectionStart,end:a.selectionEnd};else e:{var c=(u=(u=a.ownerDocument)&&u.defaultView||window).getSelection&&u.getSelection();if(c&&0!==c.rangeCount){u=c.anchorNode;var s=c.anchorOffset,f=c.focusNode;c=c.focusOffset;try{u.nodeType,f.nodeType}catch(e){u=null;break e}var d=0,p=-1,m=-1,h=0,y=0,g=a,v=null;t:for(;;){for(var b;g!==u||0!==s&&3!==g.nodeType||(p=d+s),g!==f||0!==c&&3!==g.nodeType||(m=d+c),3===g.nodeType&&(d+=g.nodeValue.length),null!==(b=g.firstChild);)v=g,g=b;for(;;){if(g===a)break t;if(v===u&&++h===s&&(p=d),v===f&&++y===c&&(m=d),null!==(b=g.nextSibling))break;v=(g=v).parentNode}g=b}u=-1===p||-1===m?null:{start:p,end:m}}else u=null}u=u||{start:0,end:0}}else u=null;yn={activeElementDetached:null,focusedElem:a,selectionRange:u},Bt=!1,Da=l;do{try{mu()}catch(e){if(null===Da)throw Error(o(330));vu(Da,e),Da=Da.nextEffect}}while(null!==Da);Da=l;do{try{for(a=e,u=t;null!==Da;){var w=Da.effectTag;if(16&w&&Ue(Da.stateNode,""),128&w){var k=Da.alternate;if(null!==k){var x=k.ref;null!==x&&("function"==typeof x?x(null):x.current=null)}}switch(1038&w){case 2:ca(Da),Da.effectTag&=-3;break;case 6:ca(Da),Da.effectTag&=-3,fa(Da.alternate,Da);break;case 1024:Da.effectTag&=-1025;break;case 1028:Da.effectTag&=-1025,fa(Da.alternate,Da);break;case 4:fa(Da.alternate,Da);break;case 8:sa(a,s=Da,u),aa(s)}Da=Da.nextEffect}}catch(e){if(null===Da)throw Error(o(330));vu(Da,e),Da=Da.nextEffect}}while(null!==Da);if(x=yn,k=pn(),w=x.focusedElem,u=x.selectionRange,k!==w&&w&&w.ownerDocument&&function e(t,n){return!(!t||!n)&&(t===n||(!t||3!==t.nodeType)&&(n&&3===n.nodeType?e(t,n.parentNode):"contains"in t?t.contains(n):!!t.compareDocumentPosition&&!!(16&t.compareDocumentPosition(n))))}(w.ownerDocument.documentElement,w)){null!==u&&mn(w)&&(k=u.start,void 0===(x=u.end)&&(x=k),"selectionStart"in w?(w.selectionStart=k,w.selectionEnd=Math.min(x,w.value.length)):(x=(k=w.ownerDocument||document)&&k.defaultView||window).getSelection&&(x=x.getSelection(),s=w.textContent.length,a=Math.min(u.start,s),u=void 0===u.end?a:Math.min(u.end,s),!x.extend&&a>u&&(s=u,u=a,a=s),s=dn(w,a),f=dn(w,u),s&&f&&(1!==x.rangeCount||x.anchorNode!==s.node||x.anchorOffset!==s.offset||x.focusNode!==f.node||x.focusOffset!==f.offset)&&((k=k.createRange()).setStart(s.node,s.offset),x.removeAllRanges(),a>u?(x.addRange(k),x.extend(f.node,f.offset)):(k.setEnd(f.node,f.offset),x.addRange(k))))),k=[];for(x=w;x=x.parentNode;)1===x.nodeType&&k.push({element:x,left:x.scrollLeft,top:x.scrollTop});for("function"==typeof w.focus&&w.focus(),w=0;w<k.length;w++)(x=k[w]).element.scrollLeft=x.left,x.element.scrollTop=x.top}Bt=!!hn,yn=hn=null,e.current=n,Da=l;do{try{for(w=e;null!==Da;){var E=Da.effectTag;if(36&E&&ia(w,Da.alternate,Da),128&E){k=void 0;var T=Da.ref;if(null!==T){var S=Da.stateNode;switch(Da.tag){case 5:k=S;break;default:k=S}"function"==typeof T?T(k):T.current=k}}Da=Da.nextEffect}}catch(e){if(null===Da)throw Error(o(330));vu(Da,e),Da=Da.nextEffect}}while(null!==Da);Da=null,Ml(),Ea=i}else e.current=n;if(Aa)Aa=!1,Ua=e,Va=t;else for(Da=l;null!==Da;)t=Da.nextEffect,Da.nextEffect=null,Da=t;if(0===(t=e.firstPendingTime)&&(ja=null),1073741823===t?e===$a?Qa++:(Qa=0,$a=e):Qa=0,"function"==typeof ku&&ku(n.stateNode,r),Ga(e),Fa)throw Fa=!1,e=La,La=null,e;return 0!=(8&Ea)||ql(),null}function mu(){for(;null!==Da;){var e=Da.effectTag;0!=(256&e)&&na(Da.alternate,Da),0==(512&e)||Aa||(Aa=!0,Ql(97,(function(){return hu(),null}))),Da=Da.nextEffect}}function hu(){if(90!==Va){var e=97<Va?97:Va;return Va=90,Wl(e,yu)}}function yu(){if(null===Ua)return!1;var e=Ua;if(Ua=null,0!=(48&Ea))throw Error(o(331));var t=Ea;for(Ea|=32,e=e.current.firstEffect;null!==e;){try{var n=e;if(0!=(512&n.effectTag))switch(n.tag){case 0:case 11:case 15:case 22:ra(5,n),la(5,n)}}catch(t){if(null===e)throw Error(o(330));vu(e,t)}n=e.nextEffect,e.nextEffect=null,e=n}return Ea=t,ql(),!0}function gu(e,t,n){ui(e,t=ma(e,t=Zo(n,t),1073741823)),null!==(e=Ya(e,1073741823))&&Ga(e)}function vu(e,t){if(3===e.tag)gu(e,e,t);else for(var n=e.return;null!==n;){if(3===n.tag){gu(n,e,t);break}if(1===n.tag){var r=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof r.componentDidCatch&&(null===ja||!ja.has(r))){ui(n,e=ha(n,e=Zo(t,e),1073741823)),null!==(n=Ya(n,1073741823))&&Ga(n);break}}n=n.return}}function bu(e,t,n){var r=e.pingCache;null!==r&&r.delete(t),Ta===e&&Ca===n?_a===xa||_a===ka&&1073741823===Na&&Al()-Ma<500?nu(e,Ca):Ia=!0:Ru(e,n)&&(0!==(t=e.lastPingedTime)&&t<n||(e.lastPingedTime=n,Ga(e)))}function wu(e,t){var n=e.stateNode;null!==n&&n.delete(t),0===(t=0)&&(t=Ha(t=Ba(),e,null)),null!==(e=Ya(e,t))&&Ga(e)}ya=function(e,t,n){var r=t.expirationTime;if(null!==e){var l=t.pendingProps;if(e.memoizedProps!==l||dl.current)Oo=!0;else{if(r<n){switch(Oo=!1,t.tag){case 3:Ao(t),Po();break;case 5:if(Ii(t),4&t.mode&&1!==n&&l.hidden)return t.expirationTime=t.childExpirationTime=1,null;break;case 1:hl(t.type)&&bl(t);break;case 4:zi(t,t.stateNode.containerInfo);break;case 10:r=t.memoizedProps.value,l=t.type._context,cl(Yl,l._currentValue),l._currentValue=r;break;case 13:if(null!==t.memoizedState)return 0!==(r=t.child.childExpirationTime)&&r>=n?$o(e,t,n):(cl(Di,1&Di.current),null!==(t=Ko(e,t,n))?t.sibling:null);cl(Di,1&Di.current);break;case 19:if(r=t.childExpirationTime>=n,0!=(64&e.effectTag)){if(r)return Ho(e,t,n);t.effectTag|=64}if(null!==(l=t.memoizedState)&&(l.rendering=null,l.tail=null),cl(Di,Di.current),!r)return null}return Ko(e,t,n)}Oo=!1}}else Oo=!1;switch(t.expirationTime=0,t.tag){case 2:if(r=t.type,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),e=t.pendingProps,l=ml(t,fl.current),ni(t,n),l=Hi(null,t,r,e,l,n),t.effectTag|=1,"object"==typeof l&&null!==l&&"function"==typeof l.render&&void 0===l.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,hl(r)){var i=!0;bl(t)}else i=!1;t.memoizedState=null!==l.state&&void 0!==l.state?l.state:null,ii(t);var a=r.getDerivedStateFromProps;"function"==typeof a&&mi(t,r,a,e),l.updater=hi,t.stateNode=l,l._reactInternalFiber=t,bi(t,r,e,n),t=jo(null,t,r,!0,i,n)}else t.tag=0,zo(null,t,l,n),t=t.child;return t;case 16:e:{if(l=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),e=t.pendingProps,function(e){if(-1===e._status){e._status=0;var t=e._ctor;t=t(),e._result=t,t.then((function(t){0===e._status&&(t=t.default,e._status=1,e._result=t)}),(function(t){0===e._status&&(e._status=2,e._result=t)}))}}(l),1!==l._status)throw l._result;switch(l=l._result,t.type=l,i=t.tag=function(e){if("function"==typeof e)return Su(e)?1:0;if(null!=e){if((e=e.$$typeof)===ue)return 11;if(e===fe)return 14}return 2}(l),e=Kl(l,e),i){case 0:t=Fo(null,t,l,e,n);break e;case 1:t=Lo(null,t,l,e,n);break e;case 11:t=Ro(null,t,l,e,n);break e;case 14:t=Io(null,t,l,Kl(l.type,e),r,n);break e}throw Error(o(306,l,""))}return t;case 0:return r=t.type,l=t.pendingProps,Fo(e,t,r,l=t.elementType===r?l:Kl(r,l),n);case 1:return r=t.type,l=t.pendingProps,Lo(e,t,r,l=t.elementType===r?l:Kl(r,l),n);case 3:if(Ao(t),r=t.updateQueue,null===e||null===r)throw Error(o(282));if(r=t.pendingProps,l=null!==(l=t.memoizedState)?l.element:null,oi(e,t),si(t,r,null,n),(r=t.memoizedState.element)===l)Po(),t=Ko(e,t,n);else{if((l=t.stateNode.hydrate)&&(ko=kn(t.stateNode.containerInfo.firstChild),wo=t,l=xo=!0),l)for(n=Si(t,null,r,n),t.child=n;n;)n.effectTag=-3&n.effectTag|1024,n=n.sibling;else zo(e,t,r,n),Po();t=t.child}return t;case 5:return Ii(t),null===e&&So(t),r=t.type,l=t.pendingProps,i=null!==e?e.memoizedProps:null,a=l.children,vn(r,l)?a=null:null!==i&&vn(r,i)&&(t.effectTag|=16),Do(e,t),4&t.mode&&1!==n&&l.hidden?(t.expirationTime=t.childExpirationTime=1,t=null):(zo(e,t,a,n),t=t.child),t;case 6:return null===e&&So(t),null;case 13:return $o(e,t,n);case 4:return zi(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Ti(t,null,r,n):zo(e,t,r,n),t.child;case 11:return r=t.type,l=t.pendingProps,Ro(e,t,r,l=t.elementType===r?l:Kl(r,l),n);case 7:return zo(e,t,t.pendingProps,n),t.child;case 8:case 12:return zo(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,l=t.pendingProps,a=t.memoizedProps,i=l.value;var u=t.type._context;if(cl(Yl,u._currentValue),u._currentValue=i,null!==a)if(u=a.value,0===(i=Lr(u,i)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(u,i):1073741823))){if(a.children===l.children&&!dl.current){t=Ko(e,t,n);break e}}else for(null!==(u=t.child)&&(u.return=t);null!==u;){var c=u.dependencies;if(null!==c){a=u.child;for(var s=c.firstContext;null!==s;){if(s.context===r&&0!=(s.observedBits&i)){1===u.tag&&((s=ai(n,null)).tag=2,ui(u,s)),u.expirationTime<n&&(u.expirationTime=n),null!==(s=u.alternate)&&s.expirationTime<n&&(s.expirationTime=n),ti(u.return,n),c.expirationTime<n&&(c.expirationTime=n);break}s=s.next}}else a=10===u.tag&&u.type===t.type?null:u.child;if(null!==a)a.return=u;else for(a=u;null!==a;){if(a===t){a=null;break}if(null!==(u=a.sibling)){u.return=a.return,a=u;break}a=a.return}u=a}zo(e,t,l.children,n),t=t.child}return t;case 9:return l=t.type,r=(i=t.pendingProps).children,ni(t,n),r=r(l=ri(l,i.unstable_observedBits)),t.effectTag|=1,zo(e,t,r,n),t.child;case 14:return i=Kl(l=t.type,t.pendingProps),Io(e,t,l,i=Kl(l.type,i),r,n);case 15:return Mo(e,t,t.type,t.pendingProps,r,n);case 17:return r=t.type,l=t.pendingProps,l=t.elementType===r?l:Kl(r,l),null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),t.tag=1,hl(r)?(e=!0,bl(t)):e=!1,ni(t,n),gi(t,r,l),bi(t,r,l,n),jo(null,t,r,!0,e,n);case 19:return Ho(e,t,n)}throw Error(o(156,t.tag))};var ku=null,xu=null;function Eu(e,t,n,r){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=r,this.effectTag=0,this.lastEffect=this.firstEffect=this.nextEffect=null,this.childExpirationTime=this.expirationTime=0,this.alternate=null}function Tu(e,t,n,r){return new Eu(e,t,n,r)}function Su(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Cu(e,t){var n=e.alternate;return null===n?((n=Tu(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.effectTag=0,n.nextEffect=null,n.firstEffect=null,n.lastEffect=null),n.childExpirationTime=e.childExpirationTime,n.expirationTime=e.expirationTime,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{expirationTime:t.expirationTime,firstContext:t.firstContext,responders:t.responders},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function _u(e,t,n,r,l,i){var a=2;if(r=e,"function"==typeof e)Su(e)&&(a=1);else if("string"==typeof e)a=5;else e:switch(e){case ne:return Pu(n.children,l,i,t);case ae:a=8,l|=7;break;case re:a=8,l|=1;break;case le:return(e=Tu(12,n,t,8|l)).elementType=le,e.type=le,e.expirationTime=i,e;case ce:return(e=Tu(13,n,t,l)).type=ce,e.elementType=ce,e.expirationTime=i,e;case se:return(e=Tu(19,n,t,l)).elementType=se,e.expirationTime=i,e;default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case ie:a=10;break e;case oe:a=9;break e;case ue:a=11;break e;case fe:a=14;break e;case de:a=16,r=null;break e;case pe:a=22;break e}throw Error(o(130,null==e?e:typeof e,""))}return(t=Tu(a,n,t,l)).elementType=e,t.type=r,t.expirationTime=i,t}function Pu(e,t,n,r){return(e=Tu(7,e,r,t)).expirationTime=n,e}function Nu(e,t,n){return(e=Tu(6,e,null,t)).expirationTime=n,e}function Ou(e,t,n){return(t=Tu(4,null!==e.children?e.children:[],e.key,t)).expirationTime=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function zu(e,t,n){this.tag=t,this.current=null,this.containerInfo=e,this.pingCache=this.pendingChildren=null,this.finishedExpirationTime=0,this.finishedWork=null,this.timeoutHandle=-1,this.pendingContext=this.context=null,this.hydrate=n,this.callbackNode=null,this.callbackPriority=90,this.lastExpiredTime=this.lastPingedTime=this.nextKnownPendingLevel=this.lastSuspendedTime=this.firstSuspendedTime=this.firstPendingTime=0}function Ru(e,t){var n=e.firstSuspendedTime;return e=e.lastSuspendedTime,0!==n&&n>=t&&e<=t}function Iu(e,t){var n=e.firstSuspendedTime,r=e.lastSuspendedTime;n<t&&(e.firstSuspendedTime=t),(r>t||0===n)&&(e.lastSuspendedTime=t),t<=e.lastPingedTime&&(e.lastPingedTime=0),t<=e.lastExpiredTime&&(e.lastExpiredTime=0)}function Mu(e,t){t>e.firstPendingTime&&(e.firstPendingTime=t);var n=e.firstSuspendedTime;0!==n&&(t>=n?e.firstSuspendedTime=e.lastSuspendedTime=e.nextKnownPendingLevel=0:t>=e.lastSuspendedTime&&(e.lastSuspendedTime=t+1),t>e.nextKnownPendingLevel&&(e.nextKnownPendingLevel=t))}function Du(e,t){var n=e.lastExpiredTime;(0===n||n>t)&&(e.lastExpiredTime=t)}function Fu(e,t,n,r){var l=t.current,i=Ba(),a=di.suspense;i=Ha(i,l,a);e:if(n){t:{if(Je(n=n._reactInternalFiber)!==n||1!==n.tag)throw Error(o(170));var u=n;do{switch(u.tag){case 3:u=u.stateNode.context;break t;case 1:if(hl(u.type)){u=u.stateNode.__reactInternalMemoizedMergedChildContext;break t}}u=u.return}while(null!==u);throw Error(o(171))}if(1===n.tag){var c=n.type;if(hl(c)){n=vl(n,c,u);break e}}n=u}else n=sl;return null===t.context?t.context=n:t.pendingContext=n,(t=ai(i,a)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),ui(l,t),Ka(l,i),i}function Lu(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function ju(e,t){null!==(e=e.memoizedState)&&null!==e.dehydrated&&e.retryTime<t&&(e.retryTime=t)}function Au(e,t){ju(e,t),(e=e.alternate)&&ju(e,t)}function Uu(e,t,n){var r=new zu(e,t,n=null!=n&&!0===n.hydrate),l=Tu(3,null,null,2===t?7:1===t?3:0);r.current=l,l.stateNode=r,ii(l),e[Cn]=r.current,n&&0!==t&&function(e,t){var n=Ze(t);Ct.forEach((function(e){mt(e,t,n)})),_t.forEach((function(e){mt(e,t,n)}))}(0,9===e.nodeType?e:e.ownerDocument),this._internalRoot=r}function Vu(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Wu(e,t,n,r,l){var i=n._reactRootContainer;if(i){var o=i._internalRoot;if("function"==typeof l){var a=l;l=function(){var e=Lu(o);a.call(e)}}Fu(t,o,e,l)}else{if(i=n._reactRootContainer=function(e,t){if(t||(t=!(!(t=e?9===e.nodeType?e.documentElement:e.firstChild:null)||1!==t.nodeType||!t.hasAttribute("data-reactroot"))),!t)for(var n;n=e.lastChild;)e.removeChild(n);return new Uu(e,0,t?{hydrate:!0}:void 0)}(n,r),o=i._internalRoot,"function"==typeof l){var u=l;l=function(){var e=Lu(o);u.call(e)}}tu((function(){Fu(t,o,e,l)}))}return Lu(o)}function Qu(e,t,n){var r=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:te,key:null==r?null:""+r,children:e,containerInfo:t,implementation:n}}function $u(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Vu(t))throw Error(o(200));return Qu(e,t,null,n)}Uu.prototype.render=function(e){Fu(e,this._internalRoot,null,null)},Uu.prototype.unmount=function(){var e=this._internalRoot,t=e.containerInfo;Fu(null,e,null,(function(){t[Cn]=null}))},ht=function(e){if(13===e.tag){var t=Hl(Ba(),150,100);Ka(e,t),Au(e,t)}},yt=function(e){13===e.tag&&(Ka(e,3),Au(e,3))},gt=function(e){if(13===e.tag){var t=Ba();Ka(e,t=Ha(t,e,null)),Au(e,t)}},P=function(e,t,n){switch(t){case"input":if(Se(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var r=n[t];if(r!==e&&r.form===e.form){var l=On(r);if(!l)throw Error(o(90));ke(r),Se(r,l)}}}break;case"textarea":Re(e,n);break;case"select":null!=(t=n.value)&&Ne(e,!!n.multiple,t,!1)}},M=eu,D=function(e,t,n,r,l){var i=Ea;Ea|=4;try{return Wl(98,e.bind(null,t,n,r,l))}finally{0===(Ea=i)&&ql()}},F=function(){0==(49&Ea)&&(function(){if(null!==Wa){var e=Wa;Wa=null,e.forEach((function(e,t){Du(t,e),Ga(t)})),ql()}}(),hu())},L=function(e,t){var n=Ea;Ea|=2;try{return e(t)}finally{0===(Ea=n)&&ql()}};var qu,Bu,Hu={Events:[Pn,Nn,On,C,E,Ln,function(e){lt(e,Fn)},R,I,Gt,at,hu,{current:!1}]};Bu=(qu={findFiberByHostInstance:_n,bundleType:0,version:"16.13.1",rendererPackageName:"react-dom"}).findFiberByHostInstance,function(e){if("undefined"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var t=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(t.isDisabled||!t.supportsFiber)return!0;try{var n=t.inject(e);ku=function(e){try{t.onCommitFiberRoot(n,e,void 0,64==(64&e.current.effectTag))}catch(e){}},xu=function(e){try{t.onCommitFiberUnmount(n,e)}catch(e){}}}catch(e){}}(l({},qu,{overrideHookState:null,overrideProps:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:X.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=nt(e))?null:e.stateNode},findFiberByHostInstance:function(e){return Bu?Bu(e):null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null})),t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Hu,t.createPortal=$u,t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternalFiber;if(void 0===t){if("function"==typeof e.render)throw Error(o(188));throw Error(o(268,Object.keys(e)))}return e=null===(e=nt(t))?null:e.stateNode},t.flushSync=function(e,t){if(0!=(48&Ea))throw Error(o(187));var n=Ea;Ea|=1;try{return Wl(99,e.bind(null,t))}finally{Ea=n,ql()}},t.hydrate=function(e,t,n){if(!Vu(t))throw Error(o(200));return Wu(null,e,t,!0,n)},t.render=function(e,t,n){if(!Vu(t))throw Error(o(200));return Wu(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Vu(e))throw Error(o(40));return!!e._reactRootContainer&&(tu((function(){Wu(null,null,e,!1,(function(){e._reactRootContainer=null,e[Cn]=null}))})),!0)},t.unstable_batchedUpdates=eu,t.unstable_createPortal=function(e,t){return $u(e,t,2<arguments.length&&void 0!==arguments[2]?arguments[2]:null)},t.unstable_renderSubtreeIntoContainer=function(e,t,n,r){if(!Vu(n))throw Error(o(200));if(null==e||void 0===e._reactInternalFiber)throw Error(o(38));return Wu(e,t,n,!1,r)},t.version="16.13.1"},function(e,t,n){"use strict";e.exports=n(8)},function(e,t,n){"use strict";
23 | /** @license React v0.19.1
24 |  * scheduler.production.min.js
25 |  *
26 |  * Copyright (c) Facebook, Inc. and its affiliates.
27 |  *
28 |  * This source code is licensed under the MIT license found in the
29 |  * LICENSE file in the root directory of this source tree.
30 |  */var r,l,i,o,a;if("undefined"==typeof window||"function"!=typeof MessageChannel){var u=null,c=null,s=function(){if(null!==u)try{var e=t.unstable_now();u(!0,e),u=null}catch(e){throw setTimeout(s,0),e}},f=Date.now();t.unstable_now=function(){return Date.now()-f},r=function(e){null!==u?setTimeout(r,0,e):(u=e,setTimeout(s,0))},l=function(e,t){c=setTimeout(e,t)},i=function(){clearTimeout(c)},o=function(){return!1},a=t.unstable_forceFrameRate=function(){}}else{var d=window.performance,p=window.Date,m=window.setTimeout,h=window.clearTimeout;if("undefined"!=typeof console){var y=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof y&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills")}if("object"==typeof d&&"function"==typeof d.now)t.unstable_now=function(){return d.now()};else{var g=p.now();t.unstable_now=function(){return p.now()-g}}var v=!1,b=null,w=-1,k=5,x=0;o=function(){return t.unstable_now()>=x},a=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported"):k=0<e?Math.floor(1e3/e):5};var E=new MessageChannel,T=E.port2;E.port1.onmessage=function(){if(null!==b){var e=t.unstable_now();x=e+k;try{b(!0,e)?T.postMessage(null):(v=!1,b=null)}catch(e){throw T.postMessage(null),e}}else v=!1},r=function(e){b=e,v||(v=!0,T.postMessage(null))},l=function(e,n){w=m((function(){e(t.unstable_now())}),n)},i=function(){h(w),w=-1}}function S(e,t){var n=e.length;e.push(t);e:for(;;){var r=n-1>>>1,l=e[r];if(!(void 0!==l&&0<P(l,t)))break e;e[r]=t,e[n]=l,n=r}}function C(e){return void 0===(e=e[0])?null:e}function _(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,l=e.length;r<l;){var i=2*(r+1)-1,o=e[i],a=i+1,u=e[a];if(void 0!==o&&0>P(o,n))void 0!==u&&0>P(u,o)?(e[r]=u,e[a]=n,r=a):(e[r]=o,e[i]=n,r=i);else{if(!(void 0!==u&&0>P(u,n)))break e;e[r]=u,e[a]=n,r=a}}}return t}return null}function P(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var N=[],O=[],z=1,R=null,I=3,M=!1,D=!1,F=!1;function L(e){for(var t=C(O);null!==t;){if(null===t.callback)_(O);else{if(!(t.startTime<=e))break;_(O),t.sortIndex=t.expirationTime,S(N,t)}t=C(O)}}function j(e){if(F=!1,L(e),!D)if(null!==C(N))D=!0,r(A);else{var t=C(O);null!==t&&l(j,t.startTime-e)}}function A(e,n){D=!1,F&&(F=!1,i()),M=!0;var r=I;try{for(L(n),R=C(N);null!==R&&(!(R.expirationTime>n)||e&&!o());){var a=R.callback;if(null!==a){R.callback=null,I=R.priorityLevel;var u=a(R.expirationTime<=n);n=t.unstable_now(),"function"==typeof u?R.callback=u:R===C(N)&&_(N),L(n)}else _(N);R=C(N)}if(null!==R)var c=!0;else{var s=C(O);null!==s&&l(j,s.startTime-n),c=!1}return c}finally{R=null,I=r,M=!1}}function U(e){switch(e){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1e4;default:return 5e3}}var V=a;t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){D||M||(D=!0,r(A))},t.unstable_getCurrentPriorityLevel=function(){return I},t.unstable_getFirstCallbackNode=function(){return C(N)},t.unstable_next=function(e){switch(I){case 1:case 2:case 3:var t=3;break;default:t=I}var n=I;I=t;try{return e()}finally{I=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=V,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=I;I=e;try{return t()}finally{I=n}},t.unstable_scheduleCallback=function(e,n,o){var a=t.unstable_now();if("object"==typeof o&&null!==o){var u=o.delay;u="number"==typeof u&&0<u?a+u:a,o="number"==typeof o.timeout?o.timeout:U(e)}else o=U(e),u=a;return e={id:z++,callback:n,priorityLevel:e,startTime:u,expirationTime:o=u+o,sortIndex:-1},u>a?(e.sortIndex=u,S(O,e),null===C(N)&&e===C(O)&&(F?i():F=!0,l(j,u-a))):(e.sortIndex=o,S(N,e),D||M||(D=!0,r(A))),e},t.unstable_shouldYield=function(){var e=t.unstable_now();L(e);var n=C(N);return n!==R&&null!==R&&null!==n&&null!==n.callback&&n.startTime<=e&&n.expirationTime<R.expirationTime||o()},t.unstable_wrapCallback=function(e){var t=I;return function(){var n=I;I=t;try{return e.apply(this,arguments)}finally{I=n}}}},function(e,t,n){"use strict";var r=n(10);function l(){}function i(){}i.resetWarningCache=l,e.exports=function(){function e(e,t,n,l,i,o){if(o!==r){var a=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 a.name="Invariant Violation",a}}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,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:l};return 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.r(t);var r=n(1),l=n.n(r),i=n(2),o=n.n(i),a=n(0),u=n.n(a);function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(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)}}function f(e,t){return!t||"object"!==c(t)&&"function"!=typeof t?d(e):t}function d(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function m(e){return(m=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var y=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(a,e);var t,n,r,i,o=(t=a,function(){var e,n=m(t);if(p()){var r=m(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return f(this,e)});function a(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,a),(e=o.call(this))._handleClick=e._handleClick.bind(d(e)),e}return n=a,(r=[{key:"_handleClick",value:function(){this.props.onClick&&this.props.onClick()}},{key:"render",value:function(){var e=this.props,t=e.size/2,n=(e.size+.4*e.size)/2,r=e.zoomImage.width/e.smallImage.width,i=e.zoomImage.height/e.smallImage.height,o=-(e.offsetX*r-n),a=-(e.offsetY*i-t),u=e.offsetY<e.smallImage.height&&e.offsetX<e.smallImage.width&&e.offsetY>0&&e.offsetX>0;return l.a.createElement("div",{className:"cursor-zoom-magnifier-container",style:{position:"absolute",display:u?"block":"none",top:e.y,left:e.x,width:e.size+.4*e.size,height:e.size,marginLeft:-n+e.cursorOffset.x,marginTop:-t+e.cursorOffset.y,backgroundColor:"white",boxShadow:"1px 1px 6px rgba(0,0,0,0.3)",zIndex:9999}},e.pointerStyle&&l.a.createElement("div",{className:"cursor-zoom-pointer",style:e.pointerStyle}),l.a.createElement("div",{className:"cursor-zoom-magnifier",style:{width:e.size+.4*e.size,height:e.size,backgroundImage:"url("+e.zoomImage.src+")",backgroundRepeat:"no-repeat",backgroundPosition:o+"px "+a+"px",border:e.borderSize+" solid "+e.borderColor},onClick:this._handleClick}))}}])&&s(n.prototype,r),i&&s(n,i),a}(l.a.Component);y.displayName="CursorZoom",y.propTypes={size:u.a.number.isRequired,x:u.a.number.isRequired,y:u.a.number.isRequired,offsetX:u.a.number.isRequired,offsetY:u.a.number.isRequired,cursorOffset:u.a.shape({x:u.a.number.isRequired,y:u.a.number.isRequired}).isRequired,borderSize:u.a.string,borderColor:u.a.string,pointerStyle:u.a.object,smallImage:u.a.shape({src:u.a.string.isRequired,width:u.a.number.isRequired,height:u.a.number.isRequired}).isRequired,zoomImage:u.a.shape({src:u.a.string.isRequired,width:u.a.number.isRequired,height:u.a.number.isRequired}).isRequired,onClick:u.a.func};var g=y;function v(e){return(v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function b(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)}}function w(e,t){return!t||"object"!==v(t)&&"function"!=typeof t?k(e):t}function k(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function x(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function T(e,t){return(T=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var S=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e};var C=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&T(e,t)}(u,e);var t,n,r,i,a=(t=u,function(){var e,n=E(t);if(x()){var r=E(this).constructor;e=Reflect.construct(n,arguments,r)}else e=n.apply(this,arguments);return w(this,e)});function u(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,u),(e=a.call(this)).state={x:0,y:0,offsetX:-1,offsetY:-1},e._onMouseMove=e._onMouseMove.bind(k(e)),e.setState=e.setState.bind(k(e)),e._handleClick=e._handleClick.bind(k(e)),e}return n=u,(r=[{key:"componentDidMount",value:function(){document.addEventListener("mousemove",this._onMouseMove),this.portalElement||(this.portalElement=document.createElement("div"),document.body.appendChild(this.portalElement)),this.componentDidUpdate()}},{key:"componentWillUnmount",value:function(){document.removeEventListener("mousemove",this._onMouseMove),document.body.removeChild(this.portalElement),this.portalElement=null}},{key:"componentDidUpdate",value:function(){o.a.render(l.a.createElement(g,S({size:this.props.size,smallImage:this.props.image,zoomImage:this.props.zoomImage,cursorOffset:this.props.cursorOffset,borderSize:this.props.borderSize,borderColor:this.props.borderColor,pointerStyle:this.props.pointerStyle,onClick:this._handleClick},this.state)),this.portalElement)}},{key:"_onMouseMove",value:function(e){var t=function(e){for(var t=0,n=0;e&&!isNaN(e.offsetLeft)&&!isNaN(e.offsetTop);)t+=e.offsetLeft-("BODY"===e.tagName?window.pageXOffset:e.scrollLeft),n+=e.offsetTop-("BODY"===e.tagName?window.pageYOffset:e.scrollTop),e=e.offsetParent;return{x:t,y:n}}(this.refs.image),n=void 0!==window.pageXOffset?window.pageXOffset:(document.documentElement||document.body.parentNode||document.body).scrollLeft,r=void 0!==window.pageYOffset?window.pageYOffset:(document.documentElement||document.body.parentNode||document.body).scrollTop;this.setState({x:e.clientX+n,y:e.clientY+r,offsetX:e.clientX-t.x,offsetY:e.clientY-t.y})}},{key:"_handleClick",value:function(){this.props.onClick&&this.props.onClick()}},{key:"render",value:function(){return l.a.createElement("img",{ref:"image",width:this.props.image.width,height:this.props.image.height,src:this.props.image.src,style:this.props.image.style})}}])&&b(n.prototype,r),i&&b(n,i),u}(l.a.Component);C.displayName="CursorZoom",C.propTypes={size:u.a.number,borderSize:u.a.string,borderColor:u.a.string,pointerStyle:u.a.object,cursorOffset:u.a.shape({x:u.a.number.isRequired,y:u.a.number.isRequired}),image:u.a.shape({src:u.a.string.isRequired,width:u.a.number.isRequired,height:u.a.number.isRequired}).isRequired,zoomImage:u.a.shape({src:u.a.string.isRequired,width:u.a.number.isRequired,height:u.a.number.isRequired}).isRequired,onClick:u.a.func},C.defaultProps={size:200,cursorOffset:{x:0,y:0}},C.portalElement=null;var _=C,P=function(){return l.a.createElement("div",null,l.a.createElement(_,{size:100,image:{src:"img/cat-small.jpg",width:400,height:300},zoomImage:{src:"img/cat-large.jpg",width:1024,height:768},borderColor:"white",borderSize:"5px",cursorOffset:{x:100,y:-20},pointerStyle:{width:0,height:0,borderStyle:"solid",borderWidth:"13.5px 23.4px 13.5px 0",borderColor:"transparent white transparent transparent",position:"absolute",left:"-18px",bottom:"10px"}}),l.a.createElement(_,{image:{src:"img/beach-small.jpg",width:400,height:300},zoomImage:{src:"img/beach-large.jpg",width:1600,height:1200},cursorOffset:{x:80,y:-80}}),l.a.createElement(_,{image:{src:"img/fall-small.jpg",width:400,height:250},zoomImage:{src:"img/fall-large.jpg",width:1920,height:1200}}))};o.a.render(l.a.createElement(P,null),document.getElementById("demo"))}]);


--------------------------------------------------------------------------------
/docs/img/beach-large.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CarMax/react-cursor-zoom/f54d3ffc3c91181449e639f03f2356c8bf8190f2/docs/img/beach-large.jpg


--------------------------------------------------------------------------------
/docs/img/beach-small.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CarMax/react-cursor-zoom/f54d3ffc3c91181449e639f03f2356c8bf8190f2/docs/img/beach-small.jpg


--------------------------------------------------------------------------------
/docs/img/cat-large.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CarMax/react-cursor-zoom/f54d3ffc3c91181449e639f03f2356c8bf8190f2/docs/img/cat-large.jpg


--------------------------------------------------------------------------------
/docs/img/cat-small.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CarMax/react-cursor-zoom/f54d3ffc3c91181449e639f03f2356c8bf8190f2/docs/img/cat-small.jpg


--------------------------------------------------------------------------------
/docs/img/fall-large.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CarMax/react-cursor-zoom/f54d3ffc3c91181449e639f03f2356c8bf8190f2/docs/img/fall-large.jpg


--------------------------------------------------------------------------------
/docs/img/fall-small.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/CarMax/react-cursor-zoom/f54d3ffc3c91181449e639f03f2356c8bf8190f2/docs/img/fall-small.jpg


--------------------------------------------------------------------------------
/docs/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | <head lang="en">
 5 |     <meta charset="UTF-8">
 6 |     <title>React Cursor Zoom</title>
 7 | 
 8 | </head>
 9 | 
10 | <body>
11 |     <div id="demo"></div>
12 | 
13 |     <script src="app.js"></script>
14 | 
15 | </body>
16 | 
17 | </html>


--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 | module.exports = require('./lib/cursor-zoom.js');


--------------------------------------------------------------------------------
/jest.setup.js:
--------------------------------------------------------------------------------
1 | const Enzyme = require("enzyme");
2 | const Adapter = require("enzyme-adapter-react-16");
3 | 
4 | Enzyme.configure({ adapter: new Adapter() });
5 | 


--------------------------------------------------------------------------------
/lib/cursor-zoom.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | Object.defineProperty(exports, "__esModule", {
  4 |   value: true
  5 | });
  6 | exports["default"] = void 0;
  7 | 
  8 | var _react = _interopRequireDefault(require("react"));
  9 | 
 10 | var _reactDom = _interopRequireDefault(require("react-dom"));
 11 | 
 12 | var _propTypes = _interopRequireDefault(require("prop-types"));
 13 | 
 14 | var _magnifier = _interopRequireDefault(require("./magnifier"));
 15 | 
 16 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 17 | 
 18 | function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 19 | 
 20 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 21 | 
 22 | function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 23 | 
 24 | function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 25 | 
 26 | function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 27 | 
 28 | function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 29 | 
 30 | function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 31 | 
 32 | function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 33 | 
 34 | function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 35 | 
 36 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 37 | 
 38 | function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 39 | 
 40 | var _extends = Object.assign || function (target) {
 41 |   for (var i = 1; i < arguments.length; i++) {
 42 |     var source = arguments[i];
 43 | 
 44 |     for (var key in source) {
 45 |       if (Object.prototype.hasOwnProperty.call(source, key)) {
 46 |         target[key] = source[key];
 47 |       }
 48 |     }
 49 |   }
 50 | 
 51 |   return target;
 52 | };
 53 | 
 54 | function getOffset(el) {
 55 |   var x = 0;
 56 |   var y = 0;
 57 | 
 58 |   while (el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) {
 59 |     // FF & IE don't support body's scrollTop - use window instead
 60 |     x += el.offsetLeft - (el.tagName === "BODY" ? window.pageXOffset : el.scrollLeft);
 61 |     y += el.offsetTop - (el.tagName === "BODY" ? window.pageYOffset : el.scrollTop);
 62 |     el = el.offsetParent;
 63 |   }
 64 | 
 65 |   return {
 66 |     x: x,
 67 |     y: y
 68 |   };
 69 | }
 70 | 
 71 | var CursorZoom = /*#__PURE__*/function (_React$Component) {
 72 |   _inherits(CursorZoom, _React$Component);
 73 | 
 74 |   var _super = _createSuper(CursorZoom);
 75 | 
 76 |   function CursorZoom() {
 77 |     var _this;
 78 | 
 79 |     _classCallCheck(this, CursorZoom);
 80 | 
 81 |     _this = _super.call(this);
 82 |     _this.state = {
 83 |       x: 0,
 84 |       y: 0,
 85 |       offsetX: -1,
 86 |       offsetY: -1
 87 |     };
 88 |     _this._onMouseMove = _this._onMouseMove.bind(_assertThisInitialized(_this));
 89 |     _this.setState = _this.setState.bind(_assertThisInitialized(_this));
 90 |     _this._handleClick = _this._handleClick.bind(_assertThisInitialized(_this));
 91 |     return _this;
 92 |   }
 93 | 
 94 |   _createClass(CursorZoom, [{
 95 |     key: "componentDidMount",
 96 |     value: function componentDidMount() {
 97 |       document.addEventListener("mousemove", this._onMouseMove);
 98 | 
 99 |       if (!this.portalElement) {
100 |         this.portalElement = document.createElement("div");
101 |         document.body.appendChild(this.portalElement);
102 |       }
103 | 
104 |       this.componentDidUpdate();
105 |     }
106 |   }, {
107 |     key: "componentWillUnmount",
108 |     value: function componentWillUnmount() {
109 |       document.removeEventListener("mousemove", this._onMouseMove);
110 |       document.body.removeChild(this.portalElement);
111 |       this.portalElement = null;
112 |     }
113 |   }, {
114 |     key: "componentDidUpdate",
115 |     value: function componentDidUpdate() {
116 |       _reactDom["default"].render(_react["default"].createElement(_magnifier["default"], _extends({
117 |         size: this.props.size,
118 |         smallImage: this.props.image,
119 |         zoomImage: this.props.zoomImage,
120 |         cursorOffset: this.props.cursorOffset,
121 |         borderSize: this.props.borderSize,
122 |         borderColor: this.props.borderColor,
123 |         pointerStyle: this.props.pointerStyle,
124 |         onClick: this._handleClick
125 |       }, this.state)), this.portalElement);
126 |     }
127 |   }, {
128 |     key: "_onMouseMove",
129 |     value: function _onMouseMove(e) {
130 |       var offset = getOffset(this.refs.image);
131 |       var scrollX = window.pageXOffset !== undefined ? window.pageXOffset : (document.documentElement || document.body.parentNode || document.body).scrollLeft;
132 |       var scrollY = window.pageYOffset !== undefined ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;
133 |       this.setState({
134 |         x: e.clientX + scrollX,
135 |         //(window.scrollX || window.pageXOffset),
136 |         y: e.clientY + scrollY,
137 |         //(window.scrollY || window.pageYOffset),
138 |         offsetX: e.clientX - offset.x,
139 |         offsetY: e.clientY - offset.y
140 |       });
141 |     }
142 |   }, {
143 |     key: "_handleClick",
144 |     value: function _handleClick() {
145 |       if (this.props.onClick) {
146 |         this.props.onClick();
147 |       }
148 |     }
149 |   }, {
150 |     key: "render",
151 |     value: function render() {
152 |       return /*#__PURE__*/_react["default"].createElement("img", {
153 |         ref: "image",
154 |         width: this.props.image.width,
155 |         height: this.props.image.height,
156 |         src: this.props.image.src,
157 |         style: this.props.image.style
158 |       });
159 |     }
160 |   }]);
161 | 
162 |   return CursorZoom;
163 | }(_react["default"].Component);
164 | 
165 | CursorZoom.displayName = "CursorZoom";
166 | CursorZoom.propTypes = {
167 |   // the size of the magnifier window
168 |   size: _propTypes["default"].number,
169 |   // the offset of the zoom bubble from the cursor
170 |   borderSize: _propTypes["default"].string,
171 |   borderColor: _propTypes["default"].string,
172 |   // show a triangle pointer next to cursor (useful with offset)
173 |   pointerStyle: _propTypes["default"].object,
174 |   cursorOffset: _propTypes["default"].shape({
175 |     x: _propTypes["default"].number.isRequired,
176 |     y: _propTypes["default"].number.isRequired
177 |   }),
178 |   // the size of the non-zoomed-in image
179 |   image: _propTypes["default"].shape({
180 |     src: _propTypes["default"].string.isRequired,
181 |     width: _propTypes["default"].number.isRequired,
182 |     height: _propTypes["default"].number.isRequired
183 |   }).isRequired,
184 |   // the size of the zoomed-in image
185 |   zoomImage: _propTypes["default"].shape({
186 |     src: _propTypes["default"].string.isRequired,
187 |     width: _propTypes["default"].number.isRequired,
188 |     height: _propTypes["default"].number.isRequired
189 |   }).isRequired,
190 |   onClick: _propTypes["default"].func
191 | };
192 | CursorZoom.defaultProps = {
193 |   size: 200,
194 |   cursorOffset: {
195 |     x: 0,
196 |     y: 0
197 |   }
198 | };
199 | CursorZoom.portalElement = null;
200 | var _default = CursorZoom;
201 | exports["default"] = _default;


--------------------------------------------------------------------------------
/lib/magnifier.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | Object.defineProperty(exports, "__esModule", {
  4 |   value: true
  5 | });
  6 | exports["default"] = void 0;
  7 | 
  8 | var _react = _interopRequireDefault(require("react"));
  9 | 
 10 | var _propTypes = _interopRequireDefault(require("prop-types"));
 11 | 
 12 | function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 13 | 
 14 | function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
 15 | 
 16 | function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 17 | 
 18 | function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
 19 | 
 20 | function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
 21 | 
 22 | function _createSuper(Derived) { return function () { var Super = _getPrototypeOf(Derived), result; if (_isNativeReflectConstruct()) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 23 | 
 24 | function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
 25 | 
 26 | function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 27 | 
 28 | function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
 29 | 
 30 | function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 31 | 
 32 | function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
 33 | 
 34 | function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 35 | 
 36 | var Magnifier = /*#__PURE__*/function (_React$Component) {
 37 |   _inherits(Magnifier, _React$Component);
 38 | 
 39 |   var _super = _createSuper(Magnifier);
 40 | 
 41 |   function Magnifier() {
 42 |     var _this;
 43 | 
 44 |     _classCallCheck(this, Magnifier);
 45 | 
 46 |     _this = _super.call(this);
 47 |     _this._handleClick = _this._handleClick.bind(_assertThisInitialized(_this));
 48 |     return _this;
 49 |   }
 50 | 
 51 |   _createClass(Magnifier, [{
 52 |     key: "_handleClick",
 53 |     value: function _handleClick() {
 54 |       if (this.props.onClick) {
 55 |         this.props.onClick();
 56 |       }
 57 |     }
 58 |   }, {
 59 |     key: "render",
 60 |     value: function render() {
 61 |       var props = this.props;
 62 |       var halfSizeY = props.size / 2;
 63 |       var halfSizeX = (props.size + props.size * .4) / 2;
 64 |       var magX = props.zoomImage.width / props.smallImage.width;
 65 |       var magY = props.zoomImage.height / props.smallImage.height;
 66 |       var bgX = -(props.offsetX * magX - halfSizeX);
 67 |       var bgY = -(props.offsetY * magY - halfSizeY);
 68 |       var isVisible = props.offsetY < props.smallImage.height && props.offsetX < props.smallImage.width && props.offsetY > 0 && props.offsetX > 0;
 69 |       return /*#__PURE__*/_react["default"].createElement("div", {
 70 |         className: 'cursor-zoom-magnifier-container',
 71 |         style: {
 72 |           position: 'absolute',
 73 |           display: isVisible ? 'block' : 'none',
 74 |           top: props.y,
 75 |           left: props.x,
 76 |           width: props.size + props.size * .4,
 77 |           height: props.size,
 78 |           marginLeft: -halfSizeX + props.cursorOffset.x,
 79 |           marginTop: -halfSizeY + props.cursorOffset.y,
 80 |           backgroundColor: 'white',
 81 |           boxShadow: '1px 1px 6px rgba(0,0,0,0.3)',
 82 |           zIndex: 9999
 83 |         }
 84 |       }, props.pointerStyle && /*#__PURE__*/_react["default"].createElement("div", {
 85 |         className: 'cursor-zoom-pointer',
 86 |         style: props.pointerStyle
 87 |       }), /*#__PURE__*/_react["default"].createElement("div", {
 88 |         className: 'cursor-zoom-magnifier',
 89 |         style: {
 90 |           width: props.size + props.size * .4,
 91 |           height: props.size,
 92 |           backgroundImage: 'url(' + props.zoomImage.src + ')',
 93 |           backgroundRepeat: 'no-repeat',
 94 |           backgroundPosition: bgX + 'px ' + bgY + 'px',
 95 |           border: props.borderSize + ' solid ' + props.borderColor
 96 |         },
 97 |         onClick: this._handleClick
 98 |       }));
 99 |     }
100 |   }]);
101 | 
102 |   return Magnifier;
103 | }(_react["default"].Component);
104 | 
105 | Magnifier.displayName = 'CursorZoom';
106 | Magnifier.propTypes = {
107 |   // the size of the magnifier window
108 |   size: _propTypes["default"].number.isRequired,
109 |   // x position on screen
110 |   x: _propTypes["default"].number.isRequired,
111 |   // y position on screen
112 |   y: _propTypes["default"].number.isRequired,
113 |   // x position relative to the image
114 |   offsetX: _propTypes["default"].number.isRequired,
115 |   // y position relative to the image
116 |   offsetY: _propTypes["default"].number.isRequired,
117 |   // the offset of the zoom bubble from the cursor
118 |   cursorOffset: _propTypes["default"].shape({
119 |     x: _propTypes["default"].number.isRequired,
120 |     y: _propTypes["default"].number.isRequired
121 |   }).isRequired,
122 |   borderSize: _propTypes["default"].string,
123 |   borderColor: _propTypes["default"].string,
124 |   // show a triangle pointer next to cursor (useful with offset)
125 |   pointerStyle: _propTypes["default"].object,
126 |   // the size of the non-zoomed-in image
127 |   smallImage: _propTypes["default"].shape({
128 |     src: _propTypes["default"].string.isRequired,
129 |     width: _propTypes["default"].number.isRequired,
130 |     height: _propTypes["default"].number.isRequired
131 |   }).isRequired,
132 |   // the size of the zoomed-in image
133 |   zoomImage: _propTypes["default"].shape({
134 |     src: _propTypes["default"].string.isRequired,
135 |     width: _propTypes["default"].number.isRequired,
136 |     height: _propTypes["default"].number.isRequired
137 |   }).isRequired,
138 |   onClick: _propTypes["default"].func
139 | };
140 | var _default = Magnifier;
141 | exports["default"] = _default;


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-cursor-zoom",
 3 |   "version": "1.3.0",
 4 |   "description": "A react component that uses a high-res source image to produce a zoom window on mouse hover",
 5 |   "main": "index.js",
 6 |   "scripts": {
 7 |     "test": "jest",
 8 |     "build": "webpack",
 9 |     "dev": "webpack --watch",
10 |     "build-lib": "babel src --out-dir lib --ignore src/app.js,src/demo.jsx"
11 |   },
12 |   "repository": {
13 |     "type": "git",
14 |     "url": "https://github.com/CarMax/react-cursor-zoom.git"
15 |   },
16 |   "keywords": [
17 |     "react",
18 |     "react-component",
19 |     "image",
20 |     "cursor",
21 |     "magnifier",
22 |     "zoom"
23 |   ],
24 |   "author": "CarMax",
25 |   "license": "MIT",
26 |   "peerDependencies": {
27 |     "react": "15.x || 16.x",
28 |     "react-dom": "15.x || 16.x"
29 |   },
30 |   "jest": {
31 |     "testRegex": "(/test/.*|\\.(test|spec))\\.(js|json|jsx)$",
32 |     "setupFiles": [
33 |       "<rootDir>/jest.setup.js"
34 |     ]
35 |   },
36 |   "babel": {
37 |     "presets": [
38 |       "@babel/preset-env",
39 |       "@babel/preset-react"
40 |     ]
41 |   },
42 |   "devDependencies": {
43 |     "@babel/cli": "^7.8.4",
44 |     "@babel/core": "^7.9.0",
45 |     "@babel/preset-env": "^7.9.0",
46 |     "@babel/preset-react": "^7.9.4",
47 |     "babel-jest": "^24.9.0",
48 |     "babel-loader": "^8.1.0",
49 |     "enzyme": "^3.11.0",
50 |     "enzyme-adapter-react-16": "^1.15.2",
51 |     "jest": "^24.9.0",
52 |     "prop-types": "^15.7.2",
53 |     "react": "^16.13.1",
54 |     "react-dom": "^16.13.1",
55 |     "webpack": "^4.42.1",
56 |     "webpack-cli": "^3.3.11"
57 |   }
58 | }
59 | 


--------------------------------------------------------------------------------
/readme.md:
--------------------------------------------------------------------------------
 1 | # react-cursor-zoom 
 2 | [![Build Status](https://travis-ci.org/CarMax/react-cursor-zoom.svg?branch=master)](https://travis-ci.org/CarMax/react-cursor-zoom)
 3 | 
 4 | A react component that uses a high-res source image to produce a zoom window on mouse hover
 5 | 
 6 | Based on [lelandrichardson/react-image-magnifier](https://github.com/lelandrichardson/react-image-magnifier)
 7 | 
 8 | ## Demo
 9 | 
10 | [Here](http://carmax.github.io/react-cursor-zoom/)
11 | 
12 | ## Installation
13 | 
14 | `npm install react-cursor-zoom --save`
15 | 
16 | ## Usage
17 | 
18 | 
19 | ```jsx
20 | import CursorZoom from 'react-cursor-zoom';
21 | 
22 | var App = React.createClass({
23 |     render: function() {
24 |         return (
25 |             <CursorZoom
26 |                 image={{
27 |                     src: "img/beach-small.jpg",
28 |                     width: 400,
29 |                     height: 300
30 |                 }}
31 |                 zoomImage={{
32 |                     src: "img/beach-large.jpg",
33 |                     width: 1600,
34 |                     height: 1200
35 |                 }}
36 |                 cursorOffset={{ x: 80, y: -80 }}
37 |             />
38 |         );
39 |     }
40 | });
41 | ```
42 | 
43 | ## API
44 | 
45 | ### image
46 | 
47 | > Required
48 | 
49 | `{ src, width, height }`
50 | 
51 | The inline image that will be used as a reference for cursor zoom
52 | 
53 | ### zoomImage
54 | 
55 | > Required
56 | 
57 | `{ src, width, height }`
58 | 
59 | The high-res image to be used on hover
60 | 
61 | ### cursorOffset
62 | 
63 | > Optional : default `{ x: 0, y: 0 }`
64 | 
65 |  `{ x: 0, y: 0 }` or `{ x, y }`
66 | 
67 | ### size
68 | 
69 | > Optional : default `200`
70 | 
71 | `Number`
72 | 
73 | The size of the zoom window
74 | 


--------------------------------------------------------------------------------
/src/app.js:
--------------------------------------------------------------------------------
1 | require("./demo.jsx");
2 | 


--------------------------------------------------------------------------------
/src/cursor-zoom.jsx:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import ReactDOM from "react-dom";
  3 | import PropTypes from "prop-types";
  4 | import Magnifier from "./magnifier";
  5 | 
  6 | var _extends =
  7 |   Object.assign ||
  8 |   function(target) {
  9 |     for (var i = 1; i < arguments.length; i++) {
 10 |       var source = arguments[i];
 11 |       for (var key in source) {
 12 |         if (Object.prototype.hasOwnProperty.call(source, key)) {
 13 |           target[key] = source[key];
 14 |         }
 15 |       }
 16 |     }
 17 |     return target;
 18 |   };
 19 | 
 20 | function getOffset(el) {
 21 |   var x = 0;
 22 |   var y = 0;
 23 | 
 24 |   while (el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) {
 25 |     // FF & IE don't support body's scrollTop - use window instead
 26 |     x +=
 27 |       el.offsetLeft -
 28 |       (el.tagName === "BODY" ? window.pageXOffset : el.scrollLeft);
 29 |     y +=
 30 |       el.offsetTop -
 31 |       (el.tagName === "BODY" ? window.pageYOffset : el.scrollTop);
 32 |     el = el.offsetParent;
 33 |   }
 34 | 
 35 |   return { x: x, y: y };
 36 | }
 37 | 
 38 | class CursorZoom extends React.Component {
 39 |   constructor() {
 40 |     super();
 41 |     this.state = {
 42 |       x: 0,
 43 |       y: 0,
 44 |       offsetX: -1,
 45 |       offsetY: -1
 46 |     };
 47 |     this._onMouseMove = this._onMouseMove.bind(this);
 48 |     this.setState = this.setState.bind(this);
 49 |     this._handleClick = this._handleClick.bind(this);
 50 |   }
 51 |   componentDidMount() {
 52 |     document.addEventListener("mousemove", this._onMouseMove);
 53 |     if (!this.portalElement) {
 54 |       this.portalElement = document.createElement("div");
 55 |       document.body.appendChild(this.portalElement);
 56 |     }
 57 |     this.componentDidUpdate();
 58 |   }
 59 |   componentWillUnmount() {
 60 |     document.removeEventListener("mousemove", this._onMouseMove);
 61 |     document.body.removeChild(this.portalElement);
 62 |     this.portalElement = null;
 63 |   }
 64 |   componentDidUpdate() {
 65 |     ReactDOM.render(
 66 |       React.createElement(
 67 |         Magnifier,
 68 |         _extends(
 69 |           {
 70 |             size: this.props.size,
 71 |             smallImage: this.props.image,
 72 |             zoomImage: this.props.zoomImage,
 73 |             cursorOffset: this.props.cursorOffset,
 74 |             borderSize: this.props.borderSize,
 75 |             borderColor: this.props.borderColor,
 76 |             pointerStyle: this.props.pointerStyle,
 77 |             onClick: this._handleClick
 78 |           },
 79 |           this.state
 80 |         )
 81 |       ),
 82 |       this.portalElement
 83 |     );
 84 |   }
 85 |   _onMouseMove(e) {
 86 |     var offset = getOffset(this.refs.image);
 87 | 
 88 |     var scrollX =
 89 |       window.pageXOffset !== undefined
 90 |         ? window.pageXOffset
 91 |         : (
 92 |             document.documentElement ||
 93 |             document.body.parentNode ||
 94 |             document.body
 95 |           ).scrollLeft;
 96 |     var scrollY =
 97 |       window.pageYOffset !== undefined
 98 |         ? window.pageYOffset
 99 |         : (
100 |             document.documentElement ||
101 |             document.body.parentNode ||
102 |             document.body
103 |           ).scrollTop;
104 | 
105 |     this.setState({
106 |       x: e.clientX + scrollX, //(window.scrollX || window.pageXOffset),
107 |       y: e.clientY + scrollY, //(window.scrollY || window.pageYOffset),
108 |       offsetX: e.clientX - offset.x,
109 |       offsetY: e.clientY - offset.y
110 |     });
111 |   }
112 |   _handleClick() {
113 |     if (this.props.onClick) {
114 |       this.props.onClick();
115 |     }
116 |   }
117 |   render() {
118 |     return (
119 |       <img
120 |         ref="image"
121 |         width={this.props.image.width}
122 |         height={this.props.image.height}
123 |         src={this.props.image.src}
124 |         style={this.props.image.style}
125 |       />
126 |     );
127 |   }
128 | }
129 | 
130 | CursorZoom.displayName = "CursorZoom";
131 | 
132 | CursorZoom.propTypes = {
133 |   // the size of the magnifier window
134 |   size: PropTypes.number,
135 |   // the offset of the zoom bubble from the cursor
136 |   borderSize: PropTypes.string,
137 |   borderColor: PropTypes.string,
138 |   // show a triangle pointer next to cursor (useful with offset)
139 |   pointerStyle: PropTypes.object,
140 |   cursorOffset: PropTypes.shape({
141 |     x: PropTypes.number.isRequired,
142 |     y: PropTypes.number.isRequired
143 |   }),
144 |   // the size of the non-zoomed-in image
145 |   image: PropTypes.shape({
146 |     src: PropTypes.string.isRequired,
147 |     width: PropTypes.number.isRequired,
148 |     height: PropTypes.number.isRequired
149 |   }).isRequired,
150 |   // the size of the zoomed-in image
151 |   zoomImage: PropTypes.shape({
152 |     src: PropTypes.string.isRequired,
153 |     width: PropTypes.number.isRequired,
154 |     height: PropTypes.number.isRequired
155 |   }).isRequired,
156 |   onClick: PropTypes.func
157 | };
158 | 
159 | CursorZoom.defaultProps = {
160 |   size: 200,
161 |   cursorOffset: { x: 0, y: 0 }
162 | };
163 | 
164 | CursorZoom.portalElement = null;
165 | 
166 | export default CursorZoom;
167 | 


--------------------------------------------------------------------------------
/src/demo.jsx:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import ReactDOM from "react-dom";
 3 | import CursorZoom from "./cursor-zoom.jsx";
 4 | 
 5 | const Demo = () => (
 6 |   <div>
 7 |     <CursorZoom
 8 |       size={100}
 9 |       image={{
10 |         src: "img/cat-small.jpg",
11 |         width: 400,
12 |         height: 300
13 |       }}
14 |       zoomImage={{
15 |         src: "img/cat-large.jpg",
16 |         width: 1024,
17 |         height: 768
18 |       }}
19 |       borderColor="white"
20 |       borderSize="5px"
21 |       cursorOffset={{
22 |         x: 100,
23 |         y: -20
24 |       }}
25 |       pointerStyle={{
26 |         width: 0,
27 |         height: 0,
28 |         borderStyle: "solid",
29 |         borderWidth: "13.5px 23.4px 13.5px 0",
30 |         borderColor: "transparent white transparent transparent",
31 |         position: "absolute",
32 |         left: "-18px",
33 |         bottom: "10px"
34 |       }}
35 |     />
36 |     <CursorZoom
37 |       image={{
38 |         src: "img/beach-small.jpg",
39 |         width: 400,
40 |         height: 300
41 |       }}
42 |       zoomImage={{
43 |         src: "img/beach-large.jpg",
44 |         width: 1600,
45 |         height: 1200
46 |       }}
47 |       cursorOffset={{ x: 80, y: -80 }}
48 |     />
49 |     <CursorZoom
50 |       image={{
51 |         src: "img/fall-small.jpg",
52 |         width: 400,
53 |         height: 250
54 |       }}
55 |       zoomImage={{
56 |         src: "img/fall-large.jpg",
57 |         width: 1920,
58 |         height: 1200
59 |       }}
60 |     />
61 |   </div>
62 | );
63 | 
64 | ReactDOM.render(<Demo />, document.getElementById("demo"));
65 | 


--------------------------------------------------------------------------------
/src/magnifier.jsx:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import PropTypes from 'prop-types';
 3 | 
 4 | class Magnifier extends React.Component {
 5 |     constructor() {
 6 |         super();
 7 |         this._handleClick = this._handleClick.bind(this);
 8 |     }
 9 |     _handleClick() {
10 |         if (this.props.onClick) {
11 |             this.props.onClick();
12 |         }
13 |     }
14 |     render() {
15 |         var props = this.props;
16 |         var halfSizeY = props.size / 2;
17 |         var halfSizeX = (props.size + (props.size * .4)) / 2;
18 |         var magX = props.zoomImage.width / props.smallImage.width;
19 |         var magY = props.zoomImage.height / props.smallImage.height;
20 |         var bgX = -(props.offsetX * magX - halfSizeX);
21 |         var bgY = -(props.offsetY * magY - halfSizeY);
22 |         var isVisible = props.offsetY < props.smallImage.height && props.offsetX < props.smallImage.width && props.offsetY > 0 && props.offsetX > 0;
23 | 
24 |         return (<div
25 |                     className={'cursor-zoom-magnifier-container'}
26 |                     style={{
27 |                         position: 'absolute',
28 |                         display: isVisible ? 'block' : 'none',
29 |                         top: props.y,
30 |                         left: props.x,
31 |                         width: props.size + (props.size * .4),
32 |                         height: props.size,
33 |                         marginLeft: -halfSizeX + props.cursorOffset.x,
34 |                         marginTop: -halfSizeY + props.cursorOffset.y,
35 |                         backgroundColor: 'white',
36 |                         boxShadow: '1px 1px 6px rgba(0,0,0,0.3)',
37 |                         zIndex: 9999
38 |                     }}
39 |                 >
40 |                     { props.pointerStyle && <div
41 |                         className={'cursor-zoom-pointer'}
42 |                         style={props.pointerStyle}
43 |                     /> }
44 |                     <div
45 |                         className={'cursor-zoom-magnifier'}
46 |                         style={{
47 |                             width: props.size + (props.size * .4),
48 |                             height: props.size,
49 |                             backgroundImage: 'url(' + props.zoomImage.src + ')',
50 |                             backgroundRepeat: 'no-repeat',
51 |                             backgroundPosition: bgX + 'px ' + bgY + 'px',
52 |                             border: props.borderSize + ' solid ' + props.borderColor
53 |                         }}
54 |                         onClick={this._handleClick}
55 |                     />
56 |             </div>
57 |         );
58 |     }
59 | }
60 | 
61 | Magnifier.displayName = 'CursorZoom';
62 | 
63 | Magnifier.propTypes = {
64 |     // the size of the magnifier window
65 |     size: PropTypes.number.isRequired,
66 |     // x position on screen
67 |     x: PropTypes.number.isRequired,
68 |     // y position on screen
69 |     y: PropTypes.number.isRequired,
70 |     // x position relative to the image
71 |     offsetX: PropTypes.number.isRequired,
72 |     // y position relative to the image
73 |     offsetY: PropTypes.number.isRequired,
74 |     // the offset of the zoom bubble from the cursor
75 |     cursorOffset: PropTypes.shape({
76 |         x: PropTypes.number.isRequired,
77 |         y: PropTypes.number.isRequired
78 |     }).isRequired,
79 |     borderSize: PropTypes.string,
80 |     borderColor: PropTypes.string,
81 |     // show a triangle pointer next to cursor (useful with offset)
82 |     pointerStyle: PropTypes.object,
83 |     // the size of the non-zoomed-in image
84 |     smallImage: PropTypes.shape({
85 |         src: PropTypes.string.isRequired,
86 |         width: PropTypes.number.isRequired,
87 |         height: PropTypes.number.isRequired
88 |     }).isRequired,
89 |     // the size of the zoomed-in image
90 |     zoomImage: PropTypes.shape({
91 |         src: PropTypes.string.isRequired,
92 |         width: PropTypes.number.isRequired,
93 |         height: PropTypes.number.isRequired
94 |     }).isRequired,
95 |     onClick: PropTypes.func
96 | };
97 | 
98 | export default Magnifier;
99 | 


--------------------------------------------------------------------------------
/test/cursor-zoom-test.js:
--------------------------------------------------------------------------------
  1 | import React from "react";
  2 | import { mount } from "enzyme";
  3 | import CursorZoom from "../src/cursor-zoom";
  4 | 
  5 | function simulateMouseMoveOnDocument(args) {
  6 |   const event = new MouseEvent("mousemove", args);
  7 |   window.document.dispatchEvent(event);
  8 | }
  9 | 
 10 | describe("Cursor Zoom Component", () => {
 11 |   let wrapper = null;
 12 | 
 13 |   beforeEach(() => {
 14 |     wrapper = mount(
 15 |       <CursorZoom
 16 |         image={{
 17 |           src: "img/cat-small.jpg",
 18 |           width: 800,
 19 |           height: 600
 20 |         }}
 21 |         zoomImage={{
 22 |           src: "img/cat-large.jpg",
 23 |           width: 1024,
 24 |           height: 768
 25 |         }}
 26 |       />
 27 |     );
 28 |   });
 29 | 
 30 |   afterEach(() => {
 31 |     wrapper = null;
 32 |     document.querySelector("body").innerHTML = ""; // remove portals
 33 |   });
 34 | 
 35 |   it("Renders the image", () => {
 36 |     const image = wrapper.find("img");
 37 |     expect(image.length).toEqual(1);
 38 |     expect(image.prop("src")).toEqual("img/cat-small.jpg");
 39 |     expect(image.prop("width")).toEqual(800);
 40 |     expect(image.prop("height")).toEqual(600);
 41 |   });
 42 | 
 43 |   it("Hides magnifier when not captured", () => {
 44 |     simulateMouseMoveOnDocument({ clientX: 2000, clientY: 2000 });
 45 | 
 46 |     const magnifierNodes = document.querySelectorAll(
 47 |       ".cursor-zoom-magnifier-container"
 48 |     );
 49 |     expect(magnifierNodes.length).toEqual(1);
 50 |     expect(magnifierNodes[0].style.display).toEqual("none");
 51 |   });
 52 | 
 53 |   it("Shows magnifier when captured", () => {
 54 |     simulateMouseMoveOnDocument({ clientX: 400, clientY: 300 });
 55 | 
 56 |     const magnifierNodes = document.querySelectorAll(
 57 |       ".cursor-zoom-magnifier-container"
 58 |     );
 59 |     expect(magnifierNodes.length).toEqual(1);
 60 |     expect(magnifierNodes[0].style.display).toEqual("block");
 61 |     expect(magnifierNodes[0].style.marginLeft).toEqual("-140px");
 62 |     expect(magnifierNodes[0].style.marginTop).toEqual("-100px");
 63 |     expect(magnifierNodes[0].style.height).toEqual("200px");
 64 |   });
 65 | 
 66 |   it("Handles cursor offset", () => {
 67 |     wrapper.setProps({ cursorOffset: { x: 80, y: -80 } });
 68 |     simulateMouseMoveOnDocument({ clientX: 400, clientY: 300 });
 69 | 
 70 |     const magnifierNodes = document.querySelectorAll(
 71 |       ".cursor-zoom-magnifier-container"
 72 |     );
 73 |     expect(magnifierNodes.length).toEqual(1);
 74 |     expect(magnifierNodes[0].style.display).toEqual("block");
 75 |     expect(magnifierNodes[0].style.marginLeft).toEqual("-60px");
 76 |     expect(magnifierNodes[0].style.marginTop).toEqual("-180px");
 77 |     expect(magnifierNodes[0].style.height).toEqual("200px");
 78 |   });
 79 | 
 80 |   it("Handles pointer styling", () => {
 81 |     wrapper.setProps({
 82 |       pointerStyle: {
 83 |         width: 0,
 84 |         height: 0,
 85 |         borderStyle: "solid",
 86 |         borderWidth: "13.5px 23.4px 13.5px 0",
 87 |         borderColor: "transparent white transparent transparent",
 88 |         position: "absolute",
 89 |         left: "-18px",
 90 |         bottom: "10px"
 91 |       }
 92 |     });
 93 | 
 94 |     simulateMouseMoveOnDocument({ clientX: 400, clientY: 300 });
 95 | 
 96 |     const pointerNodes = document.querySelectorAll(".cursor-zoom-pointer");
 97 |     expect(pointerNodes.length).toEqual(1);
 98 |     expect(pointerNodes[0].style.position).toEqual("absolute");
 99 |     expect(pointerNodes[0].style.left).toEqual("-18px");
100 |     expect(pointerNodes[0].style.bottom).toEqual("10px");
101 |   });
102 | 
103 |   it("Handles preview size", () => {
104 |     wrapper.setProps({ size: 400 });
105 |     simulateMouseMoveOnDocument({ clientX: 400, clientY: 300 });
106 | 
107 |     const magnifierNodes = document.querySelectorAll(
108 |       ".cursor-zoom-magnifier-container"
109 |     );
110 |     expect(magnifierNodes.length).toEqual(1);
111 |     expect(magnifierNodes[0].style.height).toEqual("400px");
112 |   });
113 | });
114 | 


--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
 1 | const path = require("path");
 2 | 
 3 | module.exports = {
 4 |   entry: './src/app.js',
 5 |   mode: 'production',
 6 |   output: {
 7 |     filename: 'app.js',
 8 |     path: path.resolve(__dirname, 'docs')
 9 |   },
10 |   module: {
11 |     rules: [
12 |       {
13 |         test: /\.jsx$/,
14 |         exclude: /(node_modules)/,
15 |         use: {
16 |           loader: 'babel-loader'
17 |         }
18 |       }
19 |     ]
20 |   },
21 |   resolve: {
22 |     extensions: ['.js', '.jsx']
23 |   },
24 |   stats: {
25 |     warnings: false,
26 |     modules: false,
27 |     hash: false,
28 |     version: false,
29 |     children: false
30 |   }
31 | };
32 | 


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