parcelRequire=function(e,r,t,n){var i,o="function"==typeof parcelRequire&&parcelRequire,u="function"==typeof require&&require;function f(t,n){if(!r[t]){if(!e[t]){var i="function"==typeof parcelRequire&&parcelRequire;if(!n&&i)return i(t,!0);if(o)return o(t,!0);if(u&&"string"==typeof t)return u(t);var c=new Error("Cannot find module '"+t+"'");throw c.code="MODULE_NOT_FOUND",c}p.resolve=function(r){return e[t][1][r]||r},p.cache={};var l=r[t]=new f.Module(t);e[t][0].call(l.exports,p,l,l.exports,this)}return r[t].exports;function p(e){return f(p.resolve(e))}}f.isParcelRequire=!0,f.Module=function(e){this.id=e,this.bundle=f,this.exports={}},f.modules=e,f.cache=r,f.parent=o,f.register=function(r,t){e[r]=[function(e,r){r.exports=t},{}]};for(var c=0;c=0;c--)(o=t[c])&&(i=(a<3?o(i):a>3?o(e,r,i):o(e,r))||i);return a>3&&i&&Object.defineProperty(e,r,i),i}function a(t,e){return function(r,n){e(r,n,t)}}function i(t,e){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(t,e)}function c(t,e,r,n){return new(r||(r=Promise))(function(o,a){function i(t){try{u(n.next(t))}catch(e){a(e)}}function c(t){try{u(n.throw(t))}catch(e){a(e)}}function u(t){var e;t.done?o(t.value):(e=t.value,e instanceof r?e:new r(function(t){t(e)})).then(i,c)}u((n=n.apply(t,e||[])).next())})}function u(t,e){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function c(a){return function(c){return function(a){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;switch(n=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return i.label++,{value:a[1],done:!1};case 5:i.label++,n=a[1],a=[0];continue;case 7:a=i.ops.pop(),i.trys.pop();continue;default:if(!(o=(o=i.trys).length>0&&o[o.length-1])&&(6===a[0]||2===a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]=t.length&&(t=void 0),{value:t&&t[n++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")}function p(t,e){var r="function"==typeof Symbol&&t[Symbol.iterator];if(!r)return t;var n,o,a=r.call(t),i=[];try{for(;(void 0===e||e-- >0)&&!(n=a.next()).done;)i.push(n.value)}catch(c){o={error:c}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}function y(){for(var t=[],e=0;e1||c(t,e)})})}function c(t,e){try{(r=o[t](e)).value instanceof h?Promise.resolve(r.value.v).then(u,f):l(a[0][2],r)}catch(n){l(a[0][3],n)}var r}function u(t){c("next",t)}function f(t){c("throw",t)}function l(t,e){t(e),a.shift(),a.length&&c(a[0][0],a[0][1])}}function b(t){var e,r;return e={},n("next"),n("throw",function(t){throw t}),n("return"),e[Symbol.iterator]=function(){return this},e;function n(n,o){e[n]=t[n]?function(e){return(r=!r)?{value:h(t[n](e)),done:"return"===n}:o?o(e):e}:o}}function d(t){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var e,r=t[Symbol.asyncIterator];return r?r.call(t):(t="function"==typeof s?s(t):t[Symbol.iterator](),e={},n("next"),n("throw"),n("return"),e[Symbol.asyncIterator]=function(){return this},e);function n(r){e[r]=t[r]&&function(e){return new Promise(function(n,o){(function(t,e,r,n){Promise.resolve(n).then(function(e){t({value:e,done:r})},e)})(n,o,(e=t[r](e)).done,e.value)})}}}function w(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t}exports.__createBinding=f;var x=Object.create?function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}:function(t,e){t.default=e};function m(t){if(t&&t.__esModule)return t;var e={};if(null!=t)for(var r in t)Object.hasOwnProperty.call(t,r)&&f(e,t,r);return x(e,t),e}function O(t){return t&&t.__esModule?t:{default:t}}function g(t,e){if(!e.has(t))throw new TypeError("attempted to get private field on non-instance");return e.get(t)}function j(t,e,r){if(!e.has(t))throw new TypeError("attempted to set private field on non-instance");return e.set(t,r),r} },{}],"J4Nk":[function(require,module,exports) { "use strict";var r=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable;function n(r){if(null==r)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(r)}function o(){try{if(!Object.assign)return!1;var r=new String("abc");if(r[5]="de","5"===Object.getOwnPropertyNames(r)[0])return!1;for(var t={},e=0;e<10;e++)t["_"+String.fromCharCode(e)]=e;if("0123456789"!==Object.getOwnPropertyNames(t).map(function(r){return t[r]}).join(""))return!1;var n={};return"abcdefghijklmnopqrst".split("").forEach(function(r){n[r]=r}),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},n)).join("")}catch(o){return!1}}module.exports=o()?Object.assign:function(o,c){for(var a,i,s=n(o),f=1;fP.length&&P.push(e)}function A(e,r,o,u){var f=typeof e;"undefined"!==f&&"boolean"!==f||(e=null);var c=!1;if(null===e)c=!0;else switch(f){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case t:case n:c=!0}}if(c)return o(u,e,""===r?"."+U(e,0):r),1;if(c=0,r=""===r?".":r+":",Array.isArray(e))for(var l=0;l=y},o=function(){},exports.unstable_forceFrameRate=function(e){0>e||125>>1,o=e[r];if(!(void 0!==o&&0P(l,t))void 0!==u&&0>P(u,l)?(e[r]=u,e[i]=t,r=i):(e[r]=l,e[a]=t,r=a);else{if(!(void 0!==u&&0>P(u,t)))break e;e[r]=u,e[i]=t,r=i}}}return n}return null}function P(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}var F=[],I=[],M=1,C=null,A=3,L=!1,q=!1,D=!1;function R(e){for(var n=T(I);null!==n;){if(null===n.callback)g(I);else{if(!(n.startTime<=e))break;g(I),n.sortIndex=n.expirationTime,k(F,n)}n=T(I)}}function j(t){if(D=!1,R(t),!q)if(null!==T(F))q=!0,e(E);else{var r=T(I);null!==r&&n(j,r.startTime-t)}}function E(e,o){q=!1,D&&(D=!1,t()),L=!0;var a=A;try{for(R(o),C=T(F);null!==C&&(!(C.expirationTime>o)||e&&!r());){var l=C.callback;if(null!==l){C.callback=null,A=C.priorityLevel;var i=l(C.expirationTime<=o);o=exports.unstable_now(),"function"==typeof i?C.callback=i:C===T(F)&&g(F),R(o)}else g(F);C=T(F)}if(null!==C)var u=!0;else{var s=T(I);null!==s&&n(j,s.startTime-o),u=!1}return u}finally{C=null,A=a,L=!1}}function N(e){switch(e){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1e4;default:return 5e3}}var B=o;exports.unstable_IdlePriority=5,exports.unstable_ImmediatePriority=1,exports.unstable_LowPriority=4,exports.unstable_NormalPriority=3,exports.unstable_Profiling=null,exports.unstable_UserBlockingPriority=2,exports.unstable_cancelCallback=function(e){e.callback=null},exports.unstable_continueExecution=function(){q||L||(q=!0,e(E))},exports.unstable_getCurrentPriorityLevel=function(){return A},exports.unstable_getFirstCallbackNode=function(){return T(F)},exports.unstable_next=function(e){switch(A){case 1:case 2:case 3:var n=3;break;default:n=A}var t=A;A=n;try{return e()}finally{A=t}},exports.unstable_pauseExecution=function(){},exports.unstable_requestPaint=B,exports.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var t=A;A=e;try{return n()}finally{A=t}},exports.unstable_scheduleCallback=function(r,o,a){var l=exports.unstable_now();if("object"==typeof a&&null!==a){var i=a.delay;i="number"==typeof i&&0l?(r.sortIndex=i,k(I,r),null===T(F)&&r===T(I)&&(D?t():D=!0,n(j,i-l))):(r.sortIndex=a,k(F,r),q||L||(q=!0,e(E))),r},exports.unstable_shouldYield=function(){var e=exports.unstable_now();R(e);var n=T(F);return n!==C&&null!==C&&null!==n&&null!==n.callback&&n.startTime<=e&&n.expirationTimet}return!1}function q(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 Y={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach(function(e){Y[e]=new q(e,0,!1,e,null,!1)}),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach(function(e){var t=e[0];Y[t]=new q(t,1,!1,e[1],null,!1)}),["contentEditable","draggable","spellCheck","value"].forEach(function(e){Y[e]=new q(e,2,!1,e.toLowerCase(),null,!1)}),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach(function(e){Y[e]=new q(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){Y[e]=new q(e,3,!1,e.toLowerCase(),null,!1)}),["checked","multiple","muted","selected"].forEach(function(e){Y[e]=new q(e,3,!0,e,null,!1)}),["capture","download"].forEach(function(e){Y[e]=new q(e,4,!1,e,null,!1)}),["cols","rows","size","span"].forEach(function(e){Y[e]=new q(e,6,!1,e,null,!1)}),["rowSpan","start"].forEach(function(e){Y[e]=new q(e,5,!1,e.toLowerCase(),null,!1)});var X=/[\-:]([a-z])/g;function G(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(X,G);Y[t]=new q(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(X,G);Y[t]=new q(t,1,!1,e,"http://www.w3.org/1999/xlink",!1)}),["xml:base","xml:lang","xml:space"].forEach(function(e){var t=e.replace(X,G);Y[t]=new q(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1)}),["tabIndex","crossOrigin"].forEach(function(e){Y[e]=new q(e,1,!1,e.toLowerCase(),null,!1)}),Y.xlinkHref=new q("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0),["src","href","action","formAction"].forEach(function(e){Y[e]=new q(e,1,!1,e.toLowerCase(),null,!0)});var Z=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function J(e,t,n,r){var l=Y.hasOwnProperty(t)?Y[t]:null;(null!==l?0===l.type:!r&&(2=n.length))throw Error(l(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:ke(n)}}function Le(e,t){var n=ke(t.value),r=ke(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 Ue(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}var Ae={html:"http://www.w3.org/1999/xhtml",mathml:"http://www.w3.org/1998/Math/MathML",svg:"http://www.w3.org/2000/svg"};function Be(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 We(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?Be(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var Ve,Qe=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!==Ae.svg||"innerHTML"in e)e.innerHTML=t;else{for((Ve=Ve||document.createElement("div")).innerHTML=""+t.valueOf().toString()+"",t=Ve.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}});function He(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 je(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var Ke={animationend:je("Animation","AnimationEnd"),animationiteration:je("Animation","AnimationIteration"),animationstart:je("Animation","AnimationStart"),transitionend:je("Transition","TransitionEnd")},$e={},qe={};function Ye(e){if($e[e])return $e[e];if(!Ke[e])return e;var t,n=Ke[e];for(t in n)if(n.hasOwnProperty(t)&&t in qe)return $e[e]=n[t];return e}C&&(qe=document.createElement("div").style,"AnimationEvent"in window||(delete Ke.animationend.animation,delete Ke.animationiteration.animation,delete Ke.animationstart.animation),"TransitionEvent"in window||delete Ke.transitionend.transition);var Xe=Ye("animationend"),Ge=Ye("animationiteration"),Ze=Ye("animationstart"),Je=Ye("transitionend"),et="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),tt=new("function"==typeof WeakMap?WeakMap:Map);function nt(e){var t=tt.get(e);return void 0===t&&(t=new Map,tt.set(e,t)),t}function rt(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 lt(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 it(e){if(rt(e)!==e)throw Error(l(188))}function at(e){var t=e.alternate;if(!t){if(null===(t=rt(e)))throw Error(l(188));return t!==e?null:e}for(var n=e,r=t;;){var i=n.return;if(null===i)break;var a=i.alternate;if(null===a){if(null!==(r=i.return)){n=r;continue}break}if(i.child===a.child){for(a=i.child;a;){if(a===n)return it(i),e;if(a===r)return it(i),t;a=a.sibling}throw Error(l(188))}if(n.return!==r.return)n=i,r=a;else{for(var o=!1,u=i.child;u;){if(u===n){o=!0,n=i,r=a;break}if(u===r){o=!0,r=i,n=a;break}u=u.sibling}if(!o){for(u=a.child;u;){if(u===n){o=!0,n=a,r=i;break}if(u===r){o=!0,r=a,n=i;break}u=u.sibling}if(!o)throw Error(l(189))}}if(n.alternate!==r)throw Error(l(190))}if(3!==n.tag)throw Error(l(188));return n.stateNode.current===n?e:t}function ot(e){if(!(e=at(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 ut(e,t){if(null==t)throw Error(l(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 ct(e,t,n){Array.isArray(e)?e.forEach(t,n):e&&t.call(n,e)}var st=null;function ft(e){if(e){var t=e._dispatchListeners,n=e._dispatchInstances;if(Array.isArray(t))for(var r=0;rht.length&&ht.push(e)}function vt(e,t,n,r){if(ht.length){var l=ht.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 yt(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=An(r)}while(n);for(n=0;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=yn(r)}}function wn(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?wn(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function kn(){for(var e=window,t=vn();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(r){n=!1}if(!n)break;t=vn((e=t.contentWindow).document)}return t}function xn(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 Tn="$",En="/$",Sn="$?",Cn="$!",_n=null,Pn=null;function Nn(e,t){switch(e){case"button":case"input":case"select":case"textarea":return!!t.autoFocus}return!1}function zn(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 Dn="function"==typeof setTimeout?setTimeout:void 0,In="function"==typeof clearTimeout?clearTimeout:void 0;function Mn(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break}return e}function Rn(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if(n===Tn||n===Cn||n===Sn){if(0===t)return e;t--}else n===En&&t++}e=e.previousSibling}return null}var On=Math.random().toString(36).slice(2),Fn="__reactInternalInstance$"+On,Ln="__reactEventHandlers$"+On,Un="__reactContainere$"+On;function An(e){var t=e[Fn];if(t)return t;for(var n=e.parentNode;n;){if(t=n[Un]||n[Fn]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=Rn(e);null!==e;){if(n=e[Fn])return n;e=Rn(e)}return t}n=(e=n).parentNode}return null}function Bn(e){return!(e=e[Fn]||e[Un])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function Wn(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(l(33))}function Vn(e){return e[Ln]||null}function Qn(e){do{e=e.return}while(e&&5!==e.tag);return e||null}function Hn(e,t){var n=e.stateNode;if(!n)return null;var r=p(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(l(231,t,typeof n));return n}function jn(e,t,n){(t=Hn(e,n.dispatchConfig.phasedRegistrationNames[t]))&&(n._dispatchListeners=ut(n._dispatchListeners,t),n._dispatchInstances=ut(n._dispatchInstances,e))}function Kn(e){if(e&&e.dispatchConfig.phasedRegistrationNames){for(var t=e._targetInst,n=[];t;)n.push(t),t=Qn(t);for(t=n.length;0this.eventPool.length&&this.eventPool.push(e)}function ir(e){e.eventPool=[],e.getPooled=rr,e.release=lr}t(nr.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=er)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=er)},persist:function(){this.isPersistent=er},isPersistent:tr,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=tr,this._dispatchInstances=this._dispatchListeners=null}}),nr.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},nr.extend=function(e){function n(){}function r(){return l.apply(this,arguments)}var l=this;n.prototype=l.prototype;var i=new n;return t(i,r.prototype),r.prototype=i,r.prototype.constructor=r,r.Interface=t({},l.Interface,e),r.extend=l.extend,ir(r),r},ir(nr);var ar=nr.extend({data:null}),or=nr.extend({data:null}),ur=[9,13,27,32],cr=C&&"CompositionEvent"in window,sr=null;C&&"documentMode"in document&&(sr=document.documentMode);var fr=C&&"TextEvent"in window&&!sr,dr=C&&(!cr||sr&&8=sr),pr=String.fromCharCode(32),mr={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(" ")}},hr=!1;function gr(e,t){switch(e){case"keyup":return-1!==ur.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"blur":return!0;default:return!1}}function vr(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var yr=!1;function br(e,t){switch(e){case"compositionend":return vr(t);case"keypress":return 32!==t.which?null:(hr=!0,pr);case"textInput":return(e=t.data)===pr&&hr?null:e;default:return null}}function wr(e,t){if(yr)return"compositionend"===e||!cr&&gr(e,t)?(e=Jn(),Zn=Gn=Xn=null,yr=!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=document.documentMode,nl={select:{phasedRegistrationNames:{bubbled:"onSelect",captured:"onSelectCapture"},dependencies:"blur contextmenu dragend focus keydown keyup mousedown mouseup selectionchange".split(" ")}},rl=null,ll=null,il=null,al=!1;function ol(e,t){var n=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;return al||null==rl||rl!==vn(n)?null:("selectionStart"in(n=rl)&&xn(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},il&&el(il,n)?null:(il=n,(e=nr.getPooled(nl.select,ll,e,t)).type="select",e.target=rl,Yn(e),e))}var ul={eventTypes:nl,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=nt(l),i=E.onSelect;for(var a=0;aTl||(e.current=xl[Tl],xl[Tl]=null,Tl--)}function Sl(e,t){xl[++Tl]=e.current,e.current=t}var Cl={},_l={current:Cl},Pl={current:!1},Nl=Cl;function zl(e,t){var n=e.type.contextTypes;if(!n)return Cl;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 Dl(e){return null!=(e=e.childContextTypes)}function Il(){El(Pl),El(_l)}function Ml(e,t,n){if(_l.current!==Cl)throw Error(l(168));Sl(_l,t),Sl(Pl,n)}function Rl(e,n,r){var i=e.stateNode;if(e=n.childContextTypes,"function"!=typeof i.getChildContext)return r;for(var a in i=i.getChildContext())if(!(a in e))throw Error(l(108,be(n)||"Unknown",a));return t({},r,{},i)}function Ol(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Cl,Nl=_l.current,Sl(_l,e),Sl(Pl,Pl.current),!0}function Fl(e,t,n){var r=e.stateNode;if(!r)throw Error(l(169));n?(e=Rl(e,t,Nl),r.__reactInternalMemoizedMergedChildContext=e,El(Pl),El(_l),Sl(_l,e)):El(Pl),Sl(Pl,n)}var Ll=n.unstable_runWithPriority,Ul=n.unstable_scheduleCallback,Al=n.unstable_cancelCallback,Bl=n.unstable_shouldYield,Wl=n.unstable_requestPaint,Vl=n.unstable_now,Ql=n.unstable_getCurrentPriorityLevel,Hl=n.unstable_ImmediatePriority,jl=n.unstable_UserBlockingPriority,Kl=n.unstable_NormalPriority,$l=n.unstable_LowPriority,ql=n.unstable_IdlePriority;if(null==r.__interactionsRef||null==r.__interactionsRef.current)throw Error(l(302));var Yl={},Xl=void 0!==Wl?Wl:function(){},Gl=null,Zl=null,Jl=!1,ei=Vl(),ti=1e4>ei?Vl:function(){return Vl()-ei};function ni(){switch(Ql()){case Hl:return 99;case jl:return 98;case Kl:return 97;case $l:return 96;case ql:return 95;default:throw Error(l(332))}}function ri(e){switch(e){case 99:return Hl;case 98:return jl;case 97:return Kl;case 96:return $l;case 95:return ql;default:throw Error(l(332))}}function li(e,t){return e=ri(e),Ll(e,t)}function ii(e,t,n){return e=ri(e),Ul(e,t,n)}function ai(e){return null===Gl?(Gl=[e],Zl=Ul(Hl,ui)):Gl.push(e),Yl}function oi(){if(null!==Zl){var e=Zl;Zl=null,Al(e)}ui()}function ui(){if(!Jl&&null!==Gl){Jl=!0;var e=0;try{var t=Gl;li(99,function(){for(;e=(e=10*(1073741821-t)-10*(1073741821-e))?99:250>=e?98:5250>=e?97:95}function fi(e,n){if(e&&e.defaultProps)for(var r in n=t({},n),e=e.defaultProps)void 0===n[r]&&(n[r]=e[r]);return n}var di={current:null},pi=null,mi=null,hi=null;function gi(){hi=mi=pi=null}function vi(e){var t=di.current;El(di),e.type._context._currentValue=t}function yi(e,t){for(;null!==e;){var n=e.alternate;if(e.childExpirationTime=t&&(Xa=!0),e.firstContext=null)}function wi(e,t){if(hi!==e&&!1!==t&&0!==t)if("number"==typeof t&&1073741823!==t||(hi=e,t=1073741823),t={context:e,observedBits:t,next:null},null===mi){if(null===pi)throw Error(l(308));mi=t,pi.dependencies={expirationTime:0,firstContext:t,responders:null}}else mi=mi.next=t;return e._currentValue}var ki=!1;function xi(e){e.updateQueue={baseState:e.memoizedState,baseQueue:null,shared:{pending:null},effects:null}}function Ti(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,baseQueue:e.baseQueue,shared:e.shared,effects:e.effects})}function Ei(e,t){return(e={expirationTime:e,suspenseConfig:t,tag:0,payload:null,callback:null,next:null}).next=e}function Si(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&&Ti(n,e),null===(n=(e=e.updateQueue).baseQueue)?(e.baseQueue=t.next=t,t.next=t):(t.next=n.next,n.next=t)}function _i(e,n,r,l){var i=e.updateQueue;ki=!1;var a=i.baseQueue,o=i.shared.pending;if(null!==o){if(null!==a){var u=a.next;a.next=o.next,o.next=u}a=o,i.shared.pending=null,null!==(u=e.alternate)&&(null!==(u=u.updateQueue)&&(u.baseQueue=o))}if(null!==a){u=a.next;var c=i.baseState,s=0,f=null,d=null,p=null;if(null!==u)for(var m=u;;){if((o=m.expirationTime)s&&(s=o)}else{null!==p&&(p=p.next={expirationTime:1073741823,suspenseConfig:m.suspenseConfig,tag:m.tag,payload:m.payload,callback:m.callback,next:null}),Vu(o,m.suspenseConfig);e:{var g=e,v=m;switch(o=n,h=r,v.tag){case 1:if("function"==typeof(g=v.payload)){c=g.call(h,c,o);break e}c=g;break e;case 3:g.effectTag=-4097&g.effectTag|64;case 0:if(null==(o="function"==typeof(g=v.payload)?g.call(h,c,o):g))break e;c=t({},c,o);break e;case 2:ki=!0}}null!==m.callback&&(e.effectTag|=32,null===(o=i.effects)?i.effects=[m]:o.push(m))}if(null===(m=m.next)||m===u){if(null===(o=i.shared.pending))break;m=a.next=o.next,o.next=u,i.baseQueue=a=o,i.shared.pending=null}}null===p?f=c:p.next=d,i.baseState=f,i.baseQueue=p,Qu(s),e.expirationTime=s,e.memoizedState=c}}function Pi(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;th?(g=f,f=null):g=f.sibling;var v=p(l,f,o[h],u);if(null===v){null===f&&(f=g);break}e&&f&&null===v.alternate&&t(l,f),i=a(v,i,h),null===s?c=v:s.sibling=v,s=v,f=g}if(h===o.length)return n(l,f),c;if(null===f){for(;hg?(v=h,h=null):v=h.sibling;var b=p(i,h,y.value,c);if(null===b){null===h&&(h=v);break}e&&h&&null===b.alternate&&t(i,h),o=a(b,o,g),null===f?s=b:f.sibling=b,f=b,h=v}if(y.done)return n(i,h),s;if(null===h){for(;!y.done;g++,y=u.next())null!==(y=d(i,y.value,c))&&(o=a(y,o,g),null===f?s=y:f.sibling=y,f=y);return s}for(h=r(i,h);!y.done;g++,y=u.next())null!==(y=m(h,i,g,y.value,c))&&(e&&null!==y.alternate&&h.delete(null===y.key?g:y.key),o=a(y,o,g),null===f?s=y:f.sibling=y,f=y);return e&&h.forEach(function(e){return t(i,e)}),s}return function(e,r,a,u){var c="object"==typeof a&&null!==a&&a.type===le&&null===a.key;c&&(a=a.props.children);var s="object"==typeof a&&null!==a;if(s)switch(a.$$typeof){case ne:e:{for(s=a.key,c=r;null!==c;){if(c.key===s){switch(c.tag){case 7:if(a.type===le){n(e,c.sibling),(r=i(c,a.props.children)).return=e,e=r;break e}break;default:if(c.elementType===a.type){n(e,c.sibling),(r=i(c,a.props)).ref=Ui(e,c,a),r.return=e,e=r;break e}}n(e,c);break}t(e,c),c=c.sibling}a.type===le?((r=bc(a.props.children,e.mode,u,a.key)).return=e,e=r):((u=yc(a.type,a.key,a.props,null,e.mode,u)).ref=Ui(e,r,a),u.return=e,e=u)}return o(e);case re:e:{for(c=a.key;null!==r;){if(r.key===c){if(4===r.tag&&r.stateNode.containerInfo===a.containerInfo&&r.stateNode.implementation===a.implementation){n(e,r.sibling),(r=i(r,a.children||[])).return=e,e=r;break e}n(e,r);break}t(e,r),r=r.sibling}(r=kc(a,e.mode,u)).return=e,e=r}return o(e)}if("string"==typeof a||"number"==typeof a)return a=""+a,null!==r&&6===r.tag?(n(e,r.sibling),(r=i(r,a)).return=e,e=r):(n(e,r),(r=wc(a,e.mode,u)).return=e,e=r),o(e);if(Li(a))return h(e,r,a,u);if(ve(a))return g(e,r,a,u);if(s&&Ai(e,a),void 0===a&&!c)switch(e.tag){case 1:case 0:throw e=e.type,Error(l(152,e.displayName||e.name||"Component"))}return n(e,r)}}var Wi=Bi(!0),Vi=Bi(!1),Qi={},Hi={current:Qi},ji={current:Qi},Ki={current:Qi};function $i(e){if(e===Qi)throw Error(l(174));return e}function qi(e,t){switch(Sl(Ki,t),Sl(ji,e),Sl(Hi,Qi),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:We(null,"");break;default:t=We(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}El(Hi),Sl(Hi,t)}function Yi(){El(Hi),El(ji),El(Ki)}function Xi(e){$i(Ki.current);var t=$i(Hi.current),n=We(t,e.type);t!==n&&(Sl(ji,e),Sl(Hi,n))}function Gi(e){ji.current===e&&(El(Hi),El(ji))}var Zi={current:0};function Ji(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||n.data===Sn||n.data===Cn))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 ea(e,t){return{responder:e,props:t}}var ta=Z.ReactCurrentDispatcher,na=Z.ReactCurrentBatchConfig,ra=0,la=null,ia=null,aa=null,oa=!1;function ua(){throw Error(l(321))}function ca(e,t){if(null===t)return!1;for(var n=0;na))throw Error(l(301));a+=1,aa=ia=null,t.updateQueue=null,ta.current=Oa,e=n(r,i)}while(t.expirationTime===ra)}if(ta.current=Ia,t=null!==ia&&null!==ia.next,ra=0,aa=ia=la=null,oa=!1,t)throw Error(l(300));return e}function fa(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===aa?la.memoizedState=aa=e:aa=aa.next=e,aa}function da(){if(null===ia){var e=la.alternate;e=null!==e?e.memoizedState:null}else e=ia.next;var t=null===aa?la.memoizedState:aa.next;if(null!==t)aa=t,ia=e;else{if(null===e)throw Error(l(310));e={memoizedState:(ia=e).memoizedState,baseState:ia.baseState,baseQueue:ia.baseQueue,queue:ia.queue,next:null},null===aa?la.memoizedState=aa=e:aa=aa.next=e}return aa}function pa(e,t){return"function"==typeof t?t(e):t}function ma(e){var t=da(),n=t.queue;if(null===n)throw Error(l(311));n.lastRenderedReducer=e;var r=ia,i=r.baseQueue,a=n.pending;if(null!==a){if(null!==i){var o=i.next;i.next=a.next,a.next=o}r.baseQueue=i=a,n.pending=null}if(null!==i){i=i.next,r=r.baseState;var u=o=a=null,c=i;do{var s=c.expirationTime;if(sla.expirationTime&&(la.expirationTime=s,Qu(s))}else null!==u&&(u=u.next={expirationTime:1073741823,suspenseConfig:c.suspenseConfig,action:c.action,eagerReducer:c.eagerReducer,eagerState:c.eagerState,next:null}),Vu(s,c.suspenseConfig),r=c.eagerReducer===e?c.eagerState:e(r,c.action);c=c.next}while(null!==c&&c!==i);null===u?a=r:u.next=o,Zr(r,t.memoizedState)||(Xa=!0),t.memoizedState=r,t.baseState=a,t.baseQueue=u,n.lastRenderedState=r}return[t.memoizedState,n.dispatch]}function ha(e){var t=da(),n=t.queue;if(null===n)throw Error(l(311));n.lastRenderedReducer=e;var r=n.dispatch,i=n.pending,a=t.memoizedState;if(null!==i){n.pending=null;var o=i=i.next;do{a=e(a,o.action),o=o.next}while(o!==i);Zr(a,t.memoizedState)||(Xa=!0),t.memoizedState=a,null===t.baseQueue&&(t.baseState=a),n.lastRenderedState=a}return[a,r]}function ga(e){var t=fa();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e=(e=t.queue={pending:null,dispatch:null,lastRenderedReducer:pa,lastRenderedState:e}).dispatch=Da.bind(null,la,e),[t.memoizedState,e]}function va(e,t,n,r){return e={tag:e,create:t,destroy:n,deps:r,next:null},null===(t=la.updateQueue)?(t={lastEffect:null},la.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 ya(){return da().memoizedState}function ba(e,t,n,r){var l=fa();la.effectTag|=e,l.memoizedState=va(1|t,n,void 0,void 0===r?null:r)}function wa(e,t,n,r){var l=da();r=void 0===r?null:r;var i=void 0;if(null!==ia){var a=ia.memoizedState;if(i=a.destroy,null!==r&&ca(r,a.deps))return void va(t,n,i,r)}la.effectTag|=e,l.memoizedState=va(1|t,n,i,r)}function ka(e,t){return ba(516,4,e,t)}function xa(e,t){return wa(516,4,e,t)}function Ta(e,t){return wa(4,2,e,t)}function Ea(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 Sa(e,t,n){return n=null!=n?n.concat([e]):null,wa(4,2,Ea.bind(null,t,e),n)}function Ca(){}function _a(e,t){return fa().memoizedState=[e,void 0===t?null:t],e}function Pa(e,t){var n=da();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ca(t,r[1])?r[0]:(n.memoizedState=[e,t],e)}function Na(e,t){var n=da();t=void 0===t?null:t;var r=n.memoizedState;return null!==r&&null!==t&&ca(t,r[1])?r[0]:(e=e(),n.memoizedState=[e,t],e)}function za(e,t,n){var r=ni();li(98>r?98:r,function(){e(!0)}),li(97<\/script>",e=e.removeChild(e.firstChild)):"string"==typeof i.is?e=u.createElement(a,{is:i.is}):(e=u.createElement(a),"select"===a&&(u=e,i.multiple?u.multiple=!0:i.size&&(u.size=i.size))):e=u.createElementNS(e,a),e[Fn]=n,e[Ln]=i,ao(e,n,!1,!1),n.stateNode=e,u=pn(a,i),a){case"iframe":case"object":case"embed":en("load",e),c=i;break;case"video":case"audio":for(c=0;ci.tailExpiration&&1t)&&xu.set(e,t))}}function zu(e,t){e.expirationTime=(e=n>(e=e.nextKnownPendingLevel)?n:e)&&t!==e?0:e}function Iu(e){if(0!==e.lastExpiredTime)e.callbackExpirationTime=1073741823,e.callbackPriority=99,e.callbackNode=ai(Ru.bind(null,e));else{var t=Du(e),n=e.callbackNode;if(0===t)null!==n&&(e.callbackNode=null,e.callbackExpirationTime=0,e.callbackPriority=90);else{var r=_u();if(r=si(r,t),null!==n){var l=e.callbackPriority;if(e.callbackExpirationTime===t&&l>=r)return;n!==Yl&&Al(n)}e.callbackExpirationTime=t,e.callbackPriority=r,t=1073741823===t?ai(Ru.bind(null,e)):ii(r,Mu.bind(null,e),{timeout:10*(1073741821-t)-ti()}),e.callbackNode=t}}}function Mu(e,t){if(Cu=0,t)return Cc(e,t=_u()),Iu(e),null;var n=Du(e);if(0!==n){if(t=e.callbackNode,(tu&($o|qo))!==jo)throw Error(l(327));if(Zu(),e===nu&&n===lu||(Uu(e,n),oc(e,n)),null!==ru){var i=tu;tu|=$o;for(var a=Bu(),o=Wu(e);;)try{ju();break}catch(c){Au(e,c)}if(gi(),tu=i,Qo.current=a,r.__interactionsRef.current=o,iu===Xo)throw t=au,Uu(e,n),Ec(e,n),Iu(e),t;if(null===ru)switch(a=e.finishedWork=e.current.alternate,e.finishedExpirationTime=n,i=iu,nu=null,i){case Yo:case Xo:throw Error(l(345));case Go:Cc(e,2=n)){e.lastPingedTime=n,Uu(e,n);break}if(0!==(o=Du(e))&&o!==n)break;if(0!==i&&i!==n){e.lastPingedTime=i;break}e.timeoutHandle=Dn(Yu.bind(null,e),a);break}Yu(e);break;case Jo:if(Ec(e,n),n===(i=e.lastSuspendedTime)&&(e.nextKnownPendingLevel=qu(a)),fu&&(0===(a=e.lastPingedTime)||a>=n)){e.lastPingedTime=n,Uu(e,n);break}if(0!==(a=Du(e))&&a!==n)break;if(0!==i&&i!==n){e.lastPingedTime=i;break}if(1073741823!==uu?i=10*(1073741821-uu)-ti():1073741823===ou?i=0:(i=10*(1073741821-ou)-5e3,0>(i=(a=ti())-i)&&(i=0),(n=10*(1073741821-n)-a)<(i=(120>i?120:480>i?480:1080>i?1080:1920>i?1920:3e3>i?3e3:4320>i?4320:1960*Vo(i/1960))-i)&&(i=n)),10=(i=0|u.busyMinDurationMs)?i=0:(a=0|u.busyDelayMs,i=(o=ti()-(10*(1073741821-o)-(0|u.timeoutMs||5e3)))<=a?0:a+i-o),10 component higher in the tree to provide a loading indicator or placeholder to display."+we(a))}iu!==eu&&(iu=Go),o=wo(o,a),f=i;do{switch(f.tag){case 3:u=o,f.effectTag|=4096,f.expirationTime=t,Ci(f,Ao(f,u,t));break e;case 1:u=o;var w=f.type,k=f.stateNode;if(0==(64&f.effectTag)&&("function"==typeof w.getDerivedStateFromError||null!==k&&"function"==typeof k.componentDidCatch&&(null===vu||!vu.has(k)))){f.effectTag|=4096,f.expirationTime=t,Ci(f,Bo(f,u,t));break e}}f=f.return}while(null!==f)}ru=$u(ru)}catch(x){t=x;continue}break}}function Bu(){var e=Qo.current;return Qo.current=Ia,null===e?Ia:e}function Wu(e){var t=r.__interactionsRef.current;return r.__interactionsRef.current=e.memoizedInteractions,t}function Vu(e,t){esu&&(su=e)}function Hu(){for(;null!==ru;)ru=Ku(ru)}function ju(){for(;null!==ru&&!Bl();)ru=Ku(ru)}function Ku(e){var t=e.alternate;return 0!=(8&e.mode)?(Ua=Fa(),0>e.actualStartTime&&(e.actualStartTime=Fa()),t=Wo(t,e,lu),Aa(e,!0)):t=Wo(t,e,lu),e.memoizedProps=e.pendingProps,null===t&&(t=$u(e)),Ho.current=null,t}function $u(e){ru=e;do{var t=ru.alternate;if(e=ru.return,0==(2048&ru.effectTag)){if(0==(8&ru.mode))t=yo(t,ru,lu);else{var n=ru;Ua=Fa(),0>n.actualStartTime&&(n.actualStartTime=Fa()),t=yo(t,ru,lu),Aa(ru,!1)}if(n=ru,1===lu||1!==n.childExpirationTime){var r=0;if(0!=(8&n.mode)){for(var l=n.actualDuration,i=n.selfBaseDuration,a=null===n.alternate||n.child!==n.alternate.child,o=n.child;null!==o;){var u=o.expirationTime,c=o.childExpirationTime;u>r&&(r=u),c>r&&(r=c),a&&(l+=o.actualDuration),i+=o.treeBaseDuration,o=o.sibling}n.actualDuration=l,n.treeBaseDuration=i}else for(l=n.child;null!==l;)(i=l.expirationTime)>r&&(r=i),(a=l.childExpirationTime)>r&&(r=a),l=l.sibling;n.childExpirationTime=r}if(null!==t)return t;null!==e&&0==(2048&e.effectTag)&&(null===e.firstEffect&&(e.firstEffect=ru.firstEffect),null!==ru.lastEffect&&(null!==e.lastEffect&&(e.lastEffect.nextEffect=ru.firstEffect),e.lastEffect=ru.lastEffect),1(e=e.childExpirationTime)?t:e}function Yu(e){var t=ni();return li(99,Xu.bind(null,e,t)),null}function Xu(e,t){do{Zu()}while(null!==bu);if((tu&($o|qo))!==jo)throw Error(l(327));var n=e.finishedWork,i=e.finishedExpirationTime;if(null===n)return null;if(e.finishedWork=null,e.finishedExpirationTime=0,n===e.current)throw Error(l(177));e.callbackNode=null,e.callbackExpirationTime=0,e.callbackPriority=90,e.nextKnownPendingLevel=0;var a=qu(n);if(e.firstPendingTime=a,i<=e.lastSuspendedTime?e.firstSuspendedTime=e.lastSuspendedTime=e.nextKnownPendingLevel=0:i<=e.firstSuspendedTime&&(e.firstSuspendedTime=i-1),i<=e.lastPingedTime&&(e.lastPingedTime=0),i<=e.lastExpiredTime&&(e.lastExpiredTime=0),e===nu&&(ru=nu=null,lu=0),1s&&(d=s,s=c,c=d),d=bn(x,c),p=bn(x,s),d&&p&&(1!==E.rangeCount||E.anchorNode!==d.node||E.anchorOffset!==d.offset||E.focusNode!==p.node||E.focusOffset!==p.offset)&&((T=T.createRange()).setStart(d.node,d.offset),E.removeAllRanges(),c>s?(E.addRange(T),E.extend(p.node,p.offset)):(T.setEnd(p.node,p.offset),E.addRange(T))))),T=[];for(E=x;E=E.parentNode;)1===E.nodeType&&T.push({element:E,left:E.scrollLeft,top:E.scrollTop});for("function"==typeof x.focus&&x.focus(),x=0;x=t&&e.forEach(function(e){return n.add(e)})}),e.memoizedInteractions=n,0n&&(i.delete(t),e.forEach(function(e){if(e.__count--,null!==l&&0===e.__count)try{l.onInteractionScheduledWorkCompleted(e)}catch(t){ii(99,function(){throw t})}}))})}}Wo=function(e,t,n){var r=t.expirationTime;if(null!==e){var i=t.pendingProps;if(e.memoizedProps!==i||Pl.current)Xa=!0;else{if(r=n&&(t.effectTag|=4);break;case 13:if(null!==t.memoizedState)return 0!==(r=t.child.childExpirationTime)&&r>=n?fo(e,t,n):(Sl(Zi,1&Zi.current),null!==(t=go(e,t,n))?t.sibling:null);Sl(Zi,1&Zi.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!==(i=t.memoizedState)&&(i.rendering=null,i.tail=null),Sl(Zi,Zi.current),!r)return null}return go(e,t,n)}Xa=!1}}else Xa=!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,i=zl(t,_l.current),bi(t,n),i=sa(null,t,r,e,i,n),t.effectTag|=1,"object"==typeof i&&null!==i&&"function"==typeof i.render&&void 0===i.$$typeof){if(t.tag=1,t.memoizedState=null,t.updateQueue=null,Dl(r)){var a=!0;Ol(t)}else a=!1;t.memoizedState=null!==i.state&&void 0!==i.state?i.state:null,xi(t);var o=r.getDerivedStateFromProps;"function"==typeof o&&Di(t,r,o,e),i.updater=Ii,t.stateNode=i,i._reactInternalFiber=t,Fi(t,r,e,n),t=lo(null,t,r,!0,a,n)}else t.tag=0,Ga(null,t,i,n),t=t.child;return t;case 16:e:{if(i=t.elementType,null!==e&&(e.alternate=null,t.alternate=null,t.effectTag|=2),e=t.pendingProps,ye(i),1!==i._status)throw i._result;switch(i=i._result,t.type=i,a=t.tag=gc(i),e=fi(i,e),a){case 0:t=no(null,t,i,e,n);break e;case 1:t=ro(null,t,i,e,n);break e;case 11:t=Za(null,t,i,e,n);break e;case 14:t=Ja(null,t,i,fi(i.type,e),r,n);break e}throw Error(l(306,i,""))}return t;case 0:return r=t.type,i=t.pendingProps,no(e,t,r,i=t.elementType===r?i:fi(r,i),n);case 1:return r=t.type,i=t.pendingProps,ro(e,t,r,i=t.elementType===r?i:fi(r,i),n);case 3:if(io(t),r=t.updateQueue,null===e||null===r)throw Error(l(282));if(r=t.pendingProps,i=null!==(i=t.memoizedState)?i.element:null,Ti(e,t),_i(t,r,null,n),(r=t.memoizedState.element)===i)qa(),t=go(e,t,n);else{if((i=t.stateNode.hydrate)&&(Wa=Mn(t.stateNode.containerInfo.firstChild),Ba=t,i=Va=!0),i)for(n=Vi(t,null,r,n),t.child=n;n;)n.effectTag=-3&n.effectTag|1024,n=n.sibling;else Ga(e,t,r,n),qa();t=t.child}return t;case 5:return Xi(t),null===e&&ja(t),r=t.type,i=t.pendingProps,a=null!==e?e.memoizedProps:null,o=i.children,zn(r,i)?o=null:null!==a&&zn(r,a)&&(t.effectTag|=16),to(e,t),4&t.mode&&1!==n&&i.hidden?(lc(1),t.expirationTime=t.childExpirationTime=1,t=null):(Ga(e,t,o,n),t=t.child),t;case 6:return null===e&&ja(t),null;case 13:return fo(e,t,n);case 4:return qi(t,t.stateNode.containerInfo),r=t.pendingProps,null===e?t.child=Wi(t,null,r,n):Ga(e,t,r,n),t.child;case 11:return r=t.type,i=t.pendingProps,Za(e,t,r,i=t.elementType===r?i:fi(r,i),n);case 7:return Ga(e,t,t.pendingProps,n),t.child;case 8:return Ga(e,t,t.pendingProps.children,n),t.child;case 12:return t.effectTag|=4,Ga(e,t,t.pendingProps.children,n),t.child;case 10:e:{r=t.type._context,i=t.pendingProps,o=t.memoizedProps,a=i.value;var u=t.type._context;if(Sl(di,u._currentValue),u._currentValue=a,null!==o)if(u=o.value,0===(a=Zr(u,a)?0:0|("function"==typeof r._calculateChangedBits?r._calculateChangedBits(u,a):1073741823))){if(o.children===i.children&&!Pl.current){t=go(e,t,n);break e}}else for(null!==(u=t.child)&&(u.return=t);null!==u;){var c=u.dependencies;if(null!==c){o=u.child;for(var s=c.firstContext;null!==s;){if(s.context===r&&0!=(s.observedBits&a)){1===u.tag&&((s=Ei(n,null)).tag=2,Si(u,s)),u.expirationTime=t&&e<=t}function Ec(e,t){var n=e.firstSuspendedTime,r=e.lastSuspendedTime;nt||0===n)&&(e.lastSuspendedTime=t),t<=e.lastPingedTime&&(e.lastPingedTime=0),t<=e.lastExpiredTime&&(e.lastExpiredTime=0)}function Sc(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 Cc(e,t){var n=e.lastExpiredTime;(0===n||n>t)&&(e.lastExpiredTime=t)}function _c(e,t,n,r){var i=t.current,a=_u(),o=Ni.suspense;a=Pu(a,i,o);e:if(n){t:{if(rt(n=n._reactInternalFiber)!==n||1!==n.tag)throw Error(l(170));var u=n;do{switch(u.tag){case 3:u=u.stateNode.context;break t;case 1:if(Dl(u.type)){u=u.stateNode.__reactInternalMemoizedMergedChildContext;break t}}u=u.return}while(null!==u);throw Error(l(171))}if(1===n.tag){var c=n.type;if(Dl(c)){n=Rl(n,c,u);break e}}n=u}else n=Cl;return null===t.context?t.context=n:t.pendingContext=n,(t=Ei(a,o)).payload={element:e},null!==(r=void 0===r?null:r)&&(t.callback=r),Si(i,t),Nu(i,a),a}function Pc(e){if(!(e=e.current).child)return null;switch(e.child.tag){case 5:default:return e.child.stateNode}}function Nc(e,t){null!==(e=e.memoizedState)&&null!==e.dehydrated&&e.retryTime{if("length"===o||"prototype"===o)return;if("arguments"===o||"caller"===o)return;const c=Object.getOwnPropertyDescriptor(e,o),i=Object.getOwnPropertyDescriptor(r,o);!t(c,i)&&n||Object.defineProperty(e,o,i)},t=function(e,t){return void 0===e||e.configurable||e.writable===t.writable&&e.enumerable===t.enumerable&&e.configurable===t.configurable&&(e.writable||e.value===t.value)},r=(e,t)=>{const r=Object.getPrototypeOf(t);r!==Object.getPrototypeOf(e)&&Object.setPrototypeOf(e,r)},o=(e,t)=>`/* Wrapped ${e}*/\n${t}`,n=Object.getOwnPropertyDescriptor(Function.prototype,"toString"),c=Object.getOwnPropertyDescriptor(Function.prototype.toString,"name"),i=(e,t,r)=>{const i=""===r?"":`with ${r.trim()}() `,p=o.bind(null,i,t.toString());Object.defineProperty(p,"name",c),Object.defineProperty(e,"toString",{...n,value:p})},p=(t,o,{ignoreNonConfigurable:n=!1}={})=>{const{name:c}=t;for(const r of Reflect.ownKeys(o))e(t,o,r,n);return r(t,o),i(t,o,c),t};module.exports=p; },{}],"nIip":[function(require,module,exports) { "use strict";module.exports=(()=>{const e={};return e.promise=new Promise((r,s)=>{e.resolve=r,e.reject=s}),e}); },{}],"K94h":[function(require,module,exports) { "use strict";var e=this&&this.__awaiter||function(e,t,o,n){return new(o||(o=Promise))(function(i,r){function u(e){try{s(n.next(e))}catch(t){r(t)}}function d(e){try{s(n.throw(e))}catch(t){r(t)}}function s(e){e.done?i(e.value):new o(function(t){t(e.value)}).then(u,d)}s((n=n.apply(e,t||[])).next())})},t=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0});const o=t(require("p-defer"));function n(t,n="maxAge"){let i,r,u;const d=()=>e(this,void 0,void 0,function*(){if(void 0!==i)return;const d=d=>e(this,void 0,void 0,function*(){u=o.default();const e=d[1][n]-Date.now();return e<=0?(t.delete(d[0]),void u.resolve()):(i=d[0],"function"==typeof(r=setTimeout(()=>{t.delete(d[0]),u&&u.resolve()},e)).unref&&r.unref(),u.promise)});try{for(const e of t)yield d(e)}catch(s){}i=void 0}),s=t.set.bind(t);return t.set=((e,o)=>{t.has(e)&&t.delete(e);const n=s(e,o);return i&&i===e&&(i=void 0,void 0!==r&&(clearTimeout(r),r=void 0),void 0!==u&&(u.reject(void 0),u=void 0)),d(),n}),d(),t}exports.default=n,module.exports=n,module.exports.default=n; },{"p-defer":"nIip"}],"EIn2":[function(require,module,exports) { "use strict";const e=require("mimic-fn"),t=require("map-age-cleaner"),a=new WeakMap,n=(n,c={})=>{const o=c.cache||new WeakMap,{cacheKey:r=(([e])=>e),cache:s=new Map,maxAge:i}=c;"number"==typeof i&&t(s);const u=function(...e){const t=r(e),a=!t||"object"!=typeof t&&"function"!=typeof t?s:o;if(a.has(t))return a.get(t).data;const c=n.apply(this,e);return a.set(t,{data:c,maxAge:i?Date.now()+i:1/0}),c};try{e(u,n)}catch(p){}return a.set(u,s),u};module.exports=n,module.exports.clear=(e=>{if(!a.has(e))throw new Error("Can't clear a function that was not memoized!");const t=a.get(e);"function"==typeof t.clear&&t.clear()}); },{"mimic-fn":"FJzn","map-age-cleaner":"K94h"}],"yTwa":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=function(e){return Math.floor(e/12)},t=e;exports.default=t; },{}],"OXIX":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isNaturalKey=exports.getKeyXOffset=exports.getOctaveCompleteness=exports.getKeyOctave=void 0;var e=new Map;exports.getKeyOctave=e;var t=new Map;exports.getOctaveCompleteness=t;var s=new Map;exports.getKeyXOffset=s;var r=new Map;exports.isNaturalKey=r; },{}],"UCW9":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=o(require("mem")),t=o(require("./getKeyOctave")),r=u(require("./caches"));function n(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return n=function(){return e},e}function u(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=n();if(t&&t.has(e))return t.get(e);var r={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var a=u?Object.getOwnPropertyDescriptor(e,o):null;a&&(a.get||a.set)?Object.defineProperty(r,o,a):r[o]=e[o]}return r.default=e,t&&t.set(e,r),r}function o(e){return e&&e.__esModule?e:{default:e}}var a=(0,e.default)(t.default,{cache:r.getKeyOctave}),f=function(e,t){return a(t)-a(e)+1},c=f;exports.default=c; },{"mem":"EIn2","./getKeyOctave":"yTwa","./caches":"OXIX"}],"dnKG":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=function(e,r){return Array(r-e+1).fill(0).map(function(r,t){return e+t})},r=e;exports.default=r; },{}],"qB0f":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var r=require("tslib"),e=function(e){return e.map(function(r){return[r,Math.floor(r/12)]}).reduce(function(e,t){var s,a=t[0],u=t[1];return(0,r.__assign)((0,r.__assign)({},e),((s={})[u]=Array.isArray(e[u])?(0,r.__spreadArrays)(e[u],[a]):[a],s))},{})},t=e;exports.default=t; },{"tslib":"vCxL"}],"AecJ":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.COMPONENTS=exports.WIDTH_CSS_ATTRIBUTES=exports.LEFT_CSS_ATTRIBUTES=exports.BOTTOM_CSS_ATTRIBUTES=exports.ORIENTATIONS=exports.OCTAVE_DIVISIONS=exports.BEHAVIORS=exports.ACCIDENTAL_KEY_TO_NATURAL_KEY_WIDTH_RATIO=exports.KEY_OFFSETS=void 0;var T=[0,3/7/88*20,1/7,3/7/88*53,2/7,3/7,3/7+4/7/56*9,4/7,3/7+4/7/224*97,5/7,3/7+4/7/112*79,6/7];exports.KEY_OFFSETS=T;var t=9/16;exports.ACCIDENTAL_KEY_TO_NATURAL_KEY_WIDTH_RATIO=t;var e=["link","checkbox","radio"];exports.BEHAVIORS=e;var r=[12,17,19,21,24,36];exports.OCTAVE_DIVISIONS=r;var o=[0,90,180,270];exports.ORIENTATIONS=o;var S={0:"bottom",90:"right",180:"top",270:"left"};exports.BOTTOM_CSS_ATTRIBUTES=S;var _={0:"left",90:"bottom",180:"right",270:"top"};exports.LEFT_CSS_ATTRIBUTES=_;var E={0:"width",180:"width",90:"height",270:"height"};exports.WIDTH_CSS_ATTRIBUTES=E;var I={link:"a",checkbox:"label",radio:"label"};exports.COMPONENTS=I; },{}],"CU7I":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("./constants"),t=function(t){return e.KEY_OFFSETS[t%12]},r=t;exports.default=r; },{"./constants":"AecJ"}],"grhI":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=a(require("mem")),t=f(require("./caches")),r=a(require("./getKeyXOffset")),u=a(require("./isNaturalKey"));function n(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return n=function(){return e},e}function f(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=n();if(t&&t.has(e))return t.get(e);var r={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var f in e)if(Object.prototype.hasOwnProperty.call(e,f)){var a=u?Object.getOwnPropertyDescriptor(e,f):null;a&&(a.get||a.set)?Object.defineProperty(r,f,a):r[f]=e[f]}return r.default=e,t&&t.set(e,r),r}function a(e){return e&&e.__esModule?e:{default:e}}var o=(0,e.default)(r.default,{cache:t.getKeyXOffset}),i=(0,e.default)(u.default,{cache:t.isNaturalKey}),c=function(e,t){return o(t)+(i(t)?1/7:1/7*18/36)-o(e)},l=c;exports.default=l; },{"mem":"EIn2","./caches":"OXIX","./getKeyXOffset":"CU7I","./isNaturalKey":"FpR4"}],"L8OW":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=require("tslib"),t=c(require("mem")),r=c(require("./generateKeys")),n=c(require("./groupKeysIntoOctaves")),u=c(require("./getOctaveCompleteness")),a=i(require("./caches"));function o(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return o=function(){return e},e}function i(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=o();if(t&&t.has(e))return t.get(e);var r={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var a=n?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(r,u,a):r[u]=e[u]}return r.default=e,t&&t.set(e,r),r}function c(e){return e&&e.__esModule?e:{default:e}}var f=(0,t.default)(u.default,{cache:a.getOctaveCompleteness}),s=function(t,u){var a=(0,r.default)(t,u),o=(0,n.default)(a),i=Object.entries(o).map(function(e){var t=e[0],r=e[1];return[t,r[0],r.slice(-1)[0]]}).reduce(function(t,r){var n,u=r[0],a=r[1],o=r[2];return(0,e.__assign)((0,e.__assign)({},t),((n={})[u]=f(a,o),n))},{});return Object.values(i).reduce(function(e,t){return e+t},0)},l=s;exports.default=l; },{"tslib":"vCxL","mem":"EIn2","./generateKeys":"dnKG","./groupKeysIntoOctaves":"qB0f","./getOctaveCompleteness":"grhI","./caches":"OXIX"}],"IsPx":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("mem")),t=c(require("./isNaturalKey")),r=c(require("./getOctaveCount")),u=c(require("./getFractionalOctaveCount")),n=require("./constants"),a=i(require("./caches"));function o(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return o=function(){return e},e}function i(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=o();if(t&&t.has(e))return t.get(e);var r={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var a=u?Object.getOwnPropertyDescriptor(e,n):null;a&&(a.get||a.set)?Object.defineProperty(r,n,a):r[n]=e[n]}return r.default=e,t&&t.set(e,r),r}function c(e){return e&&e.__esModule?e:{default:e}}var f=(0,e.default)(t.default,{cache:a.isNaturalKey}),l=(0,e.default)(u.default,{cacheKey:function(e){return e.join(":")}}),s=(0,e.default)(r.default,{cacheKey:function(e){return e.join(":")}}),d=function(e,t){return function(r){var u=l(e,t),a=s(e,t),o=a/u*100/(7*a);return f(r)?o:o*n.ACCIDENTAL_KEY_TO_NATURAL_KEY_WIDTH_RATIO}},p=d;exports.default=p; },{"mem":"EIn2","./isNaturalKey":"FpR4","./getOctaveCount":"UCW9","./getFractionalOctaveCount":"L8OW","./constants":"AecJ","./caches":"OXIX"}],"JRGf":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("mem")),t=c(require("./getKeyXOffset")),r=c(require("./getOctaveCount")),u=c(require("./getFractionalOctaveCount")),n=c(require("./getKeyOctave")),a=o(require("./caches"));function f(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return f=function(){return e},e}function o(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=f();if(t&&t.has(e))return t.get(e);var r={},u=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var a=u?Object.getOwnPropertyDescriptor(e,n):null;a&&(a.get||a.set)?Object.defineProperty(r,n,a):r[n]=e[n]}return r.default=e,t&&t.set(e,r),r}function c(e){return e&&e.__esModule?e:{default:e}}var i=(0,e.default)(t.default,{cache:a.getKeyXOffset}),l=(0,e.default)(r.default,{cacheKey:function(e){return e.join(":")}}),d=(0,e.default)(u.default,{cacheKey:function(e){return e.join(":")}}),p=(0,e.default)(n.default,{cache:a.getKeyOctave}),s=function(e,t){return function(r){var u=d(e,t),n=l(e,t),a=p(e);return 100*n/u/n*(p(r)-a)+100*n/u/n*i(r)-100*n/u/n*i(e+12)}},y=s;exports.default=y; },{"mem":"EIn2","./getKeyXOffset":"CU7I","./getOctaveCount":"UCW9","./getFractionalOctaveCount":"L8OW","./getKeyOctave":"yTwa","./caches":"OXIX"}],"lc6s":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=i(require("react")),t=i(require("prop-types")),r=require("../../services/constants");function o(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return o=function(){return e},e}function i(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=o();if(t&&t.has(e))return t.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var a=i?Object.getOwnPropertyDescriptor(e,n):null;a&&(a.get||a.set)?Object.defineProperty(r,n,a):r[n]=e[n]}return r.default=e,t&&t.set(e,r),r}var n={label:t.string,orientation:t.oneOf(r.ORIENTATIONS)},a=function(t){var o,i=t.label,n=void 0===i?"":i,a=t.orientation,l=void 0===a?0:a;return e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"var(--color-accidental-key, black)",border:"1px solid",boxSizing:"border-box",position:"relative"}},e.createElement("div",{style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,opacity:"var(--opacity-highlight)",backgroundColor:"var(--color-active-key, Highlight)"}}),e.createElement("div",{style:(o={position:"absolute",display:"grid",placeContent:"center",filter:"invert(100)"},o[r.BOTTOM_CSS_ATTRIBUTES[l||0]]=0,o[r.LEFT_CSS_ATTRIBUTES[l||0]]=0,o[r.WIDTH_CSS_ATTRIBUTES[l||0]]="100%",o)},n))},l=a;exports.default=l; },{"react":"n8MK","prop-types":"D9Od","../../services/constants":"AecJ"}],"XKeK":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=i(require("react")),t=i(require("prop-types")),r=require("../../services/constants");function o(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return o=function(){return e},e}function i(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=o();if(t&&t.has(e))return t.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var a=i?Object.getOwnPropertyDescriptor(e,n):null;a&&(a.get||a.set)?Object.defineProperty(r,n,a):r[n]=e[n]}return r.default=e,t&&t.set(e,r),r}var n={label:t.string,orientation:t.oneOf(r.ORIENTATIONS)},a=function(t){var o,i=t.label,n=void 0===i?"":i,a=t.orientation,l=void 0===a?0:a;return e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"var(--color-natural-key, white)",border:"1px solid",boxSizing:"border-box",position:"relative"}},e.createElement("div",{style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,opacity:"var(--opacity-highlight)",backgroundColor:"var(--color-active-key, Highlight)"}}),e.createElement("div",{style:(o={position:"absolute",display:"grid",placeContent:"center"},o[r.BOTTOM_CSS_ATTRIBUTES[l||0]]=0,o[r.LEFT_CSS_ATTRIBUTES[l||0]]=0,o[r.WIDTH_CSS_ATTRIBUTES[l||0]]="100%",o)},n))};a.propTypes=n;var l=a;exports.default=l; },{"react":"n8MK","prop-types":"D9Od","../../services/constants":"AecJ"}],"u6h1":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=function(t,e,r,u){var n=180===r||270===r,d=90===r||180===r,i=90===r||270===r,a=t.getBoundingClientRect(),o=a.top,l=a.left,s=a.width,f=a.height,v=i?f:s,c=i?s:f,g=i?o:l,h=i?l:o;return function(r,a){void 0===a&&(a=o);var l=i?a:r,s=i?r:a,f=n?c-s+h:s-h,B=(u?d?l-g:v-l+g:d?v-l+g:l-g)/v*100,b=f<=c*e,m=Array.from(t.children).filter(function(t){return"key"in t.dataset}).filter(function(t){var e=Number(t.dataset.octaveLeftBounds),r=Number(t.dataset.octaveRightBounds);return e<=B&&B1?1:t.velocity<0?0:t.velocity),m.current=(0,e.__spreadArrays)(m.current,[(0,e.__assign)((0,e.__assign)({},t),{velocity:E.current,id:-1})]),"function"==typeof i&&i(m.current))}};return null!==n&&n.addEventListener("mousedown",t,{passive:!1}),function(){null!==n&&n.removeEventListener("mousedown",t)}},[u,i,s,y]),n.useEffect(function(){var n=p.current,t=function(n){null!==p.current&&(null!==p.current.parentElement&&(n.preventDefault(),Array.from(n.changedTouches).map(function(e){return[e,(0,r.default)(p.current.parentElement,u,s,y)(e.clientX,e.clientY)]}).filter(function(e){return null!==e[1]}).forEach(function(n){var t=n[0],r=n[1],u=r;void 0===E.current&&(E.current=u.velocity>1?1:u.velocity<0?0:u.velocity),m.current=(0,e.__spreadArrays)(m.current,[(0,e.__assign)((0,e.__assign)({},r),{velocity:E.current,id:t.identifier})]),"function"==typeof i&&i(m.current)})))};return null!==n&&n.addEventListener("touchstart",t,{passive:!1}),function(){null!==n&&n.removeEventListener("touchstart",t)}},[u,i,s,y]),n.useEffect(function(){var n=function(n){null!==p.current&&null!==p.current.parentElement&&(n.preventDefault(),Array.from(n.changedTouches).forEach(function(n){var t=(0,r.default)(p.current.parentElement,u,s,y)(n.clientX,n.clientY);if(null===t)return m.current=m.current.filter(function(e){return e.id!==n.identifier}),void("function"==typeof i&&i(m.current));var c=m.current.filter(function(e){return e.id===n.identifier})[0],o=void 0===c?null:c;if(null===o)return m.current=m.current.filter(function(e){return e.id!==n.identifier}),void("function"==typeof i&&i(m.current));o.key!==t.key&&(m.current=(0,e.__spreadArrays)(m.current.filter(function(e){return e.id!==n.identifier}),[(0,e.__assign)((0,e.__assign)({},t),{velocity:E.current,id:n.identifier})]),"function"==typeof i&&i(m.current))}))};return window.addEventListener("touchmove",n,{passive:!1}),function(){window.removeEventListener("touchmove",n)}},[u,i,s,y]),n.useEffect(function(){var n=function(n){if(null!==p.current&&null!==p.current.parentElement&&1===n.buttons){n.preventDefault();var t=(0,r.default)(p.current.parentElement,u,s,y)(n.clientX,n.clientY);if(null===t)return m.current=m.current.filter(function(e){return-1!==e.id}),void("function"==typeof i&&i(m.current));var c=m.current.filter(function(e){return-1===e.id})[0],o=void 0===c?null:c;if(null===o)return m.current=m.current.filter(function(e){return-1!==e.id}),void("function"==typeof i&&i(m.current));o.key!==t.key&&(m.current=(0,e.__spreadArrays)(m.current.filter(function(e){return-1!==e.id}),[(0,e.__assign)((0,e.__assign)({},t),{velocity:E.current,id:-1})]),"function"==typeof i&&i(m.current))}};return window.addEventListener("mousemove",n),function(){window.removeEventListener("mousemove",n)}},[u,i,s,y]),n.useEffect(function(){var e=function(e){null!==p.current&&null!==p.current.parentElement&&Array.from(e.changedTouches).forEach(function(e){m.current=m.current.filter(function(n){return n.id!==e.identifier}),E.current=void 0,"function"==typeof i&&i(m.current)})};return window.addEventListener("touchcancel",e),window.addEventListener("touchend",e),function(){window.removeEventListener("touchcancel",e),window.removeEventListener("touchend",e)}},[i]),n.useEffect(function(){var e=function(e){null!==p.current&&null!==p.current.parentElement&&(e.preventDefault(),m.current=m.current.filter(function(e){return-1!==e.id}),E.current=void 0,"function"==typeof i&&i(m.current))};return window.addEventListener("mouseup",e),function(){window.removeEventListener("mouseup",e)}},[i]),n.useEffect(function(){var n=p.current,t=o,r=function(n){if(t&&!(n.ctrlKey||n.altKey||n.metaKey||n.shiftKey)){var r=t[n.code],u=void 0===r?null:r;null!==u&&(m.current.some(function(e){return e.key===u&&-2===e.id})||(m.current=(0,e.__spreadArrays)(m.current,[{key:u,velocity:l,id:-2}]),"function"==typeof i&&i(m.current)))}};return n&&n.addEventListener("keydown",r),function(){n&&n.removeEventListener("keydown",r)}},[i,o,l]),n.useEffect(function(){var e=o,n=function(n){if(e&&!(n.ctrlKey||n.altKey||n.metaKey||n.shiftKey)){var t=e[n.code],r=void 0===t?null:t;null!==r&&(m.current=m.current.filter(function(e){return e.key!==r}),"function"==typeof i&&i(m.current))}};return window.addEventListener("keyup",n),function(){window.removeEventListener("keyup",n)}},[i,o]),n.useEffect(function(){var n=function(n){var t,r,u=n.data[0],c=n.data[1],o=n.data[2];switch(240&u){case 144:r=127&o,t=127&c,m.current=r>0?(0,e.__spreadArrays)(m.current,[{key:t,velocity:r/127,id:-3}]):m.current.filter(function(e){return e.key!==t}),"function"==typeof i&&i(m.current);break;case 128:t=127&c,m.current=m.current.filter(function(e){return e.key!==t}),"function"==typeof i&&i(m.current);break;default:return}};return f&&f.addEventListener("midimessage",n),function(){f&&f.removeEventListener("midimessage",n)}},[f,i]),n.createElement("div",{ref:p,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",zIndex:4,outline:0,cursor:"pointer"},onContextMenu:w,onDragStart:w,tabIndex:0})};a.propTypes=f;var l=a;exports.default=l; },{"tslib":"vCxL","react":"n8MK","prop-types":"D9Od","../../services/reverseGetKeyFromPoint":"u6h1","../../services/constants":"AecJ"}],"DH7u":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=function(e,t,r,s){return function(c,u,a){switch(c%12){case 0:case 5:return{left:u,right:c+1>t?u+a:r(c+1)};case 4:case 11:return{left:c-1t?u+a:r(c+1)}}return{left:u,right:u+a}}},t=e;exports.default=t; },{}],"b4L6":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=y(require("react")),t=y(require("prop-types")),r=s(require("../../services/isNaturalKey")),i=s(require("../../services/getKeyWidth")),n=s(require("../../services/getKeyLeft")),a=s(require("../../services/generateKeys")),o=s(require("../AccidentalKey/AccidentalKey")),u=s(require("../NaturalKey/NaturalKey")),l=s(require("../KeyboardMap/KeyboardMap")),d=s(require("../../services/getKeyBounds")),c=require("../../services/constants");function s(e){return e&&e.__esModule?e:{default:e}}function f(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return f=function(){return e},e}function y(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=f();if(t&&t.has(e))return t.get(e);var r={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var a=i?Object.getOwnPropertyDescriptor(e,n):null;a&&(a.get||a.set)?Object.defineProperty(r,n,a):r[n]=e[n]}return r.default=e,t&&t.set(e,r),r}var p={startKey:t.number.isRequired,endKey:t.number.isRequired,octaveDivision:t.oneOf(c.OCTAVE_DIVISIONS),accidentalKeyLengthRatio:t.number,keysOn:t.arrayOf(t.shape({key:t.number.isRequired,velocity:t.number.isRequired})),keyComponents:t.shape({natural:t.elementType,accidental:t.elementType}),width:t.oneOfType([t.string,t.number]),height:t.oneOfType([t.string,t.number]),onChange:t.func,keyboardMapping:t.object,fallbackBehavior:t.oneOf(c.BEHAVIORS),name:t.string,href:t.func,midiInput:t.shape({addEventListener:t.func.isRequired,removeEventListener:t.func.isRequired}),keyboardVelocity:t.number,orientation:t.oneOf(c.ORIENTATIONS),mirrored:t.bool,keyLabels:t.func},h=function(t){var s=t.startKey,f=t.endKey,y=t.octaveDivision,p=void 0===y?12:y,h=t.accidentalKeyLengthRatio,b=void 0===h?.65:h,v=t.keysOn,g=void 0===v?[]:v,m=t.width,k=void 0===m?"100%":m,O=t.keyComponents,K=void 0===O?{}:O,q=t.height,E=void 0===q?80:q,M=t.onChange,R=t.keyboardMapping,C=t.fallbackBehavior,w=t.name,I=t.href,N=t.midiInput,T=t.keyboardVelocity,j=t.orientation,L=void 0===j?0:j,x=t.mirrored,A=void 0!==x&&x,P=t.keyLabels,S=e.useState(!1),_=S[0],V=S[1],D=e.useState([]),B=D[0],W=D[1],z=K,F=z.natural,H=void 0===F?u.default:F,G=z.accidental,J=void 0===G?o.default:G,Q=e.useCallback(function(e){return(0,i.default)(s,f)(e)},[s,f]),U=e.useCallback(function(e){return(0,n.default)(s,f)(e)},[s,f]),X=e.useCallback(function(e){return(0,r.default)(e)},[]),Y=e.useRef(null);e.useEffect(function(){V(!0)},[]),e.useEffect(function(){W((0,a.default)(s,f))},[s,f]);var Z,$,ee=_?B:(0,a.default)(s,f),te=90===L||270===L?"height":"width",re=90===L||270===L?"width":"height";switch(L){default:case 0:Z="left",$="top";break;case 90:Z="bottom",$="left";break;case 180:Z="right",$="bottom";break;case 270:Z="top",$="right"}return e.createElement(e.Fragment,null,e.createElement("style",null,"\n .ReactMusicalKeyboard-checkbox:checked + * {\n --opacity-highlight: 1,\n }\n "),e.createElement("div",{style:{width:k,height:E,position:"relative",backgroundColor:"currentColor",overflow:"hidden"},role:"presentation",ref:Y},ee.map(function(t){var r,i=X(t),n=i?H:J,a=(Array.isArray(g)?g.filter(function(e){return e.key===t}):[])[0],o=void 0===a?null:a,u=Q(t),l=U(t),y=(0,d.default)(s,f,U,Q)(t,l,u),h=y.left,v=y.right,m=12*Math.floor(t/12),k=m+12*(1-1/(12!==p?12:p)),O=U(m),K=U(k)+Q(k),q=c.COMPONENTS[C],E=void 0===q?"div":q;return e.createElement(E,{key:t,href:"link"===C?I(t):void 0,"data-key":t,"data-octave-left-bounds":O,"data-octave-right-bounds":K,"data-left-bounds":h,"data-right-bounds":v,"data-left-full-bounds":i?l:void 0,"data-right-full-bounds":i?l+u:void 0,style:(r={zIndex:i?0:2},r[te]=u+"%",r[re]=(i?100:100*b)+"%",r[Z]=(A?100-u-l:l)+"%",r.position="absolute",r[$]=0,r.cursor=M||C?"pointer":void 0,r.color="inherit",r["--opacity-highlight"]=null!==o?1:0,r)},("checkbox"===C||"radio"===C)&&e.createElement("input",{type:C,className:"ReactMusicalKeyboard-checkbox",name:w,value:t,defaultChecked:null!==o,style:{position:"absolute",left:-999999,width:1,height:1}}),e.createElement(n,{label:"function"==typeof P?P(t):null,orientation:L,mirrored:A}))}),_&&e.createElement(l.default,{accidentalKeyLengthRatio:b,onChange:M,keyboardMapping:R,midiInput:N,keyboardVelocity:T,orientation:L,mirrored:A})))};h.propTypes=p;var b=h;exports.default=b; },{"react":"n8MK","prop-types":"D9Od","../../services/isNaturalKey":"FpR4","../../services/getKeyWidth":"IsPx","../../services/getKeyLeft":"JRGf","../../services/generateKeys":"dnKG","../AccidentalKey/AccidentalKey":"lc6s","../NaturalKey/NaturalKey":"XKeK","../KeyboardMap/KeyboardMap":"oBwe","../../services/getKeyBounds":"DH7u","../../services/constants":"AecJ"}],"kMWa":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=o(require("react")),t=o(require("prop-types")),a=require("../../services/constants");function i(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return i=function(){return e},e}function o(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i();if(t&&t.has(e))return t.get(e);var a={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var c in e)if(Object.prototype.hasOwnProperty.call(e,c)){var r=o?Object.getOwnPropertyDescriptor(e,c):null;r&&(r.get||r.set)?Object.defineProperty(a,c,r):a[c]=e[c]}return a.default=e,t&&t.set(e,a),a}var c="white",r={label:t.string,orientation:t.oneOf(a.ORIENTATIONS)},l=function(t){var i,o=t.label,r=void 0===o?"":o,l=t.orientation,s=void 0===l?0:l;return e.createElement("div",{style:{width:"100%",height:"100%",position:"relative"}},e.createElement("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"}},e.createElement("div",{style:{width:"100%",height:"100%",position:"relative"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",position:"absolute",top:"0",left:"0"}}),e.createElement("div",{style:{width:"100%",height:"100%",padding:"calc(1px * var(--size-scale-factor, 1)) 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",top:"0",left:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"var(--color-natural-key, #e3e3e5)",borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",opacity:1}})),e.createElement("div",{style:{width:"100%",height:"calc(33 / 80 * 100%)",padding:"0 calc(1px * var(--size-scale-factor, 1)) calc(2px * var(--size-scale-factor, 1)) calc(2px * var(--size-scale-factor, 1))",boxSizing:"border-box",backgroundClip:"content-box",position:"absolute",bottom:"0",left:"0",maskImage:"linear-gradient(to bottom, transparent, white)",WebkitMaskImage:"linear-gradient(to bottom, transparent, white)",backgroundColor:c,opacity:.25}}),e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",padding:"calc(1px * var(--size-scale-factor, 1)) calc(2px * var(--size-scale-factor, 1)) calc(3px * var(--size-scale-factor, 1)) calc(3px * var(--size-scale-factor, 1))",boxSizing:"border-box",backgroundClip:"content-box",position:"absolute",bottom:"0",left:"0",opacity:"0.08",maskImage:"linear-gradient(to bottom, transparent, white)",WebkitMaskImage:"linear-gradient(to bottom, transparent, white)"}}),e.createElement("div",{style:{width:"100%",height:"calc(2px * var(--size-scale-factor, 1))",padding:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:"0",left:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",opacity:"0.25"}})),e.createElement("div",{style:{width:"calc(2px * var(--size-scale-factor, 1))",height:"100%",padding:"calc(1px * var(--size-scale-factor, 1)) 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:"0",left:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",borderRadius:"0 0 0 calc(1px * var(--size-scale-factor, 1))",opacity:"0.07"}})),e.createElement("div",{style:{width:"100%",height:"calc(6px * var(--size-scale-factor, 1))",padding:"calc(1px * var(--size-scale-factor, 1)) 0 0 calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",top:"0",left:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",maskImage:"linear-gradient(to bottom, white, transparent)",WebkitMaskImage:"linear-gradient(to bottom, white, transparent)",opacity:"0.12"}})),e.createElement("div",{style:{width:"100%",padding:"calc(1px * var(--size-scale-factor, 1)) 0 0 calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",top:"0",left:"0",height:"calc(3px * var(--size-scale-factor, 1))"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",opacity:"0.12"}})),e.createElement("div",{style:{width:"calc(1px * var(--size-scale-factor, 1))",height:"100%",padding:"calc(1px * var(--size-scale-factor, 1)) 0 calc(1px * var(--size-scale-factor, 1)) 0",boxSizing:"border-box",position:"absolute",bottom:"0",right:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:c,borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) 0",opacity:"0.12"}})))),e.createElement("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",opacity:"var(--opacity-highlight)"}},e.createElement("div",{style:{width:"100%",height:"100%",position:"relative"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",position:"absolute",top:"0",left:"0"}}),e.createElement("div",{style:{width:"100%",height:"100%",padding:"calc(1px * var(--size-scale-factor, 1)) 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",top:"0",left:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"var(--color-active-key, Highlight)",borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",opacity:.75}})),e.createElement("div",{style:{width:"100%",height:"calc(33 / 80 * 100%)",padding:"0 calc(1px * var(--size-scale-factor, 1)) calc(2px * var(--size-scale-factor, 1)) calc(2px * var(--size-scale-factor, 1))",boxSizing:"border-box",backgroundClip:"content-box",position:"absolute",bottom:"0",left:"0",maskImage:"linear-gradient(to bottom, transparent, white)",WebkitMaskImage:"linear-gradient(to bottom, transparent, white)",backgroundColor:c,opacity:.12}}),e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",padding:"calc(1px * var(--size-scale-factor, 1)) calc(2px * var(--size-scale-factor, 1)) calc(3px * var(--size-scale-factor, 1)) calc(3px * var(--size-scale-factor, 1))",boxSizing:"border-box",backgroundClip:"content-box",position:"absolute",bottom:"0",left:"0",opacity:"0.08",maskImage:"linear-gradient(to bottom, transparent, white)",WebkitMaskImage:"linear-gradient(to bottom, transparent, white)"}}),e.createElement("div",{style:{width:"100%",height:"calc(2px * var(--size-scale-factor, 1))",padding:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:"0",left:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",opacity:"0.25"}})),e.createElement("div",{style:{width:"calc(2px * var(--size-scale-factor, 1))",height:"100%",padding:"calc(1px * var(--size-scale-factor, 1)) 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:"0",left:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",borderRadius:"0 0 0 calc(1px * var(--size-scale-factor, 1))",opacity:"0.07"}})),e.createElement("div",{style:{width:"100%",height:"calc(6px * var(--size-scale-factor, 1))",padding:"calc(1px * var(--size-scale-factor, 1)) 0 0 calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",top:"0",left:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",maskImage:"linear-gradient(to bottom, white, transparent)",WebkitMaskImage:"linear-gradient(to bottom, white, transparent)",opacity:"0.12"}})),e.createElement("div",{style:{width:"100%",padding:"calc(1px * var(--size-scale-factor, 1)) 0 0 calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",top:"0",left:"0",height:"calc(4px * var(--size-scale-factor, 1))"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",opacity:"0.12"}})),e.createElement("div",{style:{width:"calc(1px * var(--size-scale-factor, 1))",height:"100%",padding:"calc(1px * var(--size-scale-factor, 1)) 0 calc(1px * var(--size-scale-factor, 1)) 0",boxSizing:"border-box",position:"absolute",bottom:"0",right:"0"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:c,borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) 0",opacity:"0.12"}})))),e.createElement("div",{style:(i={position:"absolute",display:"grid",placeContent:"center"},i[a.BOTTOM_CSS_ATTRIBUTES[s||0]]=0,i[a.LEFT_CSS_ATTRIBUTES[s||0]]=0,i[a.WIDTH_CSS_ATTRIBUTES[s||0]]="100%",i)},r))},s=l;exports.default=s; },{"react":"n8MK","prop-types":"D9Od","../../services/constants":"AecJ"}],"J6q8":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=c(require("react")),t=c(require("prop-types")),a=require("../../services/constants");function i(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return i=function(){return e},e}function c(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=i();if(t&&t.has(e))return t.get(e);var a={},c=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if(Object.prototype.hasOwnProperty.call(e,o)){var r=c?Object.getOwnPropertyDescriptor(e,o):null;r&&(r.get||r.set)?Object.defineProperty(a,o,r):a[o]=e[o]}return a.default=e,t&&t.set(e,a),a}var o="white",r={label:t.string,orientation:t.oneOf(a.ORIENTATIONS)},l=function(t){var i,c=t.label,r=void 0===c?"":c,l=t.orientation,s=void 0===l?0:l;return e.createElement("div",{style:{width:"100%",height:"100%",position:"relative"}},e.createElement("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"}},e.createElement("div",{style:{width:"100%",height:"100%",position:"relative"}},e.createElement("div",{style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,borderRadius:"calc(1px * var(--size-scale-factor, 1))",boxShadow:"0 0 0 calc(1px * var(--size-scale-factor, 1)) rgba(0, 0, 0, 0.25)"}}),e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",position:"absolute",top:0,left:0,borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))"}}),e.createElement("div",{style:{width:"100%",height:"calc(6 / 50 * 100%)",padding:"0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:0,left:0}},e.createElement("div",{style:{width:"100%",height:"100%",borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",backgroundColor:"var(--color-accidental-key, #35313b)",maskImage:"linear-gradient(to bottom, white, rgba(0, 0, 0, 0.9))",WebkitMaskImage:"linear-gradient(to bottom, white, rgba(0, 0, 0, 0.9))"}})),e.createElement("div",{style:{width:"100%",height:"calc(44 / 50 * 100%)",padding:"calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1)) 0",boxSizing:"border-box",position:"absolute",top:0,left:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"var(--color-accidental-key, #35313b)"}})),e.createElement("div",{style:{width:"100%",height:"calc(4px * var(--size-scale-factor, 1))",padding:"calc(1px * var(--size-scale-factor, 1)) 0 0 0",boxSizing:"border-box",position:"absolute",top:0,left:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",opacity:"0.12"}})),e.createElement("div",{style:{width:"calc(2px * var(--size-scale-factor, 1))",height:"calc(10 / 52 * 100%)",padding:"0 calc(1px * var(--size-scale-factor, 1)) 0 0",boxSizing:"border-box",position:"absolute",top:0,right:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,maskImage:"linear-gradient(to bottom, transparent, white)",WebkitMaskImage:"linear-gradient(to bottom, transparent, white)",opacity:"0.4"}})),e.createElement("div",{style:{width:"calc(2px * var(--size-scale-factor, 1))",height:"calc(34 / 52 * 100%)",boxSizing:"border-box",position:"absolute",bottom:"calc(8 / 52 * 100%)",right:0,paddingRight:"calc(1px * var(--size-scale-factor, 1))",paddingLeft:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,opacity:"0.4",borderBottomRightRadius:"calc(1px * var(--size-scale-factor, 1))"}})),e.createElement("div",{style:{width:"100%",height:"calc(6 / 52 * 100%)",padding:"0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:0,left:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,borderRadius:"calc(4px * var(--size-scale-factor, 1)) calc(4px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",opacity:"0.12"}})),e.createElement("div",{style:{width:"100%",height:"calc(38 / 52 * 100%)",padding:"0 calc(3px * var(--size-scale-factor, 1)) 0 calc(3px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",top:"calc(3px * var(--size-scale-factor, 1))",left:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,maskImage:"linear-gradient(to bottom, transparent, white)",WebkitMaskImage:"linear-gradient(to bottom, transparent, white)",borderRadius:99999,opacity:.12}})),e.createElement("div",{style:{width:"100%",paddingTop:0,paddingRight:"calc(1px * var(--size-scale-factor, 1))",paddingLeft:"calc(2px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:"calc(8 / 52 * 100%)",left:0,height:"calc(1px * var(--size-scale-factor, 1))"}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",opacity:"0.4"}})))),e.createElement("div",{style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",opacity:"var(--opacity-highlight)"}},e.createElement("div",{style:{width:"100%",height:"100%",position:"relative"}},e.createElement("div",{style:{width:"100%",height:"100%",position:"absolute",top:0,left:0,borderRadius:"calc(1px * var(--size-scale-factor, 1))",boxShadow:"0 0 0 calc(1px * var(--size-scale-factor, 1)) rgba(0, 0, 0, 0.25)"}}),e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",position:"absolute",top:0,left:0,borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))"}}),e.createElement("div",{style:{width:"100%",height:"calc(6 / 50 * 100%)",padding:"0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:0,left:0}},e.createElement("div",{style:{width:"100%",height:"100%",borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",backgroundColor:"var(--color-active-key, Highlight)",maskImage:"linear-gradient(to bottom, white, rgba(0, 0, 0, 0.9))",WebkitMaskImage:"linear-gradient(to bottom, white, rgba(0, 0, 0, 0.9))",opacity:.75}})),e.createElement("div",{style:{width:"100%",height:"calc(44 / 50 * 100%)",padding:"calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1)) 0",boxSizing:"border-box",position:"absolute",top:0,left:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"var(--color-active-key, Highlight)",opacity:.75}})),e.createElement("div",{style:{width:"100%",height:"calc(4px * var(--size-scale-factor, 1))",padding:"calc(1px * var(--size-scale-factor, 1)) 0 0 0",boxSizing:"border-box",position:"absolute",top:0,left:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:"black",opacity:"0.12"}})),e.createElement("div",{style:{width:"calc(2px * var(--size-scale-factor, 1))",height:"calc(10 / 52 * 100%)",padding:"0 calc(1px * var(--size-scale-factor, 1)) 0 0",boxSizing:"border-box",position:"absolute",top:0,right:0,opacity:.5}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,maskImage:"linear-gradient(to bottom, transparent, white)",WebkitMaskImage:"linear-gradient(to bottom, transparent, white)",opacity:"0.4"}})),e.createElement("div",{style:{width:"calc(2px * var(--size-scale-factor, 1))",height:"calc(38 / 52 * 100%)",boxSizing:"border-box",position:"absolute",bottom:"calc(4 / 52 * 100%)",right:0,paddingRight:"calc(1px * var(--size-scale-factor, 1))",paddingLeft:0,opacity:.5}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,opacity:"0.4",borderBottomRightRadius:"calc(1px * var(--size-scale-factor, 1))"}})),e.createElement("div",{style:{width:"100%",height:"calc(2 / 52 * 100%)",padding:"0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:0,left:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,borderRadius:"calc(4px * var(--size-scale-factor, 1)) calc(4px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",opacity:"0.12"}})),e.createElement("div",{style:{width:"100%",height:"calc(42 / 52 * 100%)",padding:"0 calc(3px * var(--size-scale-factor, 1)) 0 calc(3px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",top:"calc(3px * var(--size-scale-factor, 1))",left:0}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,maskImage:"linear-gradient(to bottom, transparent, white)",WebkitMaskImage:"linear-gradient(to bottom, transparent, white)",borderRadius:99999,opacity:.06}})),e.createElement("div",{style:{width:"100%",paddingTop:0,paddingRight:"calc(1px * var(--size-scale-factor, 1))",paddingLeft:"calc(2px * var(--size-scale-factor, 1))",boxSizing:"border-box",position:"absolute",bottom:"calc(4 / 52 * 100%)",left:0,height:"calc(1px * var(--size-scale-factor, 1))",opacity:.5}},e.createElement("div",{style:{width:"100%",height:"100%",backgroundColor:o,borderRadius:"0 0 calc(1px * var(--size-scale-factor, 1)) calc(1px * var(--size-scale-factor, 1))",opacity:"0.4"}})))),e.createElement("div",{style:(i={position:"absolute",display:"grid",placeContent:"center",filter:"invert(100)"},i[a.BOTTOM_CSS_ATTRIBUTES[s||0]]=0,i[a.LEFT_CSS_ATTRIBUTES[s||0]]=0,i[a.WIDTH_CSS_ATTRIBUTES[s||0]]="100%",i)},r))},s=l;exports.default=s; },{"react":"n8MK","prop-types":"D9Od","../../services/constants":"AecJ"}],"fUdq":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"StyledNaturalKey",{enumerable:!0,get:function(){return t.default}}),Object.defineProperty(exports,"StyledAccidentalKey",{enumerable:!0,get:function(){return r.default}}),exports.default=void 0;var e=u(require("./components/Keyboard/Keyboard")),t=u(require("./components/StyledNaturalKey/StyledNaturalKey")),r=u(require("./components/StyledAccidentalKey/StyledAccidentalKey"));function u(e){return e&&e.__esModule?e:{default:e}}var d=e.default;exports.default=d; },{"./components/Keyboard/Keyboard":"b4L6","./components/StyledNaturalKey/StyledNaturalKey":"kMWa","./components/StyledAccidentalKey/StyledAccidentalKey":"J6q8"}],"NEN9":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.handle=exports.change=void 0;var e=function(e){var n=e.setChannel;return function(e){var t=e.target.value,r=Number(t);n(r)}};exports.change=e;var n=function(e){var n=e.setKeyChannels,t=e.generator,r=e.channel;return function(e){n(function(n){if(void 0!==t){var o=n.map(function(e){return e.key}),u=e.map(function(e){return e.key}),a=n.filter(function(e){return!u.includes(e.key)});e.filter(function(e){return!o.includes(e.key)}).forEach(function(e){t.noteOn(r,e.key,Math.floor(127*e.velocity))}),a.forEach(function(e){t.noteOff(r,e.key,Math.floor(127*e.velocity))})}return e})}};exports.handle=n; },{}],"LntJ":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.reflect=exports.initialize=exports.change=void 0;var e=function(e){var t=e.setInstrument;return function(e){var r=e.target.value,n=Number(r);t(n)}};exports.change=e;var t=function(e){var t=e.setInstruments,r=e.generator;t(r.getInstrumentNames()),r.changeInstrument(0,0)};exports.initialize=t;var r=function(e){var t=e.generator,r=e.channel,n=e.instrument;t.changeInstrument(r,n)};exports.reflect=r; },{}],"FH9G":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e=function(){function e(e){this.output=e}return e.prototype.noteOn=function(e,t,a){this.output.send([144+e,t,a])},e.prototype.noteOff=function(e,t,a){this.output.send([128+e,t,a])},e.prototype.changeInstrument=function(e,t){this.output.send([192+e,t])},e.prototype.sendMessage=function(e,t,a,o){this.output.send([t|e,a,o])},e.prototype.getInstrumentNames=function(){return["Acoustic Grand Piano","Bright Acoustic Piano","Electric Grand Piano","Honky-tonk Piano","Electric Piano 1","Electric Piano 2","Harpsichord","Clavi","Celesta","Glockenspiel","Music Box","Vibraphone","Marimba","Xylophone","Tubular Bells","Dulcimer","Drawbar Organ","Percussive Organ","Rock Organ","Church Organ","Reed Organ","Accordion","Harmonica","Tango Accordion","Acoustic Guitar (nylon)","Acoustic Guitar (steel)","Electric Guitar (jazz)","Electric Guitar (clean)","Electric Guitar (muted)","Overdriven Guitar","Distortion Guitar","Guitar harmonics","Acoustic Bass","Electric Bass (finger)","Electric Bass (pick)","Fretless Bass","Slap Bass 1","Slap Bass 2","Synth Bass 1","Synth Bass 2","Violin","Viola","Cello","Contrabass","Tremolo Strings","Pizzicato Strings","Orchestral Harp","Timpani","String Ensemble 1","String Ensemble 2","SynthStrings 1","SynthStrings 2","Choir Aahs","Voice Oohs","Synth Voice","Orchestra Hit","Trumpet","Trombone","Tuba","Muted Trumpet","French Horn","Brass Section","SynthBrass 1","SynthBrass 2","Soprano Sax","Alto Sax","Tenor Sax","Baritone Sax","Oboe","English Horn","Bassoon","Clarinet","Piccolo","Flute","Recorder","Pan Flute","Blown Bottle","Shakuhachi","Whistle","Ocarina","Lead 1 (square)","Lead 2 (sawtooth)","Lead 3 (calliope)","Lead 4 (chiff)","Lead 5 (charang)","Lead 6 (voice)","Lead 7 (fifths)","Lead 8 (bass + lead)","Pad 1 (new age)","Pad 2 (warm)","Pad 3 (polysynth)","Pad 4 (choir)","Pad 5 (bowed)","Pad 6 (metallic)","Pad 7 (halo)","Pad 8 (sweep)","FX 1 (rain)","FX 2 (soundtrack)","FX 3 (crystal)","FX 4 (atmosphere)","FX 5 (brightness)","FX 6 (goblins)","FX 7 (echoes)","FX 8 (sci-fi)","Sitar","Banjo","Shamisen","Koto","Kalimba","Bag pipe","Fiddle","Shanai","Tinkle Bell","Agogo","Steel Drums","Woodblock","Taiko Drum","Melodic Tom","Synth Drum","Reverse Cymbal","Guitar Fret Noise","Breath Noise","Seashore","Bird Tweet","Telephone Ring","Helicopter","Applause","Gunshot"]},e}(),t=e;exports.default=t; },{}],"mYKQ":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var t=function(){function t(){this.sounds="sine triangle sawtooth square".split(" "),this.oscillators=new Array(16).fill({}),this.channels=new Array(16).fill(0),this.baseFrequency=440,this.getKeyFrequency=function(t,s,e){return e*Math.pow(Math.pow(2,1/12),t-s)};var t=window,s=t.AudioContext||t.webkitAudioContext;this.output=new s}return t.prototype.noteOn=function(t,s,e){this.oscillators[t][s]&&(this.oscillators[t][s].stop(),delete this.oscillators[t][s]),this.oscillators[t][s]=this.output.createOscillator();var o=this.output.createGain();this.oscillators[t][s].type=this.sounds[this.channels[t]],this.oscillators[t][s].connect(o),o.connect(this.output.destination),o.gain.value=.001*e,this.oscillators[t][s].frequency.value=this.getKeyFrequency(s,69,this.baseFrequency),this.oscillators[t][s].start()},t.prototype.noteOff=function(t,s,e){if(this.oscillators[t][s]){try{this.oscillators[t][s].stop()}catch(o){}delete this.oscillators[t][s]}},t.prototype.changeInstrument=function(t,s){this.channels[t]=s},t.prototype.getInstrumentNames=function(){return this.sounds},t}(),s=t;exports.default=s; },{}],"EjdQ":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.load=void 0;var e=require("tslib"),r=s(require("../services/generators/MidiGenerator")),t=s(require("../services/generators/WaveGenerator"));function s(e){return e&&e.__esModule?e:{default:e}}var n=function(){return(0,e.__awaiter)(void 0,void 0,Promise,function(){var s,n,a,i;return(0,e.__generator)(this,function(e){switch(e.label){case 0:return s=window.navigator,"requestMIDIAccess"in(n=s)?[4,n.requestMIDIAccess()]:[3,2];case 1:if(a=e.sent(),(i=Array.from(a.outputs.values())).length>0)return[2,new r.default(i[0])];e.label=2;case 2:return[2,new t.default]}})})};exports.load=n; },{"tslib":"vCxL","../services/generators/MidiGenerator":"FH9G","../services/generators/WaveGenerator":"mYKQ"}],"B1jP":[function(require,module,exports) { "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var e={KeyQ:60,Digit2:61,KeyW:62,Digit3:63,KeyE:64,KeyR:65,Digit5:66,KeyT:67,Digit6:68,KeyY:69,Digit7:70,KeyU:71,KeyI:72,Digit9:73,KeyO:74,Digit0:75,KeyP:76,BracketLeft:77,Equal:78,BracketRight:79,KeyZ:48,KeyS:49,KeyX:50,KeyD:51,KeyC:52,KeyV:53,KeyG:54,KeyB:55,KeyH:56,KeyN:57,KeyJ:58,KeyM:59,Comma:60,KeyL:61,Period:62,Semicolon:63,Slash:64};exports.default=e; },{}],"zo2T":[function(require,module,exports) { "use strict";var e=require("tslib"),t=l(require("react")),n=o(require("react-dom")),r=o(require("../src")),u=l(require("./controllers/Channel")),a=l(require("./controllers/Instrument")),i=l(require("./controllers/Generator")),c=o(require("./services/keyboardMapping"));function o(e){return e&&e.__esModule?e:{default:e}}function s(){if("function"!=typeof WeakMap)return null;var e=new WeakMap;return s=function(){return e},e}function l(e){if(e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=s();if(t&&t.has(e))return t.get(e);var n={},r=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if(Object.prototype.hasOwnProperty.call(e,u)){var a=r?Object.getOwnPropertyDescriptor(e,u):null;a&&(a.get||a.set)?Object.defineProperty(n,u,a):n[u]=e[u]}return n.default=e,t&&t.set(e,n),n}var f=function(){var n=t.useState(0),o=n[0],s=n[1],l=t.useState([]),f=l[0],d=l[1],p=t.useState([]),m=p[0],y=p[1],v=t.useState(0),g=v[0],h=v[1],b=t.useState([]),E=b[0],w=b[1],k=t.useState(),q=k[0],M=k[1],O=t.useRef(void 0),_=t.useRef(null),C=t.useRef(null);return t.useEffect(function(){O.current&&a.reflect({generator:O.current,channel:o,instrument:g})},[o,g]),t.useEffect(function(){i.load().then(function(e){a.initialize({setInstruments:y,generator:O.current=e})})},[]),t.useEffect(function(){var e=_.current;e&&(e.scrollLeft=.4668*e.scrollWidth)},[_]),t.useEffect(function(){(0,e.__awaiter)(void 0,void 0,void 0,function(){var t,n;return(0,e.__generator)(this,function(e){switch(e.label){case 0:return[4,navigator.requestMIDIAccess()];case 1:return t=e.sent(),n=Array.from(t.inputs.entries()).map(function(e){return{handle:e[0],input:e[1]}}),C.current=n[0].input,w(n),n.length>0&&M(0),[2]}})})},[]),t.useEffect(function(){var e=E[q],t=function(e){var t=e.data[0],n=e.data[1],r=e.data[2],u=240&t;144!==u&&128!==u&&O.current&&"sendMessage"in O.current&&O.current.sendMessage(15&t,240&t,n,r)};return e&&e.input.addEventListener("midimessage",t),function(){e&&e.input.removeEventListener("midimessage",t)}},[E,q]),t.createElement(t.Fragment,null,t.createElement("input",{type:"number",id:"channel",min:0,max:15,onChange:u.change({setChannel:s}),defaultValue:0}),t.createElement("select",{id:"instrument",onChange:a.change({setInstrument:h}),defaultValue:0},Array.isArray(m)&&m.map(function(e,n){return t.createElement("option",{key:n,value:n},e)})),t.createElement("div",{id:"keyboard",ref:_},t.createElement("div",{id:"keyboard-scroll"},t.createElement(r.default,{startKey:0,endKey:127,keysOn:f,height:"100%",keyboardVelocity:.75,onChange:u.handle({setKeyChannels:d,generator:O.current,channel:o}),keyboardMapping:c.default,midiInput:E.length>0&&"number"==typeof q?E[q].input:void 0}))))},d=window.document.createElement("div");d.style.display="contents",window.document.body.appendChild(d),n.default.render(t.createElement(f,null),d); },{"tslib":"vCxL","react":"n8MK","react-dom":"wLSN","../src":"fUdq","./controllers/Channel":"NEN9","./controllers/Instrument":"LntJ","./controllers/Generator":"EjdQ","./services/keyboardMapping":"B1jP"}]},{},["zo2T"], null) //# sourceMappingURL=example.4d83155a.js.map