(this["webpackJsonpexotic-frequencies"]=this["webpackJsonpexotic-frequencies"]||[]).push([[0],{183:function(e,t,r){e.exports=r(370)},188:function(e,t,r){},189:function(e,t,r){},370:function(e,t,r){"use strict";r.r(t);var a=r(1),n=r.n(a),i=r(34),o=r.n(i),s=(r(188),r(15)),c=r(2),l=r(3),p=r(8),h=r(7);r(189);function u(){return[document.documentElement.clientWidth,document.documentElement.clientHeight]}function d(e,t,r,a,n,i,o){var s,c,l=n-(t+a),p=i-(e+r);l<=1||p<=1?(s=1,c=1):l/p>o?(c=p,s=Math.round(p*o)):(s=l,c=Math.round(l/o));return function(e,t,r,a,n,i){var o=e+Math.round((r-n)/2),s=t+Math.round((a-i)/2);return[o,s,n,i]}(t,e,l,p,s,c)}function f(e,t,r,a,n,i){var o=n*r,s=i*a,c=r-2*o,l=a-2*s;return c<=1||l<=1?[e,t,1,1]:[e+o,t+s,c,l]}var m=r(10),g=r.n(m),v=r(14),b=r(91);function y(e){return!!e}function x(e){return""+e}var E=function(){function e(){Object(c.a)(this,e)}return Object(l.a)(e,null,[{key:"compressString",value:function(e){return Object(b.compressToUTF16)(e)}},{key:"decompressString",value:function(e){var t;return null!==(t=Object(b.decompressFromUTF16)(e))&&void 0!==t?t:""}}]),e}();function O(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,i=S(e,t,r,a,n);return new Error(i)}function k(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0;return O(e,"ui512",t,r,a)}function H(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0;if(!e){if(!j.silenceAssertMsgs){var n=S("assertTrue:","ui512",t,r,a);console.error(n)}throw k("assert:",t,r,a)}}function w(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"",a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";if(!e)throw k(t,r,a)}E.stringEscapeNewline="##Newline##",E.reEscapeNewline=new RegExp(E.stringEscapeNewline,"g"),E.reNewline=/\n/g;var j=function(){function e(){Object(c.a)(this,e)}return Object(l.a)(e,null,[{key:"appendErrMsgToLogs",value:function(t,r){if(e.shouldRecordErrors&&!e.runningTests){var a=t?"1":"2";console.error(a+" "+r)}}}]),e}();function C(e,t){var r,a,n,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],o=(null===(r=e.typeName)||void 0===r?void 0:r.includes("Message"))||(null===(a=e.typeName)||void 0===a?void 0:a.includes("Msg")),s=null===(n=e.typeName)||void 0===n?void 0:n.includes("Warn"),c=y(e.typeName);if(e.message,o)i?console.error(e.message):window.alert(e.message);else{var l="";e.message&&(l+=e.message),e.stack&&(l+="\n\n"+e.stack.toString()),e.line&&(l+="\n\n"+e.line.toString()),e.sourceURL&&(l+="\n\n"+e.sourceURL),!c&&j.contextHint&&(l+=" ".concat(j.contextHint)),t&&(l+=" (".concat(t,")")),console.error(l);var p=!1;if(e.message&&e.message.includes("assertion failed")||(p=!0),j.shouldRecordErrors&&!j.runningTests&&j.appendErrMsgToLogs(p,l),!s||!j.silenceWarnings)if(j.silenceWarningsAndMoreCount+=1,i||j.silenceWarningsAndMore);else if(j.silenceWarningsAndMoreCount>4){var h=l+" -- we recommend that you save yourwork and refresh the website -- Press OK to silence future asserts";window.confirm(h)&&(j.silenceWarningsAndMore=!0)}else window.alert(l)}}function S(e,t){var r,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0,o=[],s=t+": "+(e=null!==(r=W(e,o))&&void 0!==r?r:"");return s+=(a=W(a,o))?"\n"+a:"",s+=n?", "+n:"",s+=i?", "+i:"",o.length&&(s+=" ("+o.join(",")+")"),s}function W(e,t){return e&&"string"===typeof e&&"|"===e[2]?(t.push(e.slice(0,2)),e.slice(3)):e?x(e):void 0}j.shouldRecordErrors=!0,j.runningTests=!1,j.silenceAssertMsgs=!1,j.silenceWarnings=!1,j.silenceWarningsAndMore=!1,j.silenceWarningsAndMoreCount=0,j.contextHint="",j.maxEntryLength=512,j.maxLinesKept=256;var X=r(40),M=r(0),Y=r.n(M),z=function(){function e(){Object(c.a)(this,e),this.n=0}return Object(l.a)(e,[{key:"current",value:function(){return this.n}},{key:"next",value:function(){return this.n+=1,this.n}}]),e}();Y.a.number.isRequired,Y.a.number.isRequired,Y.a.number.isRequired,Y.a.number.isRequired;var P={cardX:Y.a.number.isRequired,cardY:Y.a.number.isRequired,cardWidth:Y.a.number.isRequired,cardHeight:Y.a.number.isRequired},A=Object(X.a)({toNextCard:Y.a.func.isRequired},P),F=(Object(X.a)({toNextScreen:Y.a.func.isRequired},A),null);var T=function(){var e=/iPhone/i,t=/iPod/i,r=/iPad/i,a=/\biOS-universal(?:.+)Mac\b/i,n=/\bAndroid(?:.+)Mobile\b/i,i=/Android/i,o=/(?:SD4930UR|\bSilk(?:.+)Mobile\b)/i,s=/Silk/i,c=/Windows Phone/i,l=/\bWindows(?:.+)ARM\b/i,p=/BlackBerry/i,h=/BB10/i,u=/Opera Mini/i,d=/\b(CriOS|Chrome)(?:.+)Mobile/i,f=/Mobile(?:.+)Firefox\b/i,m=function(e){return void 0!==e&&"MacIntel"===e.platform&&"number"==typeof e.maxTouchPoints&&e.maxTouchPoints>1&&"undefined"==typeof MSStream};return function(g){var v={userAgent:"",platform:"",maxTouchPoints:0};g||"undefined"==typeof navigator?"string"==typeof g?v.userAgent=g:g&&g.userAgent&&(v={userAgent:g.userAgent,platform:g.platform,maxTouchPoints:g.maxTouchPoints||0}):v={userAgent:navigator.userAgent,platform:navigator.platform,maxTouchPoints:navigator.maxTouchPoints||0};var b=v.userAgent,y=b.split("[FBAN");void 0!==y[1]&&(b=y[0]),void 0!==(y=b.split("Twitter"))[1]&&(b=y[0]);var x=function(e){return function(t){return t.test(e)}}(b),E={apple:{phone:x(e)&&!x(c),ipod:x(t),tablet:!x(e)&&(x(r)||m(v))&&!x(c),universal:x(a),device:(x(e)||x(t)||x(r)||x(a)||m(v))&&!x(c)},amazon:{phone:x(o),tablet:!x(o)&&x(s),device:x(o)||x(s)},android:{phone:!x(c)&&x(o)||!x(c)&&x(n),tablet:!x(c)&&!x(o)&&!x(n)&&(x(s)||x(i)),device:!x(c)&&(x(o)||x(s)||x(n)||x(i))||x(/\bokhttp\b/i)},windows:{phone:x(c),tablet:x(l),device:x(c)||x(l)},other:{blackberry:x(p),blackberry10:x(h),opera:x(u),firefox:x(f),chrome:x(d),device:x(p)||x(h)||x(u)||x(f)||x(d)},any:!1,phone:!1,tablet:!1};return E.any=E.apple.device||E.android.device||E.windows.device||E.other.device,E.phone=E.apple.phone||E.android.phone||E.windows.phone,E.tablet=E.apple.tablet||E.android.tablet||E.windows.tablet,E}()},N=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){var e,t={left:this.props.cardX+"px",top:this.props.cardY+"px",width:this.props.cardWidth+"px",height:this.props.cardHeight+"px",fontSize:this.props.cardHeight/15+"px",textAlign:this.props.setTextAlign||"right"},r=null!==(e=this.props.setLogoText)&&void 0!==e?e:"Exotic Frequencies";return n.a.createElement("div",{className:"divCardLogo",style:t},r)}}]),r}(n.a.Component),L=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){var e={left:this.props.cardX+"px",top:this.props.cardY+"px",width:this.props.cardWidth+"px",height:this.props.cardHeight+"px",fontSize:this.props.cardHeight/15+"px"};return n.a.createElement("div",{className:"divCardBodyText",style:e},this.props.children)}}]),r}(n.a.Component),D=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){var e,t={left:this.props.posX+"px",top:this.props.posY+"px",width:this.props.posWidth+"px",height:this.props.posHeight+"px",fontSize:this.props.cardHeight/this.props.sizeDivision+"px",textAlign:null!==(e=this.props.textAlign)&&void 0!==e?e:"center"};return n.a.createElement("div",{className:this.props.isSerif?"divSmallLabelSerif":"divSmallLabelSans",style:t},this.props.children)}}]),r}(n.a.Component),R=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){var e;return Object(c.a)(this,r),(e=t.call(this)).elemRef=n.a.createRef(),e}return Object(l.a)(r,[{key:"onClick",value:function(e){e&&e.preventDefault&&e.preventDefault(),this.props.toNextCard()}},{key:"render",value:function(){var e=this,t=50*this.props.cardWidth/966,r={left:this.props.cardX+893*this.props.cardWidth/966+"px",top:this.props.cardY+483*this.props.cardHeight/543+"px",width:t+"px",height:407*t/626+"px"};return this.props.onClickMustComeFromDom?n.a.createElement("div",{className:"nextArrow",ref:this.elemRef,style:r}):n.a.createElement("div",{className:"nextArrow",ref:this.elemRef,style:r,onClick:function(t){return e.onClick(t)}})}},{key:"componentDidMount",value:function(){var e=this;this.props.onClickMustComeFromDom&&(this.elemRef&&this.elemRef.current?this.elemRef.current.onclick=function(t){return e.onClick(t)}:H(!1,"ref not loaded"))}}]),r}(n.a.Component),q=r(18),I=r(48),_={isValidNumber:function(e){return"number"===typeof e&&Number.isFinite(e)},range:function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0,r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;if(void 0!==t&&null!==t||(t=e,e=0),r>0&&e>=t||r<0&&e<=t)return[];for(var a=[],n=e;r>0?n<t:n>t;n+=r)a.push(n);return a},repeat:function(e,t){for(var r=[],a=0;a<e;a++)r.push(t);return r},setarr:function(e,t,r,a){if(H(t>=0,"Oy|must be >= 0"),t>=e.length)for(var n=e.length;n<=t;n++)e.push(a);e[t]=r},extendArray:function(e,t){for(var r=0;r<t.length;r++)e.push(t[r])},parseIntStrict:function(e){if(e)return(e=e.trim()).match(/^\d+$/)?this.parseInt(e):void 0},parseInt:function(e){function t(t){return e.apply(this,arguments)}return t.toString=function(){return e.toString()},t}((function(e){var t=0;return t=e?parseInt(e,10):NaN,Number.isFinite(t)?t:void 0})),truncateWithEllipsis:function(e,t){if(e.length<=t)return e;return t<"...".length?e.slice(0,t):e.slice(0,t-"...".length)+"..."},add:function(e,t){return e+t},isMapEmpty:function(e){for(var t in e)if(e.hasOwnProperty(t))return!1;return!0},shallowClone:function(e){return Object.assign({},e)},freezeProperty:function(e,t){Object.freeze(e[t]),Object.defineProperty(e,t,{configurable:!1,writable:!1})},freezeRecurse:function(e){for(var t in Object.freeze(e),e)!Object.prototype.hasOwnProperty.call(e,t)||null===e[t]||void 0===e[t]||"object"!==typeof e[t]&&"function"!==typeof e[t]||Object.isFrozen(e[t])||_.freezeRecurse(e[t])},escapeForRegex:function(e){return e.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")},capitalizeFirst:function(e){return e.substr(0,1).toLocaleUpperCase()+e.substr(1)},callAsMethodOnClass:function(e,t,r,a,n){var i=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"";w(r.match(/^[a-zA-Z][0-9a-zA-Z_]+$/),"K@|callAsMethodOnClass requires alphanumeric no spaces",r);var o=t[r];return H(void 0===a||Array.isArray(a),"4I|args not an array"),o&&"function"===typeof o?(H(t.hasOwnProperty(r)||t.__proto__.hasOwnProperty(r),"4H|cannot use parent classes",e,r),H(a.length<100,"Ox|too many args",e,r),o.apply(t,a)):n?i||void 0:void w(!1,"4G|callAsMethodOnClass ".concat(e," could not find ").concat(r))},isMethodOnClass:function(e,t){return void 0!==e[t]&&"function"===typeof e[t]?e[t]:void 0},getMapKeys:function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.push(r);return t},getMapVals:function(e){var t=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.push(e[r]);return t},padStart:function(e,t,r){var a=x(e);return r="undefined"!==typeof r?r:" ",a.length>t?a:((t-=a.length)>r.length&&(r+=r.repeat(t/r.length)),r.slice(0,t)+a)},arrayToBase64:function(e){for(var t="",r=0,a=e.length;r<a;r++)t+=String.fromCharCode(e[r]);return btoa(t)},toBase64UrlSafe:function(e){return btoa(e).replace(/\//g,"_").replace(/\+/g,"-").replace(/=+$/,"")},fromBase64UrlSafe:function(e){return e.length%4!==0&&(e+="===".slice(0,4-e.length%4)),atob(e.replace(/_/g,"/").replace(/-/g,"+"))},stringToCharArray:function(e){for(var t=[],r=0;r<e.length;r++)t.push(e[r]);return t},stringToByteArray:function(e){for(var t=[],r=0;r<e.length;r++)t.push(e.charCodeAt(r));return t},sortStringArray:function(e){e.sort()},sortDecorated:function(e,t){var r=e.map((function(e){return[t(e),e]}));return r.sort((function(e,t){return B(e[0],t[0])})),r.map((function(e){return e[1]}))},normalizeNewlines:function(e){return e.replace(/\r\n/g,"\n").replace(/\r/g,"\n")},keepOnlyUnique:function(e){for(var t=[],r={},a=0;a<e.length;a++)r[e[a]]||(r[e[a]]=!0,t.push(e[a]));return t}};String.prototype.includes||(String.prototype.includes=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(e instanceof RegExp)throw TypeError("first argument must not be a RegExp");return void 0===t&&(t=0),-1!==this.indexOf(e,t)}),String.prototype.startsWith||Object.defineProperty(String.prototype,"startsWith",{value:function(e,t){var r=t>0?0|t:0;return this.substring(r,r+e.length)===e}}),String.prototype.endsWith||(String.prototype.endsWith=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;return(void 0===t||t>this.length)&&(t=this.length),this.substring(t-e.length,t)===e});function B(e,t){var r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;if(void 0===e&&void 0===t)return 0;if(null===e&&null===t)return 0;if("string"===typeof e&&"string"===typeof t)return e<t?-1:e>t?1:0;if("number"===typeof e&&"number"===typeof t)return e<t?-1:e>t?1:0;if("boolean"===typeof e&&"boolean"===typeof t)return e<t?-1:e>t?1:0;if(e instanceof Array&&t instanceof Array){if(e.length<t.length)return-1;if(e.length>t.length)return 1;for(var a=e.length,n=0;n<a;n++){var i=B(e[n],t[n]);if(0!==i)return i}return 0}if(r)return 1;w(!1,"4B|could not compare types ".concat(e," and ").concat(t))}function U(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:" ";return(e=e.replace(/\s*(\r\n|\n)\s*/g,t)).replace(/\s*{{NEWLINE}}\s*/g,"\n")}var J=new q.a(["paused","playFadeIn","playing","pauseFadeOut"]),V=void 0,G=new(function(){function e(){Object(c.a)(this,e),this.inited=!1,this.sound=void 0,this.callback_mono=void 0,this.benrtaudio_sound=void 0,this.pausedState=J.paused}return Object(l.a)(e,[{key:"init",value:function(e){var t=this;if(this.inited)setTimeout(e,1);else if(this.pausedState=J.paused,window.AudioContext||window.webkitAudioContext){V?setTimeout((function(){t.init_part_two(e)}),1):function(e,t,r){var a=document.createElement("script");a.src=e,a.onload=t,a.onreadystatechange=t,r.appendChild(a)}("./pizzicato.min.js",(function(){t.init_part_two(e)}),document.body)}else alert(U("Could not find an AudioContext. Please try a recent\n                    version of Firefox or Chrome, and try again."))}},{key:"init_part_two",value:function(e){window.AudioContext||window.webkitAudioContext?(V||(V=window.Pizzicato),V?V&&V.context&&V.Util?(this.benrtaudio_sound||(this.benrtaudio_sound=new V.Sound({source:"script",options:{bufferSize:2048,audioFunction:K}})),this.benrtaudio_sound?(this.benrtaudio_sound.play(),this.inited=!0,e()):alert("this.benrtaudio_sound was not created succesfully")):alert("Pizzicato context did not load succesfully (not enough interaction)? Try clicking again."):alert("Pizzicato did not load succesfully")):alert(U("Could not find an AudioContext. Please try a recent\n                    version of Firefox or Chrome, and try again."))}},{key:"setvolume",value:function(e){this.benrtaudio_sound&&(this.benrtaudio_sound.volume=e)}},{key:"setcallback",value:function(e){this.callback_mono=e}},{key:"isPaused",value:function(){return this.pausedState!==J.playing}},{key:"pause",value:function(){this.pausedState===J.paused?this.pausedState=J.paused:this.pausedState===J.pauseFadeOut?this.pausedState=J.pauseFadeOut:this.pausedState===J.playFadeIn?this.pausedState=J.playFadeIn:this.pausedState===J.playing?this.pausedState=J.pauseFadeOut:H(!1,"unknown state "+this.pausedState)}},{key:"play",value:function(){this.pausedState===J.paused?this.pausedState=J.playFadeIn:this.pausedState===J.pauseFadeOut?this.pausedState=J.pauseFadeOut:this.pausedState===J.playFadeIn?this.pausedState=J.playFadeIn:this.pausedState===J.playing?this.pausedState=J.playing:H(!1,"unknown state "+this.pausedState)}}]),e}());function K(e){var t=e.outputBuffer.getChannelData(0);if(G.callback_mono)if(G.pausedState===J.paused)for(var r=0;r<t.length;r++)t[r]=0;else{G.callback_mono(t);var a=t.length-1;if(G.pausedState===J.pauseFadeOut){for(var n=0;n<t.length;n++)t[n]*=1-n/a;G.pausedState=J.paused}else if(G.pausedState===J.playFadeIn){for(var i=0;i<t.length;i++)t[i]*=i/a;G.pausedState=J.playing}}else for(var o=0;o<t.length;o++)t[o]=0}var $=function(){function e(t){Object(c.a)(this,e),this.buffer=t,this.timesToPlay=1,this.fadeIn=!0,this.fadeOut=!0,this.timesPlayed=0,this.index=0}return Object(l.a)(e,[{key:"getNextSample",value:function(){var e=this.buffer[this.index];return this.applyFades(e),this.index+=1,this.index>=this.buffer.length&&(this.index=0,this.timesPlayed+=1),e}},{key:"applyFades",value:function(e){return this.fadeIn&&0===this.timesPlayed?e*(this.index/this.buffer.length):this.fadeOut&&this.timesPlayed>=this.timesToPlay-1?e*(1-this.index/this.buffer.length):e}}]),e}(),Z=new(function(){function e(t){Object(c.a)(this,e),this.sounds=[]}return Object(l.a)(e,[{key:"pushSound",value:function(e){this.sounds.push(e)}},{key:"getNextSample",value:function(){for(var e=0,t=[],r=0;r<this.sounds.length;r++)e+=this.sounds[r].getNextSample(),this.sounds[r].timesPlayed>=this.sounds[r].timesToPlay&&t.push(r);for(var a=t.length-1;a>=0;a--)this.sounds.splice(a,1);return e}},{key:"getNextSamples",value:function(e){for(var t=0;t<e.length;t++)e[t]=this.getNextSample()}}]),e}());function Q(e){return Z.getNextSamples(e)}function ee(e){G.setcallback(Q),G.init((function(){G.play(),e()}))}function te(){return window.Pizzicato.context.sampleRate}var re=function(){function e(){Object(c.a)(this,e)}return Object(l.a)(e,null,[{key:"weakUuid",value:function(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var t=16*Math.random()|0;return("x"===e?t:3&t|8).toString(16)}))}},{key:"getRandIntInclusiveWeak",value:function(e,t){return H(e>=1&&t>=1,"4M|invalid min ".concat(e)),e===t?e:(e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e)}},{key:"getRandIntInclusiveStrong",value:function(e,t){H(e>=1&&t>=1,"O)|getRandIntInclusiveStrong must be >= 1"),e=Math.ceil(e);var r=(t=Math.floor(t))-e;H(r>1&&r<255,"O(|getRandIntInclusiveStrong too wide range");for(var a=1;a<r;)a*=2;for(var n=new Uint8Array(8);;){window.crypto.getRandomValues(n);for(var i=0;i<n.length;i++){H(n[i]>=0&&n[i]<256,"O&|out of range");var o=n[i]%a;if(o<=r)return e+o}}}},{key:"makeCryptRandString",value:function(e){var t=new Uint8Array(e);return window.crypto.getRandomValues(t),_.arrayToBase64(Array.from(t))}},{key:"generateUniqueBase64UrlSafe",value:function(e,t){!function(e,t,r){var a=arguments.length>3&&void 0!==arguments[3]?arguments[3]:void 0,n=arguments.length>4&&void 0!==arguments[4]?arguments[4]:void 0;if(e!==t&&0!==B(e,t,!0)){var i=" expected '".concat(e,"' but got '").concat(t,"'.");H(!1,r+i,a,n)}}(1,t.length,"O%|expected one char");var r=new Uint8Array(e+1);window.crypto.getRandomValues(r),r[0]=t.charCodeAt(0);var a=Array.from(r).map((function(e){return String.fromCharCode(e)})).join("");return _.toBase64UrlSafe(a)}},{key:"beginLoadImage",value:function(e,t,r){var a=!1,n=function(){a||(a=!0,r())},i=function(){throw new Error("failed to load "+e)};t.addEventListener("load",(function(){return ne(n,"LoadImage.on_load")})),t.addEventListener("error",(function(){return ne(i,"LoadImage.on_error")})),t.src=e,t.complete&&ne((function(){a||(a=!0,r())}),"LoadImage.on_load")}},{key:"_loadJsonImpl",value:function(e,t,r,a){t.overrideMimeType("application/json"),t.open("GET",e,!0);var n=function(){t.status>=200&&t.status<=299?r(t.responseText):a(t.status)},i=function(){a(-1)};t.addEventListener("load",(function(){return ne(n,"loadJson.on_load")})),t.addEventListener("error",(function(){return ne(i,"loadJson.on_error")})),t.send()}},{key:"asyncLoadJsonString",value:function(t){return new Promise((function(r,a){var n=new XMLHttpRequest;e._loadJsonImpl(t,n,(function(e){r(e)}),(function(e){a(new Error("failed to load ".concat(t,", status=").concat(e)))}))}))}},{key:"asyncLoadJson",value:function(){var t=Object(v.a)(g.a.mark((function t(r){var a;return g.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.asyncLoadJsonString(r);case 2:return a=t.sent,t.abrupt("return",JSON.parse(a));case 4:case"end":return t.stop()}}),t)})));return function(e){return t.apply(this,arguments)}}()},{key:"asyncLoadJsIfNotAlreadyLoaded",value:function(t){return new Promise((function(r,a){if(H(t.startsWith("/"),"J8|"),e.scriptsAlreadyLoaded[t])r();else{var n=window.document.createElement("script");n.setAttribute("src",t);var i=!1,o=function(){if(!i){i=!0;var e=t.split("/");a(new Error("Did not load "+(H((r=e).length>=1,"Ou|empty array"),r[r.length-1])))}var r},s=function(){i||(i=!0,e.scriptsAlreadyLoaded[t]=!0,r())};n.addEventListener("load",(function(){return ne(s,"LoadJs.on_load")})),n.addEventListener("error",(function(){return ne(o,"LoadJs.on_error")})),window.document.getElementsByTagName("head")[0].appendChild(n)}}))}},{key:"syncToAsyncTransition",value:function(e,t,r){e.then((function(){}),(function(e){C(e,t,r===ae.ConsoleErrOnly)}))}},{key:"syncToAsyncAfterPause",value:function(t,r,a,n){var i=function(){var a=Object(v.a)(g.a.mark((function a(){return g.a.wrap((function(a){for(;;)switch(a.prev=a.next){case 0:return a.next=2,e.sleep(r);case 2:t();case 3:case"end":return a.stop()}}),a)})));return function(){return a.apply(this,arguments)}}();e.syncToAsyncTransition(i(),a,n)}},{key:"sleep",value:function(e){return new Promise((function(t){setTimeout(t,e)}))}},{key:"runAsyncWithTimeout",value:function(){var t=Object(v.a)(g.a.mark((function t(r,a){var n,i,o;return g.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=function e(){Object(c.a)(this,e)},i=[r,function(){var t=Object(v.a)(g.a.mark((function t(){return g.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e.sleep(a);case 2:return t.abrupt("return",new n);case 3:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}()()],t.next=5,Promise.race(i);case 5:if(!((o=t.sent)instanceof n)){t.next=10;break}w(!1,"RX|Timed out."),t.next=11;break;case 10:return t.abrupt("return",o);case 11:case"end":return t.stop()}}),t)})));return function(e,r){return t.apply(this,arguments)}}()},{key:"runAsyncWithMinimumTime",value:function(){var t=Object(v.a)(g.a.mark((function t(r,a){var n,i;return g.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return n=[r,function(){var t=Object(v.a)(g.a.mark((function t(){return g.a.wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.abrupt("return",e.sleep(a));case 1:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}()()],t.next=4,Promise.all(n);case 4:return i=t.sent,t.abrupt("return",i[0]);case 6:case"end":return t.stop()}}),t)})));return function(e,r){return t.apply(this,arguments)}}()},{key:"getdatestring",value:function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=new Date,r=t.getHours();r>12?r-=12:0===r&&(r=12);var a=e?"-"+("0"+t.getSeconds()).slice(-2):"";return"".concat(t.getMonth()+1," ").concat(t.getDate(),", ")+("0"+r).slice(-2)+"-"+("0"+t.getMinutes()).slice(-2)+a}}]),e}();re.scriptsAlreadyLoaded={};var ae=new q.a(["Alert","ConsoleErrOnly"]);function ne(e,t){try{return e(),!0}catch(r){return C(r,t),r}}function ie(e,t,r){for(var a=te(),n=0;n<e.length;n++){var i=n/(a/t)*(2*Math.PI),o=r*Math.sin(i);n<5e3?o*=n/5e3:n>e.length-5e3&&(o*=(e.length-n)/5e3),e[n]+=o}}function oe(e,t,r){for(var a=Math.round(te()*e),n=new Float32Array(a),i=0;i<t.length;i++)ie(n,t[i],r[i]);return n}function se(e,t){var r,a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:void 0;r=a?a():oe(2,e,t);var n=new $(r);n.timesToPlay=1,n.fadeIn=!1,n.fadeOut=!1,Z.pushSound(n)}var ce=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"onClick",value:function(){var e=this.props.noteFreqs.map((function(){return.2}));se(this.props.noteFreqs,e,this.props.customGen)}},{key:"render",value:function(){var e=this;return n.a.createElement(le,{posX:this.props.posX,posY:this.props.posY,posWidth:this.props.posWidth,posHeight:this.props.posHeight,cardHeight:this.props.cardHeight,sizeDivision:this.props.sizeDivision,onClick:function(){return e.onClick()},arrText:this.props.noteText})}}]),r}(n.a.Component),le=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){var e=this,t=this.props.arrText.map((function(e,t){return n.a.createElement("div",{key:"clicktxtar"+t},e)}));H(this.props.cardHeight,"you must provide cardHeight");var r={left:this.props.posX+"px",top:this.props.posY+"px",width:this.props.posWidth+"px",height:this.props.posHeight+"px",fontSize:this.props.cardHeight/this.props.sizeDivision+"px"};return n.a.createElement("div",{className:"divClickableText",style:r},n.a.createElement("span",{onClick:function(){return e.props.onClick()},className:"indicateLinkOnHover noselect"},t))}}]),r}(n.a.Component),pe=r(23),he=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"handleClick",value:function(e,t){this.props.fnOnPlotClick&&e&&Number.isFinite(e.xValue)&&this.props.fnOnPlotClick(e.xValue)}},{key:"shouldComponentUpdate",value:function(e,t){if(this.props.cachedData!==e.cachedData)return!0;if(y(e.fnOnPlotClick)!==y(this.props.fnOnPlotClick))return!0;if(this.state!==t)return!0;var r=Object(X.a)({},this.props);r.data="",r.cachedData="",r.fnOnPlotClick="";var a=Object(X.a)({},e);return a.data="",a.cachedData="",a.fnOnPlotClick="",JSON.stringify(this.props.axisOptions)!==JSON.stringify(e.axisOptions)}},{key:"render",value:function(){var e,t,r,a,i=this;if(!this.props.cachedData)return n.a.createElement("div",null,"Loading...");console.log("Rendering");for(var o=[],s=0;s<this.props.cachedData.length;s++)o.push(n.a.createElement(pe.b,{name:"l"+s,key:"scatter"+s,data:this.props.cachedData[s],fill:"#8884d8",line:!0,shape:function(){return null}}));var c=[];this.props.refLinesX&&(c=this.props.refLinesX.map((function(e,t){return n.a.createElement(pe.a,{x:e,key:"refl"+t,label:"",stroke:"green"})})));var l=y(null===(e=this.props)||void 0===e||null===(t=e.axisOptions)||void 0===t?void 0:t.hideX),p=function(e){return e};return(null===(r=this.props)||void 0===r||null===(a=r.axisOptions)||void 0===a?void 0:a.showOnly0And1)&&(p=function(e){var t,r,a,n;return(e=parseFloat(e))<.001?Math.round(null===(t=i.props)||void 0===t||null===(r=t.axisOptions)||void 0===r?void 0:r.customLabelX0):e>.999?Math.round(null===(a=i.props)||void 0===a||null===(n=a.axisOptions)||void 0===n?void 0:n.customLabelX1):""}),n.a.createElement(pe.c,{onClick:function(e,t){return i.handleClick(e,t)},width:this.props.width,height:this.props.height,margin:{top:this.props.cardHeight/25,right:this.props.cardHeight/25,bottom:this.props.cardHeight/25,left:this.props.cardHeight/25}},n.a.createElement(pe.d,{type:"number",dataKey:"x",name:"frequency",unit:"",tickFormatter:p,hide:l}),n.a.createElement(pe.e,{type:"number",dataKey:"y",name:"value",unit:"",hide:!0}),n.a.createElement(pe.f,{type:"number",range:[100]}),o,n.a.createElement(pe.a,{x:0,stroke:"black"}),n.a.createElement(pe.a,{y:0,stroke:"black"}),c)}}]),r}(n.a.Component),ue=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){var e=this.props.captionText,t={left:this.props.posX+"px",top:this.props.posY+"px",width:this.props.posWidth+"px",height:this.props.posHeight+"px",fontSize:2*this.props.cardHeight/75+"px"},r={left:this.props.posX+"px",top:this.props.posY+this.props.posHeight+"px",width:this.props.posWidth+"px",height:this.props.cardHeight/10+"px",fontSize:2*this.props.cardHeight/75+"px"};return n.a.createElement(a.Fragment,null,n.a.createElement("div",{className:"divSmallLabelSerif noselect",style:t},n.a.createElement(he,{width:this.props.posWidth,height:this.props.posHeight,cardHeight:this.props.cardHeight,cachedData:this.props.cachedData,refLinesX:this.props.refLinesX,axisOptions:this.props.axisOptions,fnOnPlotClick:this.props.fnOnPlotClick})),n.a.createElement("div",{className:"divSmallLabelSerif",style:r},e))}}]),r}(n.a.PureComponent);function de(e,t,r,a,n){if(n!==me){var i=100*r*a,o=Math.abs(e-t),s=1089+o*o;return 1e4*i*o*o/(s*s)}var c=Math.min(e,t),l=Math.max(e,t),p=Math.min(r,a),h=Math.max(r,a),u=.24/(.0207*c+18.96),d=p*h,f=2*p/(p+h),m=Math.exp(-3.5*u*(l-c))-Math.exp(-5.75*u*(l-c));return.5*Math.pow(d,.1)*Math.pow(f,3.11)*m}function fe(e,t,r){var a=_.range(e).map((function(e){return Math.pow(e+1,t)})),n=a.reduce(_.add,0);return a=a.map((function(e){return e*r/n}))}var me=2;function ge(e,t){var r=Math.round(1*t);console.log("Computing dissonance score...");for(var a=[],n=100/r,i=0,o=0;o<r;o++){var s=de(xe,xe+i,1,1,e);a.push({x:i,y:s}),i+=n}return console.log("Done"),[a]}var ve,be,ye=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){var e;return Object(c.a)(this,r),(e=t.call(this)).defaultCaption="(Click above to hear)",e.state={captionText:e.defaultCaption},e}return Object(l.a)(r,[{key:"handleClick",value:function(e){var t=this;setTimeout((function(){se([xe,xe+e],[.2,.2])}),600);var r=this.renderXVal(e);setTimeout((function(){t._isMounted&&t.setState({captionText:r})}),1),setTimeout((function(){t._isMounted&&t.state.captionText===r&&t.setState({captionText:t.defaultCaption})}),4e3)}},{key:"renderXVal",value:function(e){return"(".concat(xe,"Hz & ").concat((xe+e).toFixed(2),"Hz)")}},{key:"render",value:function(){var e=this,t=this.state.captionText;return n.a.createElement(ue,{posX:this.props.posX,posY:this.props.posY,posWidth:this.props.posWidth,posHeight:this.props.posHeight,cardHeight:this.props.cardHeight,cachedData:this.props.cachedData,captionText:t,fnOnPlotClick:function(t){return e.handleClick(t)},refLinesX:null})}},{key:"componentDidMount",value:function(){this._isMounted=!0}},{key:"componentWillUnmount",value:function(){this._isMounted=!1}}]),r}(n.a.Component),xe=400,Ee=r(43),Oe=r(12),ke=new q.a(["None","Major","Minor","Equal","Meantone","Pythagorean","Werckmeister","Slendro","Raga"]),He=(ve={},Object(Oe.a)(ve,ke.None.value,"None"),Object(Oe.a)(ve,ke.Equal.value,"Equal-tempered"),Object(Oe.a)(ve,ke.Major.value,"Equal-tempered Major"),Object(Oe.a)(ve,ke.Minor.value,"Equal-tempered Minor"),Object(Oe.a)(ve,ke.Slendro.value,"Javanese Slendro"),Object(Oe.a)(ve,ke.Meantone.value,"Meantone"),Object(Oe.a)(ve,ke.Pythagorean.value,"Pythagorean"),Object(Oe.a)(ve,ke.Werckmeister.value,"Werckmeister"),Object(Oe.a)(ve,ke.Raga.value,"Scale for Kalyan Raga"),ve);function we(e,t){return t.map((function(t){return t/e}))}function je(e){return e.map(Ce)}function Ce(e){var t=1200/Math.log(2);return Math.exp(e/t)}var Se=(be={},Object(Oe.a)(be,ke.Equal.value,we(261.63,[261.63,277.18,293.66,311.13,329.63,349.23,369.99,392,415.3,440,466.16,493.88])),Object(Oe.a)(be,ke.Major.value,we(261.63,[261.63,293.66,329.63,349.23,392,440,493.88])),Object(Oe.a)(be,ke.Minor.value,we(261.63,[261.63,293.66,311.13,349.23,392,415.3,466.16])),Object(Oe.a)(be,ke.Slendro.value,we(261.5,[261.5,301.5,343.4,399,456.5])),Object(Oe.a)(be,ke.Meantone.value,je([0,76,193.2,310.3,386.3,503.4,579.5,696.8,772.6,889.7,1006.8,1082.9])),Object(Oe.a)(be,ke.Werckmeister.value,je([0,123])),Object(Oe.a)(be,ke.Pythagorean.value,je([0,113.7,203.9,294.1,407.8,498,611.7,702,792.2,905.9,996.1,1109.8])),Object(Oe.a)(be,ke.Raga.value,we(1,[1,9/8,5/4,45/32,1.5,5/3,15/8])),be),We=new q.a(["IsHoltz","IsLogX","IsLogY"]);function Xe(e){return[y(e&We.IsHoltz.value)?1:me,y(e&We.IsLogX.value),y(e&We.IsLogY.value)]}function Me(e,t,r){var a=0;return e!==me&&(a|=We.IsHoltz.value),t&&(a|=We.IsLogX.value),r&&(a|=We.IsLogY.value),a}var Ye=!1;function ze(){return(ze=Object(v.a)(g.a.mark((function e(){var t;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!Ye){e.next=2;break}return e.abrupt("return");case 2:return console.log("load scales from aws lambda open..."),e.next=5,re.asyncLoadJson("https://iuk01vfzs9.execute-api.us-west-2.amazonaws.com/quick-helm-api/tasks");case 5:(t=e.sent).values?(console.log("load scales from aws lambda - complete "+t.values),Se[ke.Werckmeister.value]=je(t.values),Ye=!0):console.log("load scales from aws lambda - values not seen");case 7:case"end":return e.stop()}}),e)})))).apply(this,arguments)}Y.a.number.isRequired,Y.a.number.isRequired,Y.a.number.isRequired,Y.a.number.isRequired,Y.a.number.isRequired,Y.a.number.isRequired;function Pe(e,t){return e&&t&&e.f1===t.f1&&e.harmonicContent===t.harmonicContent&&e.iterations===t.iterations&&e.modelBitfield===t.modelBitfield}function Ae(){return{f1:440,harmonicContent:-1,harmonicContentPlayback:-2.5,iterations:15,referenceScale:ke.None.value,modelBitfield:Me(1,!1,!1)}}var Fe={prevData:null,prevParams:null};function Te(e,t,r){return Ne.apply(this,arguments)}function Ne(){return(Ne=Object(v.a)(g.a.mark((function e(t,r,a){var n,i,o,c,l,p,h,u,d,f,m,v,b,y;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!Fe.prevData||!Pe(t,Fe.prevParams)){e.next=2;break}return e.abrupt("return",Fe.prevData.slice());case 2:1,n=Math.round(1*r),i=Xe(t.modelBitfield),o=Object(s.a)(i,3),c=o[0],l=o[1],o[2],console.log("Computing dissonance score..."),p=t.f1,h=2*t.f1,u=_.range(t.iterations-1).map((function(e){return[]})),d=(h-p)/n,f=p,m=0,v=1/n,b=0;case 14:if(!(b<n)){e.next=27;break}if(y=f,l&&(y=qe(m,t.f1,!0)),Le(y,m,t,u,c),m+=v,f+=d,b%32!==0){e.next=24;break}return a(b/n),e.next=24,re.sleep(10);case 24:b++,e.next=14;break;case 27:return u=De(u),Fe.prevData=u.slice(),Fe.prevParams=_.shallowClone(t),console.log("Done"),e.abrupt("return",u);case 32:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function Le(e,t,r,a,n){for(var i=0,o=r.f1,s=e,c=1;c<=r.iterations;c++){for(var l=o,p=c*s,h=1;h<=c;h++){var u=c-h+1;i+=100*de(l,p,Math.pow(h,r.harmonicContent),Math.pow(u,r.harmonicContent),n),l+=o,p-=s}c>1&&a[c-2].push({x:t,y:i})}}function De(e){if(e.length<=5)return e;for(var t=function(e,t){for(var r=[],a=e/t,n=e-1,i=0;i<t;i++)r.push(Math.round(n)),n-=a;return r}(e.length,5),r=[],a=0;a<t.length;a++)t[a]<e.length&&t[a]>=0&&r.push(e[t[a]]);return r}var Re=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){var e;return Object(c.a)(this,r),(e=t.call(this)).state={captionText:null},e}return Object(l.a)(r,[{key:"handleClick",value:function(e){var t=this,r=Xe(this.props.params.modelBitfield),a=Object(s.a)(r,3),n=(a[0],a[1]),i=(a[2],qe(e,this.props.params.f1,n));setTimeout((function(){t.playOnClickAudio(i)}),600);var o=this.renderXVal(i);setTimeout((function(){t._isMounted&&t.setState({captionText:o})}),1),setTimeout((function(){t._isMounted&&t.state.captionText===o&&t.setState({captionText:t.defaultCaption})}),4e3)}},{key:"renderXVal",value:function(e){return"(".concat(this.props.params.f1.toFixed(2),"Hz & ").concat(e.toFixed(2),"Hz)")}},{key:"playOnClickAudio",value:function(e){var t=this,r=function(e){return[_.range(t.props.params.iterations).map((function(t){return e*(t+1)})),fe(t.props.params.iterations,t.props.params.harmonicContentPlayback,.1)]},a=r(this.props.params.f1),n=Object(s.a)(a,2),i=n[0],o=n[1],c=r(e),l=Object(s.a)(c,2),p=l[0],h=l[1];se([].concat(Object(Ee.a)(i),Object(Ee.a)(p)),[].concat(Object(Ee.a)(o),Object(Ee.a)(h)))}},{key:"referenceScaleToRefLines",value:function(e){var t=this,r=Se[e];if(r)return(r=[].concat(Object(Ee.a)(r),[2])).map((function(e){var r=Xe(t.props.params.modelBitfield),a=Object(s.a)(r,3),n=(a[0],a[1]);a[2];return function(e,t,r){var a=e/t-1;return r?Math.log(a+1)/Math.log(2):a}(e*t.props.params.f1,t.props.params.f1,n)}))}},{key:"render",value:function(){var e,t=this,r=null!==(e=this.state.captionText)&&void 0!==e?e:this.props.captionFromAbove,a=Xe(this.props.params.modelBitfield),i=Object(s.a)(a,3),o=(i[0],i[1]);i[2]&&console.error("not yet supported");var c={hideX:!1,showOnly0And1:!0,customLabelX0:this.props.params.f1,customLabelX1:2*this.props.params.f1,logX:o};return n.a.createElement(ue,{posX:this.props.posX,posY:this.props.posY,posWidth:this.props.posWidth,posHeight:this.props.posHeight,cardHeight:this.props.cardHeight,cachedData:this.props.cachedData,axisOptions:c,refLinesX:this.referenceScaleToRefLines(this.props.params.referenceScale),captionText:r,fnOnPlotClick:function(e){return t.handleClick(e)}})}},{key:"componentDidMount",value:function(){this._isMounted=!0}},{key:"componentWillUnmount",value:function(){this._isMounted=!1}}]),r}(n.a.Component);function qe(e,t,r){return r?Math.exp(Math.log(2)*e)*t:t*(e+1)}var Ie=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(e){var a;return Object(c.a)(this,r),(a=t.call(this,e)).state={loading:!1},a}return Object(l.a)(r,[{key:"startAudioAndGoNextCard",value:function(){var e=this;this.setState({loading:!0}),ee((function(){e.afterPlayLoaded()}))}},{key:"afterPlayLoaded",value:function(){this.setState({loading:!1}),this.props.toNextCard()}},{key:"getScaledImg",value:function(){var e=.5*this.props.cardWidth/1695,t={width:1695*e+"px",height:450*e+"px"};return n.a.createElement("img",{src:"./imgwaveblack.png",style:t,alt:"Sine wave illustration"})}},{key:"render",value:function(){var e=this;return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,setTextAlign:"center",setLogoText:"Exotic Frequences: Interactive Music Exploration"}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("span",null,"\xa0",n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("div",{style:{fontSize:"40%",paddingLeft:"4em",paddingRight:"4em"}},n.a.createElement("br",null),n.a.createElement("br",null),"A mathematical representation of what happens when you play a low note, play a quiet high note, then play another low note:",n.a.createElement("br",null),n.a.createElement("br",null)),this.getScaledImg(),n.a.createElement("br",null),n.a.createElement("br",null),this.state.loading&&n.a.createElement("div",{style:{fontSize:"40%"}},"Loading..."))),n.a.createElement(R,{onClickMustComeFromDom:!0,cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:function(){return e.startAudioAndGoNextCard()}}))}}]),r}(n.a.Component);function _e(e,t,r,a,i){var o=arguments.length>5&&void 0!==arguments[5]?arguments[5]:[];function c(e,t,r){return[r[0]+e.current()*t,r[1],t,r[3]]}H(e.length===t.length);for(var l=[],p=new z,h=e.length+_.getMapKeys(a).length,u=r[2]/h,d=0;d<e.length;d++){var f,m=c(p,u,r),g=Object(s.a)(m,4),v=g[0],b=g[1],y=g[2],x=g[3],E=null!==(f=o[d])&&void 0!==f?f:11,O=Array.isArray(t[d])?t[d]:[t[d]];if(l.push(n.a.createElement(ce,{noteFreqs:O,noteText:[e[d]],posX:v,posY:b,posWidth:y,posHeight:x,sizeDivision:E,cardHeight:i,key:"cltone"+p.current()})),p.next(),a[d]){var k=c(p,u,r),w=Object(s.a)(k,4),j=w[0],C=w[1],S=w[2],W=w[3];l.push(n.a.createElement(D,{sizeDivision:25,cardHeight:i,key:"clbl"+p.current(),posX:j,posY:C,posWidth:S,posHeight:W},"(Smaller",n.a.createElement("br",null),"gap)")),p.next()}}return l}var Be=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"_getFrequencies",value:function(){var e=[130.81,146.83,164.81,174.61,196,220,246.94,261.62];return e.map((function(t){return t/e[0]*261.62}))}},{key:"render",value:function(){var e=f(this.props.cardX,this.props.cardY,this.props.cardWidth,this.props.cardHeight,.1,0);e[1]=this.props.cardY+.6*this.props.cardHeight,e[3]=this.props.cardHeight-e[1];var t=_e(_.stringToCharArray("CDEFGABC"),this._getFrequencies(),e,{2:!0,6:!0},this.props.cardHeight);return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("span",{style:{fontSize:"80%"}},"Have you ever wondered why the traditional western scale has seven notes?",n.a.createElement("br",null),n.a.createElement("br",null),"Or why the notes in the scale are not evenly spaced?")),t,n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),Ue=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"_getFrequencies",value:function(){var e=[110,130.81,146.83,164.81,196];return e.map((function(t){return t/e[0]*220}))}},{key:"render",value:function(){var e=f(this.props.cardX,this.props.cardY,this.props.cardWidth,this.props.cardHeight,.1,0);e[1]=this.props.cardY+.55*this.props.cardHeight,e[3]=this.props.cardHeight-e[1];var t=_e(_.stringToCharArray("ACDEG"),this._getFrequencies(),e,{},this.props.cardHeight);return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"80%",paddingLeft:"1.2em",paddingRight:"1.2em"}},"It could be cultural: the notes are arbitrary, but pleasant to us because they are familiar. After all, many cultures have different scales and tuning. On the other hand, there are similarities in traditional scales, even among distant cultures."),n.a.createElement("br",null),t,n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("div",{style:{fontSize:"40%"}},"Scales very similar to this sequence are popular around the world, including traditional Andean music, traditional Japanese shomyo, and Scottish folk (Wikipedia).")),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),Je=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"_getFrequencies",value:function(){var e=[261.5,301.5,343.4,399,456.5,524.5];return e.map((function(t){return t/e[0]*261.5}))}},{key:"render",value:function(){var e=f(this.props.cardX,this.props.cardY,this.props.cardWidth,this.props.cardHeight,.1,0);e[1]=this.props.cardY+.55*this.props.cardHeight,e[3]=this.props.cardHeight-e[1];var t=_e("ji,ro,lu,ma,nam,ji".split(","),this._getFrequencies(),e,{},this.props.cardHeight);return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"80%",paddingLeft:"1.0em",paddingRight:"1.0em"}},"Non-western scales are complex and fascinating. Rather than major and minor, Indian classical music has 30 raga, each with emotional significance. And interestingly Java's slendro has roughly equally-spaced pitches:"),n.a.createElement("br",null),t,n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("div",{style:{fontSize:"40%"}},"We won't be able to feel the significance of these scales without years of immersion, but perhaps we can see acoustically why they resonate.")),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),Ve=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"80%",paddingLeft:"1.2em",paddingRight:"1.2em"}},"When you pluck a guitar string tuned to low A, most of the string is moving back and forth 220 times/second. Some of the string, though, is moving twice as fast, 440 times/second, and some 660 times/second, and so on."),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("div",{style:{fontSize:"40%"}},"220 cycles/second is the same as saying 220 hertz, or 220Hz for short.")),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),Ge=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"_getFrequencies",value:function(){return[220,440,660,880,1100,1320]}},{key:"render",value:function(){var e=f(this.props.cardX,this.props.cardY,this.props.cardWidth,this.props.cardHeight,.1,0);e[1]=this.props.cardY+.6*this.props.cardHeight,e[3]=this.props.cardHeight-e[1];var t=_e("220Hz,440Hz,660Hz,880Hz,1100Hz,1320Hz".split(","),this._getFrequencies(),e,{},this.props.cardHeight,[15,20,25,30,35,40]);return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"80%",paddingLeft:"0em",paddingRight:"0em"}},'A moving string causes vibrations in the air that we hear. Because there are parts of the string that are moving faster, every note contains softer, higher tones. This happens for voice, brass, piano, and every instrument. The higher tones are called "overtones".'),n.a.createElement("br",null),t,n.a.createElement("br",null),n.a.createElement("br",null)),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),Ke=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"genAudioSequence",value:function(){var e=this._getFreqs(.4),t=Object(s.a)(e,2),r=t[0],a=t[1],n=_.range(r.length).map((function(e){return oe(.5,[r[e]],[a[e]])}));return function(e,t){var r,a=0,n=Object(I.a)(t);try{for(n.s();!(r=n.n()).done;){a+=r.value.length}}catch(p){n.e(p)}finally{n.f()}var i,o=new e(a),s=0,c=Object(I.a)(t);try{for(c.s();!(i=c.n()).done;){var l=i.value;o.set(l,s),s+=l.length}}catch(p){c.e(p)}finally{c.f()}return o}(Float32Array,n)}},{key:"genAudioAtOnce",value:function(){var e=this._getFreqs(.2),t=Object(s.a)(e,2);return oe(2,t[0],t[1])}},{key:"_getFreqs",value:function(e){var t=[1,.5,1/3,1/4,.2];return[[220,440,660,880,1100],t=t.map((function(t){return t*e}))]}},{key:"render",value:function(){var e=this,t=["play 220Hz, then 440Hz, 660Hz, 880Hz, and 1100Hz (sounds like 5 different notes)","play them all at once (sounds like one note)"],r=this.props.cardY+.35*this.props.cardHeight,i=.65*this.props.cardHeight;return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"80%",paddingLeft:"0em",paddingRight:"0em"}},"We don't hear the overtones in a note, because our brain collapses the different frequences into one sound!"),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement(ce,{noteFreqs:[0],noteText:[t[0]],sizeDivision:24,customGen:function(){return e.genAudioSequence()},posX:this.props.cardX,posY:r,posWidth:this.props.cardWidth/2,posHeight:i,cardHeight:this.props.cardHeight}),n.a.createElement(ce,{noteFreqs:[0],noteText:[t[1]],sizeDivision:24,customGen:function(){return e.genAudioAtOnce()},posX:this.props.cardX+this.props.cardWidth/2,posY:r,posWidth:this.props.cardWidth/2,posHeight:i,cardHeight:this.props.cardHeight}),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("div",{style:{fontSize:"80%",paddingLeft:"0em",paddingRight:"0em"}},"Parts of our scale, like C, E, G, likely come from this hidden series of tones. But there's more.")),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),$e=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){var e;return Object(c.a)(this,r),(e=t.call(this)).state={whichModel:1,dataForPlot:0},e}return Object(l.a)(r,[{key:"componentDidMount",value:function(){this.recomputeData(1,!0)}},{key:"recomputeData",value:function(){var e=Object(v.a)(g.a.mark((function e(t){var r,a,n=this,i=arguments;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=i.length>1&&void 0!==i[1]&&i[1],0!==this.state.dataForPlot||r){e.next=3;break}return e.abrupt("return");case 3:return this.setState({dataForPlot:0,whichModel:t}),a=function(){var e=Object(v.a)(g.a.mark((function e(){var r,a;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:r=n.getPlotDims()[2],a=ge(t,r),n.setState({dataForPlot:a,whichModel:t});case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),e.abrupt("return",a());case 6:case"end":return e.stop()}}),e,this)})));return function(t){return e.apply(this,arguments)}}()},{key:"getPlotDims",value:function(){return f(this.props.cardX,this.props.cardY,this.props.cardWidth,this.props.cardHeight,.3,0)}},{key:"render",value:function(){var e=this,t=this.getPlotDims();return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"80%"}},'In 1877, Hermann von Helmholtz noticed that it sounds unpleasant when two notes are not quite in tune. He plotted the "annoying-ness" as the frequency of the two pitches gets further apart:'),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement(ye,{cardHeight:this.props.cardHeight,posX:t[0],posY:t[1]+.45*this.props.cardHeight,posWidth:t[2],posHeight:.24*this.props.cardHeight,cachedData:this.state.dataForPlot}),n.a.createElement("div",{style:{fontSize:"40%"}},n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("br",null),'When the pitches are nearly the same, or when the pitches are far apart, it is no longer unpleasant. This might be related to "beat frequencies", which cause a percieved buzzing noise. Show',n.a.createElement("span",{className:"indicateLinkOnHover noselect",onClick:function(){return e.recomputeData(1)}}," ","Helmholtz"," "),",",n.a.createElement("span",{className:"indicateLinkOnHover noselect",onClick:function(){return e.recomputeData(me)}}," ","Vassilakis 2005"),".")),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),Ze=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){var e=f(this.props.cardX,this.props.cardY,this.props.cardWidth,this.props.cardHeight,.2,0);e[1]=this.props.cardY+.3*this.props.cardHeight,e[3]=this.props.cardHeight-e[1];var t=_e(["F (175Hz)","B (245Hz)"],[174.61,246.94],e,{},this.props.cardHeight,[20,20]);e[1]=this.props.cardY+.72*this.props.cardHeight,e[3]=this.props.cardHeight-e[1];var r=_e(["the sound of F + B together (dissonant)","contains the sound of 700hz and 735hz together (!)"],[[174.61,246.94],[698.44,246.94*3]],e,{},this.props.cardHeight,[20,20]);return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"80%"}},"Take the notes F (175Hz) and B (245Hz). They are far apart, and so shouldn't sound unpleasant together."),n.a.createElement("br",null),t,n.a.createElement("br",null),n.a.createElement("div",{style:{fontSize:"80%"}},"But remember the overtones! F has a strong overtone at 175\xd74 (700Hz), and B has a strong overtone at 245\xd73 (735Hz) - and 700Hz and 735Hz clash violently.",n.a.createElement("br",null),n.a.createElement("br",null),r)),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),Qe=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){var e=f(this.props.cardX,this.props.cardY,this.props.cardWidth,this.props.cardHeight,0,0);return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"80%"}},"Helmoltz theorized that this is why F and B are dissonant together. In the interactions between the overtones, there are near-misses in frequency that sound unpleasant.",n.a.createElement("br",null),n.a.createElement("br",null),'We can approximate a total dissonance "score" by adding together as many interactions as possible:'),n.a.createElement("br",null),n.a.createElement(D,{sizeDivision:25,cardHeight:this.props.cardHeight,posX:e[0],posY:e[1]+.6*this.props.cardHeight,posWidth:e[2],posHeight:e[3]},n.a.createElement("div",null,"total dissonance between 175Hz and 245Hz:"),n.a.createElement("div",null,"f(175, 245) +"),n.a.createElement("div",{fontSize:"75%"},"f(175\xd72, 245) + f(175\xd72, 245\xd72) + f(175, 245\xd72) +"),n.a.createElement("div",{fontSize:"50%"},"f(175\xd73, 245) + f(175\xd73, 245\xd72) + f(175\xd73, 245\xd73) + f(175\xd72, 245\xd73) + f(175, 245\xd73)..."))),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),et=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("br",null),n.a.createElement("div",{style:{fontSize:"80%"}},"We'll never likely know the origin of musical scales, but when we plot the dissonance score of different pitches, the points of low dissonance tantalizingly resemble the notes in a scale - see the plot on the next page:",n.a.createElement("br",null),n.a.createElement("br",null))),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:this.props.toNextCard}))}}]),r}(n.a.Component),tt=r(382),rt=new q.a(["Main","Open","Close","About","Explanations"]),at=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){var e=this;return n.a.createElement(a.Fragment,null,n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"40%",textAlign:"left",marginLeft:"3em"}},"exotic frequencies, by Ben Fisher(moltenform)",n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("ul",null,n.a.createElement("li",null,"uses ReactJS, MIT license"),n.a.createElement("li",null,"uses Pizzicato, MIT license"),n.a.createElement("li",null,"uses Recharts, MIT license"),n.a.createElement("li",null,"uses reactcardslideshowlayout, by moltenform"),n.a.createElement("li",null,"uses vipercard's util512, by moltenform"),n.a.createElement("li",null,"uses arrow image from cleanpng.com"),n.a.createElement("li",null,"cites https://thewinnower.com/papers/2861-an-analysis-of-a-gamelan-slendro-tuning"),n.a.createElement("li",null,"cites http://www.acousticslab.org/learnmoresra/moremodel.html"),n.a.createElement("li",null,"cites https://www.kylegann.com/histune.html"),n.a.createElement("li",null,"cites https://arxiv.org/pdf/1910.06375.pdf")))),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:function(){return e.props.toNextScreen(rt.Main.value)}}))}}]),r}(n.a.Component),nt=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){return Object(c.a)(this,r),t.apply(this,arguments)}return Object(l.a)(r,[{key:"render",value:function(){var e=this,t={fontSize:"70%"},r={color:"rgb(0,150,0)"};return n.a.createElement(a.Fragment,null,n.a.createElement(L,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight},n.a.createElement("div",{style:{fontSize:"40%",textAlign:"left",marginLeft:"0.0em"}},"click on the plot to hear the two notes that are being compared!",n.a.createElement("br",null),n.a.createElement("br",null),'the plot shows the total "dissonance score" between two notes being played at the same time. for example, a point on the far left of the plot represents two instruments playing the same note. this, understandably, has a very low dissonance score. the place on the plot farthest to the right represents two instruments playing an octave apart, which also has a low dissonance score.',n.a.createElement("br",null),n.a.createElement("br",null),"the pattern of notches in the middle seem to be linked to the tuning of musical scales. The lowest point of the large notch in the center is the distance between C and G in a Western scale.",n.a.createElement("br",null),n.a.createElement("br",null),'what is a dissonance score? if f(a, b) represents Helmholtz\'s "unpleasantness" between two frequencies, the score is iteration 1: ',n.a.createElement("span",{style:t},"f(a, b) +"),"iteration 2: ",n.a.createElement("span",{style:t},"f(a\xd72, b) + f(a, b\xd72) +"),"iteration 3:"," ",n.a.createElement("span",{style:t},"f(a\xd73, b) + f(a\xd72, b\xd72) + f(a, b\xd73) +"),"iteration 4:"," ",n.a.createElement("span",{style:t},"f(a\xd74, b) + f(a\xd73, b\xd72) + f(a\xd72, b\xd73) + f(a, b\xd74)"," "),"...",n.a.createElement("br",null),n.a.createElement("br",null),n.a.createElement("span",{style:r},"base frequency"),": the frequency of the first note.",n.a.createElement("br",null),n.a.createElement("span",{style:r},"harmonic content"),": how loud the harmonics are. if set to -2, for example, the amplitude of the n",n.a.createElement("sup",{style:{fontSize:"50%"}},"th")," harmonic is n\u207b\xb2: 1, 1/4, 1/9, 1/16, 1/25... if set to -0.5, for example, the sequence is n",n.a.createElement("sup",{style:{fontSize:"50%"}},"-0.5"),": 1, 1/\u221a2, 1/\u221a3 and so on. larger = louder harmonics.",n.a.createElement("br",null),n.a.createElement("span",{style:r},"content for playback"),": same as harmonic content, only for the preview sound when you click the plot.",n.a.createElement("br",null),n.a.createElement("span",{style:r},"harmonics iterations"),": how many iterations to compute? 5 of the iterations are plotted, so the diagram has 5 lines.",n.a.createElement("br",null),n.a.createElement("span",{style:r},"see reference scale"),": draws vertical green lines that indicate the location of notes in a musical scale.",n.a.createElement("br",null),n.a.createElement("span",{style:r},"model"),": use Vassilakis's 2005 model or Helmholtz's. you can also enable \"log x\" to show the x axis on a log-scale.")),n.a.createElement(R,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:function(){return e.props.toNextScreen(rt.Main.value)}}))}}]),r}(n.a.Component),it=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(e){var a;return Object(c.a)(this,r),(a=t.call(this,e)).defaultCaption="",a.state={renderedParams:Ae(),pendingParams:Ae(),dataForPlot:0,captionText:a.defaultCaption},a}return Object(l.a)(r,[{key:"getPlotWidth",value:function(){return.5*this.props.cardWidth}},{key:"getMobileAdjustments",value:function(e){return window.location.toString().includes("mobile")||function(){if(!0===F||!1===F)return F;var e=T();return F=y(e&&e.any)}()?{yStart:Math.round(.12*e),heightSliderMargin:Math.round(.135*e)}:{yStart:Math.round(.268*e),heightSliderMargin:Math.round(.06*e)}}},{key:"getWidgetPositions",value:function(){var e=this.props.cardWidth,t=Math.round(this.getPlotWidth()),r=Math.round(.1*e),a=Math.round(e),n=Math.round(this.props.cardX),i=n+=Math.round(.05*e),o=n+=t+Math.round(.05*e),s=n+=r+Math.round(.05*e),c=this.props.cardHeight,l=Math.round(.4*c),p=Math.round(.04*c),h=Math.round(.04*c),u=this.getMobileAdjustments(c),d=u.yStart,f=u.heightSliderMargin,m=Math.round(this.props.cardY),g=m+=d;m=Math.round(this.props.cardY);var v=[],b=[];m+=d;for(var y=0;y<6;y++)v.push([o,m,r,p]),b.push([s,m,a,h]),m+=Math.round(f);return[b,v,[i,g,t,l]]}},{key:"handleOnSlider",value:function(e,t,r){var a=_.shallowClone(this.state.pendingParams);a[e]=r,this.setState({pendingParams:a})}},{key:"handleOnRefScaleChange",value:function(e,t){this.handleOnSlider("referenceScale",e,_.parseInt(e.target.value)),function(){ze.apply(this,arguments)}()}},{key:"handleOnModelBitfieldChange",value:function(e,t){this.handleOnSlider("modelBitfield",e,_.parseInt(e.target.value))}},{key:"makeControls",value:function(){var e=this,t=[];return t.push(n.a.createElement(tt.a,{value:this.state.pendingParams.f1,onChange:function(t,r){return e.handleOnSlider("f1",t,r)},valueLabelDisplay:"off",min:100,max:1800,step:1e-4})),t.push(n.a.createElement(tt.a,{value:this.state.pendingParams.harmonicContent,onChange:function(t,r){return e.handleOnSlider("harmonicContent",t,r)},valueLabelDisplay:"off",valueLabelFormat:ot,min:-3,max:-1e-5,step:1e-4})),t.push(n.a.createElement(tt.a,{value:this.state.pendingParams.harmonicContentPlayback,onChange:function(t,r){return e.handleOnSlider("harmonicContentPlayback",t,r)},valueLabelDisplay:"off",valueLabelFormat:ot,min:-3,max:-1e-5,step:1e-4})),t.push(n.a.createElement(tt.a,{value:this.state.pendingParams.iterations,onChange:function(t,r){return e.handleOnSlider("iterations",t,r)},valueLabelDisplay:"off",min:2,max:50,step:1})),t.push(n.a.createElement("select",{style:{width:"100%"},value:this.state.pendingParams.referenceScale,onChange:function(t,r){return e.handleOnRefScaleChange(t,r)}},function(){var e=[];return ke.enums.forEach((function(t){e.push(n.a.createElement("option",{value:t.value,key:"refscale"+t.value},He[t.value].toLowerCase()))})),e}())),t.push(n.a.createElement("select",{style:{width:"100%"},value:this.state.pendingParams.modelBitfield,onChange:function(t,r){return e.handleOnModelBitfieldChange(t,r)}},n.a.createElement("option",{value:Me(1,!1,!1)},"helmholtz"),n.a.createElement("option",{value:Me(1,!0,!1)},"helmholtz log x"),n.a.createElement("option",{value:Me(me,!1,!1)},"vassilakis"),n.a.createElement("option",{value:Me(me,!0,!1)},"vassilakis log x"))),t}},{key:"addControls",value:function(e,t,r){var a=this,i=["base frequency = "+this.state.pendingParams.f1.toFixed(3),"harmonic content = "+this.state.pendingParams.harmonicContent.toFixed(3),"h. content for playback = "+this.state.pendingParams.harmonicContentPlayback.toFixed(3),"harmonics iterations = "+this.state.pendingParams.iterations,"see reference scale","model"];H(e.length===r.length,""),H(t.length===r.length,""),H(i.length===r.length,"");for(var o=[],s=0;s<r.length;s++)o.push(n.a.createElement(D,{posX:e[s][0],posY:e[s][1],posWidth:e[s][2],posHeight:e[s][3],cardHeight:this.props.cardHeight,key:"lbl"+s,textAlign:"left",sizeDivision:37.5},i[s])),o.push(n.a.createElement(D,{posX:t[s][0],posY:t[s][1],posWidth:t[s][2],posHeight:t[s][3],cardHeight:this.props.cardHeight,key:"sli"+s,textAlign:"left",sizeDivision:37.5},r[s]));var c={position:"fixed",left:e[e.length-1][0]+"px",top:e[e.length-1][1]+.076*this.props.cardHeight+"px",width:.1*this.props.cardWidth+"px",height:.05*this.props.cardHeight+"px",fontSize:2*this.props.cardHeight/75+"px"};return o.push(n.a.createElement("button",{type:"button",style:c,key:"btngen",className:"divSmallLabelSans",onClick:function(){return a.beginUpdate()}},"Update")),o}},{key:"beginUpdate",value:function(){var e=Object(v.a)(g.a.mark((function e(){var t,r,a,n,i=this,o=arguments;return g.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t=o.length>0&&void 0!==o[0]&&o[0],this.state.dataForPlot||t){e.next=3;break}return e.abrupt("return");case 3:return!1&&this.setState({dataForPlot:0}),r=_.shallowClone(this.state.pendingParams),a=function(e){i.setState({captionText:(100*e).toFixed(1)+"%"})},e.next=9,Te(r,this.getPlotWidth(),a);case 9:n=e.sent,this.setState({renderedParams:r,dataForPlot:n,captionText:this.defaultCaption});case 11:case"end":return e.stop()}}),e,this)})));return function(){return e.apply(this,arguments)}}()},{key:"componentDidMount",value:function(){this.beginUpdate(!0)}},{key:"render",value:function(){var e=this,t=this.getWidgetPositions(),r=Object(s.a)(t,3),i=r[0],o=r[1],c=r[2],l=this.makeControls(),p=this.addControls(i,o,l);return n.a.createElement(a.Fragment,null,n.a.createElement(N,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight}),p,n.a.createElement(Re,{posX:c[0],posY:c[1],posWidth:c[2],posHeight:c[3],cardHeight:this.props.cardHeight,cachedData:this.state.dataForPlot,captionFromAbove:this.state.captionText,params:this.state.renderedParams}),n.a.createElement(le,{posX:this.props.cardX+.02*this.props.cardWidth,posY:this.props.cardY+.92*this.props.cardHeight,posWidth:.07*this.props.cardWidth,posHeight:.07*this.props.cardHeight,cardHeight:this.props.cardHeight,sizeDivision:40,arrText:["About"],onClick:function(){return e.props.toNextScreen(rt.About.value)}}),n.a.createElement(le,{posX:this.props.cardX+.0821*this.props.cardWidth,posY:this.props.cardY+.92*this.props.cardHeight,posWidth:.07*this.props.cardWidth,posHeight:.07*this.props.cardHeight,cardHeight:this.props.cardHeight,sizeDivision:40,arrText:["Details"],onClick:function(){return e.props.toNextScreen(rt.Explanations.value)}}),n.a.createElement(le,{posX:this.props.cardX+.144*this.props.cardWidth,posY:this.props.cardY+.92*this.props.cardHeight,posWidth:.07*this.props.cardWidth,posHeight:.07*this.props.cardHeight,cardHeight:this.props.cardHeight,sizeDivision:40,arrText:["Home"],onClick:function(){return e.props.toNextCard()}}))}}]),r}(n.a.Component);function ot(e){return e}n.a.Component;var st=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(e){var a;return Object(c.a)(this,r),(a=t.call(this,e)).state={currentScreen:rt.Main.value},a}return Object(l.a)(r,[{key:"render",value:function(){var e,t=this;if(this.state.currentScreen===rt.Main.value)e=it;else if(this.state.currentScreen===rt.About.value)e=at;else{if(this.state.currentScreen!==rt.Explanations.value)return n.a.createElement(a.Fragment,null,"Unknown screen");e=nt}return n.a.createElement(a.Fragment,null,n.a.createElement(e,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:function(){return t.props.toNextCard()},toNextScreen:function(e){t.setState({currentScreen:e})}}))}}]),r}(n.a.Component),ct=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(e){var a;return Object(c.a)(this,r),(a=t.call(this,e)).state={currentCard:1},a.cds=[void 0,Ie,Be,Ue,Je,Ve,Ge,Ke,$e,Ze,Qe,et,st],a}return Object(l.a)(r,[{key:"toNextCard",value:function(){var e=this.state.currentCard+1;e>=this.cds.length&&(e=1),this.setState({currentCard:e})}},{key:"getCardObject",value:function(){return this.state.currentCard>=0&&this.state.currentCard<this.cds.length?this.cds[this.state.currentCard]:Ie}},{key:"render",value:function(){var e=this,t={left:Math.round(this.props.cardX)+"px",top:Math.round(this.props.cardY)+"px",width:Math.round(this.props.cardWidth)+"px",height:Math.round(this.props.cardHeight)+"px"},r=this.getCardObject();return n.a.createElement("div",{className:"divCard",style:t},n.a.createElement(r,{cardX:this.props.cardX,cardY:this.props.cardY,cardWidth:this.props.cardWidth,cardHeight:this.props.cardHeight,toNextCard:function(){return e.toNextCard()}}))}}]),r}(n.a.Component),lt=function(e){Object(p.a)(r,e);var t=Object(h.a)(r);function r(){var e;Object(c.a)(this,r),e=t.call(this);var a=u(),n=Object(s.a)(a,2),i=d(60,30,30,30,n[0],n[1],16/9);return e.state={cardX:i[0],cardY:i[1],cardWidth:i[2],cardHeight:i[3]},e}return Object(l.a)(r,[{key:"componentDidMount",value:function(){var e=this;!function(e){var t=function(){var t=u();e(t[0],t[1])},r=void 0;window.addEventListener("resize",(function(){clearTimeout(r),r=setTimeout(t,250)}))}((function(t,r){var a=d(60,30,30,30,t,r,16/9);e.setState({cardX:a[0],cardY:a[1],cardWidth:a[2],cardHeight:a[3]})})),function(){var e=window.location.toString().includes(":3000");!0===e&&alert("expected Debug="+e+" but got "+!0)}()}},{key:"render",value:function(){return n.a.createElement(ct,{cardX:this.state.cardX,cardY:this.state.cardY,cardWidth:this.state.cardWidth,cardHeight:this.state.cardHeight})}}]),r}(n.a.Component);o.a.render(n.a.createElement(n.a.StrictMode,null,n.a.createElement(lt,null)),document.getElementById("root"))}},[[183,1,2]]]);
//# sourceMappingURL=main.9c30245a.chunk.js.map