Tone.js/examples/js/tonejs-ui.js

!function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={i:i,l:!1,exports:{}};return t[i].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=t,n.c=e,n.d=function(t,e,i){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)n.d(i,o,function(e){return t[e]}.bind(null,o));return i},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=140)}([function(t,e,n){"use strict";
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */const i=new WeakMap,o=t=>"function"==typeof t&&i.has(t),r=void 0!==window.customElements&&void 0!==window.customElements.polyfillWrapFlushCallback,s=(t,e,n=null)=>{let i=e;for(;i!==n;){const e=i.nextSibling;t.removeChild(i),i=e}},a={},l=`{{lit-${String(Math.random()).slice(2)}}}`,c=`\x3c!--${l}--\x3e`,u=new RegExp(`${l}|${c}`),h="$lit$";class d{constructor(t,e){this.parts=[],this.element=e;let n=-1,i=0;const o=[],r=e=>{const s=e.content,a=document.createTreeWalker(s,133,null,!1);let c,d;for(;a.nextNode();){n++,c=d;const e=d=a.currentNode;if(1===e.nodeType){if(e.hasAttributes()){const o=e.attributes;let r=0;for(let t=0;t<o.length;t++)o[t].value.indexOf(l)>=0&&r++;for(;r-- >0;){const o=t.strings[i],r=v.exec(o)[2],s=r.toLowerCase()+h,a=e.getAttribute(s).split(u);this.parts.push({type:"attribute",index:n,name:r,strings:a}),e.removeAttribute(s),i+=a.length-1}}"TEMPLATE"===e.tagName&&r(e)}else if(3===e.nodeType){const t=e.nodeValue;if(t.indexOf(l)<0)continue;const r=e.parentNode,s=t.split(u),a=s.length-1;i+=a;for(let t=0;t<a;t++)r.insertBefore(""===s[t]?f():document.createTextNode(s[t]),e),this.parts.push({type:"node",index:n++});r.insertBefore(""===s[a]?f():document.createTextNode(s[a]),e),o.push(e)}else if(8===e.nodeType)if(e.nodeValue===l){const t=e.parentNode,r=e.previousSibling;null===r||r!==c||r.nodeType!==Node.TEXT_NODE?t.insertBefore(f(),e):n--,this.parts.push({type:"node",index:n++}),o.push(e),null===e.nextSibling?t.insertBefore(f(),e):n--,d=c,i++}else{let t=-1;for(;-1!==(t=e.nodeValue.indexOf(l,t+1));)this.parts.push({type:"node",index:-1})}}};r(e);for(const t of o)t.parentNode.removeChild(t)}}const p=t=>-1!==t.index,f=()=>document.createComment(""),v=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F \x09\x0a\x0c\x0d"'>=\/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/;
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
class b{constructor(t,e,n){this._parts=[],this.template=t,this.processor=e,this.options=n}update(t){let e=0;for(const n of this._parts)void 0!==n&&n.setValue(t[e]),e++;for(const t of this._parts)void 0!==t&&t.commit()}_clone(){const t=r?this.template.element.content.cloneNode(!0):document.importNode(this.template.element.content,!0),e=this.template.parts;let n=0,i=0;const o=t=>{const r=document.createTreeWalker(t,133,null,!1);let s=r.nextNode();for(;n<e.length&&null!==s;){const t=e[n];if(p(t))if(i===t.index){if("node"===t.type){const t=this.processor.handleTextExpression(this.options);t.insertAfterNode(s),this._parts.push(t)}else this._parts.push(...this.processor.handleAttributeExpressions(s,t.name,t.strings,this.options));n++}else i++,"TEMPLATE"===s.nodeName&&o(s.content),s=r.nextNode();else this._parts.push(void 0),n++}};return o(t),r&&(document.adoptNode(t),customElements.upgrade(t)),t}}
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */class m{constructor(t,e,n,i){this.strings=t,this.values=e,this.type=n,this.processor=i}getHTML(){const t=this.strings.length-1;let e="";for(let n=0;n<t;n++){const t=this.strings[n];let i=!1;e+=t.replace(v,(t,e,n,o)=>(i=!0,e+n+h+o+l)),i||(e+=c)}return e+this.strings[t]}getTemplateElement(){const t=document.createElement("template");return t.innerHTML=this.getHTML(),t}}
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
const g=t=>null===t||!("object"==typeof t||"function"==typeof t);class y{constructor(t,e,n){this.dirty=!0,this.element=t,this.name=e,this.strings=n,this.parts=[];for(let t=0;t<n.length-1;t++)this.parts[t]=this._createPart()}_createPart(){return new x(this)}_getValue(){const t=this.strings,e=t.length-1;let n="";for(let i=0;i<e;i++){n+=t[i];const e=this.parts[i];if(void 0!==e){const t=e.value;if(null!=t&&(Array.isArray(t)||"string"!=typeof t&&t[Symbol.iterator]))for(const e of t)n+="string"==typeof e?e:String(e);else n+="string"==typeof t?t:String(t)}}return n+=t[e]}commit(){this.dirty&&(this.dirty=!1,this.element.setAttribute(this.name,this._getValue()))}}class x{constructor(t){this.value=void 0,this.committer=t}setValue(t){t===a||g(t)&&t===this.value||(this.value=t,o(t)||(this.committer.dirty=!0))}commit(){for(;o(this.value);){const t=this.value;this.value=a,t(this)}this.value!==a&&this.committer.commit()}}class _{constructor(t){this.value=void 0,this._pendingValue=void 0,this.options=t}appendInto(t){this.startNode=t.appendChild(f()),this.endNode=t.appendChild(f())}insertAfterNode(t){this.startNode=t,this.endNode=t.nextSibling}appendIntoPart(t){t._insert(this.startNode=f()),t._insert(this.endNode=f())}insertAfterPart(t){t._insert(this.startNode=f()),this.endNode=t.endNode,t.endNode=this.startNode}setValue(t){this._pendingValue=t}commit(){for(;o(this._pendingValue);){const t=this._pendingValue;this._pendingValue=a,t(this)}const t=this._pendingValue;t!==a&&(g(t)?t!==this.value&&this._commitText(t):t instanceof m?this._commitTemplateResult(t):t instanceof Node?this._commitNode(t):Array.isArray(t)||t[Symbol.iterator]?this._commitIterable(t):this._commitText(t))}_insert(t){this.endNode.parentNode.insertBefore(t,this.endNode)}_commitNode(t){this.value!==t&&(this.clear(),this._insert(t),this.value=t)}_commitText(t){const e=this.startNode.nextSibling;t=null==t?"":t,e===this.endNode.previousSibling&&e.nodeType===Node.TEXT_NODE?e.textContent=t:this._commitNode(document.createTextNode("string"==typeof t?t:String(t))),this.value=t}_commitTemplateResult(t){const e=this.options.templateFactory(t);if(this.value&&this.value.template===e)this.value.update(t.values);else{const n=new b(e,t.processor,this.options),i=n._clone();n.update(t.values),this._commitNode(i),this.value=n}}_commitIterable(t){Array.isArray(this.value)||(this.value=[],this.clear());const e=this.value;let n,i=0;for(const o of t)void 0===(n=e[i])&&(n=new _(this.options),e.push(n),0===i?n.appendIntoPart(this):n.insertAfterPart(e[i-1])),n.setValue(o),n.commit(),i++;i<e.length&&(e.length=i,this.clear(n&&n.endNode))}clear(t=this.startNode){s(this.startNode.parentNode,t.nextSibling,this.endNode)}}class w{constructor(t,e,n){if(this.value=void 0,this._pendingValue=void 0,2!==n.length||""!==n[0]||""!==n[1])throw new Error("Boolean attributes can only contain a single expression");this.element=t,this.name=e,this.strings=n}setValue(t){this._pendingValue=t}commit(){for(;o(this._pendingValue);){const t=this._pendingValue;this._pendingValue=a,t(this)}if(this._pendingValue===a)return;const t=!!this._pendingValue;this.value!==t&&(t?this.element.setAttribute(this.name,""):this.element.removeAttribute(this.name)),this.value=t,this._pendingValue=a}}class S extends y{constructor(t,e,n){super(t,e,n),this.single=2===n.length&&""===n[0]&&""===n[1]}_createPart(){return new E(this)}_getValue(){return this.single?this.parts[0].value:super._getValue()}commit(){this.dirty&&(this.dirty=!1,this.element[this.name]=this._getValue())}}class E extends x{}let k=!1;try{const t={get capture(){return k=!0,!1}};window.addEventListener("test",t,t),window.removeEventListener("test",t,t)}catch(t){}class M{constructor(t,e,n){this.value=void 0,this._pendingValue=void 0,this.element=t,this.eventName=e,this.eventContext=n,this._boundHandleEvent=(t=>this.handleEvent(t))}setValue(t){this._pendingValue=t}commit(){for(;o(this._pendingValue);){const t=this._pendingValue;this._pendingValue=a,t(this)}if(this._pendingValue===a)return;const t=this._pendingValue,e=this.value,n=null==t||null!=e&&(t.capture!==e.capture||t.once!==e.once||t.passive!==e.passive),i=null!=t&&(null==e||n);n&&this.element.removeEventListener(this.eventName,this._boundHandleEvent,this._options),i&&(this._options=A(t),this.element.addEventListener(this.eventName,this._boundHandleEvent,this._options)),this.value=t,this._pendingValue=a}handleEvent(t){"function"==typeof this.value?this.value.call(this.eventContext||this.element,t):this.value.handleEvent(t)}}const A=t=>t&&(k?{capture:t.capture,passive:t.passive,once:t.once}:t.capture);
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */const I=new class{handleAttributeExpressions(t,e,n,i){const o=e[0];return"."===o?new S(t,e.slice(1),n).parts:"@"===o?[new M(t,e.slice(1),i.eventContext)]:"?"===o?[new w(t,e.slice(1),n)]:new y(t,e,n).parts}handleTextExpression(t){return new _(t)}};
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */function C(t){let e=T.get(t.type);void 0===e&&(e={stringsArray:new WeakMap,keyString:new Map},T.set(t.type,e));let n=e.stringsArray.get(t.strings);if(void 0!==n)return n;const i=t.strings.join(l);return void 0===(n=e.keyString.get(i))&&(n=new d(t,t.getTemplateElement()),e.keyString.set(i,n)),e.stringsArray.set(t.strings,n),n}const T=new Map,N=new WeakMap,P=(t,...e)=>new m(t,e,"html",I),O=NodeFilter.SHOW_ELEMENT|NodeFilter.SHOW_COMMENT|NodeFilter.SHOW_TEXT;
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */function R(t,e){const{element:{content:n},parts:i}=t,o=document.createTreeWalker(n,O,null,!1);let r=F(i),s=i[r],a=-1,l=0;const c=[];let u=null;for(;o.nextNode();){a++;const t=o.currentNode;for(t.previousSibling===u&&(u=null),e.has(t)&&(c.push(t),null===u&&(u=t)),null!==u&&l++;void 0!==s&&s.index===a;)s.index=null!==u?-1:s.index-l,s=i[r=F(i,r)]}c.forEach(t=>t.parentNode.removeChild(t))}const $=t=>{let e=t.nodeType===Node.DOCUMENT_FRAGMENT_NODE?0:1;const n=document.createTreeWalker(t,O,null,!1);for(;n.nextNode();)e++;return e},F=(t,e=-1)=>{for(let n=e+1;n<t.length;n++){const e=t[n];if(p(e))return n}return-1};
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
const z=(t,e)=>`${t}--${e}`;let D=!0;void 0===window.ShadyCSS?D=!1:void 0===window.ShadyCSS.prepareTemplateDom&&(console.warn("Incompatible ShadyCSS version detected.Please update to at least @webcomponents/webcomponentsjs@2.0.2 and@webcomponents/shadycss@1.3.1."),D=!1);const L=t=>e=>{const n=z(e.type,t);let i=T.get(n);void 0===i&&(i={stringsArray:new WeakMap,keyString:new Map},T.set(n,i));let o=i.stringsArray.get(e.strings);if(void 0!==o)return o;const r=e.strings.join(l);if(void 0===(o=i.keyString.get(r))){const n=e.getTemplateElement();D&&window.ShadyCSS.prepareTemplateDom(n,t),o=new d(e,n),i.keyString.set(r,o)}return i.stringsArray.set(e.strings,o),o},q=["html","svg"],j=new Set,H=(t,e,n)=>{j.add(n);const i=t.querySelectorAll("style");if(0===i.length)return;const o=document.createElement("style");for(let t=0;t<i.length;t++){const e=i[t];e.parentNode.removeChild(e),o.textContent+=e.textContent}if((t=>{q.forEach(e=>{const n=T.get(z(e,t));void 0!==n&&n.keyString.forEach(t=>{const{element:{content:e}}=t,n=new Set;Array.from(e.querySelectorAll("style")).forEach(t=>{n.add(t)}),R(t,n)})})})(n),function(t,e,n=null){const{element:{content:i},parts:o}=t;if(null==n)return void i.appendChild(e);const r=document.createTreeWalker(i,O,null,!1);let s=F(o),a=0,l=-1;for(;r.nextNode();)for(l++,r.currentNode===n&&(a=$(e),n.parentNode.insertBefore(e,n));-1!==s&&o[s].index===l;){if(a>0){for(;-1!==s;)o[s].index+=a,s=F(o,s);return}s=F(o,s)}}(e,o,e.element.content.firstChild),window.ShadyCSS.prepareTemplateStyles(e.element,n),window.ShadyCSS.nativeShadow){const n=e.element.content.querySelector("style");t.insertBefore(n.cloneNode(!0),t.firstChild)}else{e.element.content.insertBefore(o,e.element.content.firstChild);const t=new Set;t.add(o),R(e,t)}},V=t=>null!==t,B=t=>t?"":null,G=(t,e)=>e!==t&&(e==e||t==t),U={attribute:!0,type:String,reflect:!1,hasChanged:G},W=new Promise(t=>t(!0)),Y=1,K=4,J=8;class X extends HTMLElement{constructor(){super(),this._updateState=0,this._instanceProperties=void 0,this._updatePromise=W,this._changedProperties=new Map,this._reflectingProperties=void 0,this.initialize()}static get observedAttributes(){this._finalize();const t=[];for(const[e,n]of this._classProperties){const i=this._attributeNameForProperty(e,n);void 0!==i&&(this._attributeToPropertyMap.set(i,e),t.push(i))}return t}static createProperty(t,e=U){if(!this.hasOwnProperty("_classProperties")){this._classProperties=new Map;const t=Object.getPrototypeOf(this)._classProperties;void 0!==t&&t.forEach((t,e)=>this._classProperties.set(e,t))}if(this._classProperties.set(t,e),this.prototype.hasOwnProperty(t))return;const n="symbol"==typeof t?Symbol():`__${t}`;Object.defineProperty(this.prototype,t,{get(){return this[n]},set(i){const o=this[t];this[n]=i,this._requestPropertyUpdate(t,o,e)},configurable:!0,enumerable:!0})}static _finalize(){if(this.hasOwnProperty("_finalized")&&this._finalized)return;const t=Object.getPrototypeOf(this);"function"==typeof t._finalize&&t._finalize(),this._finalized=!0,this._attributeToPropertyMap=new Map;const e=this.properties,n=[...Object.getOwnPropertyNames(e),..."function"==typeof Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e):[]];for(const t of n)this.createProperty(t,e[t])}static _attributeNameForProperty(t,e){const n=void 0!==e&&e.attribute;return!1===n?void 0:"string"==typeof n?n:"string"==typeof t?t.toLowerCase():void 0}static _valueHasChanged(t,e,n=G){return n(t,e)}static _propertyValueFromAttribute(t,e){const n=e&&e.type;if(void 0===n)return t;const i=n===Boolean?V:"function"==typeof n?n:n.fromAttribute;return i?i(t):t}static _propertyValueToAttribute(t,e){if(void 0===e||void 0===e.reflect)return;return(e.type===Boolean?B:e.type&&e.type.toAttribute||String)(t)}initialize(){this.renderRoot=this.createRenderRoot(),this._saveInstanceProperties()}_saveInstanceProperties(){for(const[t]of this.constructor._classProperties)if(this.hasOwnProperty(t)){const e=this[t];delete this[t],this._instanceProperties||(this._instanceProperties=new Map),this._instanceProperties.set(t,e)}}_applyInstanceProperties(){for(const[t,e]of this._instanceProperties)this[t]=e;this._instanceProperties=void 0}createRenderRoot(){return this.attachShadow({mode:"open"})}connectedCallback(){this._updateState&Y?void 0!==window.ShadyCSS&&window.ShadyCSS.styleElement(this):this.requestUpdate()}disconnectedCallback(){}attributeChangedCallback(t,e,n){e!==n&&this._attributeToProperty(t,n)}_propertyToAttribute(t,e,n=U){const i=this.constructor,o=i._propertyValueToAttribute(e,n);if(void 0!==o){const e=i._attributeNameForProperty(t,n);void 0!==e&&(this._updateState=this._updateState|J,null===o?this.removeAttribute(e):this.setAttribute(e,o),this._updateState=this._updateState&~J)}}_attributeToProperty(t,e){if(!(this._updateState&J)){const n=this.constructor,i=n._attributeToPropertyMap.get(t);if(void 0!==i){const t=n._classProperties.get(i);this[i]=n._propertyValueFromAttribute(e,t)}}}requestUpdate(t,e){if(void 0!==t){const n=this.constructor._classProperties.get(t)||U;return this._requestPropertyUpdate(t,e,n)}return this._invalidate()}_requestPropertyUpdate(t,e,n){return this.constructor._valueHasChanged(this[t],e,n.hasChanged)?(this._changedProperties.has(t)||this._changedProperties.set(t,e),!0===n.reflect&&(void 0===this._reflectingProperties&&(this._reflectingProperties=new Map),this._reflectingProperties.set(t,n)),this._invalidate()):this.updateComplete}async _invalidate(){if(!this._hasRequestedUpdate){let t;this._updateState=this._updateState|K;const e=this._updatePromise;this._updatePromise=new Promise(e=>t=e),await e,this._validate(),t(!this._hasRequestedUpdate)}return this.updateComplete}get _hasRequestedUpdate(){return this._updateState&K}_validate(){if(this._instanceProperties&&this._applyInstanceProperties(),this.shouldUpdate(this._changedProperties)){const t=this._changedProperties;this.update(t),this._markUpdated(),this._updateState&Y||(this._updateState=this._updateState|Y,this.firstUpdated(t)),this.updated(t)}else this._markUpdated()}_markUpdated(){this._changedProperties=new Map,this._updateState=this._updateState&~K}get updateComplete(){return this._updatePromise}shouldUpdate(t){return!0}update(t){if(void 0!==this._reflectingProperties&&this._reflectingProperties.size>0){for(const[t,e]of this._reflectingProperties)this._propertyToAttribute(t,this[t],e);this._reflectingProperties=void 0}}updated(t){}firstUpdated(t){}}X._attributeToPropertyMap=new Map,X._finalized=!0,X._classProperties=new Map,X.properties={};
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
Q((t,e)=>t.querySelector(e)),Q((t,e)=>t.querySelectorAll(e));function Q(t){return e=>(n,i)=>{Object.defineProperty(n,i,{get(){return t(this.renderRoot,e)},enumerable:!0,configurable:!0})}}n.d(e,"a",function(){return Z}),n.d(e,"b",function(){return P});
/**
 * @license
 * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
 * This code may only be used under the BSD style license found at
 * http://polymer.github.io/LICENSE.txt
 * The complete set of authors may be found at
 * http://polymer.github.io/AUTHORS.txt
 * The complete set of contributors may be found at
 * http://polymer.github.io/CONTRIBUTORS.txt
 * Code distributed by Google as part of the polymer project is also
 * subject to an additional IP rights grant found at
 * http://polymer.github.io/PATENTS.txt
 */
class Z extends X{update(t){super.update(t);const e=this.render();e instanceof m&&this.constructor.render(e,this.renderRoot,{scopeName:this.localName,eventContext:this})}render(){}}Z.render=((t,e,n)=>{const i=n.scopeName,o=N.has(e),r=e instanceof ShadowRoot&&D&&t instanceof m,a=r&&!j.has(i),l=a?document.createDocumentFragment():e;if(((t,e,n)=>{let i=N.get(e);void 0===i&&(s(e,e.firstChild),N.set(e,i=new _(Object.assign({templateFactory:C},n))),i.appendInto(e)),i.setValue(t),i.commit()})(t,l,Object.assign({templateFactory:L(i)},n)),a){const t=N.get(l);N.delete(l),t.value instanceof b&&H(l,t.value.template,i),s(e,e.firstChild),e.appendChild(l),N.set(e,t)}!o&&r&&window.ShadyCSS.styleElement(e.host)})},function(t,e,n){var i=n(3),o=n(13),r=n(16),s=n(17),a=n(21),l=function(t,e,n){var c,u,h,d,p=t&l.F,f=t&l.G,v=t&l.S,b=t&l.P,m=t&l.B,g=f?i:v?i[e]||(i[e]={}):(i[e]||{}).prototype,y=f?o:o[e]||(o[e]={}),x=y.prototype||(y.prototype={});for(c in f&&(n=e),n)h=((u=!p&&g&&void 0!==g[c])?g:n)[c],d=m&&u?a(h,i):b&&"function"==typeof h?a(Function.call,h):h,g&&s(g,c,h,t&l.U),y[c]!=h&&r(y,c,d),b&&x[c]!=h&&(x[c]=h)};i.core=o,l.F=1,l.G=2,l.S=4,l.P=8,l.B=16,l.W=32,l.U=64,l.R=128,t.exports=l},function(t,e,n){var i=n(4);t.exports=function(t){if(!i(t))throw TypeError(t+" is not an object!");return t}},function(t,e){var n=t.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(t,e){t.exports=function(t){return"object"==typeof t?null!==t:"function"==typeof t}},function(t,e){t.exports=function(t){try{return!!t()}catch(t){return!0}}},function(t,e,n){var i=n(54)("wks"),o=n(39),r=n(3).Symbol,s="function"==typeof r;(t.exports=function(t){return i[t]||(i[t]=s&&r[t]||(s?r:o)("Symbol."+t))}).store=i},function(t,e,n){"use strict";(function(t){n.d(e,"a",function(){return o});var i=n(0);class o extends i.a{static get properties(){return{collapsed:{type:Boolean}}}constructor(){super(),this.collapsed=!1,this._syncTimeout=-1}setAttribute(t,e,n){e.set(n)}bind(e){Array.from(this.shadowRoot.querySelectorAll("[attribute]")).forEach(n=>{const i=n.getAttribute("attribute");this.addEventListener(i,n=>{t.Tone.isDefined(e[i])&&(t.Tone.isDefined(e[i].value)?e[i].value=n.detail:e[i]=n.detail),this.sync(e)})}),Array.from(this.shadowRoot.querySelectorAll("[component]")).forEach(t=>{const n=t.getAttribute("component");t&&t.bind(e[n])}),this.sync(e),this.addEventListener("collapse",()=>this.sync(e)),this.addEventListener("sync",()=>this.sync(e))}sync(t){Array.from(this.shadowRoot.querySelectorAll("[attribute]")).forEach(e=>{const n=e.getAttribute("attribute");void 0!==t[n]&&e.sync(t)}),Array.from(this.shadowRoot.querySelectorAll("[component]")).forEach(e=>{const n=e.getAttribute("component");void 0!==t[n]&&e.sync(t[n])}),clearTimeout(this._syncTimeout),this._syncTimeout=setTimeout(()=>{const e=Array.from(this.shadowRoot.querySelectorAll(".viz"));e.length&&e.forEach(e=>e.visualize(t))},10)}}}).call(this,n(135))},function(t,e,n){var i=n(2),o=n(100),r=n(24),s=Object.defineProperty;e.f=n(9)?Object.defineProperty:function(t,e,n){if(i(t),e=r(e,!0),i(n),o)try{return s(t,e,n)}catch(t){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(t[e]=n.value),t}},function(t,e,n){t.exports=!n(5)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(t,e,n){var i=n(26),o=Math.min;t.exports=function(t){return t>0?o(i(t),9007199254740991):0}},function(t,e,n){var i=n(25);t.exports=function(t){return Object(i(t))}},function(t,e){t.exports=function(t){if("function"!=typeof t)throw TypeError(t+" is not a function!");return t}},function(t,e){var n=t.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(t,e,n){var i=n(51),o=n(25);t.exports=function(t){return i(o(t))}},function(t,e){var n={}.hasOwnProperty;t.exports=function(t,e){return n.call(t,e)}},function(t,e,n){var i=n(8),o=n(33);t.exports=n(9)?function(t,e,n){return i.f(t,e,o(1,n))}:function(t,e,n){return t[e]=n,t}},function(t,e,n){var i=n(3),o=n(16),r=n(15),s=n(39)("src"),a=Function.toString,l=(""+a).split("toString");n(13).inspectSource=function(t){return a.call(t)},(t.exports=function(t,e,n,a){var c="function"==typeof n;c&&(r(n,"name")||o(n,"name",e)),t[e]!==n&&(c&&(r(n,s)||o(n,s,t[e]?""+t[e]:l.join(String(e)))),t===i?t[e]=n:a?t[e]?t[e]=n:o(t,e,n):(delete t[e],o(t,e,n)))})(Function.prototype,"toString",function(){return"function"==typeof this&&this[s]||a.call(this)})},function(t,e,n){var i=n(52),o=n(33),r=n(14),s=n(24),a=n(15),l=n(100),c=Object.getOwnPropertyDescriptor;e.f=n(9)?c:function(t,e){if(t=r(t),e=s(e,!0),l)try{return c(t,e)}catch(t){}if(a(t,e))return o(!i.f.call(t,e),t[e])}},function(t,e,n){var i=n(15),o=n(11),r=n(73)("IE_PROTO"),s=Object.prototype;t.exports=Object.getPrototypeOf||function(t){return t=o(t),i(t,r)?t[r]:"function"==typeof t.constructor&&t instanceof t.constructor?t.constructor.prototype:t instanceof Object?s:null}},function(t,e,n){var i=n(1),o=n(5),r=n(25),s=/"/g,a=function(t,e,n,i){var o=String(r(t)),a="<"+e;return""!==n&&(a+=" "+n+'="'+String(i).replace(s,"&quot;")+'"'),a+">"+o+"</"+e+">"};t.exports=function(t,e){var n={};n[t]=e(a),i(i.P+i.F*o(function(){var e=""[t]('"');return e!==e.toLowerCase()||e.split('"').length>3}),"String",n)}},function(t,e,n){var i=n(12);t.exports=function(t,e,n){if(i(t),void 0===e)return t;switch(n){case 1:return function(n){return t.call(e,n)};case 2:return function(n,i){return t.call(e,n,i)};case 3:return function(n,i,o){return t.call(e,n,i,o)}}return function(){return t.apply(e,arguments)}}},function(t,e){var n={}.toString;t.exports=function(t){return n.call(t).slice(8,-1)}},function(t,e,n){"use strict";var i=n(5);t.exports=function(t,e){return!!t&&i(function(){e?t.call(null,function(){},1):t.call(null)})}},function(t,e,n){var i=n(4);t.exports=function(t,e){if(!i(t))return t;var n,o;if(e&&"function"==typeof(n=t.toString)&&!i(o=n.call(t)))return o;if("function"==typeof(n=t.valueOf)&&!i(o=n.call(t)))return o;if(!e&&"function"==typeof(n=t.toString)&&!i(o=n.call(t)))return o;throw TypeError("Can't convert object to primitive value")}},function(t,e){t.exports=function(t){if(null==t)throw TypeError("Can't call method on  "+t);return t}},function(t,e){var n=Math.ceil,i=Math.floor;t.exports=function(t){return isNaN(t=+t)?0:(t>0?i:n)(t)}},function(t,e,n){var i=n(1),o=n(13),r=n(5);t.exports=function(t,e){var n=(o.Object||{})[t]||Object[t],s={};s[t]=e(n),i(i.S+i.F*r(function(){n(1)}),"Object",s)}},function(t,e,n){var i=n(21),o=n(51),r=n(11),s=n(10),a=n(89);t.exports=function(t,e){var n=1==t,l=2==t,c=3==t,u=4==t,h=6==t,d=5==t||h,p=e||a;return function(e,a,f){for(var v,b,m=r(e),g=o(m),y=i(a,f,3),x=s(g.length),_=0,w=n?p(e,x):l?p(e,0):void 0;x>_;_++)if((d||_ in g)&&(b=y(v=g[_],_,m),t))if(n)w[_]=b;else if(b)switch(t){case 3:return!0;case 5:return v;case 6:return _;case 2:w.push(v)}else if(u)return!1;return h?-1:c||u?u:w}}},function(t,e,n){var i=n(102),o=n(74);t.exports=Object.keys||function(t){return i(t,o)}},function(t,e,n){var i=n(2),o=n(103),r=n(74),s=n(73)("IE_PROTO"),a=function(){},l=function(){var t,e=n(71)("iframe"),i=r.length;for(e.style.display="none",n(75).appendChild(e),e.src="javascript:",(t=e.contentWindow.document).open(),t.write("<script>document.F=Object<\/script>"),t.close(),l=t.F;i--;)delete l.prototype[r[i]];return l()};t.exports=Object.create||function(t,e){var n;return null!==t?(a.prototype=i(t),n=new a,a.prototype=null,n[s]=t):n=l(),void 0===e?n:o(n,e)}},function(t,e,n){"use strict";if(n(9)){var i=n(35),o=n(3),r=n(5),s=n(1),a=n(67),l=n(96),c=n(21),u=n(45),h=n(33),d=n(16),p=n(46),f=n(26),v=n(10),b=n(123),m=n(40),g=n(24),y=n(15),x=n(42),_=n(4),w=n(11),S=n(87),E=n(30),k=n(19),M=n(41).f,A=n(53),I=n(39),C=n(6),T=n(28),N=n(55),P=n(64),O=n(91),R=n(43),$=n(61),F=n(44),z=n(90),D=n(114),L=n(8),q=n(18),j=L.f,H=q.f,V=o.RangeError,B=o.TypeError,G=o.Uint8Array,U=Array.prototype,W=l.ArrayBuffer,Y=l.DataView,K=T(0),J=T(2),X=T(3),Q=T(4),Z=T(5),tt=T(6),et=N(!0),nt=N(!1),it=O.values,ot=O.keys,rt=O.entries,st=U.lastIndexOf,at=U.reduce,lt=U.reduceRight,ct=U.join,ut=U.sort,ht=U.slice,dt=U.toString,pt=U.toLocaleString,ft=C("iterator"),vt=C("toStringTag"),bt=I("typed_constructor"),mt=I("def_constructor"),gt=a.CONSTR,yt=a.TYPED,xt=a.VIEW,_t=T(1,function(t,e){return Mt(P(t,t[mt]),e)}),wt=r(function(){return 1===new G(new Uint16Array([1]).buffer)[0]}),St=!!G&&!!G.prototype.set&&r(function(){new G(1).set({})}),Et=function(t,e){var n=f(t);if(n<0||n%e)throw V("Wrong offset!");return n},kt=function(t){if(_(t)&&yt in t)return t;throw B(t+" is not a typed array!")},Mt=function(t,e){if(!(_(t)&&bt in t))throw B("It is not a typed array constructor!");return new t(e)},At=function(t,e){return It(P(t,t[mt]),e)},It=function(t,e){for(var n=0,i=e.length,o=Mt(t,i);i>n;)o[n]=e[n++];return o},Ct=function(t,e,n){j(t,e,{get:function(){return this._d[n]}})},Tt=function(t){var e,n,i,o,r,s,a=w(t),l=arguments.length,u=l>1?arguments[1]:void 0,h=void 0!==u,d=A(a);if(null!=d&&!S(d)){for(s=d.call(a),i=[],e=0;!(r=s.next()).done;e++)i.push(r.value);a=i}for(h&&l>2&&(u=c(u,arguments[2],2)),e=0,n=v(a.length),o=Mt(this,n);n>e;e++)o[e]=h?u(a[e],e):a[e];return o},Nt=function(){for(var t=0,e=arguments.length,n=Mt(this,e);e>t;)n[t]=arguments[t++];return n},Pt=!!G&&r(function(){pt.call(new G(1))}),Ot=function(){return pt.apply(Pt?ht.call(kt(this)):kt(this),arguments)},Rt={copyWithin:function(t,e){return D.call(kt(this),t,e,arguments.length>2?arguments[2]:void 0)},every:function(t){return Q(kt(this),t,arguments.length>1?arguments[1]:void 0)},fill:function(t){return z.apply(kt(this),arguments)},filter:function(t){return At(this,J(kt(this),t,arguments.length>1?arguments[1]:void 0))},find:function(t){return Z(kt(this),t,arguments.length>1?arguments[1]:void 0)},findIndex:function(t){return tt(kt(this),t,arguments.length>1?arguments[1]:void 0)},forEach:function(t){K(kt(this),t,arguments.length>1?arguments[1]:void 0)},indexOf:function(t){return nt(kt(this),t,arguments.length>1?arguments[1]:void 0)},includes:function(t){return et(kt(this),t,arguments.length>1?arguments[1]:void 0)},join:function(t){return ct.apply(kt(this),arguments)},lastIndexOf:function(t){return st.apply(kt(this),arguments)},map:function(t){return _t(kt(this),t,arguments.length>1?arguments[1]:void 0)},reduce:function(t){return at.apply(kt(this),arguments)},reduceRight:function(t){return lt.apply(kt(this),arguments)},reverse:function(){for(var t,e=kt(this).length,n=Math.floor(e/2),i=0;i<n;)t=this[i],this[i++]=this[--e],this[e]=t;return this},some:function(t){return X(kt(this),t,arguments.length>1?arguments[1]:void 0)},sort:function(t){return ut.call(kt(this),t)},subarray:function(t,e){var n=kt(this),i=n.length,o=m(t,i);return new(P(n,n[mt]))(n.buffer,n.byteOffset+o*n.BYTES_PER_ELEMENT,v((void 0===e?i:m(e,i))-o))}},$t=function(t,e){return At(this,ht.call(kt(this),t,e))},Ft=function(t){kt(this);var e=Et(arguments[1],1),n=this.length,i=w(t),o=v(i.length),r=0;if(o+e>n)throw V("Wrong length!");for(;r<o;)this[e+r]=i[r++]},zt={entries:function(){return rt.call(kt(this))},keys:function(){return ot.call(kt(this))},values:function(){return it.call(kt(this))}},Dt=function(t,e){return _(t)&&t[yt]&&"symbol"!=typeof e&&e in t&&String(+e)==String(e)},Lt=function(t,e){return Dt(t,e=g(e,!0))?h(2,t[e]):H(t,e)},qt=function(t,e,n){return!(Dt(t,e=g(e,!0))&&_(n)&&y(n,"value"))||y(n,"get")||y(n,"set")||n.configurable||y(n,"writable")&&!n.writable||y(n,"enumerable")&&!n.enumerable?j(t,e,n):(t[e]=n.value,t)};gt||(q.f=Lt,L.f=qt),s(s.S+s.F*!gt,"Object",{getOwnPropertyDescriptor:Lt,defineProperty:qt}),r(function(){dt.call({})})&&(dt=pt=function(){return ct.call(this)});var jt=p({},Rt);p(jt,zt),d(jt,ft,zt.values),p(jt,{slice:$t,set:Ft,constructor:function(){},toString:dt,toLocaleString:Ot}),Ct(jt,"buffer","b"),Ct(jt,"byteOffset","o"),Ct(jt,"byteLength","l"),Ct(jt,"length","e"),j(jt,vt,{get:function(){return this[yt]}}),t.exports=function(t,e,n,l){var c=t+((l=!!l)?"Clamped":"")+"Array",h="get"+t,p="set"+t,f=o[c],m=f||{},g=f&&k(f),y=!f||!a.ABV,w={},S=f&&f.prototype,A=function(t,n){j(t,n,{get:function(){return function(t,n){var i=t._d;return i.v[h](n*e+i.o,wt)}(this,n)},set:function(t){return function(t,n,i){var o=t._d;l&&(i=(i=Math.round(i))<0?0:i>255?255:255&i),o.v[p](n*e+o.o,i,wt)}(this,n,t)},enumerable:!0})};y?(f=n(function(t,n,i,o){u(t,f,c,"_d");var r,s,a,l,h=0,p=0;if(_(n)){if(!(n instanceof W||"ArrayBuffer"==(l=x(n))||"SharedArrayBuffer"==l))return yt in n?It(f,n):Tt.call(f,n);r=n,p=Et(i,e);var m=n.byteLength;if(void 0===o){if(m%e)throw V("Wrong length!");if((s=m-p)<0)throw V("Wrong length!")}else if((s=v(o)*e)+p>m)throw V("Wrong length!");a=s/e}else a=b(n),r=new W(s=a*e);for(d(t,"_d",{b:r,o:p,l:s,e:a,v:new Y(r)});h<a;)A(t,h++)}),S=f.prototype=E(jt),d(S,"constructor",f)):r(function(){f(1)})&&r(function(){new f(-1)})&&$(function(t){new f,new f(null),new f(1.5),new f(t)},!0)||(f=n(function(t,n,i,o){var r;return u(t,f,c),_(n)?n instanceof W||"ArrayBuffer"==(r=x(n))||"SharedArrayBuffer"==r?void 0!==o?new m(n,Et(i,e),o):void 0!==i?new m(n,Et(i,e)):new m(n):yt in n?It(f,n):Tt.call(f,n):new m(b(n))}),K(g!==Function.prototype?M(m).concat(M(g)):M(m),function(t){t in f||d(f,t,m[t])}),f.prototype=S,i||(S.constructor=f));var I=S[ft],C=!!I&&("values"==I.name||null==I.name),T=zt.values;d(f,bt,!0),d(S,yt,c),d(S,xt,!0),d(S,mt,f),(l?new f(1)[vt]==c:vt in S)||j(S,vt,{get:function(){return c}}),w[c]=f,s(s.G+s.W+s.F*(f!=m),w),s(s.S,c,{BYTES_PER_ELEMENT:e}),s(s.S+s.F*r(function(){m.of.call(f,1)}),c,{from:Tt,of:Nt}),"BYTES_PER_ELEMENT"in S||d(S,"BYTES_PER_ELEMENT",e),s(s.P,c,Rt),F(c),s(s.P+s.F*St,c,{set:Ft}),s(s.P+s.F*!C,c,zt),i||S.toString==dt||(S.toString=dt),s(s.P+s.F*r(function(){new f(1).slice()}),c,{slice:$t}),s(s.P+s.F*(r(function(){return[1,2].toLocaleString()!=new f([1,2]).toLocaleString()})||!r(function(){S.toLocaleString.call([1,2])})),c,{toLocaleString:Ot}),R[c]=C?I:T,i||C||d(S,ft,T)}}else t.exports=function(){}},function(t,e,n){var i=n(118),o=n(1),r=n(54)("metadata"),s=r.store||(r.store=new(n(121))),a=function(t,e,n){var o=s.get(t);if(!o){if(!n)return;s.set(t,o=new i)}var r=o.get(e);if(!r){if(!n)return;o.set(e,r=new i)}return r};t.exports={store:s,map:a,has:function(t,e,n){var i=a(e,n,!1);return void 0!==i&&i.has(t)},get:function(t,e,n){var i=a(e,n,!1);return void 0===i?void 0:i.get(t)},set:function(t,e,n,i){a(n,i,!0).set(t,e)},keys:function(t,e){var n=a(t,e,!1),i=[];return n&&n.forEach(function(t,e){i.push(e)}),i},key:function(t){return void 0===t||"symbol"==typeof t?t:String(t)},exp:function(t){o(o.S,"Reflect",t)}}},function(t,e){t.exports=function(t,e){return{enumerable:!(1&t),configurable:!(2&t),writable:!(4&t),value:e}}},function(t,e,n){var i=n(39)("meta"),o=n(4),r=n(15),s=n(8).f,a=0,l=Object.isExtensible||function(){return!0},c=!n(5)(function(){return l(Object.preventExtensions({}))}),u=function(t){s(t,i,{value:{i:"O"+ ++a,w:{}}})},h=t.exports={KEY:i,NEED:!1,fastKey:function(t,e){if(!o(t))return"symbol"==typeof t?t:("string"==typeof t?"S":"P")+t;if(!r(t,i)){if(!l(t))return"F";if(!e)return"E";u(t)}return t[i].i},getWeak:function(t,e){if(!r(t,i)){if(!l(t))return!0;if(!e)return!1;u(t)}return t[i].w},onFreeze:function(t){return c&&h.NEED&&l(t)&&!r(t,i)&&u(t),t}}},function(t,e){t.exports=!1},function(t,e,n){var i=n(6)("unscopables"),o=Array.prototype;null==o[i]&&n(16)(o,i,{}),t.exports=function(t){o[i][t]=!0}},function(t,e,n){var i=n(21),o=n(112),r=n(87),s=n(2),a=n(10),l=n(53),c={},u={};(e=t.exports=function(t,e,n,h,d){var p,f,v,b,m=d?function(){return t}:l(t),g=i(n,h,e?2:1),y=0;if("function"!=typeof m)throw TypeError(t+" is not iterable!");if(r(m)){for(p=a(t.length);p>y;y++)if((b=e?g(s(f=t[y])[0],f[1]):g(t[y]))===c||b===u)return b}else for(v=m.call(t);!(f=v.next()).done;)if((b=o(v,g,f.value,e))===c||b===u)return b}).BREAK=c,e.RETURN=u},function(t,e,n){var i;!function(n){"use strict";function o(){if(o.prototype._singleton)throw new Error("WebMidi is a singleton, it cannot be instantiated directly.");o.prototype._singleton=this,this._inputs=[],this._outputs=[],this._userHandlers={},this._stateChangeQueue=[],this._processingStateChange=!1,this._midiInterfaceEvents=["connected","disconnected"],this._notes=["C","C#","D","D#","E","F","F#","G","G#","A","A#","B"],this._semitones={C:0,D:2,E:4,F:5,G:7,A:9,B:11},Object.defineProperties(this,{MIDI_SYSTEM_MESSAGES:{value:{sysex:240,timecode:241,songposition:242,songselect:243,tuningrequest:246,sysexend:247,clock:248,start:250,continue:251,stop:252,activesensing:254,reset:255,midimessage:0,unknownsystemmessage:-1},writable:!1,enumerable:!0,configurable:!1},MIDI_CHANNEL_MESSAGES:{value:{noteoff:8,noteon:9,keyaftertouch:10,controlchange:11,channelmode:11,programchange:12,channelaftertouch:13,pitchbend:14},writable:!1,enumerable:!0,configurable:!1},MIDI_REGISTERED_PARAMETER:{value:{pitchbendrange:[0,0],channelfinetuning:[0,1],channelcoarsetuning:[0,2],tuningprogram:[0,3],tuningbank:[0,4],modulationrange:[0,5],azimuthangle:[61,0],elevationangle:[61,1],gain:[61,2],distanceratio:[61,3],maximumdistance:[61,4],maximumdistancegain:[61,5],referencedistanceratio:[61,6],panspreadangle:[61,7],rollangle:[61,8]},writable:!1,enumerable:!0,configurable:!1},MIDI_CONTROL_CHANGE_MESSAGES:{value:{bankselectcoarse:0,modulationwheelcoarse:1,breathcontrollercoarse:2,footcontrollercoarse:4,portamentotimecoarse:5,dataentrycoarse:6,volumecoarse:7,balancecoarse:8,pancoarse:10,expressioncoarse:11,effectcontrol1coarse:12,effectcontrol2coarse:13,generalpurposeslider1:16,generalpurposeslider2:17,generalpurposeslider3:18,generalpurposeslider4:19,bankselectfine:32,modulationwheelfine:33,breathcontrollerfine:34,footcontrollerfine:36,portamentotimefine:37,dataentryfine:38,volumefine:39,balancefine:40,panfine:42,expressionfine:43,effectcontrol1fine:44,effectcontrol2fine:45,holdpedal:64,portamento:65,sustenutopedal:66,softpedal:67,legatopedal:68,hold2pedal:69,soundvariation:70,resonance:71,soundreleasetime:72,soundattacktime:73,brightness:74,soundcontrol6:75,soundcontrol7:76,soundcontrol8:77,soundcontrol9:78,soundcontrol10:79,generalpurposebutton1:80,generalpurposebutton2:81,generalpurposebutton3:82,generalpurposebutton4:83,reverblevel:91,tremololevel:92,choruslevel:93,celestelevel:94,phaserlevel:95,databuttonincrement:96,databuttondecrement:97,nonregisteredparametercoarse:98,nonregisteredparameterfine:99,registeredparametercoarse:100,registeredparameterfine:101},writable:!1,enumerable:!0,configurable:!1},MIDI_CHANNEL_MODE_MESSAGES:{value:{allsoundoff:120,resetallcontrollers:121,localcontrol:122,allnotesoff:123,omnimodeoff:124,omnimodeon:125,monomodeon:126,polymodeon:127},writable:!1,enumerable:!0,configurable:!1},octaveOffset:{value:0,writable:!0,enumerable:!0,configurable:!1}}),Object.defineProperties(this,{supported:{enumerable:!0,get:function(){return"requestMIDIAccess"in navigator}},enabled:{enumerable:!0,get:function(){return void 0!==this.interface}.bind(this)},inputs:{enumerable:!0,get:function(){return this._inputs}.bind(this)},outputs:{enumerable:!0,get:function(){return this._outputs}.bind(this)},sysexEnabled:{enumerable:!0,get:function(){return!(!this.interface||!this.interface.sysexEnabled)}.bind(this)},time:{enumerable:!0,get:function(){return performance.now()}}})}function r(t){var e=this;this._userHandlers={channel:{},system:{}},this._midiInput=t,Object.defineProperties(this,{connection:{enumerable:!0,get:function(){return e._midiInput.connection}},id:{enumerable:!0,get:function(){return e._midiInput.id}},manufacturer:{enumerable:!0,get:function(){return e._midiInput.manufacturer}},name:{enumerable:!0,get:function(){return e._midiInput.name}},state:{enumerable:!0,get:function(){return e._midiInput.state}},type:{enumerable:!0,get:function(){return e._midiInput.type}}}),this._initializeUserHandlers(),this._midiInput.onmidimessage=this._onMidiMessage.bind(this)}function s(t){var e=this;this._midiOutput=t,Object.defineProperties(this,{connection:{enumerable:!0,get:function(){return e._midiOutput.connection}},id:{enumerable:!0,get:function(){return e._midiOutput.id}},manufacturer:{enumerable:!0,get:function(){return e._midiOutput.manufacturer}},name:{enumerable:!0,get:function(){return e._midiOutput.name}},state:{enumerable:!0,get:function(){return e._midiOutput.state}},type:{enumerable:!0,get:function(){return e._midiOutput.type}}})}var a=new o;o.prototype.enable=function(t,e){return this.enabled?void 0:this.supported?void navigator.requestMIDIAccess({sysex:e}).then(function(e){function n(){clearTimeout(i),this._updateInputsAndOutputs(),this.interface.onstatechange=this._onInterfaceStateChange.bind(this),"function"==typeof t&&t.call(this),o.forEach(function(t){this._onInterfaceStateChange(t)}.bind(this))}var i,o=[],r=[];this.interface=e,this._resetInterfaceUserHandlers(),this.interface.onstatechange=function(t){o.push(t)};for(var s=e.inputs.values(),a=s.next();a&&!a.done;a=s.next())r.push(a.value.open());for(var l=e.outputs.values(),c=l.next();c&&!c.done;c=l.next())r.push(c.value.open());i=setTimeout(n.bind(this),200),Promise&&Promise.all(r).catch(function(t){}).then(n.bind(this))}.bind(this),function(e){"function"==typeof t&&t.call(this,e)}.bind(this)):void("function"==typeof t&&t(new Error("The Web MIDI API is not supported by your browser.")))},o.prototype.disable=function(){if(!this.supported)throw new Error("The Web MIDI API is not supported by your browser.");this.interface&&(this.interface.onstatechange=void 0),this.interface=void 0,this._inputs=[],this._outputs=[],this._resetInterfaceUserHandlers()},o.prototype.addListener=function(t,e){if(!this.enabled)throw new Error("WebMidi must be enabled before adding event listeners.");if("function"!=typeof e)throw new TypeError("The 'listener' parameter must be a function.");if(!(this._midiInterfaceEvents.indexOf(t)>=0))throw new TypeError("The specified event type is not supported.");return this._userHandlers[t].push(e),this},o.prototype.hasListener=function(t,e){if(!this.enabled)throw new Error("WebMidi must be enabled before checking event listeners.");if("function"!=typeof e)throw new TypeError("The 'listener' parameter must be a function.");if(!(this._midiInterfaceEvents.indexOf(t)>=0))throw new TypeError("The specified event type is not supported.");for(var n=0;n<this._userHandlers[t].length;n++)if(this._userHandlers[t][n]===e)return!0;return!1},o.prototype.removeListener=function(t,e){if(!this.enabled)throw new Error("WebMidi must be enabled before removing event listeners.");if(void 0!==e&&"function"!=typeof e)throw new TypeError("The 'listener' parameter must be a function.");if(this._midiInterfaceEvents.indexOf(t)>=0)if(e)for(var n=0;n<this._userHandlers[t].length;n++)this._userHandlers[t][n]===e&&this._userHandlers[t].splice(n,1);else this._userHandlers[t]=[];else{if(void 0!==t)throw new TypeError("The specified event type is not supported.");this._resetInterfaceUserHandlers()}return this},o.prototype.toMIDIChannels=function(t){var e;return(e="all"===t||void 0===t?["all"]:Array.isArray(t)?t:[t]).indexOf("all")>-1&&(e=[1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16]),e.map(function(t){return parseInt(t)}).filter(function(t){return t>=1&&16>=t})},o.prototype.getInputById=function(t){if(!this.enabled)throw new Error("WebMidi is not enabled.");for(var e=0;e<this.inputs.length;e++)if(this.inputs[e].id===t)return this.inputs[e];return!1},o.prototype.getOutputById=function(t){if(!this.enabled)throw new Error("WebMidi is not enabled.");for(var e=0;e<this.outputs.length;e++)if(this.outputs[e].id===t)return this.outputs[e];return!1},o.prototype.getInputByName=function(t){if(!this.enabled)throw new Error("WebMidi is not enabled.");for(var e=0;e<this.inputs.length;e++)if(~this.inputs[e].name.indexOf(t))return this.inputs[e];return!1},o.prototype.getOctave=function(t){return null!=t&&t>=0&&127>=t?Math.floor(Math.floor(t)/12-1)+Math.floor(a.octaveOffset):void 0},o.prototype.getOutputByName=function(t){if(!this.enabled)throw new Error("WebMidi is not enabled.");for(var e=0;e<this.outputs.length;e++)if(~this.outputs[e].name.indexOf(t))return this.outputs[e];return!1},o.prototype.guessNoteNumber=function(t){var e=!1;if(t&&t.toFixed&&t>=0&&127>=t?e=Math.round(t):parseInt(t)>=0&&parseInt(t)<=127?e=parseInt(t):("string"==typeof t||t instanceof String)&&(e=this.noteNameToNumber(t)),!1===e)throw new Error("Invalid input value ("+t+").");return e},o.prototype.noteNameToNumber=function(t){"string"!=typeof t&&(t="");var e=t.match(/([CDEFGAB])(#{0,2}|b{0,2})(-?\d+)/i);if(!e)throw new RangeError("Invalid note name.");var n=a._semitones[e[1].toUpperCase()],i=12*(parseInt(e[3])+1-Math.floor(a.octaveOffset))+n;if(e[2].toLowerCase().indexOf("b")>-1?i-=e[2].length:e[2].toLowerCase().indexOf("#")>-1&&(i+=e[2].length),0>i||i>127)throw new RangeError("Invalid note name or note outside valid range.");return i},o.prototype._updateInputsAndOutputs=function(){this._updateInputs(),this._updateOutputs()},o.prototype._updateInputs=function(){for(var t=0;t<this._inputs.length;t++){for(var e=!0,n=this.interface.inputs.values(),i=n.next();i&&!i.done;i=n.next())if(this._inputs[t]._midiInput===i.value){e=!1;break}e&&this._inputs.splice(t,1)}this.interface&&this.interface.inputs.forEach(function(t){for(var e=!0,n=0;n<this._inputs.length;n++)this._inputs[n]._midiInput===t&&(e=!1);e&&this._inputs.push(new r(t))}.bind(this))},o.prototype._updateOutputs=function(){for(var t=0;t<this._outputs.length;t++){for(var e=!0,n=this.interface.outputs.values(),i=n.next();i&&!i.done;i=n.next())if(this._outputs[t]._midiOutput===i.value){e=!1;break}e&&this._outputs.splice(t,1)}this.interface&&this.interface.outputs.forEach(function(t){for(var e=!0,n=0;n<this._outputs.length;n++)this._outputs[n]._midiOutput===t&&(e=!1);e&&this._outputs.push(new s(t))}.bind(this))},o.prototype._onInterfaceStateChange=function(t){this._updateInputsAndOutputs();var e={timestamp:t.timeStamp,type:t.port.state};this.interface&&"connected"===t.port.state?"output"===t.port.type?e.port=this.getOutputById(t.port.id):"input"===t.port.type&&(e.port=this.getInputById(t.port.id)):e.port={connection:"closed",id:t.port.id,manufacturer:t.port.manufacturer,name:t.port.name,state:t.port.state,type:t.port.type},this._userHandlers[t.port.state].forEach(function(t){t(e)})},o.prototype._resetInterfaceUserHandlers=function(){for(var t=0;t<this._midiInterfaceEvents.length;t++)this._userHandlers[this._midiInterfaceEvents[t]]=[]},r.prototype.addListener=function(t,e,n){var i=this;if(void 0===e&&(e="all"),Array.isArray(e)||(e=[e]),e.forEach(function(t){if("all"!==t&&!(t>=1&&16>=t))throw new RangeError("The 'channel' parameter is invalid.")}),"function"!=typeof n)throw new TypeError("The 'listener' parameter must be a function.");if(void 0!==a.MIDI_SYSTEM_MESSAGES[t])this._userHandlers.system[t]||(this._userHandlers.system[t]=[]),this._userHandlers.system[t].push(n);else{if(void 0===a.MIDI_CHANNEL_MESSAGES[t])throw new TypeError("The specified event type is not supported.");if(e.indexOf("all")>-1){e=[];for(var o=1;16>=o;o++)e.push(o)}this._userHandlers.channel[t]||(this._userHandlers.channel[t]=[]),e.forEach(function(e){i._userHandlers.channel[t][e]||(i._userHandlers.channel[t][e]=[]),i._userHandlers.channel[t][e].push(n)})}return this},r.prototype.on=r.prototype.addListener,r.prototype.hasListener=function(t,e,n){var i=this;if("function"!=typeof n)throw new TypeError("The 'listener' parameter must be a function.");if(void 0===e&&(e="all"),e.constructor!==Array&&(e=[e]),void 0!==a.MIDI_SYSTEM_MESSAGES[t]){for(var o=0;o<this._userHandlers.system[t].length;o++)if(this._userHandlers.system[t][o]===n)return!0}else if(void 0!==a.MIDI_CHANNEL_MESSAGES[t]){if(e.indexOf("all")>-1){e=[];for(var r=1;16>=r;r++)e.push(r)}return!!this._userHandlers.channel[t]&&e.every(function(e){var o=i._userHandlers.channel[t][e];return o&&o.indexOf(n)>-1})}return!1},r.prototype.removeListener=function(t,e,n){var i=this;if(void 0!==n&&"function"!=typeof n)throw new TypeError("The 'listener' parameter must be a function.");if(void 0===e&&(e="all"),e.constructor!==Array&&(e=[e]),void 0!==a.MIDI_SYSTEM_MESSAGES[t])if(void 0===n)this._userHandlers.system[t]=[];else for(var o=0;o<this._userHandlers.system[t].length;o++)this._userHandlers.system[t][o]===n&&this._userHandlers.system[t].splice(o,1);else if(void 0!==a.MIDI_CHANNEL_MESSAGES[t]){if(e.indexOf("all")>-1){e=[];for(var r=1;16>=r;r++)e.push(r)}if(!this._userHandlers.channel[t])return this;e.forEach(function(e){var o=i._userHandlers.channel[t][e];if(o)if(void 0===n)i._userHandlers.channel[t][e]=[];else for(var r=0;r<o.length;r++)o[r]===n&&o.splice(r,1)})}else{if(void 0!==t)throw new TypeError("The specified event type is not supported.");this._initializeUserHandlers()}return this},r.prototype._initializeUserHandlers=function(){for(var t in a.MIDI_CHANNEL_MESSAGES)a.MIDI_CHANNEL_MESSAGES.hasOwnProperty(t)&&(this._userHandlers.channel[t]={});for(var e in a.MIDI_SYSTEM_MESSAGES)a.MIDI_SYSTEM_MESSAGES.hasOwnProperty(e)&&(this._userHandlers.system[e]=[])},r.prototype._onMidiMessage=function(t){if(this._userHandlers.system.midimessage.length>0){var e={target:this,data:t.data,timestamp:t.timeStamp,type:"midimessage"};this._userHandlers.system.midimessage.forEach(function(t){t(e)})}t.data[0]<240?this._parseChannelEvent(t):t.data[0]<=255&&this._parseSystemEvent(t)},r.prototype._parseChannelEvent=function(t){var e,n,i=t.data[0]>>4,o=1+(15&t.data[0]);t.data.length>1&&(e=t.data[1],n=t.data.length>2?t.data[2]:void 0);var r={target:this,data:t.data,timestamp:t.timeStamp,channel:o};i===a.MIDI_CHANNEL_MESSAGES.noteoff||i===a.MIDI_CHANNEL_MESSAGES.noteon&&0===n?(r.type="noteoff",r.note={number:e,name:a._notes[e%12],octave:a.getOctave(e)},r.velocity=n/127,r.rawVelocity=n):i===a.MIDI_CHANNEL_MESSAGES.noteon?(r.type="noteon",r.note={number:e,name:a._notes[e%12],octave:a.getOctave(e)},r.velocity=n/127,r.rawVelocity=n):i===a.MIDI_CHANNEL_MESSAGES.keyaftertouch?(r.type="keyaftertouch",r.note={number:e,name:a._notes[e%12],octave:a.getOctave(e)},r.value=n/127):i===a.MIDI_CHANNEL_MESSAGES.controlchange&&e>=0&&119>=e?(r.type="controlchange",r.controller={number:e,name:this.getCcNameByNumber(e)},r.value=n):i===a.MIDI_CHANNEL_MESSAGES.channelmode&&e>=120&&127>=e?(r.type="channelmode",r.controller={number:e,name:this.getChannelModeByNumber(e)},r.value=n):i===a.MIDI_CHANNEL_MESSAGES.programchange?(r.type="programchange",r.value=e):i===a.MIDI_CHANNEL_MESSAGES.channelaftertouch?(r.type="channelaftertouch",r.value=e/127):i===a.MIDI_CHANNEL_MESSAGES.pitchbend?(r.type="pitchbend",r.value=((n<<7)+e-8192)/8192):r.type="unknownchannelmessage",this._userHandlers.channel[r.type]&&this._userHandlers.channel[r.type][o]&&this._userHandlers.channel[r.type][o].forEach(function(t){t(r)})},r.prototype.getCcNameByNumber=function(t){if(!((t=Math.floor(t))>=0&&119>=t))throw new RangeError("The control change number must be between 0 and 119.");for(var e in a.MIDI_CONTROL_CHANGE_MESSAGES)if(a.MIDI_CONTROL_CHANGE_MESSAGES.hasOwnProperty(e)&&t===a.MIDI_CONTROL_CHANGE_MESSAGES[e])return e},r.prototype.getChannelModeByNumber=function(t){if(!((t=Math.floor(t))>=120&&status<=127))throw new RangeError("The control change number must be between 120 and 127.");for(var e in a.MIDI_CHANNEL_MODE_MESSAGES)if(a.MIDI_CHANNEL_MODE_MESSAGES.hasOwnProperty(e)&&t===a.MIDI_CHANNEL_MODE_MESSAGES[e])return e},r.prototype._parseSystemEvent=function(t){var e=t.data[0],n={target:this,data:t.data,timestamp:t.timeStamp};e===a.MIDI_SYSTEM_MESSAGES.sysex?n.type="sysex":e===a.MIDI_SYSTEM_MESSAGES.timecode?n.type="timecode":e===a.MIDI_SYSTEM_MESSAGES.songposition?n.type="songposition":e===a.MIDI_SYSTEM_MESSAGES.songselect?(n.type="songselect",n.song=t.data[1]):e===a.MIDI_SYSTEM_MESSAGES.tuningrequest?n.type="tuningrequest":e===a.MIDI_SYSTEM_MESSAGES.clock?n.type="clock":e===a.MIDI_SYSTEM_MESSAGES.start?n.type="start":e===a.MIDI_SYSTEM_MESSAGES.continue?n.type="continue":e===a.MIDI_SYSTEM_MESSAGES.stop?n.type="stop":e===a.MIDI_SYSTEM_MESSAGES.activesensing?n.type="activesensing":e===a.MIDI_SYSTEM_MESSAGES.reset?n.type="reset":n.type="unknownsystemmessage",this._userHandlers.system[n.type]&&this._userHandlers.system[n.type].forEach(function(t){t(n)})},s.prototype.send=function(t,e,n){if(!(t>=128&&255>=t))throw new RangeError("The status byte must be an integer between 128 (0x80) and 255 (0xFF).");void 0===e&&(e=[]),Array.isArray(e)||(e=[e]);var i=[];return e.forEach(function(t,e){var n=Math.floor(t);if(!(n>=0&&255>=n))throw new RangeError("Data bytes must be integers between 0 (0x00) and 255 (0xFF).");i.push(n)}),this._midiOutput.send([t].concat(i),parseFloat(n)||0),this},s.prototype.sendSysex=function(t,e,n){if(!a.sysexEnabled)throw new Error("Sysex message support must first be activated.");return n=n||{},t=[].concat(t),e.forEach(function(t){if(0>t||t>127)throw new RangeError("The data bytes of a sysex message must be integers between 0 (0x00) and 127 (0x7F).")}),e=t.concat(e,a.MIDI_SYSTEM_MESSAGES.sysexend),this.send(a.MIDI_SYSTEM_MESSAGES.sysex,e,this._parseTimeParameter(n.time)),this},s.prototype.sendTimecodeQuarterFrame=function(t,e){return e=e||{},this.send(a.MIDI_SYSTEM_MESSAGES.timecode,t,this._parseTimeParameter(e.time)),this},s.prototype.sendSongPosition=function(t,e){e=e||{};var n=(t=Math.floor(t)||0)>>7&127,i=127&t;return this.send(a.MIDI_SYSTEM_MESSAGES.songposition,[n,i],this._parseTimeParameter(e.time)),this},s.prototype.sendSongSelect=function(t,e){if(e=e||{},!((t=Math.floor(t))>=0&&127>=t))throw new RangeError("The song number must be between 0 and 127.");return this.send(a.MIDI_SYSTEM_MESSAGES.songselect,[t],this._parseTimeParameter(e.time)),this},s.prototype.sendTuningRequest=function(t){return t=t||{},this.send(a.MIDI_SYSTEM_MESSAGES.tuningrequest,void 0,this._parseTimeParameter(t.time)),this},s.prototype.sendClock=function(t){return t=t||{},this.send(a.MIDI_SYSTEM_MESSAGES.clock,void 0,this._parseTimeParameter(t.time)),this},s.prototype.sendStart=function(t){return t=t||{},this.send(a.MIDI_SYSTEM_MESSAGES.start,void 0,this._parseTimeParameter(t.time)),this},s.prototype.sendContinue=function(t){return t=t||{},this.send(a.MIDI_SYSTEM_MESSAGES.continue,void 0,this._parseTimeParameter(t.time)),this},s.prototype.sendStop=function(t){return t=t||{},this.send(a.MIDI_SYSTEM_MESSAGES.stop,void 0,this._parseTimeParameter(t.time)),this},s.prototype.sendActiveSensing=function(t){return t=t||{},this.send(a.MIDI_SYSTEM_MESSAGES.activesensing,[],this._parseTimeParameter(t.time)),this},s.prototype.sendReset=function(t){return t=t||{},this.send(a.MIDI_SYSTEM_MESSAGES.reset,void 0,this._parseTimeParameter(t.time)),this},s.prototype.stopNote=function(t,e,n){if("all"===t)return this.sendChannelMode("allnotesoff",0,e,n);var i=64;return(n=n||{}).rawVelocity?!isNaN(n.velocity)&&n.velocity>=0&&n.velocity<=127&&(i=n.velocity):!isNaN(n.velocity)&&n.velocity>=0&&n.velocity<=1&&(i=127*n.velocity),this._convertNoteToArray(t).forEach(function(t){a.toMIDIChannels(e).forEach(function(e){this.send((a.MIDI_CHANNEL_MESSAGES.noteoff<<4)+(e-1),[t,Math.round(i)],this._parseTimeParameter(n.time))}.bind(this))}.bind(this)),this},s.prototype.playNote=function(t,e,n){var i=64;if((n=n||{}).rawVelocity?!isNaN(n.velocity)&&n.velocity>=0&&n.velocity<=127&&(i=n.velocity):!isNaN(n.velocity)&&n.velocity>=0&&n.velocity<=1&&(i=127*n.velocity),n.time=this._parseTimeParameter(n.time),this._convertNoteToArray(t).forEach(function(t){a.toMIDIChannels(e).forEach(function(e){this.send((a.MIDI_CHANNEL_MESSAGES.noteon<<4)+(e-1),[t,Math.round(i)],n.time)}.bind(this))}.bind(this)),!isNaN(n.duration)){n.duration<=0&&(n.duration=0);var o=64;n.rawVelocity?!isNaN(n.release)&&n.release>=0&&n.release<=127&&(o=n.release):!isNaN(n.release)&&n.release>=0&&n.release<=1&&(o=127*n.release),this._convertNoteToArray(t).forEach(function(t){a.toMIDIChannels(e).forEach(function(e){this.send((a.MIDI_CHANNEL_MESSAGES.noteoff<<4)+(e-1),[t,Math.round(o)],(n.time||a.time)+n.duration)}.bind(this))}.bind(this))}return this},s.prototype.sendKeyAftertouch=function(t,e,n,i){var o=this;if(i=i||{},1>e||e>16)throw new RangeError("The channel must be between 1 and 16.");(isNaN(n)||0>n||n>1)&&(n=.5);var r=Math.round(127*n);return this._convertNoteToArray(t).forEach(function(t){a.toMIDIChannels(e).forEach(function(e){o.send((a.MIDI_CHANNEL_MESSAGES.keyaftertouch<<4)+(e-1),[t,r],o._parseTimeParameter(i.time))})}),this},s.prototype.sendControlChange=function(t,e,n,i){if(i=i||{},"string"==typeof t){if(!(t=a.MIDI_CONTROL_CHANGE_MESSAGES[t]))throw new TypeError("Invalid controller name.")}else if(!((t=Math.floor(t))>=0&&119>=t))throw new RangeError("Controller numbers must be between 0 and 119.");if(!((e=Math.floor(e)||0)>=0&&127>=e))throw new RangeError("Controller value must be between 0 and 127.");return a.toMIDIChannels(n).forEach(function(n){this.send((a.MIDI_CHANNEL_MESSAGES.controlchange<<4)+(n-1),[t,e],this._parseTimeParameter(i.time))}.bind(this)),this},s.prototype._selectRegisteredParameter=function(t,e,n){var i=this;if(t[0]=Math.floor(t[0]),!(t[0]>=0&&t[0]<=127))throw new RangeError("The control65 value must be between 0 and 127");if(t[1]=Math.floor(t[1]),!(t[1]>=0&&t[1]<=127))throw new RangeError("The control64 value must be between 0 and 127");return a.toMIDIChannels(e).forEach(function(o){i.sendControlChange(101,t[0],e,{time:n}),i.sendControlChange(100,t[1],e,{time:n})}),this},s.prototype._selectNonRegisteredParameter=function(t,e,n){var i=this;if(t[0]=Math.floor(t[0]),!(t[0]>=0&&t[0]<=127))throw new RangeError("The control63 value must be between 0 and 127");if(t[1]=Math.floor(t[1]),!(t[1]>=0&&t[1]<=127))throw new RangeError("The control62 value must be between 0 and 127");return a.toMIDIChannels(e).forEach(function(o){i.sendControlChange(99,t[0],e,{time:n}),i.sendControlChange(98,t[1],e,{time:n})}),this},s.prototype._setCurrentRegisteredParameter=function(t,e,n){var i=this;if((t=[].concat(t))[0]=Math.floor(t[0]),!(t[0]>=0&&t[0]<=127))throw new RangeError("The msb value must be between 0 and 127");return a.toMIDIChannels(e).forEach(function(o){i.sendControlChange(6,t[0],e,{time:n})}),t[1]=Math.floor(t[1]),t[1]>=0&&t[1]<=127&&a.toMIDIChannels(e).forEach(function(o){i.sendControlChange(38,t[1],e,{time:n})}),this},s.prototype._deselectRegisteredParameter=function(t,e){var n=this;return a.toMIDIChannels(t).forEach(function(i){n.sendControlChange(101,127,t,{time:e}),n.sendControlChange(100,127,t,{time:e})}),this},s.prototype.setRegisteredParameter=function(t,e,n,i){var o=this;if(i=i||{},!Array.isArray(t)){if(!a.MIDI_REGISTERED_PARAMETER[t])throw new Error("The specified parameter is not available.");t=a.MIDI_REGISTERED_PARAMETER[t]}return a.toMIDIChannels(n).forEach(function(r){o._selectRegisteredParameter(t,n,i.time),o._setCurrentRegisteredParameter(e,n,i.time),o._deselectRegisteredParameter(n,i.time)}),this},s.prototype.setNonRegisteredParameter=function(t,e,n,i){var o=this;if(i=i||{},!(t[0]>=0&&t[0]<=127&&t[1]>=0&&t[1]<=127))throw new Error("Position 0 and 1 of the 2-position parameter array must both be between 0 and 127.");return e=[].concat(e),a.toMIDIChannels(n).forEach(function(r){o._selectNonRegisteredParameter(t,n,i.time),o._setCurrentRegisteredParameter(e,n,i.time),o._deselectRegisteredParameter(n,i.time)}),this},s.prototype.incrementRegisteredParameter=function(t,e,n){var i=this;if(n=n||{},!Array.isArray(t)){if(!a.MIDI_REGISTERED_PARAMETER[t])throw new Error("The specified parameter is not available.");t=a.MIDI_REGISTERED_PARAMETER[t]}return a.toMIDIChannels(e).forEach(function(o){i._selectRegisteredParameter(t,e,n.time),i.sendControlChange(96,0,e,{time:n.time}),i._deselectRegisteredParameter(e,n.time)}),this},s.prototype.decrementRegisteredParameter=function(t,e,n){if(n=n||{},!Array.isArray(t)){if(!a.MIDI_REGISTERED_PARAMETER[t])throw new TypeError("The specified parameter is not available.");t=a.MIDI_REGISTERED_PARAMETER[t]}return a.toMIDIChannels(e).forEach(function(i){this._selectRegisteredParameter(t,e,n.time),this.sendControlChange(97,0,e,{time:n.time}),this._deselectRegisteredParameter(e,n.time)}.bind(this)),this},s.prototype.setPitchBendRange=function(t,e,n,i){var o=this;if(i=i||{},!((t=Math.floor(t)||0)>=0&&127>=t))throw new RangeError("The semitones value must be between 0 and 127");if(!((e=Math.floor(e)||0)>=0&&127>=e))throw new RangeError("The cents value must be between 0 and 127");return a.toMIDIChannels(n).forEach(function(r){o.setRegisteredParameter("pitchbendrange",[t,e],n,{time:i.time})}),this},s.prototype.setModulationRange=function(t,e,n,i){var o=this;if(i=i||{},!((t=Math.floor(t)||0)>=0&&127>=t))throw new RangeError("The semitones value must be between 0 and 127");if(!((e=Math.floor(e)||0)>=0&&127>=e))throw new RangeError("The cents value must be between 0 and 127");return a.toMIDIChannels(n).forEach(function(r){o.setRegisteredParameter("modulationrange",[t,e],n,{time:i.time})}),this},s.prototype.setMasterTuning=function(t,e,n){var i=this;if(n=n||{},-65>=(t=parseFloat(t)||0)||t>=64)throw new RangeError("The value must be a decimal number larger than -65 and smaller than 64.");var o=Math.floor(t)+64,r=t-Math.floor(t),s=(r=Math.round((r+1)/2*16383))>>7&127,l=127&r;return a.toMIDIChannels(e).forEach(function(t){i.setRegisteredParameter("channelcoarsetuning",o,e,{time:n.time}),i.setRegisteredParameter("channelfinetuning",[s,l],e,{time:n.time})}),this},s.prototype.setTuningProgram=function(t,e,n){var i=this;if(n=n||{},!((t=Math.floor(t))>=0&&127>=t))throw new RangeError("The program value must be between 0 and 127");return a.toMIDIChannels(e).forEach(function(o){i.setRegisteredParameter("tuningprogram",t,e,{time:n.time})}),this},s.prototype.setTuningBank=function(t,e,n){var i=this;if(n=n||{},!((t=Math.floor(t)||0)>=0&&127>=t))throw new RangeError("The bank value must be between 0 and 127");return a.toMIDIChannels(e).forEach(function(o){i.setRegisteredParameter("tuningbank",t,e,{time:n.time})}),this},s.prototype.sendChannelMode=function(t,e,n,i){if(i=i||{},"string"==typeof t){if(!(t=a.MIDI_CHANNEL_MODE_MESSAGES[t]))throw new TypeError("Invalid channel mode message name.")}else if(!((t=Math.floor(t))>=120&&127>=t))throw new RangeError("Channel mode numerical identifiers must be between 120 and 127.");if(0>(e=Math.floor(e)||0)||e>127)throw new RangeError("Value must be an integer between 0 and 127.");return a.toMIDIChannels(n).forEach(function(n){this.send((a.MIDI_CHANNEL_MESSAGES.channelmode<<4)+(n-1),[t,e],this._parseTimeParameter(i.time))}.bind(this)),this},s.prototype.sendProgramChange=function(t,e,n){var i=this;if(n=n||{},t=Math.floor(t),isNaN(t)||0>t||t>127)throw new RangeError("Program numbers must be between 0 and 127.");return a.toMIDIChannels(e).forEach(function(e){i.send((a.MIDI_CHANNEL_MESSAGES.programchange<<4)+(e-1),[t],i._parseTimeParameter(n.time))}),this},s.prototype.sendChannelAftertouch=function(t,e,n){var i=this;n=n||{},t=parseFloat(t),(isNaN(t)||0>t||t>1)&&(t=.5);var o=Math.round(127*t);return a.toMIDIChannels(e).forEach(function(t){i.send((a.MIDI_CHANNEL_MESSAGES.channelaftertouch<<4)+(t-1),[o],i._parseTimeParameter(n.time))}),this},s.prototype.sendPitchBend=function(t,e,n){var i=this;if(n=n||{},isNaN(t)||-1>t||t>1)throw new RangeError("Pitch bend value must be between -1 and 1.");var o=Math.round((t+1)/2*16383),r=o>>7&127,s=127&o;return a.toMIDIChannels(e).forEach(function(t){i.send((a.MIDI_CHANNEL_MESSAGES.pitchbend<<4)+(t-1),[s,r],i._parseTimeParameter(n.time))}),this},s.prototype._parseTimeParameter=function(t){var e,n;return"string"==typeof t&&"+"===t.substring(0,1)?(e=parseFloat(t))&&e>0&&(n=a.time+e):(e=parseFloat(t))>a.time&&(n=e),n},s.prototype._convertNoteToArray=function(t){var e=[];return Array.isArray(t)||(t=[t]),t.forEach(function(t){e.push(a.guessNoteNumber(t))}),e},void 0===(i=function(){return a}.apply(e,[]))||(t.exports=i)}()},function(t,e){var n=0,i=Math.random();t.exports=function(t){return"Symbol(".concat(void 0===t?"":t,")_",(++n+i).toString(36))}},function(t,e,n){var i=n(26),o=Math.max,r=Math.min;t.exports=function(t,e){return(t=i(t))<0?o(t+e,0):r(t,e)}},function(t,e,n){var i=n(102),o=n(74).concat("length","prototype");e.f=Object.getOwnPropertyNames||function(t){return i(t,o)}},function(t,e,n){var i=n(22),o=n(6)("toStringTag"),r="Arguments"==i(function(){return arguments}());t.exports=function(t){var e,n,s;return void 0===t?"Undefined":null===t?"Null":"string"==typeof(n=function(t,e){try{return t[e]}catch(t){}}(e=Object(t),o))?n:r?i(e):"Object"==(s=i(e))&&"function"==typeof e.callee?"Arguments":s}},function(t,e){t.exports={}},function(t,e,n){"use strict";var i=n(3),o=n(8),r=n(9),s=n(6)("species");t.exports=function(t){var e=i[t];r&&e&&!e[s]&&o.f(e,s,{configurable:!0,get:function(){return this}})}},function(t,e){t.exports=function(t,e,n,i){if(!(t instanceof e)||void 0!==i&&i in t)throw TypeError(n+": incorrect invocation!");return t}},function(t,e,n){var i=n(17);t.exports=function(t,e,n){for(var o in e)i(t,o,e[o],n);return t}},function(t,e,n){var i=n(8).f,o=n(15),r=n(6)("toStringTag");t.exports=function(t,e,n){t&&!o(t=n?t:t.prototype,r)&&i(t,r,{configurable:!0,value:e})}},function(t,e,n){var i=n(1),o=n(25),r=n(5),s=n(79),a="["+s+"]",l=RegExp("^"+a+a+"*"),c=RegExp(a+a+"*$"),u=function(t,e,n){var o={},a=r(function(){return!!s[t]()||"​…"!="​…"[t]()}),l=o[t]=a?e(h):s[t];n&&(o[n]=l),i(i.P+i.F*a,"String",o)},h=u.trim=function(t,e){return t=String(o(t)),1&e&&(t=t.replace(l,"")),2&e&&(t=t.replace(c,"")),t};t.exports=u},function(t,e,n){var i=n(4);t.exports=function(t,e){if(!i(t)||t._t!==e)throw TypeError("Incompatible receiver, "+e+" required!");return t}},function(t,e,n){"use strict";n.d(e,"a",function(){return o});var i=n(0);class o extends i.a{static get properties(){return{buffer:{type:Array},alt:{type:String},min:{type:Number},max:{type:Number},color:{type:String}}}constructor(){super(),this.min=-1.1,this.max=1.1,this.buffer=new Float32Array(100),this.color="black"}drawBackground(t,e,n){}async visualize(t){}updated(){const t=this.shadowRoot.querySelector("canvas"),e=t.getContext("2d"),n=2*t.clientWidth,i=2*t.clientHeight;t.width=n,t.height=i,e.clearRect(0,0,n,i),this.drawBackground(e,n,i);e.lineWidth=4,e.beginPath(),this.buffer.forEach((t,o)=>{const r=Math.scale(o,0,this.buffer.length,4,n-4),s=Math.scale(t,this.max,this.min,0,i-4);0===o?e.moveTo(r,s):e.lineTo(r,s)}),e.lineCap="round",e.strokeStyle=this.color,e.stroke()}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					width: 40px;
					height: 20px;
				}
				canvas {
					width: 100%;
					height: 100%;
				}
			</style>
			<canvas>
				${this.alt}
			</canvas>
		`}}},function(t,e,n){var i=n(22);t.exports=Object("z").propertyIsEnumerable(0)?Object:function(t){return"String"==i(t)?t.split(""):Object(t)}},function(t,e){e.f={}.propertyIsEnumerable},function(t,e,n){var i=n(42),o=n(6)("iterator"),r=n(43);t.exports=n(13).getIteratorMethod=function(t){if(null!=t)return t[o]||t["@@iterator"]||r[i(t)]}},function(t,e,n){var i=n(13),o=n(3),r=o["__core-js_shared__"]||(o["__core-js_shared__"]={});(t.exports=function(t,e){return r[t]||(r[t]=void 0!==e?e:{})})("versions",[]).push({version:i.version,mode:n(35)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(t,e,n){var i=n(14),o=n(10),r=n(40);t.exports=function(t){return function(e,n,s){var a,l=i(e),c=o(l.length),u=r(s,c);if(t&&n!=n){for(;c>u;)if((a=l[u++])!=a)return!0}else for(;c>u;u++)if((t||u in l)&&l[u]===n)return t||u||0;return!t&&-1}}},function(t,e){e.f=Object.getOwnPropertySymbols},function(t,e,n){var i=n(22);t.exports=Array.isArray||function(t){return"Array"==i(t)}},function(t,e,n){"use strict";var i=n(35),o=n(1),r=n(17),s=n(16),a=n(43),l=n(59),c=n(47),u=n(19),h=n(6)("iterator"),d=!([].keys&&"next"in[].keys()),p=function(){return this};t.exports=function(t,e,n,f,v,b,m){l(n,e,f);var g,y,x,_=function(t){if(!d&&t in k)return k[t];switch(t){case"keys":case"values":return function(){return new n(this,t)}}return function(){return new n(this,t)}},w=e+" Iterator",S="values"==v,E=!1,k=t.prototype,M=k[h]||k["@@iterator"]||v&&k[v],A=M||_(v),I=v?S?_("entries"):A:void 0,C="Array"==e&&k.entries||M;if(C&&(x=u(C.call(new t)))!==Object.prototype&&x.next&&(c(x,w,!0),i||"function"==typeof x[h]||s(x,h,p)),S&&M&&"values"!==M.name&&(E=!0,A=function(){return M.call(this)}),i&&!m||!d&&!E&&k[h]||s(k,h,A),a[e]=A,a[w]=p,v)if(g={values:S?A:_("values"),keys:b?A:_("keys"),entries:I},m)for(y in g)y in k||r(k,y,g[y]);else o(o.P+o.F*(d||E),e,g);return g}},function(t,e,n){"use strict";var i=n(30),o=n(33),r=n(47),s={};n(16)(s,n(6)("iterator"),function(){return this}),t.exports=function(t,e,n){t.prototype=i(s,{next:o(1,n)}),r(t,e+" Iterator")}},function(t,e,n){var i=n(4),o=n(22),r=n(6)("match");t.exports=function(t){var e;return i(t)&&(void 0!==(e=t[r])?!!e:"RegExp"==o(t))}},function(t,e,n){var i=n(6)("iterator"),o=!1;try{var r=[7][i]();r.return=function(){o=!0},Array.from(r,function(){throw 2})}catch(t){}t.exports=function(t,e){if(!e&&!o)return!1;var n=!1;try{var r=[7],s=r[i]();s.next=function(){return{done:n=!0}},r[i]=function(){return s},t(r)}catch(t){}return n}},function(t,e,n){"use strict";var i=n(2);t.exports=function(){var t=i(this),e="";return t.global&&(e+="g"),t.ignoreCase&&(e+="i"),t.multiline&&(e+="m"),t.unicode&&(e+="u"),t.sticky&&(e+="y"),e}},function(t,e,n){"use strict";var i=n(16),o=n(17),r=n(5),s=n(25),a=n(6);t.exports=function(t,e,n){var l=a(t),c=n(s,l,""[t]),u=c[0],h=c[1];r(function(){var e={};return e[l]=function(){return 7},7!=""[t](e)})&&(o(String.prototype,t,u),i(RegExp.prototype,l,2==e?function(t,e){return h.call(t,this,e)}:function(t){return h.call(t,this)}))}},function(t,e,n){var i=n(2),o=n(12),r=n(6)("species");t.exports=function(t,e){var n,s=i(t).constructor;return void 0===s||null==(n=i(s)[r])?e:o(n)}},function(t,e,n){var i=n(3).navigator;t.exports=i&&i.userAgent||""},function(t,e,n){"use strict";var i=n(3),o=n(1),r=n(17),s=n(46),a=n(34),l=n(37),c=n(45),u=n(4),h=n(5),d=n(61),p=n(47),f=n(80);t.exports=function(t,e,n,v,b,m){var g=i[t],y=g,x=b?"set":"add",_=y&&y.prototype,w={},S=function(t){var e=_[t];r(_,t,"delete"==t?function(t){return!(m&&!u(t))&&e.call(this,0===t?0:t)}:"has"==t?function(t){return!(m&&!u(t))&&e.call(this,0===t?0:t)}:"get"==t?function(t){return m&&!u(t)?void 0:e.call(this,0===t?0:t)}:"add"==t?function(t){return e.call(this,0===t?0:t),this}:function(t,n){return e.call(this,0===t?0:t,n),this})};if("function"==typeof y&&(m||_.forEach&&!h(function(){(new y).entries().next()}))){var E=new y,k=E[x](m?{}:-0,1)!=E,M=h(function(){E.has(1)}),A=d(function(t){new y(t)}),I=!m&&h(function(){for(var t=new y,e=5;e--;)t[x](e,e);return!t.has(-0)});A||((y=e(function(e,n){c(e,y,t);var i=f(new g,e,y);return null!=n&&l(n,b,i[x],i),i})).prototype=_,_.constructor=y),(M||I)&&(S("delete"),S("has"),b&&S("get")),(I||k)&&S(x),m&&_.clear&&delete _.clear}else y=v.getConstructor(e,t,b,x),s(y.prototype,n),a.NEED=!0;return p(y,t),w[t]=y,o(o.G+o.W+o.F*(y!=g),w),m||v.setStrong(y,t,b),y}},function(t,e,n){for(var i,o=n(3),r=n(16),s=n(39),a=s("typed_array"),l=s("view"),c=!(!o.ArrayBuffer||!o.DataView),u=c,h=0,d="Int8Array,Uint8Array,Uint8ClampedArray,Int16Array,Uint16Array,Int32Array,Uint32Array,Float32Array,Float64Array".split(",");h<9;)(i=o[d[h++]])?(r(i.prototype,a,!0),r(i.prototype,l,!0)):u=!1;t.exports={ABV:c,CONSTR:u,TYPED:a,VIEW:l}},function(t,e,n){"use strict";t.exports=n(35)||!n(5)(function(){var t=Math.random();__defineSetter__.call(null,t,function(){}),delete n(3)[t]})},function(t,e,n){"use strict";var i=n(1);t.exports=function(t){i(i.S,t,{of:function(){for(var t=arguments.length,e=new Array(t);t--;)e[t]=arguments[t];return new this(e)}})}},function(t,e,n){"use strict";var i=n(1),o=n(12),r=n(21),s=n(37);t.exports=function(t){i(i.S,t,{from:function(t){var e,n,i,a,l=arguments[1];return o(this),(e=void 0!==l)&&o(l),null==t?new this:(n=[],e?(i=0,a=r(l,arguments[2],2),s(t,!1,function(t){n.push(a(t,i++))})):s(t,!1,n.push,n),new this(n))}})}},function(t,e,n){var i=n(4),o=n(3).document,r=i(o)&&i(o.createElement);t.exports=function(t){return r?o.createElement(t):{}}},function(t,e,n){var i=n(3),o=n(13),r=n(35),s=n(101),a=n(8).f;t.exports=function(t){var e=o.Symbol||(o.Symbol=r?{}:i.Symbol||{});"_"==t.charAt(0)||t in e||a(e,t,{value:s.f(t)})}},function(t,e,n){var i=n(54)("keys"),o=n(39);t.exports=function(t){return i[t]||(i[t]=o(t))}},function(t,e){t.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(t,e,n){var i=n(3).document;t.exports=i&&i.documentElement},function(t,e,n){"use strict";var i=n(29),o=n(56),r=n(52),s=n(11),a=n(51),l=Object.assign;t.exports=!l||n(5)(function(){var t={},e={},n=Symbol(),i="abcdefghijklmnopqrst";return t[n]=7,i.split("").forEach(function(t){e[t]=t}),7!=l({},t)[n]||Object.keys(l({},e)).join("")!=i})?function(t,e){for(var n=s(t),l=arguments.length,c=1,u=o.f,h=r.f;l>c;)for(var d,p=a(arguments[c++]),f=u?i(p).concat(u(p)):i(p),v=f.length,b=0;v>b;)h.call(p,d=f[b++])&&(n[d]=p[d]);return n}:l},function(t,e,n){var i=n(4),o=n(2),r=function(t,e){if(o(t),!i(e)&&null!==e)throw TypeError(e+": can't set as prototype!")};t.exports={set:Object.setPrototypeOf||("__proto__"in{}?function(t,e,i){try{(i=n(21)(Function.call,n(18).f(Object.prototype,"__proto__").set,2))(t,[]),e=!(t instanceof Array)}catch(t){e=!0}return function(t,n){return r(t,n),e?t.__proto__=n:i(t,n),t}}({},!1):void 0),check:r}},function(t,e){t.exports=function(t,e,n){var i=void 0===n;switch(e.length){case 0:return i?t():t.call(n);case 1:return i?t(e[0]):t.call(n,e[0]);case 2:return i?t(e[0],e[1]):t.call(n,e[0],e[1]);case 3:return i?t(e[0],e[1],e[2]):t.call(n,e[0],e[1],e[2]);case 4:return i?t(e[0],e[1],e[2],e[3]):t.call(n,e[0],e[1],e[2],e[3])}return t.apply(n,e)}},function(t,e){t.exports="\t\n\v\f\r   ᠎             　\u2028\u2029\ufeff"},function(t,e,n){var i=n(4),o=n(77).set;t.exports=function(t,e,n){var r,s=e.constructor;return s!==n&&"function"==typeof s&&(r=s.prototype)!==n.prototype&&i(r)&&o&&o(t,r),t}},function(t,e,n){"use strict";var i=n(26),o=n(25);t.exports=function(t){var e=String(o(this)),n="",r=i(t);if(r<0||r==1/0)throw RangeError("Count can't be negative");for(;r>0;(r>>>=1)&&(e+=e))1&r&&(n+=e);return n}},function(t,e){t.exports=Math.sign||function(t){return 0==(t=+t)||t!=t?t:t<0?-1:1}},function(t,e){var n=Math.expm1;t.exports=!n||n(10)>22025.465794806718||n(10)<22025.465794806718||-2e-17!=n(-2e-17)?function(t){return 0==(t=+t)?t:t>-1e-6&&t<1e-6?t+t*t/2:Math.exp(t)-1}:n},function(t,e,n){var i=n(26),o=n(25);t.exports=function(t){return function(e,n){var r,s,a=String(o(e)),l=i(n),c=a.length;return l<0||l>=c?t?"":void 0:(r=a.charCodeAt(l))<55296||r>56319||l+1===c||(s=a.charCodeAt(l+1))<56320||s>57343?t?a.charAt(l):r:t?a.slice(l,l+2):s-56320+(r-55296<<10)+65536}}},function(t,e,n){var i=n(60),o=n(25);t.exports=function(t,e,n){if(i(e))throw TypeError("String#"+n+" doesn't accept regex!");return String(o(t))}},function(t,e,n){var i=n(6)("match");t.exports=function(t){var e=/./;try{"/./"[t](e)}catch(n){try{return e[i]=!1,!"/./"[t](e)}catch(t){}}return!0}},function(t,e,n){var i=n(43),o=n(6)("iterator"),r=Array.prototype;t.exports=function(t){return void 0!==t&&(i.Array===t||r[o]===t)}},function(t,e,n){"use strict";var i=n(8),o=n(33);t.exports=function(t,e,n){e in t?i.f(t,e,o(0,n)):t[e]=n}},function(t,e,n){var i=n(233);t.exports=function(t,e){return new(i(t))(e)}},function(t,e,n){"use strict";var i=n(11),o=n(40),r=n(10);t.exports=function(t){for(var e=i(this),n=r(e.length),s=arguments.length,a=o(s>1?arguments[1]:void 0,n),l=s>2?arguments[2]:void 0,c=void 0===l?n:o(l,n);c>a;)e[a++]=t;return e}},function(t,e,n){"use strict";var i=n(36),o=n(92),r=n(43),s=n(14);t.exports=n(58)(Array,"Array",function(t,e){this._t=s(t),this._i=0,this._k=e},function(){var t=this._t,e=this._k,n=this._i++;return!t||n>=t.length?(this._t=void 0,o(1)):o(0,"keys"==e?n:"values"==e?t[n]:[n,t[n]])},"values"),r.Arguments=r.Array,i("keys"),i("values"),i("entries")},function(t,e){t.exports=function(t,e){return{value:e,done:!!t}}},function(t,e,n){var i,o,r,s=n(21),a=n(78),l=n(75),c=n(71),u=n(3),h=u.process,d=u.setImmediate,p=u.clearImmediate,f=u.MessageChannel,v=u.Dispatch,b=0,m={},g=function(){var t=+this;if(m.hasOwnProperty(t)){var e=m[t];delete m[t],e()}},y=function(t){g.call(t.data)};d&&p||(d=function(t){for(var e=[],n=1;arguments.length>n;)e.push(arguments[n++]);return m[++b]=function(){a("function"==typeof t?t:Function(t),e)},i(b),b},p=function(t){delete m[t]},"process"==n(22)(h)?i=function(t){h.nextTick(s(g,t,1))}:v&&v.now?i=function(t){v.now(s(g,t,1))}:f?(r=(o=new f).port2,o.port1.onmessage=y,i=s(r.postMessage,r,1)):u.addEventListener&&"function"==typeof postMessage&&!u.importScripts?(i=function(t){u.postMessage(t+"","*")},u.addEventListener("message",y,!1)):i="onreadystatechange"in c("script")?function(t){l.appendChild(c("script")).onreadystatechange=function(){l.removeChild(this),g.call(t)}}:function(t){setTimeout(s(g,t,1),0)}),t.exports={set:d,clear:p}},function(t,e,n){var i=n(3),o=n(93).set,r=i.MutationObserver||i.WebKitMutationObserver,s=i.process,a=i.Promise,l="process"==n(22)(s);t.exports=function(){var t,e,n,c=function(){var i,o;for(l&&(i=s.domain)&&i.exit();t;){o=t.fn,t=t.next;try{o()}catch(i){throw t?n():e=void 0,i}}e=void 0,i&&i.enter()};if(l)n=function(){s.nextTick(c)};else if(!r||i.navigator&&i.navigator.standalone)if(a&&a.resolve){var u=a.resolve(void 0);n=function(){u.then(c)}}else n=function(){o.call(i,c)};else{var h=!0,d=document.createTextNode("");new r(c).observe(d,{characterData:!0}),n=function(){d.data=h=!h}}return function(i){var o={fn:i,next:void 0};e&&(e.next=o),t||(t=o,n()),e=o}}},function(t,e,n){"use strict";var i=n(12);function o(t){var e,n;this.promise=new t(function(t,i){if(void 0!==e||void 0!==n)throw TypeError("Bad Promise constructor");e=t,n=i}),this.resolve=i(e),this.reject=i(n)}t.exports.f=function(t){return new o(t)}},function(t,e,n){"use strict";var i=n(3),o=n(9),r=n(35),s=n(67),a=n(16),l=n(46),c=n(5),u=n(45),h=n(26),d=n(10),p=n(123),f=n(41).f,v=n(8).f,b=n(90),m=n(47),g="prototype",y="Wrong index!",x=i.ArrayBuffer,_=i.DataView,w=i.Math,S=i.RangeError,E=i.Infinity,k=x,M=w.abs,A=w.pow,I=w.floor,C=w.log,T=w.LN2,N=o?"_b":"buffer",P=o?"_l":"byteLength",O=o?"_o":"byteOffset";function R(t,e,n){var i,o,r,s=new Array(n),a=8*n-e-1,l=(1<<a)-1,c=l>>1,u=23===e?A(2,-24)-A(2,-77):0,h=0,d=t<0||0===t&&1/t<0?1:0;for((t=M(t))!=t||t===E?(o=t!=t?1:0,i=l):(i=I(C(t)/T),t*(r=A(2,-i))<1&&(i--,r*=2),(t+=i+c>=1?u/r:u*A(2,1-c))*r>=2&&(i++,r/=2),i+c>=l?(o=0,i=l):i+c>=1?(o=(t*r-1)*A(2,e),i+=c):(o=t*A(2,c-1)*A(2,e),i=0));e>=8;s[h++]=255&o,o/=256,e-=8);for(i=i<<e|o,a+=e;a>0;s[h++]=255&i,i/=256,a-=8);return s[--h]|=128*d,s}function $(t,e,n){var i,o=8*n-e-1,r=(1<<o)-1,s=r>>1,a=o-7,l=n-1,c=t[l--],u=127&c;for(c>>=7;a>0;u=256*u+t[l],l--,a-=8);for(i=u&(1<<-a)-1,u>>=-a,a+=e;a>0;i=256*i+t[l],l--,a-=8);if(0===u)u=1-s;else{if(u===r)return i?NaN:c?-E:E;i+=A(2,e),u-=s}return(c?-1:1)*i*A(2,u-e)}function F(t){return t[3]<<24|t[2]<<16|t[1]<<8|t[0]}function z(t){return[255&t]}function D(t){return[255&t,t>>8&255]}function L(t){return[255&t,t>>8&255,t>>16&255,t>>24&255]}function q(t){return R(t,52,8)}function j(t){return R(t,23,4)}function H(t,e,n){v(t[g],e,{get:function(){return this[n]}})}function V(t,e,n,i){var o=p(+n);if(o+e>t[P])throw S(y);var r=t[N]._b,s=o+t[O],a=r.slice(s,s+e);return i?a:a.reverse()}function B(t,e,n,i,o,r){var s=p(+n);if(s+e>t[P])throw S(y);for(var a=t[N]._b,l=s+t[O],c=i(+o),u=0;u<e;u++)a[l+u]=c[r?u:e-u-1]}if(s.ABV){if(!c(function(){x(1)})||!c(function(){new x(-1)})||c(function(){return new x,new x(1.5),new x(NaN),"ArrayBuffer"!=x.name})){for(var G,U=(x=function(t){return u(this,x),new k(p(t))})[g]=k[g],W=f(k),Y=0;W.length>Y;)(G=W[Y++])in x||a(x,G,k[G]);r||(U.constructor=x)}var K=new _(new x(2)),J=_[g].setInt8;K.setInt8(0,2147483648),K.setInt8(1,2147483649),!K.getInt8(0)&&K.getInt8(1)||l(_[g],{setInt8:function(t,e){J.call(this,t,e<<24>>24)},setUint8:function(t,e){J.call(this,t,e<<24>>24)}},!0)}else x=function(t){u(this,x,"ArrayBuffer");var e=p(t);this._b=b.call(new Array(e),0),this[P]=e},_=function(t,e,n){u(this,_,"DataView"),u(t,x,"DataView");var i=t[P],o=h(e);if(o<0||o>i)throw S("Wrong offset!");if(o+(n=void 0===n?i-o:d(n))>i)throw S("Wrong length!");this[N]=t,this[O]=o,this[P]=n},o&&(H(x,"byteLength","_l"),H(_,"buffer","_b"),H(_,"byteLength","_l"),H(_,"byteOffset","_o")),l(_[g],{getInt8:function(t){return V(this,1,t)[0]<<24>>24},getUint8:function(t){return V(this,1,t)[0]},getInt16:function(t){var e=V(this,2,t,arguments[1]);return(e[1]<<8|e[0])<<16>>16},getUint16:function(t){var e=V(this,2,t,arguments[1]);return e[1]<<8|e[0]},getInt32:function(t){return F(V(this,4,t,arguments[1]))},getUint32:function(t){return F(V(this,4,t,arguments[1]))>>>0},getFloat32:function(t){return $(V(this,4,t,arguments[1]),23,4)},getFloat64:function(t){return $(V(this,8,t,arguments[1]),52,8)},setInt8:function(t,e){B(this,1,t,z,e)},setUint8:function(t,e){B(this,1,t,z,e)},setInt16:function(t,e){B(this,2,t,D,e,arguments[2])},setUint16:function(t,e){B(this,2,t,D,e,arguments[2])},setInt32:function(t,e){B(this,4,t,L,e,arguments[2])},setUint32:function(t,e){B(this,4,t,L,e,arguments[2])},setFloat32:function(t,e){B(this,4,t,j,e,arguments[2])},setFloat64:function(t,e){B(this,8,t,q,e,arguments[2])}});m(x,"ArrayBuffer"),m(_,"DataView"),a(_[g],s.VIEW,!0),e.ArrayBuffer=x,e.DataView=_},function(t,e,n){var i=n(41),o=n(56),r=n(2),s=n(3).Reflect;t.exports=s&&s.ownKeys||function(t){var e=i.f(r(t)),n=o.f;return n?e.concat(n(t)):e}},function(t,e){t.exports=function(t,e){var n=e===Object(e)?function(t){return e[t]}:e;return function(e){return String(e).replace(t,n)}}},function(t,e,n){var i=n(357);t.exports="string"==typeof i?i:i.toString()},function(t,e,n){t.exports=!n(9)&&!n(5)(function(){return 7!=Object.defineProperty(n(71)("div"),"a",{get:function(){return 7}}).a})},function(t,e,n){e.f=n(6)},function(t,e,n){var i=n(15),o=n(14),r=n(55)(!1),s=n(73)("IE_PROTO");t.exports=function(t,e){var n,a=o(t),l=0,c=[];for(n in a)n!=s&&i(a,n)&&c.push(n);for(;e.length>l;)i(a,n=e[l++])&&(~r(c,n)||c.push(n));return c}},function(t,e,n){var i=n(8),o=n(2),r=n(29);t.exports=n(9)?Object.defineProperties:function(t,e){o(t);for(var n,s=r(e),a=s.length,l=0;a>l;)i.f(t,n=s[l++],e[n]);return t}},function(t,e,n){var i=n(14),o=n(41).f,r={}.toString,s="object"==typeof window&&window&&Object.getOwnPropertyNames?Object.getOwnPropertyNames(window):[];t.exports.f=function(t){return s&&"[object Window]"==r.call(t)?function(t){try{return o(t)}catch(t){return s.slice()}}(t):o(i(t))}},function(t,e,n){"use strict";var i=n(12),o=n(4),r=n(78),s=[].slice,a={};t.exports=Function.bind||function(t){var e=i(this),n=s.call(arguments,1),l=function(){var i=n.concat(s.call(arguments));return this instanceof l?function(t,e,n){if(!(e in a)){for(var i=[],o=0;o<e;o++)i[o]="a["+o+"]";a[e]=Function("F,a","return new F("+i.join(",")+")")}return a[e](t,n)}(e,i.length,i):r(e,i,t)};return o(e.prototype)&&(l.prototype=e.prototype),l}},function(t,e,n){var i=n(3).parseInt,o=n(48).trim,r=n(79),s=/^[-+]?0[xX]/;t.exports=8!==i(r+"08")||22!==i(r+"0x16")?function(t,e){var n=o(String(t),3);return i(n,e>>>0||(s.test(n)?16:10))}:i},function(t,e,n){var i=n(3).parseFloat,o=n(48).trim;t.exports=1/i(n(79)+"-0")!=-1/0?function(t){var e=o(String(t),3),n=i(e);return 0===n&&"-"==e.charAt(0)?-0:n}:i},function(t,e,n){var i=n(22);t.exports=function(t,e){if("number"!=typeof t&&"Number"!=i(t))throw TypeError(e);return+t}},function(t,e,n){var i=n(4),o=Math.floor;t.exports=function(t){return!i(t)&&isFinite(t)&&o(t)===t}},function(t,e){t.exports=Math.log1p||function(t){return(t=+t)>-1e-8&&t<1e-8?t-t*t/2:Math.log(1+t)}},function(t,e,n){var i=n(82),o=Math.pow,r=o(2,-52),s=o(2,-23),a=o(2,127)*(2-s),l=o(2,-126);t.exports=Math.fround||function(t){var e,n,o=Math.abs(t),c=i(t);return o<l?c*(o/l/s+1/r-1/r)*l*s:(n=(e=(1+s/r)*o)-(e-o))>a||n!=n?c*(1/0):c*n}},function(t,e,n){var i=n(2);t.exports=function(t,e,n,o){try{return o?e(i(n)[0],n[1]):e(n)}catch(e){var r=t.return;throw void 0!==r&&i(r.call(t)),e}}},function(t,e,n){var i=n(12),o=n(11),r=n(51),s=n(10);t.exports=function(t,e,n,a,l){i(e);var c=o(t),u=r(c),h=s(c.length),d=l?h-1:0,p=l?-1:1;if(n<2)for(;;){if(d in u){a=u[d],d+=p;break}if(d+=p,l?d<0:h<=d)throw TypeError("Reduce of empty array with no initial value")}for(;l?d>=0:h>d;d+=p)d in u&&(a=e(a,u[d],d,c));return a}},function(t,e,n){"use strict";var i=n(11),o=n(40),r=n(10);t.exports=[].copyWithin||function(t,e){var n=i(this),s=r(n.length),a=o(t,s),l=o(e,s),c=arguments.length>2?arguments[2]:void 0,u=Math.min((void 0===c?s:o(c,s))-l,s-a),h=1;for(l<a&&a<l+u&&(h=-1,l+=u-1,a+=u-1);u-- >0;)l in n?n[a]=n[l]:delete n[a],a+=h,l+=h;return n}},function(t,e,n){n(9)&&"g"!=/./g.flags&&n(8).f(RegExp.prototype,"flags",{configurable:!0,get:n(62)})},function(t,e){t.exports=function(t){try{return{e:!1,v:t()}}catch(t){return{e:!0,v:t}}}},function(t,e,n){var i=n(2),o=n(4),r=n(95);t.exports=function(t,e){if(i(t),o(e)&&e.constructor===t)return e;var n=r.f(t);return(0,n.resolve)(e),n.promise}},function(t,e,n){"use strict";var i=n(119),o=n(49);t.exports=n(66)("Map",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{get:function(t){var e=i.getEntry(o(this,"Map"),t);return e&&e.v},set:function(t,e){return i.def(o(this,"Map"),0===t?0:t,e)}},i,!0)},function(t,e,n){"use strict";var i=n(8).f,o=n(30),r=n(46),s=n(21),a=n(45),l=n(37),c=n(58),u=n(92),h=n(44),d=n(9),p=n(34).fastKey,f=n(49),v=d?"_s":"size",b=function(t,e){var n,i=p(e);if("F"!==i)return t._i[i];for(n=t._f;n;n=n.n)if(n.k==e)return n};t.exports={getConstructor:function(t,e,n,c){var u=t(function(t,i){a(t,u,e,"_i"),t._t=e,t._i=o(null),t._f=void 0,t._l=void 0,t[v]=0,null!=i&&l(i,n,t[c],t)});return r(u.prototype,{clear:function(){for(var t=f(this,e),n=t._i,i=t._f;i;i=i.n)i.r=!0,i.p&&(i.p=i.p.n=void 0),delete n[i.i];t._f=t._l=void 0,t[v]=0},delete:function(t){var n=f(this,e),i=b(n,t);if(i){var o=i.n,r=i.p;delete n._i[i.i],i.r=!0,r&&(r.n=o),o&&(o.p=r),n._f==i&&(n._f=o),n._l==i&&(n._l=r),n[v]--}return!!i},forEach:function(t){f(this,e);for(var n,i=s(t,arguments.length>1?arguments[1]:void 0,3);n=n?n.n:this._f;)for(i(n.v,n.k,this);n&&n.r;)n=n.p},has:function(t){return!!b(f(this,e),t)}}),d&&i(u.prototype,"size",{get:function(){return f(this,e)[v]}}),u},def:function(t,e,n){var i,o,r=b(t,e);return r?r.v=n:(t._l=r={i:o=p(e,!0),k:e,v:n,p:i=t._l,n:void 0,r:!1},t._f||(t._f=r),i&&(i.n=r),t[v]++,"F"!==o&&(t._i[o]=r)),t},getEntry:b,setStrong:function(t,e,n){c(t,e,function(t,n){this._t=f(t,e),this._k=n,this._l=void 0},function(){for(var t=this._k,e=this._l;e&&e.r;)e=e.p;return this._t&&(this._l=e=e?e.n:this._t._f)?u(0,"keys"==t?e.k:"values"==t?e.v:[e.k,e.v]):(this._t=void 0,u(1))},n?"entries":"values",!n,!0),h(e)}}},function(t,e,n){"use strict";var i=n(119),o=n(49);t.exports=n(66)("Set",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function(t){return i.def(o(this,"Set"),t=0===t?0:t,t)}},i)},function(t,e,n){"use strict";var i,o=n(28)(0),r=n(17),s=n(34),a=n(76),l=n(122),c=n(4),u=n(5),h=n(49),d=s.getWeak,p=Object.isExtensible,f=l.ufstore,v={},b=function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},m={get:function(t){if(c(t)){var e=d(t);return!0===e?f(h(this,"WeakMap")).get(t):e?e[this._i]:void 0}},set:function(t,e){return l.def(h(this,"WeakMap"),t,e)}},g=t.exports=n(66)("WeakMap",b,m,l,!0,!0);u(function(){return 7!=(new g).set((Object.freeze||Object)(v),7).get(v)})&&(a((i=l.getConstructor(b,"WeakMap")).prototype,m),s.NEED=!0,o(["delete","has","get","set"],function(t){var e=g.prototype,n=e[t];r(e,t,function(e,o){if(c(e)&&!p(e)){this._f||(this._f=new i);var r=this._f[t](e,o);return"set"==t?this:r}return n.call(this,e,o)})}))},function(t,e,n){"use strict";var i=n(46),o=n(34).getWeak,r=n(2),s=n(4),a=n(45),l=n(37),c=n(28),u=n(15),h=n(49),d=c(5),p=c(6),f=0,v=function(t){return t._l||(t._l=new b)},b=function(){this.a=[]},m=function(t,e){return d(t.a,function(t){return t[0]===e})};b.prototype={get:function(t){var e=m(this,t);if(e)return e[1]},has:function(t){return!!m(this,t)},set:function(t,e){var n=m(this,t);n?n[1]=e:this.a.push([t,e])},delete:function(t){var e=p(this.a,function(e){return e[0]===t});return~e&&this.a.splice(e,1),!!~e}},t.exports={getConstructor:function(t,e,n,r){var c=t(function(t,i){a(t,c,e,"_i"),t._t=e,t._i=f++,t._l=void 0,null!=i&&l(i,n,t[r],t)});return i(c.prototype,{delete:function(t){if(!s(t))return!1;var n=o(t);return!0===n?v(h(this,e)).delete(t):n&&u(n,this._i)&&delete n[this._i]},has:function(t){if(!s(t))return!1;var n=o(t);return!0===n?v(h(this,e)).has(t):n&&u(n,this._i)}}),c},def:function(t,e,n){var i=o(r(e),!0);return!0===i?v(t).set(e,n):i[t._i]=n,t},ufstore:v}},function(t,e,n){var i=n(26),o=n(10);t.exports=function(t){if(void 0===t)return 0;var e=i(t),n=o(e);if(e!==n)throw RangeError("Wrong length!");return n}},function(t,e,n){"use strict";var i=n(57),o=n(4),r=n(10),s=n(21),a=n(6)("isConcatSpreadable");t.exports=function t(e,n,l,c,u,h,d,p){for(var f,v,b=u,m=0,g=!!d&&s(d,p,3);m<c;){if(m in l){if(f=g?g(l[m],m,n):l[m],v=!1,o(f)&&(v=void 0!==(v=f[a])?!!v:i(f)),v&&h>0)b=t(e,n,f,r(f.length),b,h-1)-1;else{if(b>=9007199254740991)throw TypeError();e[b]=f}b++}m++}return b}},function(t,e,n){var i=n(10),o=n(81),r=n(25);t.exports=function(t,e,n,s){var a=String(r(t)),l=a.length,c=void 0===n?" ":String(n),u=i(e);if(u<=l||""==c)return a;var h=u-l,d=o.call(c,Math.ceil(h/c.length));return d.length>h&&(d=d.slice(0,h)),s?d+a:a+d}},function(t,e,n){var i=n(29),o=n(14),r=n(52).f;t.exports=function(t){return function(e){for(var n,s=o(e),a=i(s),l=a.length,c=0,u=[];l>c;)r.call(s,n=a[c++])&&u.push(t?[n,s[n]]:s[n]);return u}}},function(t,e,n){var i=n(42),o=n(128);t.exports=function(t){return function(){if(i(this)!=t)throw TypeError(t+"#toJSON isn't generic");return o(this)}}},function(t,e,n){var i=n(37);t.exports=function(t,e){var n=[];return i(t,!1,n.push,n,e),n}},function(t,e){t.exports=Math.scale||function(t,e,n,i,o){return 0===arguments.length||t!=t||e!=e||n!=n||i!=i||o!=o?NaN:t===1/0||t===-1/0?t:(t-e)*(o-i)/(n-e)+i}},function(t,e,n){var i=n(42),o=n(6)("iterator"),r=n(43);t.exports=n(13).isIterable=function(t){var e=Object(t);return void 0!==e[o]||"@@iterator"in e||r.hasOwnProperty(i(e))}},function(t,e,n){"use strict";var i=n(132),o=n(78),r=n(12);t.exports=function(){for(var t=r(this),e=arguments.length,n=new Array(e),s=0,a=i._,l=!1;e>s;)(n[s]=arguments[s++])===a&&(l=!0);return function(){var i,r=arguments.length,s=0,c=0;if(!l&&!r)return o(t,n,this);if(i=n.slice(),l)for(;e>s;s++)i[s]===a&&(i[s]=arguments[c++]);for(;r>c;)i.push(arguments[c++]);return o(t,i,this)}}},function(t,e,n){t.exports=n(3)},function(t,e,n){var i=n(8),o=n(18),r=n(97),s=n(14);t.exports=function(t,e){for(var n,a=r(s(e)),l=a.length,c=0;l>c;)i.f(t,n=a[c++],o.f(e,n));return t}},function(t,e){t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n=function(t,e){var n=t[1]||"",i=t[3];if(!i)return n;if(e&&"function"==typeof btoa){var o=(s=i,"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(s))))+" */"),r=i.sources.map(function(t){return"/*# sourceURL="+i.sourceRoot+t+" */"});return[n].concat(r).concat([o]).join("\n")}var s;return[n].join("\n")}(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var i={},o=0;o<this.length;o++){var r=this[o][0];"number"==typeof r&&(i[r]=!0)}for(o=0;o<t.length;o++){var s=t[o];"number"==typeof s[0]&&i[s[0]]||(n&&!s[2]?s[2]=n:n&&(s[2]="("+s[2]+") and ("+n+")"),e.push(s))}},e}},function(t,e){var n;n=function(){return this}();try{n=n||new Function("return this")()}catch(t){"object"==typeof window&&(n=window)}t.exports=n},function(t,e){t.exports=function(t){function e(i){if(n[i])return n[i].exports;var o=n[i]={exports:{},id:i,loaded:!1};return t[i].call(o.exports,o,o.exports,e),o.loaded=!0,o.exports}var n={};return e.m=t,e.c=n,e.p="",e(0)}([function(t,e,n){"use strict";function i(t,e,n){return e in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}Object.defineProperty(e,"__esModule",{value:!0}),e.default=function t(e){for(var n=arguments.length,s=Array(n>1?n-1:0),a=1;a<n;a++)s[a-1]=arguments[a];if(!s.length)return e;var l=s.shift();if((0,o.isObject)(e)&&(0,o.isObject)(l))for(var c in l)(0,o.isObject)(l[c])?(e[c]||Object.assign(e,i({},c,{})),t(e[c],l[c])):(0,r.isArray)(l[c])?(e[c]||Object.assign(e,i({},c,[])),e[c]=e[c].concat(l[c])):Object.assign(e,i({},c,l[c]));return t.apply(void 0,[e].concat(s))};var o=n(1),r=n(2);t.exports=e.default},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t};e.isObject=function(t){return t&&"object"===(void 0===t?"undefined":n(t))&&!Array.isArray(t)}},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.isArray=function(t){return t&&Array.isArray(t)}}])},function(t,e,n){var i;!function(o){var r=/^\s+/,s=/\s+$/,a=0,l=o.round,c=o.min,u=o.max,h=o.random;function d(t,e){if(e=e||{},(t=t||"")instanceof d)return t;if(!(this instanceof d))return new d(t,e);var n=function(t){var e={r:0,g:0,b:0},n=1,i=null,a=null,l=null,h=!1,d=!1;"string"==typeof t&&(t=function(t){t=t.replace(r,"").replace(s,"").toLowerCase();var e,n=!1;if(T[t])t=T[t],n=!0;else if("transparent"==t)return{r:0,g:0,b:0,a:0,format:"name"};if(e=V.rgb.exec(t))return{r:e[1],g:e[2],b:e[3]};if(e=V.rgba.exec(t))return{r:e[1],g:e[2],b:e[3],a:e[4]};if(e=V.hsl.exec(t))return{h:e[1],s:e[2],l:e[3]};if(e=V.hsla.exec(t))return{h:e[1],s:e[2],l:e[3],a:e[4]};if(e=V.hsv.exec(t))return{h:e[1],s:e[2],v:e[3]};if(e=V.hsva.exec(t))return{h:e[1],s:e[2],v:e[3],a:e[4]};if(e=V.hex8.exec(t))return{r:$(e[1]),g:$(e[2]),b:$(e[3]),a:L(e[4]),format:n?"name":"hex8"};if(e=V.hex6.exec(t))return{r:$(e[1]),g:$(e[2]),b:$(e[3]),format:n?"name":"hex"};if(e=V.hex4.exec(t))return{r:$(e[1]+""+e[1]),g:$(e[2]+""+e[2]),b:$(e[3]+""+e[3]),a:L(e[4]+""+e[4]),format:n?"name":"hex8"};if(e=V.hex3.exec(t))return{r:$(e[1]+""+e[1]),g:$(e[2]+""+e[2]),b:$(e[3]+""+e[3]),format:n?"name":"hex"};return!1}(t));"object"==typeof t&&(B(t.r)&&B(t.g)&&B(t.b)?(p=t.r,f=t.g,v=t.b,e={r:255*O(p,255),g:255*O(f,255),b:255*O(v,255)},h=!0,d="%"===String(t.r).substr(-1)?"prgb":"rgb"):B(t.h)&&B(t.s)&&B(t.v)?(i=z(t.s),a=z(t.v),e=function(t,e,n){t=6*O(t,360),e=O(e,100),n=O(n,100);var i=o.floor(t),r=t-i,s=n*(1-e),a=n*(1-r*e),l=n*(1-(1-r)*e),c=i%6;return{r:255*[n,a,s,s,l,n][c],g:255*[l,n,n,a,s,s][c],b:255*[s,s,l,n,n,a][c]}}(t.h,i,a),h=!0,d="hsv"):B(t.h)&&B(t.s)&&B(t.l)&&(i=z(t.s),l=z(t.l),e=function(t,e,n){var i,o,r;function s(t,e,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}if(t=O(t,360),e=O(e,100),n=O(n,100),0===e)i=o=r=n;else{var a=n<.5?n*(1+e):n+e-n*e,l=2*n-a;i=s(l,a,t+1/3),o=s(l,a,t),r=s(l,a,t-1/3)}return{r:255*i,g:255*o,b:255*r}}(t.h,i,l),h=!0,d="hsl"),t.hasOwnProperty("a")&&(n=t.a));var p,f,v;return n=P(n),{ok:h,format:t.format||d,r:c(255,u(e.r,0)),g:c(255,u(e.g,0)),b:c(255,u(e.b,0)),a:n}}(t);this._originalInput=t,this._r=n.r,this._g=n.g,this._b=n.b,this._a=n.a,this._roundA=l(100*this._a)/100,this._format=e.format||n.format,this._gradientType=e.gradientType,this._r<1&&(this._r=l(this._r)),this._g<1&&(this._g=l(this._g)),this._b<1&&(this._b=l(this._b)),this._ok=n.ok,this._tc_id=a++}function p(t,e,n){t=O(t,255),e=O(e,255),n=O(n,255);var i,o,r=u(t,e,n),s=c(t,e,n),a=(r+s)/2;if(r==s)i=o=0;else{var l=r-s;switch(o=a>.5?l/(2-r-s):l/(r+s),r){case t:i=(e-n)/l+(e<n?6:0);break;case e:i=(n-t)/l+2;break;case n:i=(t-e)/l+4}i/=6}return{h:i,s:o,l:a}}function f(t,e,n){t=O(t,255),e=O(e,255),n=O(n,255);var i,o,r=u(t,e,n),s=c(t,e,n),a=r,l=r-s;if(o=0===r?0:l/r,r==s)i=0;else{switch(r){case t:i=(e-n)/l+(e<n?6:0);break;case e:i=(n-t)/l+2;break;case n:i=(t-e)/l+4}i/=6}return{h:i,s:o,v:a}}function v(t,e,n,i){var o=[F(l(t).toString(16)),F(l(e).toString(16)),F(l(n).toString(16))];return i&&o[0].charAt(0)==o[0].charAt(1)&&o[1].charAt(0)==o[1].charAt(1)&&o[2].charAt(0)==o[2].charAt(1)?o[0].charAt(0)+o[1].charAt(0)+o[2].charAt(0):o.join("")}function b(t,e,n,i){return[F(D(i)),F(l(t).toString(16)),F(l(e).toString(16)),F(l(n).toString(16))].join("")}function m(t,e){e=0===e?0:e||10;var n=d(t).toHsl();return n.s-=e/100,n.s=R(n.s),d(n)}function g(t,e){e=0===e?0:e||10;var n=d(t).toHsl();return n.s+=e/100,n.s=R(n.s),d(n)}function y(t){return d(t).desaturate(100)}function x(t,e){e=0===e?0:e||10;var n=d(t).toHsl();return n.l+=e/100,n.l=R(n.l),d(n)}function _(t,e){e=0===e?0:e||10;var n=d(t).toRgb();return n.r=u(0,c(255,n.r-l(-e/100*255))),n.g=u(0,c(255,n.g-l(-e/100*255))),n.b=u(0,c(255,n.b-l(-e/100*255))),d(n)}function w(t,e){e=0===e?0:e||10;var n=d(t).toHsl();return n.l-=e/100,n.l=R(n.l),d(n)}function S(t,e){var n=d(t).toHsl(),i=(n.h+e)%360;return n.h=i<0?360+i:i,d(n)}function E(t){var e=d(t).toHsl();return e.h=(e.h+180)%360,d(e)}function k(t){var e=d(t).toHsl(),n=e.h;return[d(t),d({h:(n+120)%360,s:e.s,l:e.l}),d({h:(n+240)%360,s:e.s,l:e.l})]}function M(t){var e=d(t).toHsl(),n=e.h;return[d(t),d({h:(n+90)%360,s:e.s,l:e.l}),d({h:(n+180)%360,s:e.s,l:e.l}),d({h:(n+270)%360,s:e.s,l:e.l})]}function A(t){var e=d(t).toHsl(),n=e.h;return[d(t),d({h:(n+72)%360,s:e.s,l:e.l}),d({h:(n+216)%360,s:e.s,l:e.l})]}function I(t,e,n){e=e||6,n=n||30;var i=d(t).toHsl(),o=360/n,r=[d(t)];for(i.h=(i.h-(o*e>>1)+720)%360;--e;)i.h=(i.h+o)%360,r.push(d(i));return r}function C(t,e){e=e||6;for(var n=d(t).toHsv(),i=n.h,o=n.s,r=n.v,s=[],a=1/e;e--;)s.push(d({h:i,s:o,v:r})),r=(r+a)%1;return s}d.prototype={isDark:function(){return this.getBrightness()<128},isLight:function(){return!this.isDark()},isValid:function(){return this._ok},getOriginalInput:function(){return this._originalInput},getFormat:function(){return this._format},getAlpha:function(){return this._a},getBrightness:function(){var t=this.toRgb();return(299*t.r+587*t.g+114*t.b)/1e3},getLuminance:function(){var t,e,n,i=this.toRgb();return t=i.r/255,e=i.g/255,n=i.b/255,.2126*(t<=.03928?t/12.92:o.pow((t+.055)/1.055,2.4))+.7152*(e<=.03928?e/12.92:o.pow((e+.055)/1.055,2.4))+.0722*(n<=.03928?n/12.92:o.pow((n+.055)/1.055,2.4))},setAlpha:function(t){return this._a=P(t),this._roundA=l(100*this._a)/100,this},toHsv:function(){var t=f(this._r,this._g,this._b);return{h:360*t.h,s:t.s,v:t.v,a:this._a}},toHsvString:function(){var t=f(this._r,this._g,this._b),e=l(360*t.h),n=l(100*t.s),i=l(100*t.v);return 1==this._a?"hsv("+e+", "+n+"%, "+i+"%)":"hsva("+e+", "+n+"%, "+i+"%, "+this._roundA+")"},toHsl:function(){var t=p(this._r,this._g,this._b);return{h:360*t.h,s:t.s,l:t.l,a:this._a}},toHslString:function(){var t=p(this._r,this._g,this._b),e=l(360*t.h),n=l(100*t.s),i=l(100*t.l);return 1==this._a?"hsl("+e+", "+n+"%, "+i+"%)":"hsla("+e+", "+n+"%, "+i+"%, "+this._roundA+")"},toHex:function(t){return v(this._r,this._g,this._b,t)},toHexString:function(t){return"#"+this.toHex(t)},toHex8:function(t){return function(t,e,n,i,o){var r=[F(l(t).toString(16)),F(l(e).toString(16)),F(l(n).toString(16)),F(D(i))];if(o&&r[0].charAt(0)==r[0].charAt(1)&&r[1].charAt(0)==r[1].charAt(1)&&r[2].charAt(0)==r[2].charAt(1)&&r[3].charAt(0)==r[3].charAt(1))return r[0].charAt(0)+r[1].charAt(0)+r[2].charAt(0)+r[3].charAt(0);return r.join("")}(this._r,this._g,this._b,this._a,t)},toHex8String:function(t){return"#"+this.toHex8(t)},toRgb:function(){return{r:l(this._r),g:l(this._g),b:l(this._b),a:this._a}},toRgbString:function(){return 1==this._a?"rgb("+l(this._r)+", "+l(this._g)+", "+l(this._b)+")":"rgba("+l(this._r)+", "+l(this._g)+", "+l(this._b)+", "+this._roundA+")"},toPercentageRgb:function(){return{r:l(100*O(this._r,255))+"%",g:l(100*O(this._g,255))+"%",b:l(100*O(this._b,255))+"%",a:this._a}},toPercentageRgbString:function(){return 1==this._a?"rgb("+l(100*O(this._r,255))+"%, "+l(100*O(this._g,255))+"%, "+l(100*O(this._b,255))+"%)":"rgba("+l(100*O(this._r,255))+"%, "+l(100*O(this._g,255))+"%, "+l(100*O(this._b,255))+"%, "+this._roundA+")"},toName:function(){return 0===this._a?"transparent":!(this._a<1)&&(N[v(this._r,this._g,this._b,!0)]||!1)},toFilter:function(t){var e="#"+b(this._r,this._g,this._b,this._a),n=e,i=this._gradientType?"GradientType = 1, ":"";if(t){var o=d(t);n="#"+b(o._r,o._g,o._b,o._a)}return"progid:DXImageTransform.Microsoft.gradient("+i+"startColorstr="+e+",endColorstr="+n+")"},toString:function(t){var e=!!t;t=t||this._format;var n=!1,i=this._a<1&&this._a>=0;return e||!i||"hex"!==t&&"hex6"!==t&&"hex3"!==t&&"hex4"!==t&&"hex8"!==t&&"name"!==t?("rgb"===t&&(n=this.toRgbString()),"prgb"===t&&(n=this.toPercentageRgbString()),"hex"!==t&&"hex6"!==t||(n=this.toHexString()),"hex3"===t&&(n=this.toHexString(!0)),"hex4"===t&&(n=this.toHex8String(!0)),"hex8"===t&&(n=this.toHex8String()),"name"===t&&(n=this.toName()),"hsl"===t&&(n=this.toHslString()),"hsv"===t&&(n=this.toHsvString()),n||this.toHexString()):"name"===t&&0===this._a?this.toName():this.toRgbString()},clone:function(){return d(this.toString())},_applyModification:function(t,e){var n=t.apply(null,[this].concat([].slice.call(e)));return this._r=n._r,this._g=n._g,this._b=n._b,this.setAlpha(n._a),this},lighten:function(){return this._applyModification(x,arguments)},brighten:function(){return this._applyModification(_,arguments)},darken:function(){return this._applyModification(w,arguments)},desaturate:function(){return this._applyModification(m,arguments)},saturate:function(){return this._applyModification(g,arguments)},greyscale:function(){return this._applyModification(y,arguments)},spin:function(){return this._applyModification(S,arguments)},_applyCombination:function(t,e){return t.apply(null,[this].concat([].slice.call(e)))},analogous:function(){return this._applyCombination(I,arguments)},complement:function(){return this._applyCombination(E,arguments)},monochromatic:function(){return this._applyCombination(C,arguments)},splitcomplement:function(){return this._applyCombination(A,arguments)},triad:function(){return this._applyCombination(k,arguments)},tetrad:function(){return this._applyCombination(M,arguments)}},d.fromRatio=function(t,e){if("object"==typeof t){var n={};for(var i in t)t.hasOwnProperty(i)&&(n[i]="a"===i?t[i]:z(t[i]));t=n}return d(t,e)},d.equals=function(t,e){return!(!t||!e)&&d(t).toRgbString()==d(e).toRgbString()},d.random=function(){return d.fromRatio({r:h(),g:h(),b:h()})},d.mix=function(t,e,n){n=0===n?0:n||50;var i=d(t).toRgb(),o=d(e).toRgb(),r=n/100;return d({r:(o.r-i.r)*r+i.r,g:(o.g-i.g)*r+i.g,b:(o.b-i.b)*r+i.b,a:(o.a-i.a)*r+i.a})},d.readability=function(t,e){var n=d(t),i=d(e);return(o.max(n.getLuminance(),i.getLuminance())+.05)/(o.min(n.getLuminance(),i.getLuminance())+.05)},d.isReadable=function(t,e,n){var i,o,r=d.readability(t,e);switch(o=!1,(i=function(t){var e,n;e=((t=t||{level:"AA",size:"small"}).level||"AA").toUpperCase(),n=(t.size||"small").toLowerCase(),"AA"!==e&&"AAA"!==e&&(e="AA");"small"!==n&&"large"!==n&&(n="small");return{level:e,size:n}}(n)).level+i.size){case"AAsmall":case"AAAlarge":o=r>=4.5;break;case"AAlarge":o=r>=3;break;case"AAAsmall":o=r>=7}return o},d.mostReadable=function(t,e,n){var i,o,r,s,a=null,l=0;o=(n=n||{}).includeFallbackColors,r=n.level,s=n.size;for(var c=0;c<e.length;c++)(i=d.readability(t,e[c]))>l&&(l=i,a=d(e[c]));return d.isReadable(t,a,{level:r,size:s})||!o?a:(n.includeFallbackColors=!1,d.mostReadable(t,["#fff","#000"],n))};var T=d.names={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"},N=d.hexNames=function(t){var e={};for(var n in t)t.hasOwnProperty(n)&&(e[t[n]]=n);return e}(T);function P(t){return t=parseFloat(t),(isNaN(t)||t<0||t>1)&&(t=1),t}function O(t,e){(function(t){return"string"==typeof t&&-1!=t.indexOf(".")&&1===parseFloat(t)})(t)&&(t="100%");var n=function(t){return"string"==typeof t&&-1!=t.indexOf("%")}(t);return t=c(e,u(0,parseFloat(t))),n&&(t=parseInt(t*e,10)/100),o.abs(t-e)<1e-6?1:t%e/parseFloat(e)}function R(t){return c(1,u(0,t))}function $(t){return parseInt(t,16)}function F(t){return 1==t.length?"0"+t:""+t}function z(t){return t<=1&&(t=100*t+"%"),t}function D(t){return o.round(255*parseFloat(t)).toString(16)}function L(t){return $(t)/255}var q,j,H,V=(j="[\\s|\\(]+("+(q="(?:[-\\+]?\\d*\\.\\d+%?)|(?:[-\\+]?\\d+%?)")+")[,|\\s]+("+q+")[,|\\s]+("+q+")\\s*\\)?",H="[\\s|\\(]+("+q+")[,|\\s]+("+q+")[,|\\s]+("+q+")[,|\\s]+("+q+")\\s*\\)?",{CSS_UNIT:new RegExp(q),rgb:new RegExp("rgb"+j),rgba:new RegExp("rgba"+H),hsl:new RegExp("hsl"+j),hsla:new RegExp("hsla"+H),hsv:new RegExp("hsv"+j),hsva:new RegExp("hsva"+H),hex3:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex6:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/,hex4:/^#?([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})([0-9a-fA-F]{1})$/,hex8:/^#?([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})$/});function B(t){return!!V.CSS_UNIT.exec(t)}t.exports?t.exports=d:void 0===(i=function(){return d}.call(e,n,e,t))||(t.exports=i)}(Math)},function(t,e,n){var i=n(358),o=n(359),r=n(360),s=n(361),a=n(362),l=n(363);function c(t){this._setState(t),this._listeners={},this._bind()}c.prototype._setState=i._setState,c.prototype._extendState=i._extendState,c.prototype.set=i.set,c.prototype.get=i.get,c.prototype.down=o.down,c.prototype.up=o.up,c.prototype._trigger=o._trigger,c.prototype._bind=o._bind,c.prototype._map=r._map,c.prototype._offset=r._offset,c.prototype._isNote=r._isNote,c.prototype._toFrequency=r._toFrequency,c.prototype._keyMap=r._keyMap,c.prototype._addKey=s._addKey,c.prototype._removeKey=s._removeKey,c.prototype._isPressed=s._isPressed,c.prototype._makeNote=s._makeNote,c.prototype.clear=s.clear,c.prototype._update=s._update,c.prototype._diff=s._diff,c.prototype._prioritize=a._prioritize,c.prototype._last=a._last,c.prototype._first=a._first,c.prototype._highest=a._highest,c.prototype._lowest=a._lowest,c.prototype._isSpecialKey=l._isSpecialKey,c.prototype._specialKey=l._specialKey,c.prototype._specialKeyMap=l._specialKeyMap,t.exports=c},function(t,e,n){var i=n(364),o=i.library["bundle-node"]?i.library["dist-node"]:i.library.entry;t.exports=n(365)("./"+o)},function(t,e,n){n(141),t.exports=n(366)},function(t,e,n){n(142),n(339),n(53),n(341),n(130),n(342),n(343),n(344),n(345),n(346),n(347),n(348),n(349),n(350),n(351),t.exports=n(13)},function(t,e,n){n(143),n(145),n(146),n(147),n(148),n(149),n(150),n(151),n(152),n(153),n(154),n(155),n(156),n(157),n(158),n(159),n(161),n(162),n(163),n(164),n(165),n(166),n(167),n(168),n(169),n(170),n(171),n(172),n(173),n(174),n(175),n(176),n(177),n(178),n(179),n(180),n(181),n(182),n(183),n(184),n(185),n(186),n(187),n(188),n(189),n(190),n(191),n(192),n(193),n(194),n(195),n(196),n(197),n(198),n(199),n(200),n(201),n(202),n(203),n(204),n(205),n(206),n(207),n(208),n(209),n(210),n(211),n(212),n(213),n(214),n(215),n(216),n(217),n(218),n(219),n(220),n(221),n(223),n(224),n(226),n(227),n(228),n(229),n(230),n(231),n(232),n(234),n(235),n(236),n(237),n(238),n(239),n(240),n(241),n(242),n(243),n(244),n(245),n(246),n(91),n(247),n(248),n(115),n(249),n(250),n(251),n(252),n(253),n(118),n(120),n(121),n(254),n(255),n(256),n(257),n(258),n(259),n(260),n(261),n(262),n(263),n(264),n(265),n(266),n(267),n(268),n(269),n(270),n(271),n(272),n(273),n(274),n(275),n(276),n(277),n(278),n(279),n(280),n(281),n(282),n(283),n(284),n(285),n(286),n(287),n(288),n(289),n(290),n(291),n(292),n(293),n(294),n(295),n(296),n(297),n(298),n(299),n(300),n(301),n(302),n(303),n(304),n(305),n(306),n(307),n(308),n(309),n(310),n(311),n(312),n(313),n(314),n(315),n(316),n(317),n(318),n(319),n(320),n(321),n(322),n(323),n(324),n(325),n(326),n(327),n(328),n(329),n(330),n(331),n(332),n(333),n(334),n(335),n(336),n(337),n(338),t.exports=n(13)},function(t,e,n){"use strict";var i=n(3),o=n(15),r=n(9),s=n(1),a=n(17),l=n(34).KEY,c=n(5),u=n(54),h=n(47),d=n(39),p=n(6),f=n(101),v=n(72),b=n(144),m=n(57),g=n(2),y=n(4),x=n(14),_=n(24),w=n(33),S=n(30),E=n(104),k=n(18),M=n(8),A=n(29),I=k.f,C=M.f,T=E.f,N=i.Symbol,P=i.JSON,O=P&&P.stringify,R=p("_hidden"),$=p("toPrimitive"),F={}.propertyIsEnumerable,z=u("symbol-registry"),D=u("symbols"),L=u("op-symbols"),q=Object.prototype,j="function"==typeof N,H=i.QObject,V=!H||!H.prototype||!H.prototype.findChild,B=r&&c(function(){return 7!=S(C({},"a",{get:function(){return C(this,"a",{value:7}).a}})).a})?function(t,e,n){var i=I(q,e);i&&delete q[e],C(t,e,n),i&&t!==q&&C(q,e,i)}:C,G=function(t){var e=D[t]=S(N.prototype);return e._k=t,e},U=j&&"symbol"==typeof N.iterator?function(t){return"symbol"==typeof t}:function(t){return t instanceof N},W=function(t,e,n){return t===q&&W(L,e,n),g(t),e=_(e,!0),g(n),o(D,e)?(n.enumerable?(o(t,R)&&t[R][e]&&(t[R][e]=!1),n=S(n,{enumerable:w(0,!1)})):(o(t,R)||C(t,R,w(1,{})),t[R][e]=!0),B(t,e,n)):C(t,e,n)},Y=function(t,e){g(t);for(var n,i=b(e=x(e)),o=0,r=i.length;r>o;)W(t,n=i[o++],e[n]);return t},K=function(t){var e=F.call(this,t=_(t,!0));return!(this===q&&o(D,t)&&!o(L,t))&&(!(e||!o(this,t)||!o(D,t)||o(this,R)&&this[R][t])||e)},J=function(t,e){if(t=x(t),e=_(e,!0),t!==q||!o(D,e)||o(L,e)){var n=I(t,e);return!n||!o(D,e)||o(t,R)&&t[R][e]||(n.enumerable=!0),n}},X=function(t){for(var e,n=T(x(t)),i=[],r=0;n.length>r;)o(D,e=n[r++])||e==R||e==l||i.push(e);return i},Q=function(t){for(var e,n=t===q,i=T(n?L:x(t)),r=[],s=0;i.length>s;)!o(D,e=i[s++])||n&&!o(q,e)||r.push(D[e]);return r};j||(a((N=function(){if(this instanceof N)throw TypeError("Symbol is not a constructor!");var t=d(arguments.length>0?arguments[0]:void 0),e=function(n){this===q&&e.call(L,n),o(this,R)&&o(this[R],t)&&(this[R][t]=!1),B(this,t,w(1,n))};return r&&V&&B(q,t,{configurable:!0,set:e}),G(t)}).prototype,"toString",function(){return this._k}),k.f=J,M.f=W,n(41).f=E.f=X,n(52).f=K,n(56).f=Q,r&&!n(35)&&a(q,"propertyIsEnumerable",K,!0),f.f=function(t){return G(p(t))}),s(s.G+s.W+s.F*!j,{Symbol:N});for(var Z="hasInstance,isConcatSpreadable,iterator,match,replace,search,species,split,toPrimitive,toStringTag,unscopables".split(","),tt=0;Z.length>tt;)p(Z[tt++]);for(var et=A(p.store),nt=0;et.length>nt;)v(et[nt++]);s(s.S+s.F*!j,"Symbol",{for:function(t){return o(z,t+="")?z[t]:z[t]=N(t)},keyFor:function(t){if(!U(t))throw TypeError(t+" is not a symbol!");for(var e in z)if(z[e]===t)return e},useSetter:function(){V=!0},useSimple:function(){V=!1}}),s(s.S+s.F*!j,"Object",{create:function(t,e){return void 0===e?S(t):Y(S(t),e)},defineProperty:W,defineProperties:Y,getOwnPropertyDescriptor:J,getOwnPropertyNames:X,getOwnPropertySymbols:Q}),P&&s(s.S+s.F*(!j||c(function(){var t=N();return"[null]"!=O([t])||"{}"!=O({a:t})||"{}"!=O(Object(t))})),"JSON",{stringify:function(t){for(var e,n,i=[t],o=1;arguments.length>o;)i.push(arguments[o++]);if(n=e=i[1],(y(e)||void 0!==t)&&!U(t))return m(e)||(e=function(t,e){if("function"==typeof n&&(e=n.call(this,t,e)),!U(e))return e}),i[1]=e,O.apply(P,i)}}),N.prototype[$]||n(16)(N.prototype,$,N.prototype.valueOf),h(N,"Symbol"),h(Math,"Math",!0),h(i.JSON,"JSON",!0)},function(t,e,n){var i=n(29),o=n(56),r=n(52);t.exports=function(t){var e=i(t),n=o.f;if(n)for(var s,a=n(t),l=r.f,c=0;a.length>c;)l.call(t,s=a[c++])&&e.push(s);return e}},function(t,e,n){var i=n(1);i(i.S,"Object",{create:n(30)})},function(t,e,n){var i=n(1);i(i.S+i.F*!n(9),"Object",{defineProperty:n(8).f})},function(t,e,n){var i=n(1);i(i.S+i.F*!n(9),"Object",{defineProperties:n(103)})},function(t,e,n){var i=n(14),o=n(18).f;n(27)("getOwnPropertyDescriptor",function(){return function(t,e){return o(i(t),e)}})},function(t,e,n){var i=n(11),o=n(19);n(27)("getPrototypeOf",function(){return function(t){return o(i(t))}})},function(t,e,n){var i=n(11),o=n(29);n(27)("keys",function(){return function(t){return o(i(t))}})},function(t,e,n){n(27)("getOwnPropertyNames",function(){return n(104).f})},function(t,e,n){var i=n(4),o=n(34).onFreeze;n(27)("freeze",function(t){return function(e){return t&&i(e)?t(o(e)):e}})},function(t,e,n){var i=n(4),o=n(34).onFreeze;n(27)("seal",function(t){return function(e){return t&&i(e)?t(o(e)):e}})},function(t,e,n){var i=n(4),o=n(34).onFreeze;n(27)("preventExtensions",function(t){return function(e){return t&&i(e)?t(o(e)):e}})},function(t,e,n){var i=n(4);n(27)("isFrozen",function(t){return function(e){return!i(e)||!!t&&t(e)}})},function(t,e,n){var i=n(4);n(27)("isSealed",function(t){return function(e){return!i(e)||!!t&&t(e)}})},function(t,e,n){var i=n(4);n(27)("isExtensible",function(t){return function(e){return!!i(e)&&(!t||t(e))}})},function(t,e,n){var i=n(1);i(i.S+i.F,"Object",{assign:n(76)})},function(t,e,n){var i=n(1);i(i.S,"Object",{is:n(160)})},function(t,e){t.exports=Object.is||function(t,e){return t===e?0!==t||1/t==1/e:t!=t&&e!=e}},function(t,e,n){var i=n(1);i(i.S,"Object",{setPrototypeOf:n(77).set})},function(t,e,n){"use strict";var i=n(42),o={};o[n(6)("toStringTag")]="z",o+""!="[object z]"&&n(17)(Object.prototype,"toString",function(){return"[object "+i(this)+"]"},!0)},function(t,e,n){var i=n(1);i(i.P,"Function",{bind:n(105)})},function(t,e,n){var i=n(8).f,o=Function.prototype,r=/^\s*function ([^ (]*)/;"name"in o||n(9)&&i(o,"name",{configurable:!0,get:function(){try{return(""+this).match(r)[1]}catch(t){return""}}})},function(t,e,n){"use strict";var i=n(4),o=n(19),r=n(6)("hasInstance"),s=Function.prototype;r in s||n(8).f(s,r,{value:function(t){if("function"!=typeof this||!i(t))return!1;if(!i(this.prototype))return t instanceof this;for(;t=o(t);)if(this.prototype===t)return!0;return!1}})},function(t,e,n){var i=n(1),o=n(106);i(i.G+i.F*(parseInt!=o),{parseInt:o})},function(t,e,n){var i=n(1),o=n(107);i(i.G+i.F*(parseFloat!=o),{parseFloat:o})},function(t,e,n){"use strict";var i=n(3),o=n(15),r=n(22),s=n(80),a=n(24),l=n(5),c=n(41).f,u=n(18).f,h=n(8).f,d=n(48).trim,p=i.Number,f=p,v=p.prototype,b="Number"==r(n(30)(v)),m="trim"in String.prototype,g=function(t){var e=a(t,!1);if("string"==typeof e&&e.length>2){var n,i,o,r=(e=m?e.trim():d(e,3)).charCodeAt(0);if(43===r||45===r){if(88===(n=e.charCodeAt(2))||120===n)return NaN}else if(48===r){switch(e.charCodeAt(1)){case 66:case 98:i=2,o=49;break;case 79:case 111:i=8,o=55;break;default:return+e}for(var s,l=e.slice(2),c=0,u=l.length;c<u;c++)if((s=l.charCodeAt(c))<48||s>o)return NaN;return parseInt(l,i)}}return+e};if(!p(" 0o1")||!p("0b1")||p("+0x1")){p=function(t){var e=arguments.length<1?0:t,n=this;return n instanceof p&&(b?l(function(){v.valueOf.call(n)}):"Number"!=r(n))?s(new f(g(e)),n,p):g(e)};for(var y,x=n(9)?c(f):"MAX_VALUE,MIN_VALUE,NaN,NEGATIVE_INFINITY,POSITIVE_INFINITY,EPSILON,isFinite,isInteger,isNaN,isSafeInteger,MAX_SAFE_INTEGER,MIN_SAFE_INTEGER,parseFloat,parseInt,isInteger".split(","),_=0;x.length>_;_++)o(f,y=x[_])&&!o(p,y)&&h(p,y,u(f,y));p.prototype=v,v.constructor=p,n(17)(i,"Number",p)}},function(t,e,n){"use strict";var i=n(1),o=n(26),r=n(108),s=n(81),a=1..toFixed,l=Math.floor,c=[0,0,0,0,0,0],u="Number.toFixed: incorrect invocation!",h=function(t,e){for(var n=-1,i=e;++n<6;)i+=t*c[n],c[n]=i%1e7,i=l(i/1e7)},d=function(t){for(var e=6,n=0;--e>=0;)n+=c[e],c[e]=l(n/t),n=n%t*1e7},p=function(){for(var t=6,e="";--t>=0;)if(""!==e||0===t||0!==c[t]){var n=String(c[t]);e=""===e?n:e+s.call("0",7-n.length)+n}return e},f=function(t,e,n){return 0===e?n:e%2==1?f(t,e-1,n*t):f(t*t,e/2,n)};i(i.P+i.F*(!!a&&("0.000"!==8e-5.toFixed(3)||"1"!==.9.toFixed(0)||"1.25"!==1.255.toFixed(2)||"1000000000000000128"!==(0xde0b6b3a7640080).toFixed(0))||!n(5)(function(){a.call({})})),"Number",{toFixed:function(t){var e,n,i,a,l=r(this,u),c=o(t),v="",b="0";if(c<0||c>20)throw RangeError(u);if(l!=l)return"NaN";if(l<=-1e21||l>=1e21)return String(l);if(l<0&&(v="-",l=-l),l>1e-21)if(n=(e=function(t){for(var e=0,n=t;n>=4096;)e+=12,n/=4096;for(;n>=2;)e+=1,n/=2;return e}(l*f(2,69,1))-69)<0?l*f(2,-e,1):l/f(2,e,1),n*=4503599627370496,(e=52-e)>0){for(h(0,n),i=c;i>=7;)h(1e7,0),i-=7;for(h(f(10,i,1),0),i=e-1;i>=23;)d(1<<23),i-=23;d(1<<i),h(1,1),d(2),b=p()}else h(0,n),h(1<<-e,0),b=p()+s.call("0",c);return b=c>0?v+((a=b.length)<=c?"0."+s.call("0",c-a)+b:b.slice(0,a-c)+"."+b.slice(a-c)):v+b}})},function(t,e,n){"use strict";var i=n(1),o=n(5),r=n(108),s=1..toPrecision;i(i.P+i.F*(o(function(){return"1"!==s.call(1,void 0)})||!o(function(){s.call({})})),"Number",{toPrecision:function(t){var e=r(this,"Number#toPrecision: incorrect invocation!");return void 0===t?s.call(e):s.call(e,t)}})},function(t,e,n){var i=n(1);i(i.S,"Number",{EPSILON:Math.pow(2,-52)})},function(t,e,n){var i=n(1),o=n(3).isFinite;i(i.S,"Number",{isFinite:function(t){return"number"==typeof t&&o(t)}})},function(t,e,n){var i=n(1);i(i.S,"Number",{isInteger:n(109)})},function(t,e,n){var i=n(1);i(i.S,"Number",{isNaN:function(t){return t!=t}})},function(t,e,n){var i=n(1),o=n(109),r=Math.abs;i(i.S,"Number",{isSafeInteger:function(t){return o(t)&&r(t)<=9007199254740991}})},function(t,e,n){var i=n(1);i(i.S,"Number",{MAX_SAFE_INTEGER:9007199254740991})},function(t,e,n){var i=n(1);i(i.S,"Number",{MIN_SAFE_INTEGER:-9007199254740991})},function(t,e,n){var i=n(1),o=n(107);i(i.S+i.F*(Number.parseFloat!=o),"Number",{parseFloat:o})},function(t,e,n){var i=n(1),o=n(106);i(i.S+i.F*(Number.parseInt!=o),"Number",{parseInt:o})},function(t,e,n){var i=n(1),o=n(110),r=Math.sqrt,s=Math.acosh;i(i.S+i.F*!(s&&710==Math.floor(s(Number.MAX_VALUE))&&s(1/0)==1/0),"Math",{acosh:function(t){return(t=+t)<1?NaN:t>94906265.62425156?Math.log(t)+Math.LN2:o(t-1+r(t-1)*r(t+1))}})},function(t,e,n){var i=n(1),o=Math.asinh;i(i.S+i.F*!(o&&1/o(0)>0),"Math",{asinh:function t(e){return isFinite(e=+e)&&0!=e?e<0?-t(-e):Math.log(e+Math.sqrt(e*e+1)):e}})},function(t,e,n){var i=n(1),o=Math.atanh;i(i.S+i.F*!(o&&1/o(-0)<0),"Math",{atanh:function(t){return 0==(t=+t)?t:Math.log((1+t)/(1-t))/2}})},function(t,e,n){var i=n(1),o=n(82);i(i.S,"Math",{cbrt:function(t){return o(t=+t)*Math.pow(Math.abs(t),1/3)}})},function(t,e,n){var i=n(1);i(i.S,"Math",{clz32:function(t){return(t>>>=0)?31-Math.floor(Math.log(t+.5)*Math.LOG2E):32}})},function(t,e,n){var i=n(1),o=Math.exp;i(i.S,"Math",{cosh:function(t){return(o(t=+t)+o(-t))/2}})},function(t,e,n){var i=n(1),o=n(83);i(i.S+i.F*(o!=Math.expm1),"Math",{expm1:o})},function(t,e,n){var i=n(1);i(i.S,"Math",{fround:n(111)})},function(t,e,n){var i=n(1),o=Math.abs;i(i.S,"Math",{hypot:function(t,e){for(var n,i,r=0,s=0,a=arguments.length,l=0;s<a;)l<(n=o(arguments[s++]))?(r=r*(i=l/n)*i+1,l=n):r+=n>0?(i=n/l)*i:n;return l===1/0?1/0:l*Math.sqrt(r)}})},function(t,e,n){var i=n(1),o=Math.imul;i(i.S+i.F*n(5)(function(){return-5!=o(4294967295,5)||2!=o.length}),"Math",{imul:function(t,e){var n=+t,i=+e,o=65535&n,r=65535&i;return 0|o*r+((65535&n>>>16)*r+o*(65535&i>>>16)<<16>>>0)}})},function(t,e,n){var i=n(1);i(i.S,"Math",{log10:function(t){return Math.log(t)*Math.LOG10E}})},function(t,e,n){var i=n(1);i(i.S,"Math",{log1p:n(110)})},function(t,e,n){var i=n(1);i(i.S,"Math",{log2:function(t){return Math.log(t)/Math.LN2}})},function(t,e,n){var i=n(1);i(i.S,"Math",{sign:n(82)})},function(t,e,n){var i=n(1),o=n(83),r=Math.exp;i(i.S+i.F*n(5)(function(){return-2e-17!=!Math.sinh(-2e-17)}),"Math",{sinh:function(t){return Math.abs(t=+t)<1?(o(t)-o(-t))/2:(r(t-1)-r(-t-1))*(Math.E/2)}})},function(t,e,n){var i=n(1),o=n(83),r=Math.exp;i(i.S,"Math",{tanh:function(t){var e=o(t=+t),n=o(-t);return e==1/0?1:n==1/0?-1:(e-n)/(r(t)+r(-t))}})},function(t,e,n){var i=n(1);i(i.S,"Math",{trunc:function(t){return(t>0?Math.floor:Math.ceil)(t)}})},function(t,e,n){var i=n(1),o=n(40),r=String.fromCharCode,s=String.fromCodePoint;i(i.S+i.F*(!!s&&1!=s.length),"String",{fromCodePoint:function(t){for(var e,n=[],i=arguments.length,s=0;i>s;){if(e=+arguments[s++],o(e,1114111)!==e)throw RangeError(e+" is not a valid code point");n.push(e<65536?r(e):r(55296+((e-=65536)>>10),e%1024+56320))}return n.join("")}})},function(t,e,n){var i=n(1),o=n(14),r=n(10);i(i.S,"String",{raw:function(t){for(var e=o(t.raw),n=r(e.length),i=arguments.length,s=[],a=0;n>a;)s.push(String(e[a++])),a<i&&s.push(String(arguments[a]));return s.join("")}})},function(t,e,n){"use strict";n(48)("trim",function(t){return function(){return t(this,3)}})},function(t,e,n){"use strict";var i=n(84)(!0);n(58)(String,"String",function(t){this._t=String(t),this._i=0},function(){var t,e=this._t,n=this._i;return n>=e.length?{value:void 0,done:!0}:(t=i(e,n),this._i+=t.length,{value:t,done:!1})})},function(t,e,n){"use strict";var i=n(1),o=n(84)(!1);i(i.P,"String",{codePointAt:function(t){return o(this,t)}})},function(t,e,n){"use strict";var i=n(1),o=n(10),r=n(85),s="".endsWith;i(i.P+i.F*n(86)("endsWith"),"String",{endsWith:function(t){var e=r(this,t,"endsWith"),n=arguments.length>1?arguments[1]:void 0,i=o(e.length),a=void 0===n?i:Math.min(o(n),i),l=String(t);return s?s.call(e,l,a):e.slice(a-l.length,a)===l}})},function(t,e,n){"use strict";var i=n(1),o=n(85);i(i.P+i.F*n(86)("includes"),"String",{includes:function(t){return!!~o(this,t,"includes").indexOf(t,arguments.length>1?arguments[1]:void 0)}})},function(t,e,n){var i=n(1);i(i.P,"String",{repeat:n(81)})},function(t,e,n){"use strict";var i=n(1),o=n(10),r=n(85),s="".startsWith;i(i.P+i.F*n(86)("startsWith"),"String",{startsWith:function(t){var e=r(this,t,"startsWith"),n=o(Math.min(arguments.length>1?arguments[1]:void 0,e.length)),i=String(t);return s?s.call(e,i,n):e.slice(n,n+i.length)===i}})},function(t,e,n){"use strict";n(20)("anchor",function(t){return function(e){return t(this,"a","name",e)}})},function(t,e,n){"use strict";n(20)("big",function(t){return function(){return t(this,"big","","")}})},function(t,e,n){"use strict";n(20)("blink",function(t){return function(){return t(this,"blink","","")}})},function(t,e,n){"use strict";n(20)("bold",function(t){return function(){return t(this,"b","","")}})},function(t,e,n){"use strict";n(20)("fixed",function(t){return function(){return t(this,"tt","","")}})},function(t,e,n){"use strict";n(20)("fontcolor",function(t){return function(e){return t(this,"font","color",e)}})},function(t,e,n){"use strict";n(20)("fontsize",function(t){return function(e){return t(this,"font","size",e)}})},function(t,e,n){"use strict";n(20)("italics",function(t){return function(){return t(this,"i","","")}})},function(t,e,n){"use strict";n(20)("link",function(t){return function(e){return t(this,"a","href",e)}})},function(t,e,n){"use strict";n(20)("small",function(t){return function(){return t(this,"small","","")}})},function(t,e,n){"use strict";n(20)("strike",function(t){return function(){return t(this,"strike","","")}})},function(t,e,n){"use strict";n(20)("sub",function(t){return function(){return t(this,"sub","","")}})},function(t,e,n){"use strict";n(20)("sup",function(t){return function(){return t(this,"sup","","")}})},function(t,e,n){var i=n(1);i(i.S,"Date",{now:function(){return(new Date).getTime()}})},function(t,e,n){"use strict";var i=n(1),o=n(11),r=n(24);i(i.P+i.F*n(5)(function(){return null!==new Date(NaN).toJSON()||1!==Date.prototype.toJSON.call({toISOString:function(){return 1}})}),"Date",{toJSON:function(t){var e=o(this),n=r(e);return"number"!=typeof n||isFinite(n)?e.toISOString():null}})},function(t,e,n){var i=n(1),o=n(222);i(i.P+i.F*(Date.prototype.toISOString!==o),"Date",{toISOString:o})},function(t,e,n){"use strict";var i=n(5),o=Date.prototype.getTime,r=Date.prototype.toISOString,s=function(t){return t>9?t:"0"+t};t.exports=i(function(){return"0385-07-25T07:06:39.999Z"!=r.call(new Date(-5e13-1))})||!i(function(){r.call(new Date(NaN))})?function(){if(!isFinite(o.call(this)))throw RangeError("Invalid time value");var t=this,e=t.getUTCFullYear(),n=t.getUTCMilliseconds(),i=e<0?"-":e>9999?"+":"";return i+("00000"+Math.abs(e)).slice(i?-6:-4)+"-"+s(t.getUTCMonth()+1)+"-"+s(t.getUTCDate())+"T"+s(t.getUTCHours())+":"+s(t.getUTCMinutes())+":"+s(t.getUTCSeconds())+"."+(n>99?n:"0"+s(n))+"Z"}:r},function(t,e,n){var i=Date.prototype,o=i.toString,r=i.getTime;new Date(NaN)+""!="Invalid Date"&&n(17)(i,"toString",function(){var t=r.call(this);return t==t?o.call(this):"Invalid Date"})},function(t,e,n){var i=n(6)("toPrimitive"),o=Date.prototype;i in o||n(16)(o,i,n(225))},function(t,e,n){"use strict";var i=n(2),o=n(24);t.exports=function(t){if("string"!==t&&"number"!==t&&"default"!==t)throw TypeError("Incorrect hint");return o(i(this),"number"!=t)}},function(t,e,n){var i=n(1);i(i.S,"Array",{isArray:n(57)})},function(t,e,n){"use strict";var i=n(21),o=n(1),r=n(11),s=n(112),a=n(87),l=n(10),c=n(88),u=n(53);o(o.S+o.F*!n(61)(function(t){Array.from(t)}),"Array",{from:function(t){var e,n,o,h,d=r(t),p="function"==typeof this?this:Array,f=arguments.length,v=f>1?arguments[1]:void 0,b=void 0!==v,m=0,g=u(d);if(b&&(v=i(v,f>2?arguments[2]:void 0,2)),null==g||p==Array&&a(g))for(n=new p(e=l(d.length));e>m;m++)c(n,m,b?v(d[m],m):d[m]);else for(h=g.call(d),n=new p;!(o=h.next()).done;m++)c(n,m,b?s(h,v,[o.value,m],!0):o.value);return n.length=m,n}})},function(t,e,n){"use strict";var i=n(1),o=n(88);i(i.S+i.F*n(5)(function(){function t(){}return!(Array.of.call(t)instanceof t)}),"Array",{of:function(){for(var t=0,e=arguments.length,n=new("function"==typeof this?this:Array)(e);e>t;)o(n,t,arguments[t++]);return n.length=e,n}})},function(t,e,n){"use strict";var i=n(1),o=n(14),r=[].join;i(i.P+i.F*(n(51)!=Object||!n(23)(r)),"Array",{join:function(t){return r.call(o(this),void 0===t?",":t)}})},function(t,e,n){"use strict";var i=n(1),o=n(75),r=n(22),s=n(40),a=n(10),l=[].slice;i(i.P+i.F*n(5)(function(){o&&l.call(o)}),"Array",{slice:function(t,e){var n=a(this.length),i=r(this);if(e=void 0===e?n:e,"Array"==i)return l.call(this,t,e);for(var o=s(t,n),c=s(e,n),u=a(c-o),h=new Array(u),d=0;d<u;d++)h[d]="String"==i?this.charAt(o+d):this[o+d];return h}})},function(t,e,n){"use strict";var i=n(1),o=n(12),r=n(11),s=n(5),a=[].sort,l=[1,2,3];i(i.P+i.F*(s(function(){l.sort(void 0)})||!s(function(){l.sort(null)})||!n(23)(a)),"Array",{sort:function(t){return void 0===t?a.call(r(this)):a.call(r(this),o(t))}})},function(t,e,n){"use strict";var i=n(1),o=n(28)(0),r=n(23)([].forEach,!0);i(i.P+i.F*!r,"Array",{forEach:function(t){return o(this,t,arguments[1])}})},function(t,e,n){var i=n(4),o=n(57),r=n(6)("species");t.exports=function(t){var e;return o(t)&&("function"!=typeof(e=t.constructor)||e!==Array&&!o(e.prototype)||(e=void 0),i(e)&&null===(e=e[r])&&(e=void 0)),void 0===e?Array:e}},function(t,e,n){"use strict";var i=n(1),o=n(28)(1);i(i.P+i.F*!n(23)([].map,!0),"Array",{map:function(t){return o(this,t,arguments[1])}})},function(t,e,n){"use strict";var i=n(1),o=n(28)(2);i(i.P+i.F*!n(23)([].filter,!0),"Array",{filter:function(t){return o(this,t,arguments[1])}})},function(t,e,n){"use strict";var i=n(1),o=n(28)(3);i(i.P+i.F*!n(23)([].some,!0),"Array",{some:function(t){return o(this,t,arguments[1])}})},function(t,e,n){"use strict";var i=n(1),o=n(28)(4);i(i.P+i.F*!n(23)([].every,!0),"Array",{every:function(t){return o(this,t,arguments[1])}})},function(t,e,n){"use strict";var i=n(1),o=n(113);i(i.P+i.F*!n(23)([].reduce,!0),"Array",{reduce:function(t){return o(this,t,arguments.length,arguments[1],!1)}})},function(t,e,n){"use strict";var i=n(1),o=n(113);i(i.P+i.F*!n(23)([].reduceRight,!0),"Array",{reduceRight:function(t){return o(this,t,arguments.length,arguments[1],!0)}})},function(t,e,n){"use strict";var i=n(1),o=n(55)(!1),r=[].indexOf,s=!!r&&1/[1].indexOf(1,-0)<0;i(i.P+i.F*(s||!n(23)(r)),"Array",{indexOf:function(t){return s?r.apply(this,arguments)||0:o(this,t,arguments[1])}})},function(t,e,n){"use strict";var i=n(1),o=n(14),r=n(26),s=n(10),a=[].lastIndexOf,l=!!a&&1/[1].lastIndexOf(1,-0)<0;i(i.P+i.F*(l||!n(23)(a)),"Array",{lastIndexOf:function(t){if(l)return a.apply(this,arguments)||0;var e=o(this),n=s(e.length),i=n-1;for(arguments.length>1&&(i=Math.min(i,r(arguments[1]))),i<0&&(i=n+i);i>=0;i--)if(i in e&&e[i]===t)return i||0;return-1}})},function(t,e,n){var i=n(1);i(i.P,"Array",{copyWithin:n(114)}),n(36)("copyWithin")},function(t,e,n){var i=n(1);i(i.P,"Array",{fill:n(90)}),n(36)("fill")},function(t,e,n){"use strict";var i=n(1),o=n(28)(5),r=!0;"find"in[]&&Array(1).find(function(){r=!1}),i(i.P+i.F*r,"Array",{find:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n(36)("find")},function(t,e,n){"use strict";var i=n(1),o=n(28)(6),r="findIndex",s=!0;r in[]&&Array(1)[r](function(){s=!1}),i(i.P+i.F*s,"Array",{findIndex:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n(36)(r)},function(t,e,n){n(44)("Array")},function(t,e,n){var i=n(3),o=n(80),r=n(8).f,s=n(41).f,a=n(60),l=n(62),c=i.RegExp,u=c,h=c.prototype,d=/a/g,p=/a/g,f=new c(d)!==d;if(n(9)&&(!f||n(5)(function(){return p[n(6)("match")]=!1,c(d)!=d||c(p)==p||"/a/i"!=c(d,"i")}))){c=function(t,e){var n=this instanceof c,i=a(t),r=void 0===e;return!n&&i&&t.constructor===c&&r?t:o(f?new u(i&&!r?t.source:t,e):u((i=t instanceof c)?t.source:t,i&&r?l.call(t):e),n?this:h,c)};for(var v=function(t){t in c||r(c,t,{configurable:!0,get:function(){return u[t]},set:function(e){u[t]=e}})},b=s(u),m=0;b.length>m;)v(b[m++]);h.constructor=c,c.prototype=h,n(17)(i,"RegExp",c)}n(44)("RegExp")},function(t,e,n){"use strict";n(115);var i=n(2),o=n(62),r=n(9),s=/./.toString,a=function(t){n(17)(RegExp.prototype,"toString",t,!0)};n(5)(function(){return"/a/b"!=s.call({source:"a",flags:"b"})})?a(function(){var t=i(this);return"/".concat(t.source,"/","flags"in t?t.flags:!r&&t instanceof RegExp?o.call(t):void 0)}):"toString"!=s.name&&a(function(){return s.call(this)})},function(t,e,n){n(63)("match",1,function(t,e,n){return[function(n){"use strict";var i=t(this),o=null==n?void 0:n[e];return void 0!==o?o.call(n,i):new RegExp(n)[e](String(i))},n]})},function(t,e,n){n(63)("replace",2,function(t,e,n){return[function(i,o){"use strict";var r=t(this),s=null==i?void 0:i[e];return void 0!==s?s.call(i,r,o):n.call(String(r),i,o)},n]})},function(t,e,n){n(63)("search",1,function(t,e,n){return[function(n){"use strict";var i=t(this),o=null==n?void 0:n[e];return void 0!==o?o.call(n,i):new RegExp(n)[e](String(i))},n]})},function(t,e,n){n(63)("split",2,function(t,e,i){"use strict";var o=n(60),r=i,s=[].push;if("c"=="abbc".split(/(b)*/)[1]||4!="test".split(/(?:)/,-1).length||2!="ab".split(/(?:ab)*/).length||4!=".".split(/(.?)(.?)/).length||".".split(/()()/).length>1||"".split(/.?/).length){var a=void 0===/()??/.exec("")[1];i=function(t,e){var n=String(this);if(void 0===t&&0===e)return[];if(!o(t))return r.call(n,t,e);var i,l,c,u,h,d=[],p=(t.ignoreCase?"i":"")+(t.multiline?"m":"")+(t.unicode?"u":"")+(t.sticky?"y":""),f=0,v=void 0===e?4294967295:e>>>0,b=new RegExp(t.source,p+"g");for(a||(i=new RegExp("^"+b.source+"$(?!\\s)",p));(l=b.exec(n))&&!((c=l.index+l[0].length)>f&&(d.push(n.slice(f,l.index)),!a&&l.length>1&&l[0].replace(i,function(){for(h=1;h<arguments.length-2;h++)void 0===arguments[h]&&(l[h]=void 0)}),l.length>1&&l.index<n.length&&s.apply(d,l.slice(1)),u=l[0].length,f=c,d.length>=v));)b.lastIndex===l.index&&b.lastIndex++;return f===n.length?!u&&b.test("")||d.push(""):d.push(n.slice(f)),d.length>v?d.slice(0,v):d}}else"0".split(void 0,0).length&&(i=function(t,e){return void 0===t&&0===e?[]:r.call(this,t,e)});return[function(n,o){var r=t(this),s=null==n?void 0:n[e];return void 0!==s?s.call(n,r,o):i.call(String(r),n,o)},i]})},function(t,e,n){"use strict";var i,o,r,s,a=n(35),l=n(3),c=n(21),u=n(42),h=n(1),d=n(4),p=n(12),f=n(45),v=n(37),b=n(64),m=n(93).set,g=n(94)(),y=n(95),x=n(116),_=n(65),w=n(117),S=l.TypeError,E=l.process,k=E&&E.versions,M=k&&k.v8||"",A=l.Promise,I="process"==u(E),C=function(){},T=o=y.f,N=!!function(){try{var t=A.resolve(1),e=(t.constructor={})[n(6)("species")]=function(t){t(C,C)};return(I||"function"==typeof PromiseRejectionEvent)&&t.then(C)instanceof e&&0!==M.indexOf("6.6")&&-1===_.indexOf("Chrome/66")}catch(t){}}(),P=function(t){var e;return!(!d(t)||"function"!=typeof(e=t.then))&&e},O=function(t,e){if(!t._n){t._n=!0;var n=t._c;g(function(){for(var i=t._v,o=1==t._s,r=0,s=function(e){var n,r,s,a=o?e.ok:e.fail,l=e.resolve,c=e.reject,u=e.domain;try{a?(o||(2==t._h&&F(t),t._h=1),!0===a?n=i:(u&&u.enter(),n=a(i),u&&(u.exit(),s=!0)),n===e.promise?c(S("Promise-chain cycle")):(r=P(n))?r.call(n,l,c):l(n)):c(i)}catch(t){u&&!s&&u.exit(),c(t)}};n.length>r;)s(n[r++]);t._c=[],t._n=!1,e&&!t._h&&R(t)})}},R=function(t){m.call(l,function(){var e,n,i,o=t._v,r=$(t);if(r&&(e=x(function(){I?E.emit("unhandledRejection",o,t):(n=l.onunhandledrejection)?n({promise:t,reason:o}):(i=l.console)&&i.error&&i.error("Unhandled promise rejection",o)}),t._h=I||$(t)?2:1),t._a=void 0,r&&e.e)throw e.v})},$=function(t){return 1!==t._h&&0===(t._a||t._c).length},F=function(t){m.call(l,function(){var e;I?E.emit("rejectionHandled",t):(e=l.onrejectionhandled)&&e({promise:t,reason:t._v})})},z=function(t){var e=this;e._d||(e._d=!0,(e=e._w||e)._v=t,e._s=2,e._a||(e._a=e._c.slice()),O(e,!0))},D=function(t){var e,n=this;if(!n._d){n._d=!0,n=n._w||n;try{if(n===t)throw S("Promise can't be resolved itself");(e=P(t))?g(function(){var i={_w:n,_d:!1};try{e.call(t,c(D,i,1),c(z,i,1))}catch(t){z.call(i,t)}}):(n._v=t,n._s=1,O(n,!1))}catch(t){z.call({_w:n,_d:!1},t)}}};N||(A=function(t){f(this,A,"Promise","_h"),p(t),i.call(this);try{t(c(D,this,1),c(z,this,1))}catch(t){z.call(this,t)}},(i=function(t){this._c=[],this._a=void 0,this._s=0,this._d=!1,this._v=void 0,this._h=0,this._n=!1}).prototype=n(46)(A.prototype,{then:function(t,e){var n=T(b(this,A));return n.ok="function"!=typeof t||t,n.fail="function"==typeof e&&e,n.domain=I?E.domain:void 0,this._c.push(n),this._a&&this._a.push(n),this._s&&O(this,!1),n.promise},catch:function(t){return this.then(void 0,t)}}),r=function(){var t=new i;this.promise=t,this.resolve=c(D,t,1),this.reject=c(z,t,1)},y.f=T=function(t){return t===A||t===s?new r(t):o(t)}),h(h.G+h.W+h.F*!N,{Promise:A}),n(47)(A,"Promise"),n(44)("Promise"),s=n(13).Promise,h(h.S+h.F*!N,"Promise",{reject:function(t){var e=T(this);return(0,e.reject)(t),e.promise}}),h(h.S+h.F*(a||!N),"Promise",{resolve:function(t){return w(a&&this===s?A:this,t)}}),h(h.S+h.F*!(N&&n(61)(function(t){A.all(t).catch(C)})),"Promise",{all:function(t){var e=this,n=T(e),i=n.resolve,o=n.reject,r=x(function(){var n=[],r=0,s=1;v(t,!1,function(t){var a=r++,l=!1;n.push(void 0),s++,e.resolve(t).then(function(t){l||(l=!0,n[a]=t,--s||i(n))},o)}),--s||i(n)});return r.e&&o(r.v),n.promise},race:function(t){var e=this,n=T(e),i=n.reject,o=x(function(){v(t,!1,function(t){e.resolve(t).then(n.resolve,i)})});return o.e&&i(o.v),n.promise}})},function(t,e,n){"use strict";var i=n(122),o=n(49);n(66)("WeakSet",function(t){return function(){return t(this,arguments.length>0?arguments[0]:void 0)}},{add:function(t){return i.def(o(this,"WeakSet"),t,!0)}},i,!1,!0)},function(t,e,n){"use strict";var i=n(1),o=n(67),r=n(96),s=n(2),a=n(40),l=n(10),c=n(4),u=n(3).ArrayBuffer,h=n(64),d=r.ArrayBuffer,p=r.DataView,f=o.ABV&&u.isView,v=d.prototype.slice,b=o.VIEW;i(i.G+i.W+i.F*(u!==d),{ArrayBuffer:d}),i(i.S+i.F*!o.CONSTR,"ArrayBuffer",{isView:function(t){return f&&f(t)||c(t)&&b in t}}),i(i.P+i.U+i.F*n(5)(function(){return!new d(2).slice(1,void 0).byteLength}),"ArrayBuffer",{slice:function(t,e){if(void 0!==v&&void 0===e)return v.call(s(this),t);for(var n=s(this).byteLength,i=a(t,n),o=a(void 0===e?n:e,n),r=new(h(this,d))(l(o-i)),c=new p(this),u=new p(r),f=0;i<o;)u.setUint8(f++,c.getUint8(i++));return r}}),n(44)("ArrayBuffer")},function(t,e,n){var i=n(1);i(i.G+i.W+i.F*!n(67).ABV,{DataView:n(96).DataView})},function(t,e,n){n(31)("Int8",1,function(t){return function(e,n,i){return t(this,e,n,i)}})},function(t,e,n){n(31)("Uint8",1,function(t){return function(e,n,i){return t(this,e,n,i)}})},function(t,e,n){n(31)("Uint8",1,function(t){return function(e,n,i){return t(this,e,n,i)}},!0)},function(t,e,n){n(31)("Int16",2,function(t){return function(e,n,i){return t(this,e,n,i)}})},function(t,e,n){n(31)("Uint16",2,function(t){return function(e,n,i){return t(this,e,n,i)}})},function(t,e,n){n(31)("Int32",4,function(t){return function(e,n,i){return t(this,e,n,i)}})},function(t,e,n){n(31)("Uint32",4,function(t){return function(e,n,i){return t(this,e,n,i)}})},function(t,e,n){n(31)("Float32",4,function(t){return function(e,n,i){return t(this,e,n,i)}})},function(t,e,n){n(31)("Float64",8,function(t){return function(e,n,i){return t(this,e,n,i)}})},function(t,e,n){var i=n(1),o=n(12),r=n(2),s=(n(3).Reflect||{}).apply,a=Function.apply;i(i.S+i.F*!n(5)(function(){s(function(){})}),"Reflect",{apply:function(t,e,n){var i=o(t),l=r(n);return s?s(i,e,l):a.call(i,e,l)}})},function(t,e,n){var i=n(1),o=n(30),r=n(12),s=n(2),a=n(4),l=n(5),c=n(105),u=(n(3).Reflect||{}).construct,h=l(function(){function t(){}return!(u(function(){},[],t)instanceof t)}),d=!l(function(){u(function(){})});i(i.S+i.F*(h||d),"Reflect",{construct:function(t,e){r(t),s(e);var n=arguments.length<3?t:r(arguments[2]);if(d&&!h)return u(t,e,n);if(t==n){switch(e.length){case 0:return new t;case 1:return new t(e[0]);case 2:return new t(e[0],e[1]);case 3:return new t(e[0],e[1],e[2]);case 4:return new t(e[0],e[1],e[2],e[3])}var i=[null];return i.push.apply(i,e),new(c.apply(t,i))}var l=n.prototype,p=o(a(l)?l:Object.prototype),f=Function.apply.call(t,p,e);return a(f)?f:p}})},function(t,e,n){var i=n(8),o=n(1),r=n(2),s=n(24);o(o.S+o.F*n(5)(function(){Reflect.defineProperty(i.f({},1,{value:1}),1,{value:2})}),"Reflect",{defineProperty:function(t,e,n){r(t),e=s(e,!0),r(n);try{return i.f(t,e,n),!0}catch(t){return!1}}})},function(t,e,n){var i=n(1),o=n(18).f,r=n(2);i(i.S,"Reflect",{deleteProperty:function(t,e){var n=o(r(t),e);return!(n&&!n.configurable)&&delete t[e]}})},function(t,e,n){"use strict";var i=n(1),o=n(2),r=function(t){this._t=o(t),this._i=0;var e,n=this._k=[];for(e in t)n.push(e)};n(59)(r,"Object",function(){var t,e=this._k;do{if(this._i>=e.length)return{value:void 0,done:!0}}while(!((t=e[this._i++])in this._t));return{value:t,done:!1}}),i(i.S,"Reflect",{enumerate:function(t){return new r(t)}})},function(t,e,n){var i=n(18),o=n(19),r=n(15),s=n(1),a=n(4),l=n(2);s(s.S,"Reflect",{get:function t(e,n){var s,c,u=arguments.length<3?e:arguments[2];return l(e)===u?e[n]:(s=i.f(e,n))?r(s,"value")?s.value:void 0!==s.get?s.get.call(u):void 0:a(c=o(e))?t(c,n,u):void 0}})},function(t,e,n){var i=n(18),o=n(1),r=n(2);o(o.S,"Reflect",{getOwnPropertyDescriptor:function(t,e){return i.f(r(t),e)}})},function(t,e,n){var i=n(1),o=n(19),r=n(2);i(i.S,"Reflect",{getPrototypeOf:function(t){return o(r(t))}})},function(t,e,n){var i=n(1);i(i.S,"Reflect",{has:function(t,e){return e in t}})},function(t,e,n){var i=n(1),o=n(2),r=Object.isExtensible;i(i.S,"Reflect",{isExtensible:function(t){return o(t),!r||r(t)}})},function(t,e,n){var i=n(1);i(i.S,"Reflect",{ownKeys:n(97)})},function(t,e,n){var i=n(1),o=n(2),r=Object.preventExtensions;i(i.S,"Reflect",{preventExtensions:function(t){o(t);try{return r&&r(t),!0}catch(t){return!1}}})},function(t,e,n){var i=n(8),o=n(18),r=n(19),s=n(15),a=n(1),l=n(33),c=n(2),u=n(4);a(a.S,"Reflect",{set:function t(e,n,a){var h,d,p=arguments.length<4?e:arguments[3],f=o.f(c(e),n);if(!f){if(u(d=r(e)))return t(d,n,a,p);f=l(0)}if(s(f,"value")){if(!1===f.writable||!u(p))return!1;if(h=o.f(p,n)){if(h.get||h.set||!1===h.writable)return!1;h.value=a,i.f(p,n,h)}else i.f(p,n,l(0,a));return!0}return void 0!==f.set&&(f.set.call(p,a),!0)}})},function(t,e,n){var i=n(1),o=n(77);o&&i(i.S,"Reflect",{setPrototypeOf:function(t,e){o.check(t,e);try{return o.set(t,e),!0}catch(t){return!1}}})},function(t,e,n){"use strict";var i=n(1),o=n(55)(!0);i(i.P,"Array",{includes:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0)}}),n(36)("includes")},function(t,e,n){"use strict";var i=n(1),o=n(124),r=n(11),s=n(10),a=n(12),l=n(89);i(i.P,"Array",{flatMap:function(t){var e,n,i=r(this);return a(t),e=s(i.length),n=l(i,0),o(n,i,i,e,0,1,t,arguments[1]),n}}),n(36)("flatMap")},function(t,e,n){"use strict";var i=n(1),o=n(124),r=n(11),s=n(10),a=n(26),l=n(89);i(i.P,"Array",{flatten:function(){var t=arguments[0],e=r(this),n=s(e.length),i=l(e,0);return o(i,e,e,n,0,void 0===t?1:a(t)),i}}),n(36)("flatten")},function(t,e,n){"use strict";var i=n(1),o=n(84)(!0);i(i.P,"String",{at:function(t){return o(this,t)}})},function(t,e,n){"use strict";var i=n(1),o=n(125),r=n(65);i(i.P+i.F*/Version\/10\.\d+(\.\d+)? Safari\//.test(r),"String",{padStart:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0,!0)}})},function(t,e,n){"use strict";var i=n(1),o=n(125),r=n(65);i(i.P+i.F*/Version\/10\.\d+(\.\d+)? Safari\//.test(r),"String",{padEnd:function(t){return o(this,t,arguments.length>1?arguments[1]:void 0,!1)}})},function(t,e,n){"use strict";n(48)("trimLeft",function(t){return function(){return t(this,1)}},"trimStart")},function(t,e,n){"use strict";n(48)("trimRight",function(t){return function(){return t(this,2)}},"trimEnd")},function(t,e,n){"use strict";var i=n(1),o=n(25),r=n(10),s=n(60),a=n(62),l=RegExp.prototype,c=function(t,e){this._r=t,this._s=e};n(59)(c,"RegExp String",function(){var t=this._r.exec(this._s);return{value:t,done:null===t}}),i(i.P,"String",{matchAll:function(t){if(o(this),!s(t))throw TypeError(t+" is not a regexp!");var e=String(this),n="flags"in l?String(t.flags):a.call(t),i=new RegExp(t.source,~n.indexOf("g")?n:"g"+n);return i.lastIndex=r(t.lastIndex),new c(i,e)}})},function(t,e,n){n(72)("asyncIterator")},function(t,e,n){n(72)("observable")},function(t,e,n){var i=n(1),o=n(97),r=n(14),s=n(18),a=n(88);i(i.S,"Object",{getOwnPropertyDescriptors:function(t){for(var e,n,i=r(t),l=s.f,c=o(i),u={},h=0;c.length>h;)void 0!==(n=l(i,e=c[h++]))&&a(u,e,n);return u}})},function(t,e,n){var i=n(1),o=n(126)(!1);i(i.S,"Object",{values:function(t){return o(t)}})},function(t,e,n){var i=n(1),o=n(126)(!0);i(i.S,"Object",{entries:function(t){return o(t)}})},function(t,e,n){"use strict";var i=n(1),o=n(11),r=n(12),s=n(8);n(9)&&i(i.P+n(68),"Object",{__defineGetter__:function(t,e){s.f(o(this),t,{get:r(e),enumerable:!0,configurable:!0})}})},function(t,e,n){"use strict";var i=n(1),o=n(11),r=n(12),s=n(8);n(9)&&i(i.P+n(68),"Object",{__defineSetter__:function(t,e){s.f(o(this),t,{set:r(e),enumerable:!0,configurable:!0})}})},function(t,e,n){"use strict";var i=n(1),o=n(11),r=n(24),s=n(19),a=n(18).f;n(9)&&i(i.P+n(68),"Object",{__lookupGetter__:function(t){var e,n=o(this),i=r(t,!0);do{if(e=a(n,i))return e.get}while(n=s(n))}})},function(t,e,n){"use strict";var i=n(1),o=n(11),r=n(24),s=n(19),a=n(18).f;n(9)&&i(i.P+n(68),"Object",{__lookupSetter__:function(t){var e,n=o(this),i=r(t,!0);do{if(e=a(n,i))return e.set}while(n=s(n))}})},function(t,e,n){var i=n(1);i(i.P+i.R,"Map",{toJSON:n(127)("Map")})},function(t,e,n){var i=n(1);i(i.P+i.R,"Set",{toJSON:n(127)("Set")})},function(t,e,n){n(69)("Map")},function(t,e,n){n(69)("Set")},function(t,e,n){n(69)("WeakMap")},function(t,e,n){n(69)("WeakSet")},function(t,e,n){n(70)("Map")},function(t,e,n){n(70)("Set")},function(t,e,n){n(70)("WeakMap")},function(t,e,n){n(70)("WeakSet")},function(t,e,n){var i=n(1);i(i.G,{global:n(3)})},function(t,e,n){var i=n(1);i(i.S,"System",{global:n(3)})},function(t,e,n){var i=n(1),o=n(22);i(i.S,"Error",{isError:function(t){return"Error"===o(t)}})},function(t,e,n){var i=n(1);i(i.S,"Math",{clamp:function(t,e,n){return Math.min(n,Math.max(e,t))}})},function(t,e,n){var i=n(1);i(i.S,"Math",{DEG_PER_RAD:Math.PI/180})},function(t,e,n){var i=n(1),o=180/Math.PI;i(i.S,"Math",{degrees:function(t){return t*o}})},function(t,e,n){var i=n(1),o=n(129),r=n(111);i(i.S,"Math",{fscale:function(t,e,n,i,s){return r(o(t,e,n,i,s))}})},function(t,e,n){var i=n(1);i(i.S,"Math",{iaddh:function(t,e,n,i){var o=t>>>0,r=n>>>0;return(e>>>0)+(i>>>0)+((o&r|(o|r)&~(o+r>>>0))>>>31)|0}})},function(t,e,n){var i=n(1);i(i.S,"Math",{isubh:function(t,e,n,i){var o=t>>>0,r=n>>>0;return(e>>>0)-(i>>>0)-((~o&r|~(o^r)&o-r>>>0)>>>31)|0}})},function(t,e,n){var i=n(1);i(i.S,"Math",{imulh:function(t,e){var n=+t,i=+e,o=65535&n,r=65535&i,s=n>>16,a=i>>16,l=(s*r>>>0)+(o*r>>>16);return s*a+(l>>16)+((o*a>>>0)+(65535&l)>>16)}})},function(t,e,n){var i=n(1);i(i.S,"Math",{RAD_PER_DEG:180/Math.PI})},function(t,e,n){var i=n(1),o=Math.PI/180;i(i.S,"Math",{radians:function(t){return t*o}})},function(t,e,n){var i=n(1);i(i.S,"Math",{scale:n(129)})},function(t,e,n){var i=n(1);i(i.S,"Math",{umulh:function(t,e){var n=+t,i=+e,o=65535&n,r=65535&i,s=n>>>16,a=i>>>16,l=(s*r>>>0)+(o*r>>>16);return s*a+(l>>>16)+((o*a>>>0)+(65535&l)>>>16)}})},function(t,e,n){var i=n(1);i(i.S,"Math",{signbit:function(t){return(t=+t)!=t?t:0==t?1/t==1/0:t>0}})},function(t,e,n){"use strict";var i=n(1),o=n(13),r=n(3),s=n(64),a=n(117);i(i.P+i.R,"Promise",{finally:function(t){var e=s(this,o.Promise||r.Promise),n="function"==typeof t;return this.then(n?function(n){return a(e,t()).then(function(){return n})}:t,n?function(n){return a(e,t()).then(function(){throw n})}:t)}})},function(t,e,n){"use strict";var i=n(1),o=n(95),r=n(116);i(i.S,"Promise",{try:function(t){var e=o.f(this),n=r(t);return(n.e?e.reject:e.resolve)(n.v),e.promise}})},function(t,e,n){var i=n(32),o=n(2),r=i.key,s=i.set;i.exp({defineMetadata:function(t,e,n,i){s(t,e,o(n),r(i))}})},function(t,e,n){var i=n(32),o=n(2),r=i.key,s=i.map,a=i.store;i.exp({deleteMetadata:function(t,e){var n=arguments.length<3?void 0:r(arguments[2]),i=s(o(e),n,!1);if(void 0===i||!i.delete(t))return!1;if(i.size)return!0;var l=a.get(e);return l.delete(n),!!l.size||a.delete(e)}})},function(t,e,n){var i=n(32),o=n(2),r=n(19),s=i.has,a=i.get,l=i.key,c=function(t,e,n){if(s(t,e,n))return a(t,e,n);var i=r(e);return null!==i?c(t,i,n):void 0};i.exp({getMetadata:function(t,e){return c(t,o(e),arguments.length<3?void 0:l(arguments[2]))}})},function(t,e,n){var i=n(120),o=n(128),r=n(32),s=n(2),a=n(19),l=r.keys,c=r.key,u=function(t,e){var n=l(t,e),r=a(t);if(null===r)return n;var s=u(r,e);return s.length?n.length?o(new i(n.concat(s))):s:n};r.exp({getMetadataKeys:function(t){return u(s(t),arguments.length<2?void 0:c(arguments[1]))}})},function(t,e,n){var i=n(32),o=n(2),r=i.get,s=i.key;i.exp({getOwnMetadata:function(t,e){return r(t,o(e),arguments.length<3?void 0:s(arguments[2]))}})},function(t,e,n){var i=n(32),o=n(2),r=i.keys,s=i.key;i.exp({getOwnMetadataKeys:function(t){return r(o(t),arguments.length<2?void 0:s(arguments[1]))}})},function(t,e,n){var i=n(32),o=n(2),r=n(19),s=i.has,a=i.key,l=function(t,e,n){if(s(t,e,n))return!0;var i=r(e);return null!==i&&l(t,i,n)};i.exp({hasMetadata:function(t,e){return l(t,o(e),arguments.length<3?void 0:a(arguments[2]))}})},function(t,e,n){var i=n(32),o=n(2),r=i.has,s=i.key;i.exp({hasOwnMetadata:function(t,e){return r(t,o(e),arguments.length<3?void 0:s(arguments[2]))}})},function(t,e,n){var i=n(32),o=n(2),r=n(12),s=i.key,a=i.set;i.exp({metadata:function(t,e){return function(n,i){a(t,e,(void 0!==i?o:r)(n),s(i))}}})},function(t,e,n){var i=n(1),o=n(94)(),r=n(3).process,s="process"==n(22)(r);i(i.G,{asap:function(t){var e=s&&r.domain;o(e?e.bind(t):t)}})},function(t,e,n){"use strict";var i=n(1),o=n(3),r=n(13),s=n(94)(),a=n(6)("observable"),l=n(12),c=n(2),u=n(45),h=n(46),d=n(16),p=n(37),f=p.RETURN,v=function(t){return null==t?void 0:l(t)},b=function(t){var e=t._c;e&&(t._c=void 0,e())},m=function(t){return void 0===t._o},g=function(t){m(t)||(t._o=void 0,b(t))},y=function(t,e){c(t),this._c=void 0,this._o=t,t=new x(this);try{var n=e(t),i=n;null!=n&&("function"==typeof n.unsubscribe?n=function(){i.unsubscribe()}:l(n),this._c=n)}catch(e){return void t.error(e)}m(this)&&b(this)};y.prototype=h({},{unsubscribe:function(){g(this)}});var x=function(t){this._s=t};x.prototype=h({},{next:function(t){var e=this._s;if(!m(e)){var n=e._o;try{var i=v(n.next);if(i)return i.call(n,t)}catch(t){try{g(e)}finally{throw t}}}},error:function(t){var e=this._s;if(m(e))throw t;var n=e._o;e._o=void 0;try{var i=v(n.error);if(!i)throw t;t=i.call(n,t)}catch(t){try{b(e)}finally{throw t}}return b(e),t},complete:function(t){var e=this._s;if(!m(e)){var n=e._o;e._o=void 0;try{var i=v(n.complete);t=i?i.call(n,t):void 0}catch(t){try{b(e)}finally{throw t}}return b(e),t}}});var _=function(t){u(this,_,"Observable","_f")._f=l(t)};h(_.prototype,{subscribe:function(t){return new y(t,this._f)},forEach:function(t){var e=this;return new(r.Promise||o.Promise)(function(n,i){l(t);var o=e.subscribe({next:function(e){try{return t(e)}catch(t){i(t),o.unsubscribe()}},error:i,complete:n})})}}),h(_,{from:function(t){var e="function"==typeof this?this:_,n=v(c(t)[a]);if(n){var i=c(n.call(t));return i.constructor===e?i:new e(function(t){return i.subscribe(t)})}return new e(function(e){var n=!1;return s(function(){if(!n){try{if(p(t,!1,function(t){if(e.next(t),n)return f})===f)return}catch(t){if(n)throw t;return void e.error(t)}e.complete()}}),function(){n=!0}})},of:function(){for(var t=0,e=arguments.length,n=new Array(e);t<e;)n[t]=arguments[t++];return new("function"==typeof this?this:_)(function(t){var e=!1;return s(function(){if(!e){for(var i=0;i<n.length;++i)if(t.next(n[i]),e)return;t.complete()}}),function(){e=!0}})}}),d(_.prototype,a,function(){return this}),i(i.G,{Observable:_}),n(44)("Observable")},function(t,e,n){var i=n(3),o=n(1),r=n(65),s=[].slice,a=/MSIE .\./.test(r),l=function(t){return function(e,n){var i=arguments.length>2,o=!!i&&s.call(arguments,2);return t(i?function(){("function"==typeof e?e:Function(e)).apply(this,o)}:e,n)}};o(o.G+o.B+o.F*a,{setTimeout:l(i.setTimeout),setInterval:l(i.setInterval)})},function(t,e,n){var i=n(1),o=n(93);i(i.G+i.B,{setImmediate:o.set,clearImmediate:o.clear})},function(t,e,n){for(var i=n(91),o=n(29),r=n(17),s=n(3),a=n(16),l=n(43),c=n(6),u=c("iterator"),h=c("toStringTag"),d=l.Array,p={CSSRuleList:!0,CSSStyleDeclaration:!1,CSSValueList:!1,ClientRectList:!1,DOMRectList:!1,DOMStringList:!1,DOMTokenList:!0,DataTransferItemList:!1,FileList:!1,HTMLAllCollection:!1,HTMLCollection:!1,HTMLFormElement:!1,HTMLSelectElement:!1,MediaList:!0,MimeTypeArray:!1,NamedNodeMap:!1,NodeList:!0,PaintRequestList:!1,Plugin:!1,PluginArray:!1,SVGLengthList:!1,SVGNumberList:!1,SVGPathSegList:!1,SVGPointList:!1,SVGStringList:!1,SVGTransformList:!1,SourceBufferList:!1,StyleSheetList:!0,TextTrackCueList:!1,TextTrackList:!1,TouchList:!1},f=o(p),v=0;v<f.length;v++){var b,m=f[v],g=p[m],y=s[m],x=y&&y.prototype;if(x&&(x[u]||a(x,u,d),x[h]||a(x,h,m),l[m]=d,g))for(b in i)x[b]||r(x,b,i[b],!0)}},function(t,e,n){"use strict";var i=n(21),o=n(1),r=n(33),s=n(76),a=n(30),l=n(19),c=n(29),u=n(8),h=n(340),d=n(12),p=n(37),f=n(130),v=n(59),b=n(92),m=n(4),g=n(14),y=n(9),x=n(15),_=function(t){var e=1==t,n=4==t;return function(o,r,s){var a,l,c,u=i(r,s,3),h=g(o),d=e||7==t||2==t?new("function"==typeof this?this:k):void 0;for(a in h)if(x(h,a)&&(c=u(l=h[a],a,o),t))if(e)d[a]=c;else if(c)switch(t){case 2:d[a]=l;break;case 3:return!0;case 5:return l;case 6:return a;case 7:d[c[0]]=c[1]}else if(n)return!1;return 3==t||n?n:d}},w=_(6),S=function(t){return function(e){return new E(e,t)}},E=function(t,e){this._t=g(t),this._a=c(t),this._i=0,this._k=e};function k(t){var e=a(null);return null!=t&&(f(t)?p(t,!0,function(t,n){e[t]=n}):s(e,t)),e}v(E,"Dict",function(){var t,e=this._t,n=this._a,i=this._k;do{if(this._i>=n.length)return this._t=void 0,b(1)}while(!x(e,t=n[this._i++]));return b(0,"keys"==i?t:"values"==i?e[t]:[t,e[t]])}),k.prototype=null,o(o.G+o.F,{Dict:k}),o(o.S,"Dict",{keys:S("keys"),values:S("values"),entries:S("entries"),forEach:_(0),map:_(1),filter:_(2),some:_(3),every:_(4),find:_(5),findKey:w,mapPairs:_(7),reduce:function(t,e,n){d(e);var i,o,r=g(t),s=c(r),a=s.length,l=0;if(arguments.length<3){if(!a)throw TypeError("Reduce of empty object with no initial value");i=r[s[l++]]}else i=Object(n);for(;a>l;)x(r,o=s[l++])&&(i=e(i,r[o],o,t));return i},keyOf:h,includes:function(t,e){return void 0!==(e==e?h(t,e):w(t,function(t){return t!=t}))},has:x,get:function(t,e){if(x(t,e))return t[e]},set:function(t,e,n){return y&&e in Object?u.f(t,e,r(0,n)):t[e]=n,t},isDict:function(t){return m(t)&&l(t)===k.prototype}})},function(t,e,n){var i=n(29),o=n(14);t.exports=function(t,e){for(var n,r=o(t),s=i(r),a=s.length,l=0;a>l;)if(r[n=s[l++]]===e)return n}},function(t,e,n){var i=n(2),o=n(53);t.exports=n(13).getIterator=function(t){var e=o(t);if("function"!=typeof e)throw TypeError(t+" is not iterable!");return i(e.call(t))}},function(t,e,n){var i=n(3),o=n(13),r=n(1),s=n(131);r(r.G+r.F,{delay:function(t){return new(o.Promise||i.Promise)(function(e){setTimeout(s.call(e,!0),t)})}})},function(t,e,n){var i=n(132),o=n(1);n(13)._=i._=i._||{},o(o.P+o.F,"Function",{part:n(131)})},function(t,e,n){var i=n(1);i(i.S+i.F,"Object",{isObject:n(4)})},function(t,e,n){var i=n(1);i(i.S+i.F,"Object",{classof:n(42)})},function(t,e,n){var i=n(1),o=n(133);i(i.S+i.F,"Object",{define:o})},function(t,e,n){var i=n(1),o=n(133),r=n(30);i(i.S+i.F,"Object",{make:function(t,e){return o(r(t),e)}})},function(t,e,n){"use strict";n(58)(Number,"Number",function(t){this._l=+t,this._i=0},function(){var t=this._i++,e=!(t<this._l);return{done:e,value:e?void 0:t}})},function(t,e,n){var i=n(1),o=n(98)(/[\\^$*+?.()|[\]{}]/g,"\\$&");i(i.S,"RegExp",{escape:function(t){return o(t)}})},function(t,e,n){"use strict";var i=n(1),o=n(98)(/[&<>"']/g,{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;"});i(i.P+i.F,"String",{escapeHTML:function(){return o(this)}})},function(t,e,n){"use strict";var i=n(1),o=n(98)(/&(?:amp|lt|gt|quot|apos);/g,{"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&apos;":"'"});i(i.P+i.F,"String",{unescapeHTML:function(){return o(this)}})},function(t,e,n){var i=n(353);"string"==typeof i&&(i=[[t.i,i,""]]);var o={hmr:!0,transform:void 0,insertInto:void 0};n(354)(i,o);i.locals&&(t.exports=i.locals)},function(t,e,n){(t.exports=n(134)(!1)).push([t.i,"/*@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');*/\n\nbody {\n\t--label-font-family: sans-serif;\n\t--label-font-size: 14px;\n\n\t--title-font-family: sans-serif;\n\t--title-font-size: 16px;\n\n\t--body-font-family: sans-serif;\n\t--body-font-size: 14px;\n\n\t--color-gray: #a0a0a0;\n\t--color-light-gray: #eee;\n\t--color-dark-gray: #777;\n\t--color-magenta: #F734D7;\n\t--color-teal: #22DBC0;\n\n\t--outline-color: var(--color-dark-gray);\n\n\t--shadow-low: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);\n\t--shadow-medium: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);\n\t--shadow-high: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);\n\n\t--default-margin: 8px 0px 0px 0px;\n\t--side-panel-width: 240px;\n\t--side-panel-transition: 0.2s;\n\n\tfont-family: var(--body-font-family);\n\tfont-size: var(--body-font-size);\n\tline-height: 1.4em;\n\n}\n\nbody #interface {\n\tmax-width: 600px;\n\twidth: 100%;\n\tmin-width: 300px;\n\tmargin: 0 auto;\n}\n\nbody #interface * {\n\tdisplay: inline-block;\n\tmargin: 5px 0;\n\twidth: 100%;\n}",""])},function(t,e,n){var i,o,r={},s=(i=function(){return window&&document&&document.all&&!window.atob},function(){return void 0===o&&(o=i.apply(this,arguments)),o}),a=function(t){var e={};return function(t,n){if("function"==typeof t)return t();if(void 0===e[t]){var i=function(t,e){return e?e.querySelector(t):document.querySelector(t)}.call(this,t,n);if(window.HTMLIFrameElement&&i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(t){i=null}e[t]=i}return e[t]}}(),l=null,c=0,u=[],h=n(355);function d(t,e){for(var n=0;n<t.length;n++){var i=t[n],o=r[i.id];if(o){o.refs++;for(var s=0;s<o.parts.length;s++)o.parts[s](i.parts[s]);for(;s<i.parts.length;s++)o.parts.push(g(i.parts[s],e))}else{var a=[];for(s=0;s<i.parts.length;s++)a.push(g(i.parts[s],e));r[i.id]={id:i.id,refs:1,parts:a}}}}function p(t,e){for(var n=[],i={},o=0;o<t.length;o++){var r=t[o],s=e.base?r[0]+e.base:r[0],a={css:r[1],media:r[2],sourceMap:r[3]};i[s]?i[s].parts.push(a):n.push(i[s]={id:s,parts:[a]})}return n}function f(t,e){var n=a(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var i=u[u.length-1];if("top"===t.insertAt)i?i.nextSibling?n.insertBefore(e,i.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),u.push(e);else if("bottom"===t.insertAt)n.appendChild(e);else{if("object"!=typeof t.insertAt||!t.insertAt.before)throw new Error("[Style Loader]\n\n Invalid value for parameter 'insertAt' ('options.insertAt') found.\n Must be 'top', 'bottom', or Object.\n (https://github.com/webpack-contrib/style-loader#insertat)\n");var o=a(t.insertAt.before,n);n.insertBefore(e,o)}}function v(t){if(null===t.parentNode)return!1;t.parentNode.removeChild(t);var e=u.indexOf(t);e>=0&&u.splice(e,1)}function b(t){var e=document.createElement("style");if(void 0===t.attrs.type&&(t.attrs.type="text/css"),void 0===t.attrs.nonce){var i=function(){0;return n.nc}();i&&(t.attrs.nonce=i)}return m(e,t.attrs),f(t,e),e}function m(t,e){Object.keys(e).forEach(function(n){t.setAttribute(n,e[n])})}function g(t,e){var n,i,o,r;if(e.transform&&t.css){if(!(r="function"==typeof e.transform?e.transform(t.css):e.transform.default(t.css)))return function(){};t.css=r}if(e.singleton){var s=c++;n=l||(l=b(e)),i=_.bind(null,n,s,!1),o=_.bind(null,n,s,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=function(t){var e=document.createElement("link");return void 0===t.attrs.type&&(t.attrs.type="text/css"),t.attrs.rel="stylesheet",m(e,t.attrs),f(t,e),e}(e),i=function(t,e,n){var i=n.css,o=n.sourceMap,r=void 0===e.convertToAbsoluteUrls&&o;(e.convertToAbsoluteUrls||r)&&(i=h(i));o&&(i+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(o))))+" */");var s=new Blob([i],{type:"text/css"}),a=t.href;t.href=URL.createObjectURL(s),a&&URL.revokeObjectURL(a)}.bind(null,n,e),o=function(){v(n),n.href&&URL.revokeObjectURL(n.href)}):(n=b(e),i=function(t,e){var n=e.css,i=e.media;i&&t.setAttribute("media",i);if(t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}.bind(null,n),o=function(){v(n)});return i(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;i(t=e)}else o()}}t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");(e=e||{}).attrs="object"==typeof e.attrs?e.attrs:{},e.singleton||"boolean"==typeof e.singleton||(e.singleton=s()),e.insertInto||(e.insertInto="head"),e.insertAt||(e.insertAt="bottom");var n=p(t,e);return d(n,e),function(t){for(var i=[],o=0;o<n.length;o++){var s=n[o];(a=r[s.id]).refs--,i.push(a)}t&&d(p(t,e),e);for(o=0;o<i.length;o++){var a;if(0===(a=i[o]).refs){for(var l=0;l<a.parts.length;l++)a.parts[l]();delete r[a.id]}}}};var y,x=(y=[],function(t,e){return y[t]=e,y.filter(Boolean).join("\n")});function _(t,e,n,i){var o=n?"":i.css;if(t.styleSheet)t.styleSheet.cssText=x(e,o);else{var r=document.createTextNode(o),s=t.childNodes;s[e]&&t.removeChild(s[e]),s.length?t.insertBefore(r,s[e]):t.appendChild(r)}}},function(t,e){t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,i=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,e){var o,r=e.trim().replace(/^"(.*)"$/,function(t,e){return e}).replace(/^'(.*)'$/,function(t,e){return e});return/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/|\s*$)/i.test(r)?t:(o=0===r.indexOf("//")?r:0===r.indexOf("/")?n+r:i+r.replace(/^\.\//,""),"url("+JSON.stringify(o)+")")})}},function(t,e,n){"use strict";(function(t){n(0);var e=n(50);customElements.define("tone-viz-oscillator",class extends e.a{constructor(){super(),this.min=-1.1,this.max=1.1,this.alt="oscillator waveform"}async visualize(e){const n=e.get(),i=await t.Tone.Offline(()=>{const t=new e.constructor(n);t.frequency.value=200,t.detune.value=0,t.volume.value=0,t.toMaster().start(0).stop(.005)},.005);this.buffer=i.toArray(0),this.requestUpdate()}})}).call(this,n(135))},function(t,e,n){(t.exports=n(134)(!1)).push([t.i,':host{display:inline-block}#container{margin-top:5px;display:inline-block;width:100%}#container label,#container #units{font-size:var(--label-font-size);font-family:var(--label-font-family);float:left}#container #units[hidden]{display:none}#container input[type="number"]{padding:0;float:right;-webkit-appearance:none;border:none;text-align:right;font-size:var(--label-font-size);font-family:var(--label-font-family);outline-color:var(--outline-color);outline-offset:1px;width:70px;background-color:transparent}#container input[type="number"]:invalid{box-shadow:none}#container #units{float:right}#container #slider{margin-top:5px;width:100%;display:inline-block;position:relative;height:20px}#container #slider input[type="range"]{opacity:0;padding:0;margin:0;width:100%;height:20px}#container #slider #line,#container #slider #circle,#container #slider #anchor{pointer-events:none;position:absolute;left:0px;top:0px}#container #slider #line{position:absolute;top:50%;transform:translate(0, -50%);height:4px;border-radius:2px;width:100%;background-color:#aaa}#container #slider #line #anchor{position:absolute;width:0%;top:0px;height:100%;background-color:black;border-radius:2px}#container #slider #line #anchor.left{left:0px}#container #slider #line #anchor.center{left:50%}#container #slider #circle{--computed-thumb-height: var(--thumb-height, 24px);--computed-thumb-width: var(--thumb-width, 24px);border-radius:2px;width:var(--computed-thumb-width);height:var(--computed-thumb-height);top:calc((20px - var(--computed-thumb-height)) / 2);background-color:black;box-shadow:var(--shadow-low)}#container #slider #circle.focus{outline:5px auto var(--focus-ring-color, black)}\n',""])},function(t,e){t.exports={_setState:function(t){t||(t={}),this._state={},this._extendState({polyphony:4,rows:1,priority:"last",rootNote:60,octaveControls:!0,octave:0,velocityControls:!0,velocity:127,keys:[],buffer:[]}),this._extendState(t)},_extendState:function(t){for(var e in t)this._state[e]=t[e]},set:function(){return 1===arguments.length?this._extendState(arguments[0]):this._state[arguments[0]]=arguments[1],this},get:function(t){return this._state[t]}}},function(t,e){t.exports={down:function(t){this._listeners.down=(this._listeners.down||[]).concat(t)},up:function(t){this._listeners.up=(this._listeners.up||[]).concat(t)},_trigger:function(t){var e=this;if(e._listeners[t]&&e._listeners[t].length){var n=Array.prototype.slice.call(arguments);n.splice(0,1),e._listeners[t].forEach(function(t){t.apply(e,n)})}},_bind:function(){var t=this;if("undefined"!=typeof window&&window.document){window.document.addEventListener("keydown",function(e){t._addKey(e)}),window.document.addEventListener("keyup",function(e){t._removeKey(e)});var e=!0;setInterval(function(){window.document.hasFocus()!==e&&((e=!e)||t.clear())},100)}}}},function(t,e){t.exports={_map:function(t){return this._keyMap[this._state.rows][t]+this._offset()},_offset:function(){return this._state.rootNote-this._keyMap[this._state.rows].root+12*this._state.octave},_isNote:function(t){return!!this._keyMap[this._state.rows][t]},_toFrequency:function(t){return 440*Math.pow(2,(t-69)/12)},_keyMap:{1:{root:60,65:60,87:61,83:62,69:63,68:64,70:65,84:66,71:67,89:68,72:69,85:70,74:71,75:72,79:73,76:74,80:75,186:76,222:77},2:{root:60,90:60,83:61,88:62,68:63,67:64,86:65,71:66,66:67,72:68,78:69,74:70,77:71,188:72,76:73,190:74,186:75,191:76,81:72,50:73,87:74,51:75,69:76,82:77,53:78,84:79,54:80,89:81,55:82,85:83,73:84,57:85,79:86,48:87,80:88,219:89,187:90,221:91}}}},function(t,e){t.exports={_addKey:function(t){if(this._isNote(t.keyCode)&&!this._isPressed(t.keyCode)){var e=this._makeNote(t.keyCode);this._state.keys=(this._state.keys||[]).concat(e),this._update()}else this._isSpecialKey(t.keyCode)&&this._specialKey(t.keyCode)},_removeKey:function(t){if(this._isPressed(t.keyCode)){for(var e,n=0;n<this._state.keys.length;n++)if(this._state.keys[n].keyCode===t.keyCode){e=this._state.keys[n];break}this._state.keys.splice(this._state.keys.indexOf(e),1),this._update()}},_isPressed:function(t){if(!this._state.keys||!this._state.keys.length)return!1;for(var e=0;e<this._state.keys.length;e++)if(this._state.keys[e].keyCode===t)return!0;return!1},_makeNote:function(t){return{keyCode:t,note:this._map(t),frequency:this._toFrequency(this._map(t)),velocity:this._state.velocity}},clear:function(){var t=this;t._state.buffer.forEach(function(e){e.velocity=0,t._trigger("up",e)}),t._state.keys=[],t._state.buffer=[]},_update:function(){var t=this._state.buffer;this._prioritize(),this._diff(t)},_diff:function(t){var e=this,n=t.map(function(t){return t.keyCode}),i=e._state.buffer.map(function(t){return t.keyCode}),o=[];n.forEach(function(t){-1===i.indexOf(t)&&o.push(t)});var r=[];i.forEach(function(t){-1===n.indexOf(t)&&r.push(t)}),r.forEach(function(t){for(var n=0;n<e._state.buffer.length;n++)if(e._state.buffer[n].keyCode===t){e._trigger("down",e._state.buffer[n]);break}}),o.forEach(function(n){for(var i=0;i<t.length;i++)if(t[i].keyCode===n){t[i].velocity=0,e._trigger("up",t[i]);break}})}}},function(t,e){t.exports={_prioritize:function(){var t=this;t._state.keys.length?(t._state.polyphony>=t._state.keys.length?t._state.keys=t._state.keys.map(function(t){return t.isActive=!0,t}):(t._state.keys=t._state.keys.map(function(t){return t.isActive=!1,t}),t["_"+t._state.priority]()),t._state.buffer=[],t._state.keys.forEach(function(e){e.isActive&&t._state.buffer.push(e)})):t._state.buffer=[]},_last:function(){for(var t=this._state.keys.length-this._state.polyphony;t<this._state.keys.length;t++)this._state.keys[t].isActive=!0},_first:function(){for(var t=0;t<this._state.polyphony;t++)this._state.keys[t].isActive=!0},_highest:function(){var t=this._state.keys.map(function(t){return t.note});t.sort(function(t,e){return e===t?0:e<t?-1:1}),t.splice(this._state.polyphony,Number.MAX_VALUE),this._state.keys.forEach(function(e){-1!==t.indexOf(e.note)&&(e.isActive=!0)})},_lowest:function(){var t=this._state.keys.map(function(t){return t.note});t.sort(function(t,e){return t===e?0:t<e?-1:1}),t.splice(this._state.polyphony,Number.MAX_VALUE),this._state.keys.forEach(function(e){-1!==t.indexOf(e.note)&&(e.isActive=!0)})}}},function(t,e){t.exports={_isSpecialKey:function(t){return 1===this._state.rows&&this._specialKeyMap[t]},_specialKey:function(t){"octave"===this._specialKeyMap[t].type&&this._state.octaveControls?this._state.octave+=this._specialKeyMap[t].value:"velocity"===this._specialKeyMap[t].type&&this._state.velocityControls&&(this._state.velocity=this._specialKeyMap[t].value)},_specialKeyMap:{90:{type:"octave",value:-1},88:{type:"octave",value:1},49:{type:"velocity",value:1},50:{type:"velocity",value:14},51:{type:"velocity",value:28},52:{type:"velocity",value:42},53:{type:"velocity",value:56},54:{type:"velocity",value:70},55:{type:"velocity",value:84},56:{type:"velocity",value:98},57:{type:"velocity",value:112},48:{type:"velocity",value:127}}}},function(t){t.exports={_from:"nested-object-assign",_id:"nested-object-assign@1.0.3",_inBundle:!1,_integrity:"sha512-kgq1CuvLyUcbcIuTiCA93cQ2IJFSlRwXcN+hLcb2qLJwC2qrePHGZZa7IipyWqaWF6tQjdax2pQnVxdq19Zzwg==",_location:"/nested-object-assign",_phantomChildren:{},_requested:{type:"tag",registry:!0,raw:"nested-object-assign",name:"nested-object-assign",escapedName:"nested-object-assign",rawSpec:"",saveSpec:null,fetchSpec:"latest"},_requiredBy:["#DEV:/","#USER"],_resolved:"https://registry.npmjs.org/nested-object-assign/-/nested-object-assign-1.0.3.tgz",_shasum:"5aca69390d9affe5a612152b5f0843ae399ac597",_spec:"nested-object-assign",_where:"/Users/ymann/Development/third-party/tonejs-ui",author:{name:"Geta AS / Eirik Horvath",url:"https://github.com/Geta"},bugs:{url:"https://github.com/Geta/NestedObjectAssign/issues"},bundleDependencies:!1,deprecated:!1,description:"Package to support nested merging of objects & properties, using Object.Assign",devDependencies:{babel:"^6.3.26","babel-core":"^6.4.0","babel-eslint":"^5.0.0-beta6","babel-loader":"^6.2.1","babel-plugin-add-module-exports":"^0.1.2","babel-preset-es2015":"^6.3.13",chai:"^3.4.1","clean-webpack-plugin":"^0.1.8",del:"^2.2.0",eslint:"^1.10.3","eslint-config-airbnb":"^4.0.0","eslint-loader":"^1.2.0","eslint-plugin-react":"^3.16.1","eslint-plugin-standard":"^1.3.1",gulp:"^3.9.0","gulp-babel":"^6.1.1","gulp-env":"^0.2.0","gulp-eslint":"^1.1.1","gulp-load-plugins":"^1.2.0","gulp-util":"^3.0.6",mocha:"^2.3.4","object-assign":"^4.0.1",webpack:"^1.12.11","webpack-node-externals":"^0.4.1"},files:["README.md","index.js","lib","dist"],homepage:"https://github.com/Geta/NestedObjectAssign",keywords:["es6","npm","nested","object","assign"],library:{name:"nestedObjectAssign",entry:"nestedObjectAssign.js","dist-node":"nestedObjectAssign.js","dist-web":"nestedObjectAssign.web.js","bundle-node":!0},license:"MIT",main:"./index.js",name:"nested-object-assign",repository:{type:"git",url:"git+https://github.com/Geta/NestedObjectAssign.git"},scripts:{build:"gulp build","build-all":"gulp","build-dev":"gulp build-dev","build-web":"gulp build-web","build-web-dev":"gulp build-web-dev",postversion:"git push && git push --tags",prepublish:"npm run build-all",preversion:"npm run build-all && npm run unit",start:"npm run-script build-dev",test:"npm run unit-watch",unit:"mocha --compilers js:babel-core/register --colors ./test/*.spec.js","unit-watch":"mocha --compilers js:babel-core/register --colors -w ./test/*.spec.js",version:"git add ."},version:"1.0.3"}},function(t,e,n){var i={"./nestedObjectAssign":136,"./nestedObjectAssign.js":136};function o(t){var e=r(t);return n(e)}function r(t){var e=i[t];if(!(e+1)){var n=new Error("Cannot find module '"+t+"'");throw n.code="MODULE_NOT_FOUND",n}return e}o.keys=function(){return Object.keys(i)},o.resolve=r,t.exports=o,o.id=365},function(t,e,n){"use strict";n.r(e);n(352);var i=n(0),o=n(7);n(356);
/**
@license
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
function r(t,e,n){return{index:t,removed:e,addedCount:n}}
/**
@license
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
window.JSCompiler_renameProperty=function(t,e){return t};const s=0,a=1,l=2,c=3;function u(t,e,n,i,o,u){let d,p=0,f=0,v=Math.min(n-e,u-o);if(0==e&&0==o&&(p=function(t,e,n){for(let i=0;i<n;i++)if(!h(t[i],e[i]))return i;return n}(t,i,v)),n==t.length&&u==i.length&&(f=function(t,e,n){let i=t.length,o=e.length,r=0;for(;r<n&&h(t[--i],e[--o]);)r++;return r}(t,i,v-p)),o+=p,u-=f,(n-=f)-(e+=p)==0&&u-o==0)return[];if(e==n){for(d=r(e,[],0);o<u;)d.removed.push(i[o++]);return[d]}if(o==u)return[r(e,[],n-e)];let b=function(t){let e=t.length-1,n=t[0].length-1,i=t[e][n],o=[];for(;e>0||n>0;){if(0==e){o.push(l),n--;continue}if(0==n){o.push(c),e--;continue}let r,u=t[e-1][n-1],h=t[e-1][n],d=t[e][n-1];(r=h<d?h<u?h:u:d<u?d:u)==u?(u==i?o.push(s):(o.push(a),i=u),e--,n--):r==h?(o.push(c),e--,i=h):(o.push(l),n--,i=d)}return o.reverse(),o}(function(t,e,n,i,o,r){let s=r-o+1,a=n-e+1,l=new Array(s);for(let t=0;t<s;t++)l[t]=new Array(a),l[t][0]=t;for(let t=0;t<a;t++)l[0][t]=t;for(let n=1;n<s;n++)for(let r=1;r<a;r++)if(h(t[e+r-1],i[o+n-1]))l[n][r]=l[n-1][r-1];else{let t=l[n-1][r]+1,e=l[n][r-1]+1;l[n][r]=t<e?t:e}return l}(t,e,n,i,o,u));d=void 0;let m=[],g=e,y=o;for(let t=0;t<b.length;t++)switch(b[t]){case s:d&&(m.push(d),d=void 0),g++,y++;break;case a:d||(d=r(g,[],0)),d.addedCount++,g++,d.removed.push(i[y]),y++;break;case l:d||(d=r(g,[],0)),d.addedCount++,g++;break;case c:d||(d=r(g,[],0)),d.removed.push(i[y]),y++}return d&&m.push(d),m}function h(t,e){return t===e}
/**
@license
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/let d=0,p=0,f=[],v=0,b=document.createTextNode("");new window.MutationObserver(function(){const t=f.length;for(let e=0;e<t;e++){let t=f[e];if(t)try{t()}catch(t){setTimeout(()=>{throw t})}}f.splice(0,t),p+=t}).observe(b,{characterData:!0});const m={run:t=>(b.textContent=v++,f.push(t),d++),cancel(t){const e=t-p;if(e>=0){if(!f[e])throw new Error("invalid async handle: "+t);f[e]=null}}};
/**
@license
Copyright (c) 2017 The Polymer Project Authors. All rights reserved.
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
Code distributed by Google as part of the polymer project is also
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
*/
function g(t){return"slot"===t.localName}class y{static getFlattenedNodes(t){return g(t)?(t=t).assignedNodes({flatten:!0}):Array.from(t.childNodes).map(t=>g(t)?(t=t).assignedNodes({flatten:!0}):[t]).reduce((t,e)=>t.concat(e),[])}constructor(t,e){this._shadyChildrenObserver=null,this._nativeChildrenObserver=null,this._connected=!1,this._target=t,this.callback=e,this._effectiveNodes=[],this._observer=null,this._scheduled=!1,this._boundSchedule=(()=>{this._schedule()}),this.connect(),this._schedule()}connect(){g(this._target)?this._listenSlots([this._target]):this._target.children&&(this._listenSlots(this._target.children),window.ShadyDOM?this._shadyChildrenObserver=ShadyDOM.observeChildren(this._target,t=>{this._processMutations(t)}):(this._nativeChildrenObserver=new MutationObserver(t=>{this._processMutations(t)}),this._nativeChildrenObserver.observe(this._target,{childList:!0}))),this._connected=!0}disconnect(){g(this._target)?this._unlistenSlots([this._target]):this._target.children&&(this._unlistenSlots(this._target.children),window.ShadyDOM&&this._shadyChildrenObserver?(ShadyDOM.unobserveChildren(this._shadyChildrenObserver),this._shadyChildrenObserver=null):this._nativeChildrenObserver&&(this._nativeChildrenObserver.disconnect(),this._nativeChildrenObserver=null)),this._connected=!1}_schedule(){this._scheduled||(this._scheduled=!0,m.run(()=>this.flush()))}_processMutations(t){this._processSlotMutations(t),this.flush()}_processSlotMutations(t){if(t)for(let e=0;e<t.length;e++){let n=t[e];n.addedNodes&&this._listenSlots(n.addedNodes),n.removedNodes&&this._unlistenSlots(n.removedNodes)}}flush(){if(!this._connected)return!1;window.ShadyDOM&&ShadyDOM.flush(),this._nativeChildrenObserver?this._processSlotMutations(this._nativeChildrenObserver.takeRecords()):this._shadyChildrenObserver&&this._processSlotMutations(this._shadyChildrenObserver.takeRecords()),this._scheduled=!1;let t={target:this._target,addedNodes:[],removedNodes:[]},e=this.constructor.getFlattenedNodes(this._target),n=(i=e,o=this._effectiveNodes,u(i,0,i.length,o,0,o.length));var i,o;for(let e,i=0;i<n.length&&(e=n[i]);i++)for(let n,i=0;i<e.removed.length&&(n=e.removed[i]);i++)t.removedNodes.push(n);for(let i,o=0;o<n.length&&(i=n[o]);o++)for(let n=i.index;n<i.index+i.addedCount;n++)t.addedNodes.push(e[n]);this._effectiveNodes=e;let r=!1;return(t.addedNodes.length||t.removedNodes.length)&&(r=!0,this.callback.call(this._target,t)),r}_listenSlots(t){for(let e=0;e<t.length;e++){let n=t[e];g(n)&&n.addEventListener("slotchange",this._boundSchedule)}}_unlistenSlots(t){for(let e=0;e<t.length;e++){let n=t[e];g(n)&&n.removeEventListener("slotchange",this._boundSchedule)}}}const x=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`;class _ extends i.a{static get properties(){return{selectedIndex:{type:Number},attribute:{type:String}}}constructor(){super(),this.selectedIndex=-1,this.options=[],this._observer=new y(this,t=>{this.options=[...this.options,...t.addedNodes.filter(t=>"option"===t.nodeName.toLowerCase())],this.options.length&&-1===this.selectedIndex&&(this.selectedIndex=0),this.requestUpdate()})}updated(t){if(t.has("selectedIndex")&&-1!==this.selectedIndex){const t=this.shadowRoot.querySelector("select");this.dispatchEvent(new CustomEvent("change",{detail:this.value,composed:!0,bubbles:!0})),t&&(t.selectedIndex=this.selectedIndex),this.attribute&&this.dispatchEvent(new CustomEvent(this.attribute,{detail:this.value,composed:!0,bubbles:!0}))}}get value(){return this.options[this.selectedIndex].getAttribute("value")}set value(t){const e=this.options.findIndex(e=>e.getAttribute("value")===t.toString());-1!==e&&(this.selectedIndex=e)}sync(t){this.value=t[this.attribute]}render(){return i.b`
			<style>
				:host {
					display: block;
				}
				#container {
					height: 24px;
					display: inline-block;
					position: relative;
				}
				select {
					width: 100%;
					text-overflow: ellipses;
					display: inline-block;
					padding-right: 30px;
					font-size: 14px;
					padding-left: 10px;
					height: 24px;
					line-height: 18px;
					border-radius: 12px;
					-webkit-appearance: none;
					background-color: transparent;
					border:2px solid var(--border-color, var(--color-gray));
					box-sizing: border-box;
					outline-color: var(--outline-color);
					outline-offset: 1px;
				}
				#arrow {
					position: absolute;
					right: 15px;
					top: 0px;
					width: 10px;
					height: 10px;
					font-size: 8px;
					color: var(--border-color, var(--color-gray));
					pointer-events: none;
					line-height: 12px;
				}

				#arrow svg {
					fill: var(--border-color, var(--color-gray));
				}
			</style>
			<div id="container">
				<select @change=${t=>this.selectedIndex=t.target.selectedIndex}>
					${this.options}
				</select>
				<div id="arrow">${x}</div>
			</div>
		`}}customElements.define("tone-select",_);customElements.define("tone-select-attribute",class extends _{static get properties(){return{label:{type:String},attribute:{type:String}}}constructor(){super(),this.label=""}sync(t){this.value=t[this.attribute]}set(t){t[this.attribute]!==this.value&&(t[this.attribute]=this.value)}render(){return i.b`
			<style>
				#attribute-container {
					display: block;
					height: 24px;
				}
				label, #container {
					height: 24px;
					line-height: 24px;
					display: block;
				}
				label {
					float: left;
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
				}
				#container {
					float: right;
				}
			</style>
			<div id="attribute-container">
				<label>${this.label}</label>
				${super.render()}
			</div>
		`}});customElements.define("tone-oscillator-type",class extends i.a{static get properties(){return{attribute:{type:String},nocustom:{type:Boolean},label:{type:String}}}constructor(){super(),this.nocustom=!1,this.value="sine"}sync(t){const e=t[this.attribute];this.value=e;const n=this.shadowRoot.querySelector("tone-select-attribute");n&&n.options.forEach(t=>{const n=t.getAttribute("value");e.includes(n)&&(this.shadowRoot.querySelector("tone-select-attribute").value=n)})}render(){return i.b`
			<tone-select-attribute label=${this.label} attribute=${this.attribute}>
				<option value="sine">sine</option>
				<option value="square">square</option>
				<option value="sawtooth">sawtooth</option>
				<option value="triangle">triangle</option>
				${this.nocustom?i.b``:i.b`<option value="custom">custom</option>`}
			</tone-select-attribute>
		`}});customElements.define("tone-oscillator",class extends o.a{static get properties(){return{label:{type:String},sourceType:{type:String},omni:{type:Boolean},frequency:{type:Boolean}}}constructor(){super(),this.label="Oscillator",this.sourceType="oscillator"}setAttribute(t,e,n){"type"===t?"oscillator"===this.sourceType?n.type=e.value:"am"===this.sourceType||"fat"===this.sourceType||"fm"===this.sourceType?n.type=`${this.sourceType}${e.value}`:n.type=e.value:e.set(n)}updated(t){t.has("sourceType")&&this.dispatchEvent(new CustomEvent("sourceType",{detail:this.sourceType,composed:!0,bubbles:!0}))}renderAttributes(){return i.b`
			<style>
				#sourceType {
					position: absolute;
					top: 8px;
					right: 80px;
					background-color: white;
				}

				#attributeContainer {
					margin-top: 20px;
				}

				tone-oscillator-type:not([display]), tone-slider:not([display]), tone-multislider:not([display]){
					display: none;
				}

			</style>
			${this.omni?i.b`<tone-select 
				@change=${t=>this.sourceType=t.detail}
				slot="top" 
				attribute="sourceType"
				id="sourceType">
				<option value="oscillator">basic</option>
				<option value="fm">fm</option>
				<option value="am">am</option>
				<option value="fat">fat</option>
				<option value="pulse">pulse</option>
				<option value="pwm">pwm</option>
			</tone-select>`:i.b``}
			<div id="attributeContainer">

				<tone-oscillator-type 
					?display=${"pulse"!==this.sourceType&&"pwm"!==this.sourceType}
					label="${"fm"===this.sourceType||"am"===this.sourceType?"Carrier Type":"Type"}"
					attribute="baseType">
				</tone-oscillator-type>
				<tone-multislider 
					?display=${"pulse"!==this.sourceType&&"pwm"!==this.sourceType}
					length="32"
					label="Partials"
					attribute="partials">
				</tone-multislider>
				<tone-slider 
					?display=${"pulse"!==this.sourceType&&"pwm"!==this.sourceType}
					attribute="partialCount"
					min="0" 
					max="32" 
					value="0" 
					integer
					label="Partial Count">
				</tone-slider>

				<tone-oscillator-type 
					?display=${"fm"===this.sourceType||"am"===this.sourceType}
					nocustom
					label="Modulator Type"
					attribute="modulationType">
				</tone-oscillator-type>
				<tone-slider 
					?display=${"fm"===this.sourceType}
					attribute="modulationIndex"
					min="0.1" 
					max="20" 
					exp="1.5" 
					value="2"
					label="Modulation Index">
				</tone-slider>
				<tone-slider 
					?display=${"fm"===this.sourceType||"am"===this.sourceType}
					attribute="harmonicity"
					min="0.25" 
					max="5" 
					value="2"
					label="Harmonicity">
				</tone-slider>

				<tone-slider 
					?display=${"fat"===this.sourceType}
					attribute="spread"
					min="2" 
					max="100" 
					value="20" 
					units="cents"
					label="Spread">
				</tone-slider>
				<tone-slider 
					?display=${"fat"===this.sourceType}
					default="0"
					attribute="count"
					integer
					value="2"
					min="1" 
					max="10" 
					label="Count">
				</tone-slider>

				<tone-slider 
					?display=${"pulse"===this.sourceType}
					default="0"
					attribute="width"
					min="0" 
					max="1" 
					value="0" 
					label="Width">
				</tone-slider>	
				
				<tone-slider 
					?display=${"pwm"===this.sourceType}
					default="0"
					attribute="modulationFrequency"
					min="0.1" 
					max="10" 
					value="0.5" 
					units="hz"
					label="Modulation Frequency">
				</tone-slider>		
			</div>
		`}render(){return i.b`
			<style>
				tone-slider {
					display: block;
					margin-top: 5px;
				}

				tone-oscillator-type {
					margin-top: 10px;
					display: block;
				}

				tone-multislider {
					margin-top: 10px;
				}

				tone-viz-oscillator {
					position: absolute;
					top: 9px;
					right: 20px;
				}
			</style>
			<tone-rack label="${this.label}" ?collapsed=${this.collapsed}>
				<tone-viz-oscillator slot="top" class="viz"></tone-viz-oscillator>
				${this.frequency?i.b`
					<tone-slider 
						attribute="frequency"
						min="20" 
						max="10000" 
						value="440" 
						exp="2"
						units="hz"
						label="frequency">
					</tone-slider>`:i.b``}
				${this.renderAttributes()}
			</tone-rack>
		`}});const w=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M10 17l5-5-5-5v10z"/><path fill="none" d="M0 24V0h24v24H0z"/></svg>`,S=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`;customElements.define("tone-rack",class extends i.a{static get properties(){return{collapsed:{type:Boolean},incollapsable:{type:Boolean},square:{type:Boolean},label:{type:String},color:{type:String}}}constructor(){super(),this.incollapsable=!1,this.collapsed=!1,this.square=!1}updated(t){const e=t=>{t.dispatchEvent(new CustomEvent("collapse",{detail:this.collapsed,composed:!0,bubbles:!0}))};t.has("collapsed")&&(e(this),Array.from(this.children).forEach(t=>{t.assignedNodes?Array.from(t.assignedNodes()).forEach(t=>e(t)):e(t),t.dispatchEvent(new CustomEvent("collapse",{detail:this.collapsed,composed:!0,bubbles:!0}))}))}_keydown(t){"ArrowRight"===t.key||"ArrowDown"===t.key?this.collapsed=!1:"ArrowLeft"!==t.key&&"ArrowUp"!==t.key||(this.collapsed=!0)}render(){return i.b`
			<style>
				:host {
					display: block;
					min-width: 300px;
					width: 100%;
				}
				button {
					position: absolute;
					top: 20px;
					left: 12px;
					border: none;
					-webkit-appearance: none;
					width: 24px;
					height: 24px;
					margin: 0;
					padding: 0;
					transform: translate(0, -50%);
					outline-color: var(--outline-color);
					background-color: transparent;
				}

				#container {
					box-sizing: border-box;
					position: relative;
					border: 2px solid black;
					border-radius: 22px;
					padding: 20px;
					background-color: white;
					width: 100%;
				}

				#container[square]{
					border-radius: 0px;
					background-color: #eee;
					padding: 30px 5px 5px 5px;
					border-color: #eee;
					min-width: 310px;
				}

				#padding {
					height: 10px;
				}

				#container.closed {
					height: 0px;
					overflow: hidden;
					padding: 20px;
				}

				#label {
					position: absolute;
					left: 45px;
					top: 12px;
					font-family: var(--title-font-family);
					font-size: var(--title-font-size);
					font-weight: normal;
					margin: 0;
				}
				#label[hidden]{
					display: none;
				}

				#container.closed::slotted:not([top]){
					display: none;
				}
				
			</style>
			<div id="container" class=${this.collapsed?"closed":"open"} ?square=${this.square}>
				${this.incollapsable?i.b``:i.b`
					<button 
						@keydown=${this._keydown.bind(this)}
						@click=${()=>this.collapsed=!this.collapsed}
						aria-label='collapse menu'
						role="checkbox" aria-checked="${this.collapsed}">${this.collapsed?w:S}</button>`}
				<h2 id="label">${this.label}</h2>
				<div id="padding"></div>
				<slot name="top"></slot>
				${this.collapsed?i.b``:i.b`<slot></slot>`}
			</div>
		`}});customElements.define("tone-toggle",class extends i.a{static get properties(){return{label:{type:String},checked:{type:Boolean},attribute:{type:String}}}constructor(){super(),this.label="",this.checked=!1}updated(t){t.has("checked")&&(this.dispatchEvent(new CustomEvent("change",{detail:this.checked,composed:!0,bubbles:!0})),this.attribute&&this.dispatchEvent(new CustomEvent(this.attribute,{detail:this.checked,composed:!0,bubbles:!0})))}sync(t){const e=this.attribute;this.checked=t[e]}set(t){t[this.attribute]=this.checked}_clicked(t){t.stopPropagation(),this.checked=!this.checked,this.shadowRoot.querySelector("button").focus()}render(){return i.b`
			<style>
				:host {
					display: block;
				}

				#container {
					display: block;
				}

				label {
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
					min-width: 80px;
					display: inline-block;
					margin-right: 20px;
				}

				#check-container {
					width: 30px;
					height: 10px;
					display: inline-block;
					position: relative;
				}

				#check-container #background {
					position: absolute;
					width: 100%;
					height: 100%;
					background-color: var(--color-gray);
					border-radius: 5px;
				}

				#check-container button {
					-webkit-appearance: none;
					width: 20px;
					height: 20px;
					left: 0px;
					margin: 0;
					padding: 0;
					border: none;
					background-color: var(--color-light-gray);
					border-radius: 50%;
					top: 50%;
					position: absolute;
					transform: translate(0, -50%);
					outline-color: var(--outline-color);
					transition: left 0.1s;
					// box-shadow: 0 2px 1px -1px rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 3px 0 rgba(0,0,0,.12);
					box-shadow: var(--shadow-low);
				}

				#check-container button[checked] {
					left: 10px;
					background-color: black;
				}

			</style>
			<div id="container">
				<label for="checkbox">${this.label}</label>
				<div id="check-container"
					@click=${this._clicked.bind(this)}>
					<div id="background"></div>
					<button name="checkbox" 
						?checked=${this.checked}
						@click=${this._clicked.bind(this)}
						aria-checked=${this.checked} 
						aria-role="checkbox"
						id="thumb"></button>
				<div>
			</div>
		`}});const E="data:audio/mp3;base64,//MkxAAHiAICWABElBeKPL/RANb2w+yiT1g/gTok//lP/W/l3h8QO/OCdCqCW2Cw//MkxAQHkAIWUAhEmAQXWUOFW2dxPu//9mr60ElY5sseQ+xxesmHKtZr7bsqqX2L//MkxAgFwAYiQAhEAC2hq22d3///9FTV6tA36JdgBJoOGgc+7qvqej5Zu7/7uI9l//MkxBQHAAYi8AhEAO193vt9KGOq+6qcT7hhfN5FTInmwk8RkqKImTM55pRQHQSq//MkxBsGkgoIAABHhTACIJLf99nVI///yuW1uBqWfEu7CgNPWGpUadBmZ////4sL//MkxCMHMAH9iABEmAsKioqKigsLCwtVTEFNRTMuOTkuNVVVVVVVVVVVVVVVVVVV//MkxCkECAUYCAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV";async function k(t){if("suspended"===Tone.context.state){const e=Tone.context.resume(),n=document.createElement("audio");n.controls=!1,n.preload="auto",n.loop=!1,n.src=E,n.title="Tone.js Examples";let i=Promise.resolve();try{i=await n.play()}catch(t){i=Promise.resolve(),console.log("did not start audio")}await Promise.all([i,e])}}const M=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`,A=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M6 6h12v12H6z"/></svg>`;customElements.define("tone-play-toggle",class extends i.a{static get properties(){return{playing:{type:Boolean},disabled:{type:Boolean}}}constructor(){super(),this.playing=!1}updated(t){t.has("playing")&&(this.dispatchEvent(new CustomEvent("change",{detail:this.playing,composed:!0,bubbles:!0})),this.dispatchEvent(new CustomEvent("play",{detail:this.playing,composed:!0,bubbles:!0})))}bind(t){this.addEventListener("change",e=>{e.detail?t.start():t.stop()}),setInterval(()=>{"stopped"===t.state&&(this.playing=!1)},100)}async _clicked(t){await k(),this.playing=!this.playing}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					min-width: 80px;
					width: 100%;
				}

				#container {
					display: inline-block;
					width: 100%;
				}

				label {
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
					margin-right: 20px;
				}

				button {
					box-sizing: border-box;
					width: 100%;
					height: 44px;
					outline-color: var(--outline-color);
					border: 2px solid black;
					border-radius: 22px;
					padding: 0px;
					font-size: 30px;
					text-align: center;
					cursor: pointer;
					transition: box-shadow 0.1s;
					box-shadow: var(--shadow-low);
				}

				button:hover, button:focus {
					box-shadow: var(--shadow-medium);
				}

				button[disabled]{
					opacity: 0.5;
				}

				button svg {
					margin-top: 4px;
					width: 30px;
					height: 30px;
				}

			</style>
			<div id="container">
				<button 
					?disabled=${this.disabled}
					?playing=${this.playing}
					@click=${this._clicked.bind(this)}
					aria-label="Play" .aria-checked=${this.playing}>
					${this.playing?A:M}
				</button>
			</div>
		`}});var I=n(137),C=n.n(I);customElements.define("tone-player-viz",class extends i.a{static get properties(){return{color:{type:String},loading:{type:Boolean}}}constructor(){super(),this.color="black",this.loading=!0}_computeRMS(t,e){if(this._waveform&&this._waveform.length===e)return;const n=t.toArray(0),i=[];for(let t=0;t<e;t++){const o=Math.floor(Math.scale(t,0,e,0,n.length-64)),r=o+64;let s=0;for(let t=o;t<r;t++)s+=Math.pow(n[t],2);const a=Math.sqrt(s/64);i[t]=a}const o=Math.max(...i);this._waveform=i.map(t=>Math.scale(Math.pow(t,.8),0,o,0,1))}visualize(t){if(this.loading=!t.loaded,t.loaded){const e=t.buffer,n=this.shadowRoot.querySelector("canvas");n.width=2*n.clientWidth,n.height=2*n.clientHeight;const{width:i,height:o}=n,r=n.getContext("2d");r.clearRect(0,0,i,o),this._computeRMS(e,i);const s=Math.scale(t.loopStart,0,e.duration,0,i);let a=Math.scale(t.loopEnd,0,e.duration,0,i);0===t.loopEnd&&(a=i),r.fillStyle=this.color;const l=C()(this.color).setAlpha(.2).toRgbString();this._waveform.forEach((e,n)=>{const c=e*o,u=t.reverse?i-n:n;t.loop&&(r.fillStyle=s>u||u>a?l:this.color),r.fillRect(u,o/2-c/2,1,c),r.fill()})}}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					width: 60px;
					height: 20px;
					position: relative;
				}
				canvas {
					width: 100%;
					height: 100%;
				}

				#loading {
					position: absolute;
					bottom: 4px;
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
				}

				#loading[hidden]{
					display: none;
				}
			</style>
			<canvas>
				the audio file's waveform
			</canvas>
			<div id="loading" ?hidden=${!this.loading} style="color: ${this.color}">loading</div>
		`}});customElements.define("tone-player",class extends o.a{static get properties(){return{label:{type:String},duration:{type:Number}}}constructor(){super(),this.label="Player",this.duration=0}bind(t){const e=setInterval(()=>{t.loaded&&(clearInterval(e),this.duration=t.buffer.duration,this.sync(t))},100);super.bind(t)}render(){return i.b`
			<style>
				:host {
					display: block;
				}

				tone-slider, tone-toggle {
					display: block;
					margin-top: 10px;
				}

				tone-player-viz#top {
					position: absolute;
					top: 9px;
					right: 15px;
				}

				tone-rack:not([collapsed]) tone-player-viz#top{
					display: none;
				}

				tone-player-viz#bottom {
					position: relative;
					display: block;
					width: calc(100% - 20px);
					height: 60px;
					background-color: black;
					border-radius: 10px;
					padding: 10px;
					margin-top: 20px;
				}

				tone-play-toggle {
					position: absolute;
					top: 5px;
					left: 50%;
					transform: translate(-50%, 0);
				}

			</style>
			<tone-rack 
				@collapse=${t=>this.collapsed=t.detail}
				?collapsed=${this.collapsed} label="${this.label}">
				<tone-player-viz slot="top" class="viz" id="top" color="black"></tone-player-viz>
				<tone-player-viz class="viz" id="bottom" color="white"></tone-player-viz>
				<tone-slider 
					min="0.5"
					max="2"
					exp="2"
					value="1"
					label="Playback Rate"
					attribute="playbackRate">
				</tone-slider>
				<tone-toggle 
					label="Loop"
					attribute="loop">
				</tone-toggle>
				<tone-slider 
					min="0"
					value="0"
					label="Loop Start"
					.max=${this.duration}
					attribute="loopStart">
				</tone-slider>
				<tone-slider 
					min="0"
					value="0"
					label="Loop End"
					.max=${this.duration}
					attribute="loopEnd">
				</tone-slider>
				<tone-toggle 
					label="Reverse"
					attribute="reverse">
				</tone-toggle>
			</tone-rack>
		`}});var T=n(99),N=n.n(T);customElements.define("tone-slider",class extends i.a{static get properties(){return{min:{type:Number},max:{type:Number},step:{type:Number},value:{type:Number},default:{type:Number},exp:{type:Number},anchor:{type:String},label:{type:String},units:{type:String},integer:{type:Boolean},attribute:{type:String},bare:{type:Boolean}}}constructor(){super(),this.min=0,this.max=100,this.step=1,this.value=50,this.exp=1,this.anchor="left",this.integer=!1,this.bare=!1,this._setThrottle=-1}_logValue(t){const e=Math.pow(t,this.exp),n=Math.pow(1,this.exp),i=Math.pow(101,this.exp);let o=Math.scale(e,n,i,this.min,this.max);this.integer&&(o=Math.round(o)),this.value=o,this.dispatchEvent(new CustomEvent("input",{composed:!0,detail:this.value}))}_exp(t,e){return Math.sign(t)*Math.pow(Math.abs(t),e)}_logPosition(){const t=Math.scale(this.value,this.min,this.max,Math.pow(1,this.exp),Math.pow(101,this.exp));return Math.pow(t,1/this.exp)}_beautifyVal(){const t=Math.abs(this.min-this.max);return t>10||this.integer?this.value.toFixed(0):t>1&&1===this.exp?this.value.toFixed(1):this.value.toFixed(2)}_getStep(){const t=Math.abs(this.min-this.max);return t>10||this.integer?1:t>1&&1===this.exp?.1:.01}sync(t){const e=this.attribute;void 0!==t[e].value?this.value=Math.clamp(t[e].value,this.min,this.max):this.value=Math.clamp(t[e],this.min,this.max)}set(t){const e=this.attribute;isFinite(this.value)&&(void 0!==t[e].value?t[e].value!==this.value&&(t[e].value=this.value):t[e]!==this.value&&(t[e]=this.value))}updated(t){super.updated(t),t.has("value")&&(this.dispatchEvent(new CustomEvent("change",{composed:!0,detail:this.value,bubbles:!0})),this.attribute&&this.dispatchEvent(new CustomEvent(this.attribute,{composed:!0,detail:this.value,bubbles:!0})))}_numberInput(t){const e=Math.clamp(parseFloat(t.target.value),this.min,this.max);this.integer?this.value=Math.floor(e):this.value=e}render(){const t=Math.clamp(this._logPosition(),0,100);let e=t-1,n=0;return"center"===this.anchor&&(n=50-Math.max(50-e,0),e=Math.abs(50-e)),i.b`
			<style>
				${N.a}
			</style>
			<div id="container" @keydown=${t=>"Backspace"===t.key&&void 0!==this.default?this.value=this.default:""}>
				<label ?hidden=${this.bare} for="value">${this.label}</label>
				<span ?hidden=${this.bare} id="units">${this.units}</span>
				<input ?hidden=${this.bare} name="value" type="number"
					@change=${this._numberInput.bind(this)}
					.min=${this.min}
					.max=${this.max}
					.step=${this._getStep()}
					.value=${this._beautifyVal()}>
				<div id="slider">
					<input name="value" type="range"
						@input=${t=>this._logValue(parseFloat(t.target.value))}
						min="1"
						max="101"
						.step=${Math.pow(this.step,1/this.exp)}
						@focus=${()=>this.shadowRoot.querySelector("#circle").classList.add("focus")}
						@blur=${()=>this.shadowRoot.querySelector("#circle").classList.remove("focus")}
						.value=${t}>
					<div id="line">
						<div id="anchor" class=${this.anchor} style="width:${e.toString()}%; left:${n.toString()}%"></div>
					</div>
					<div id="circle" style="left: calc(${(t-1).toString()}% - ${(12*(t-1)/100).toString()}px);"></div>
				</div>
			</div>
		`}});customElements.define("tone-noise",class extends o.a{static get properties(){return{label:{type:String}}}constructor(){super(),this.label="Noise"}render(){return i.b`
			<style>
				:host {
					display: block;
				}

				tone-slider, tone-select-attribute {
					display: block;
					margin-top: 10px;
				}

			</style>
			<tone-rack label="${this.label}" ?collapsed=${this.collapsed}>
				<tone-select-attribute
					attribute="type"
					label="Type">
					<option value="white">white</option>
					<option value="brown">brown</option>
					<option value="pink">pink</option>
				</tone-select-attribute>
				<tone-slider 
					min="0.1"
					max="4"
					exp="2"
					value="1"
					label="Playback Rate"
					attribute="playbackRate">
				</tone-slider>
			</tone-rack>
		`}});customElements.define("tone-oscilloscope",class extends i.a{constructor(){super(),this._waveform=new Tone.Waveform(256)}bind(t){t.connect(this._waveform),this._canvas=this.shadowRoot.querySelector("canvas"),this._canvas.width=2*this._canvas.clientWidth,this._canvas.height=2*this._canvas.clientHeight,this._context=this._canvas.getContext("2d"),this.loop(),window.addEventListener("resize",()=>{this._canvas.width=2*this._canvas.clientWidth,this._canvas.height=2*this._canvas.clientHeight})}loop(){requestAnimationFrame(this.loop.bind(this));const t=this._waveform.getValue(),e=this._canvas.width,n=this._canvas.height;this._context.clearRect(0,0,e,n),this._context.beginPath(),this._context.lineWidth=4,t.forEach((i,o)=>{const r=Math.scale(o,0,t.length,0,e),s=Math.scale(i,-1,1,0,n);0===o?this._context.moveTo(r,s):this._context.lineTo(r,s)}),this._context.lineCap="round",this._context.strokeStyle="white",this._context.stroke()}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					width: 45px;
					height: 24px;
					border-radius: 15px;
					padding: 4px;
					box-sizing: border-box;
					background-color: #aaa;
					overflow: hidden;
				}
				canvas {
					width: 100%;
					height: 100%;
				}
			</style>
			<canvas>
				waveform of current playing audio
			</canvas>
		`}});const P=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0zm0 0h24v24H0z" fill="none"/><path d="M19 11h-1.7c0 .74-.16 1.43-.43 2.05l1.23 1.23c.56-.98.9-2.09.9-3.28zm-4.02.17c0-.06.02-.11.02-.17V5c0-1.66-1.34-3-3-3S9 3.34 9 5v.18l5.98 5.99zM4.27 3L3 4.27l6.01 6.01V11c0 1.66 1.33 3 2.99 3 .22 0 .44-.03.65-.08l1.66 1.66c-.71.33-1.5.52-2.31.52-2.76 0-5.3-2.1-5.3-5.1H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c.91-.13 1.77-.45 2.54-.9L19.73 21 21 19.73 4.27 3z"/></svg>`,O=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 14c1.66 0 2.99-1.34 2.99-3L15 5c0-1.66-1.34-3-3-3S9 3.34 9 5v6c0 1.66 1.34 3 3 3zm5.3-3c0 3-2.54 5.1-5.3 5.1S6.7 14 6.7 11H5c0 3.41 2.72 6.23 6 6.72V21h2v-3.28c3.28-.48 6-3.3 6-6.72h-1.7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`;customElements.define("tone-microphone",class extends o.a{static get properties(){return{label:{type:String},open:{type:Boolean},supported:{type:Boolean}}}constructor(){super(),this.label="Noise",this.inputs=[],this.supported=Tone.UserMedia.supported}async bind(t){if(!this.supported)return;setInterval(()=>{this.open="started"===t.state},100);const e=this.shadowRoot.querySelector("tone-select");this.shadowRoot.querySelector("#mic").addEventListener("click",n=>{k(),this.open?t.close():t.open(e.value)}),e.addEventListener("change",n=>{this.open&&t.open(e.value)}),this.shadowRoot.querySelector("tone-oscilloscope").bind(t),this.inputs=await Tone.UserMedia.enumerateDevices(),this.requestUpdate()}render(){return i.b`
			<style>
				:host {
					display: block;
				}

				#container {
					width: 100%;
					min-width: 100px;
					height: 44px;
					box-sizing: border-box;
					border-radius: 22px;
					border: 2px solid black;
					position: relative;
				}

				#mic {
					background-color: transparent;
					outline-color: var(--outline-color);
					border: none;
					-webkit-appearance: none;
					height: 100%;
					margin-left: 10px;
					margin-top: 1px;
				}

				tone-oscilloscope {
					position: absolute;
					right: 10px;
					top: 8px;
				}

				tone-select {
					max-width: 200px;
					position: absolute;
					left: 50%;
					transform: translate(-50%, 0);
					top: 8px;
				}

				button[disabled] {
					opacity: 0.5;
				}

				#notSupported {
					display: inline-block;
					color: #aaa;
					top: -6px;
				    position: relative;
					margin-left: 10px;
				}

			</style>
			<div id="container">
				<button 
					?disabled=${!this.supported}
					id="mic" aria-label="microphone" aria-checked=${this.open}>
					${this.open?O:P}
				</button>
				${this.supported?i.b`
					<tone-select>
						${this.inputs.map(t=>i.b`
							<option value=${t.deviceId}>${t.label}</option>
						`)}
					</tone-select>
					<tone-oscilloscope></tone-oscilloscope>
				`:i.b`
					<div id="notSupported"> UserMedia Not Supported</div>
				`}
			</div>
		`}});customElements.define("tone-grain-player",class extends o.a{static get properties(){return{label:{type:String},duration:{type:Number}}}constructor(){super(),this.label="GrainPlayer",this.duration=0}bind(t){const e=setInterval(()=>{t.loaded&&(clearInterval(e),this.duration=t.buffer.duration,this.sync(t))},100);super.bind(t)}render(){return i.b`
			<style>
				:host {
					display: block;
				}

				tone-slider, tone-toggle {
					display: block;
					margin-top: 10px;
				}

				tone-player-viz#top {
					position: absolute;
					top: 9px;
					right: 15px;
				}

				tone-rack:not([collapsed]) tone-player-viz#top{
					display: none;
				}

				tone-player-viz#bottom {
					position: relative;
					display: block;
					width: calc(100% - 20px);
					height: 60px;
					background-color: black;
					border-radius: 10px;
					padding: 10px;
					margin-top: 20px;
				}

				tone-play-toggle {
					position: absolute;
					top: 5px;
					left: 50%;
					transform: translate(-50%, 0);
				}

			</style>
			<tone-rack 
				@collapse=${t=>this.collapsed=t.detail}
				?collapsed=${this.collapsed} label="${this.label}">
				<tone-player-viz slot="top" class="viz" id="top" color="black"></tone-player-viz>
				<tone-player-viz class="viz" id="bottom" color="white"></tone-player-viz>
				<tone-slider 
					min="0.5"
					max="2"
					exp="2"
					value="1"
					label="Playback Rate"
					attribute="playbackRate">
				</tone-slider>
				<tone-slider 
					min="-1200"
					max="1200"
					default="0"
					anchor="center"
					value="0"
					label="Detune"
					units="cents"
					attribute="detune">
				</tone-slider>
				<tone-slider 
					min="0.01"
					max="0.5"
					value="0.1"
					label="Grain Size"
					attribute="grainSize">
				</tone-slider>
				<tone-slider 
					min="0.01"
					max="0.2"
					value="0.1"
					label="Overlap"
					attribute="overlap">
				</tone-slider>
				<tone-toggle 
					label="Loop"
					attribute="loop">
				</tone-toggle>
				<tone-slider 
					min="0"
					value="0"
					label="Loop Start"
					.max=${this.duration}
					attribute="loopStart">
				</tone-slider>
				<tone-slider 
					min="0"
					value="0"
					label="Loop End"
					.max=${this.duration}
					attribute="loopEnd">
				</tone-slider>
				<tone-toggle 
					label="Reverse"
					attribute="reverse">
				</tone-toggle>
			</tone-rack>
		`}});customElements.define("tone-multislider",class extends i.a{static get properties(){return{label:{type:String},length:{type:Number},attribute:{type:String}}}constructor(){super(),this.length=32,this.value=Array.from(new Float32Array(this.length))}_scaleArray(t){const e=Math.max(1,...t);return t.slice(0,this.length).map(t=>Math.clamp(Math.abs(t/e),0,1))}sync(t){this._scaleArray(t[this.attribute]).toString()!==this.value&&(this.value=this._scaleArray(t[this.attribute]),this.requestUpdate())}set(t){t[this.attribute]=this.value}_eventToXY(t){return{x:t.offsetX/t.target.offsetWidth,y:1-t.offsetY/t.target.offsetHeight}}mousedown(t){if(t.buttons){const{x:e,y:n}=this._eventToXY(t),i=this.value.length;if(this.value[Math.floor(e*this.length)]=n,i!==this.value.length)for(let t=0;t<this.value.length;t++)this.value[t]||(this.value[t]=0);this.requestUpdate(),this.dispatchEvent(new CustomEvent("change",{detail:this.value,composed:!0})),this.attribute&&this.dispatchEvent(new CustomEvent(this.attribute,{composed:!0,detail:this.value,bubbles:!0}))}}render(){const t=this.value;return i.b`
			<style>
				:host {
					display: block;
				}

				#container {
					position: relative;
					width: 100%;
					height: 55px;
					display: block;
					background-color: #eee;
					margin-top: 5px;
				}

				.slider {
					width: calc(100% / ${this.length});
					display: inline-block;
					height: 100%;
					position: relative;
					float: left;
					pointer-events: none;
				}

				.slider .fill {
					color: green;
					width: 100%;
					height: 0%;
					background-color: #777;
					position: absolute;
					bottom: 0px;
				}

				label {
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
				}
			</style>
			<label>${this.label}</label>
			<div id="container" 
				@mousedown=${this.mousedown}
				@mousemove=${this.mousedown}>
				${t.map(t=>i.b`
					<span class="slider">
						<div class="fill" style="height : ${Math.ceil(100*t).toString()}%"></div>
					</span>
				`)}
			</div>
		`}});var R=n(138),$=n.n(R);customElements.define("tone-keyboard-note",class extends i.a{static get properties(){return{note:{type:Number},color:{type:String},activecolor:{type:String},active:{type:Boolean},velocity:{type:Number},touchid:{type:Number}}}fromMidi(t){return Tone.Midi(t).toNote()}constructor(){super(),this.color="#eee",this.activecolor="white",this.active=!1,this.touchid=-1}updated(t){if(t.has("active")){const t=this.active?"noteon":"noteoff";this.active||(this.touchid=-1),this.dispatchEvent(new CustomEvent(t,{detail:{name:this.fromMidi(this.note),midi:this.note,velocity:this.active?1:0},composed:!0,bubbles:!0}))}}mouseover(t){t.buttons&&(this.active=!0,this.shadowRoot.querySelector("button").focus())}keydown(t){k(),t.repeat||" "!==t.key&&"Enter"!==t.key||(this.active=!0)}keyup(t){" "!==t.key&&"Enter"!==t.key||(this.active=!1)}touchstart(t){t.preventDefault(),this.touchid=t.touches[0].identifier,this.active=!0}render(){const t=0!==this.note;return i.b`
			<style>
				
				:host {
					display: block;
				}

				#container {
					width: 100%;
					height: 100%;
					display: block;
				}

				#container:not([show]){
					opacity: 0;
					margin: 2px;
					pointer-events: none;
				}

				button {
					border: none;
					-webkit-appearance: none;
					--key-margin: 2px;
					width: 100%;
					height: 100%;
					border: 2px solid white;
					box-sizing: border-box;
					padding: 0;
					outline: none;
					transition: background-color 0.2s;
					color: transparent;
					font-size: 0px;
					border-radius: 2px;
				}
				button[active] {
					background-color: #666!important;
					transition-duration: 0s;
				}
				button:focus {
					border-color: #666;
				}
			</style>
			<div id="container" ?show=${t}>
				${t?i.b`
					<button 
						?active=${this.active}
						@mouseover=${this.mouseover.bind(this)}
						@mouseleave=${()=>this.active=!1}
						@mousedown=${()=>this.active=!0}
						@touchstart=${this.touchstart.bind(this)}
						@touchend=${()=>this.active=!1}
						@mouseup=${()=>this.active=!1}
						@keydown=${this.keydown.bind(this)}
						@keyup=${this.keyup.bind(this)}
						style="background-color: ${this.active?this.activecolor:this.color};">
							${this.fromMidi(this.note).replace("#","♯")}
						</button>`:i.b``}
			</div>
		`}});customElements.define("tone-keyboard-octave",class extends i.a{static get properties(){return{octave:{type:Number}}}constructor(){super(),this.octave=1}noteon(t){this.shadowRoot.querySelector(`tone-keyboard-note[note="${t}"]`).active=!0}noteoff(t){this.shadowRoot.querySelector(`tone-keyboard-note[note="${t}"]`).active=!1}_getNoteByTouchId(t){const e=Array.from(this.shadowRoot.querySelectorAll("tone-keyboard-note")).find(e=>e.touchid===t);if(e&&e.note)return e}render(){const t=12*this.octave,e=[0,2,4,5,7,9,11].map(e=>e+t),n=[0,1,3,0,6,8,10,0].map(e=>e?e+t:0);return i.b`
			<style>

				#container {
					display: block;
					position: relative;
					height: 100%;
					width: 100%;
				}
				tone-keyboard-note {
					order: 0;
					flex-grow: 1;
				}

				#white-notes {
					position: absolute;
					left: 0px;
					top: 0px;
					width: 100%;
					height: 100%;
					display: flex;
					flex-direction: row;
				}

				#black-notes {
					position: absolute;
					top: 0px;
					width: 100%;
					display: flex;
					flex-direction: row;
					height: 55%;
				}

				#black-notes tone-keyboard-note:first-child, #black-notes tone-keyboard-note:last-child {
					flex-grow: 0.5;
					pointer-events: none;
				}

			</style>
			<div id="container">
				<div id="white-notes">
				${e.map(t=>i.b`
					<tone-keyboard-note color="#aaa" note="${t.toString()}"></tone-keyboard-note>
				`)}
				</div>
				<div id="black-notes">
				${n.map(t=>i.b`
					<tone-keyboard-note color="black" note="${t.toString()}"></tone-keyboard-note>
				`)}
				</div>
			</div>
		`}});customElements.define("tone-keyboard",class extends i.a{static get properties(){return{rootoctave:{type:Number},octaves:{type:Number},polyphonic:{type:Boolean}}}constructor(){super(),this.rootoctave=4,this.octaves=4,this.polyphonic=!1,this._computerKeyboard=new $.a({polyphony:1/0}),this._computerKeyboard.down(t=>{k(),this.noteon(t.note)}),this._computerKeyboard.up(t=>{this.noteoff(t.note)})}_getNoteByTouchId(t){const e=Array.from(this.shadowRoot.querySelectorAll("tone-keyboard-octave")).find(e=>e._getNoteByTouchId(t));if(e)return e._getNoteByTouchId(t)}_touchmove(t){Array.from(t.changedTouches).forEach(t=>{this._getNoteByTouchId(t.identifier);const e=this._getNoteByTouchId(t.identifier),n=this.shadowRoot.elementFromPoint(t.clientX,t.clientY);if(n&&n.shadowRoot){const i=n.shadowRoot.elementFromPoint(t.clientX,t.clientY);i&&i.note&&e.note!==i.note&&(e.active=!1,e.touchid=-1,i.active=!0,i.touchid=t.identifier)}})}_touchend(t){Array.from(t.changedTouches).forEach(t=>{this._getNoteByTouchId(t.identifier);const e=this._getNoteByTouchId(t.identifier);e&&e.active&&(e.active=!1,e.touchid=-1)})}noteon(t){const e=Math.floor(t/12),n=this.shadowRoot.querySelector(`tone-keyboard-octave[octave="${e}"]`);n&&n.noteon(t)}noteoff(t){const e=Math.floor(t/12),n=this.shadowRoot.querySelector(`tone-keyboard-octave[octave="${e}"]`);n&&n.noteoff(t)}render(){const t=[];for(let e=this.rootoctave;e<this.rootoctave+this.octaves;e++)t.push(e);return i.b`
			<style>
				#container {
					display: flex;
					background-color: white;
					height: 80px;
				}

				tone-keyboard-octave {
					flex-grow: 1;
				}
			</style>
			<div id="container"
				@touchmove=${this._touchmove.bind(this)}
				@touchend=${this._touchend.bind(this)}>
				${t.map(t=>i.b`
					<tone-keyboard-octave octave=${t.toString()}></tone-keyboard-octave>
				`)}
			</div>
		`}});var F=n(38),z=n.n(F);customElements.define("tone-midi-in",class extends i.a{constructor(){super(),z.a.enable(t=>{t&&error(t),z.a.addListener("connected",t=>{"input"===t.port.type&&this.requestUpdate()}),z.a.addListener("disconnected",t=>{this.requestUpdate()})})}_flash(){clearTimeout(this._flashTimeout);const t=this.shadowRoot.querySelector("#light");t.classList.add("flash"),this._flashTimeout=setTimeout(()=>t.classList.remove("flash"),100)}_connectMidi(t){if("none"===t.target.value)return void this.shadowRoot.querySelector("#light").classList.remove("connected");this.shadowRoot.querySelector("#light").classList.add("connected");const e=z.a.getInputById(t.target.value);e.addListener("noteon","all",t=>{const e=`${t.note.name}${t.note.octave}`,n=t.note.number;this._flash(),this.dispatchEvent(new CustomEvent("noteon",{detail:{name:e,midi:n,velocity:t.velocity},composed:!0,bubbles:!0}))}),e.addListener("noteoff","all",t=>{const e=`${t.note.name}${t.note.octave}`,n=t.note.number;this._flash(),this.dispatchEvent(new CustomEvent("noteoff",{detail:{name:e,midi:n,velocity:t.velocity},composed:!0,bubbles:!0}))}),e.addListener("controlchange","all",t=>{this._flash()})}render(){return window.WebMidi=z.a,z.a.supported?i.b`
				<style>
					:host {
						display: block;
					}

					#container {
						display: block;
						margin-bottom: 10px;
					}

					label {
						font-family: var(--label-font-family);
						font-size: var(--label-font-size);
						margin-right: 10px;
					}

					tone-select, label {
						display: inline-block;
					}

					#container {
						position: relative;
					}

					#light {
						width: 10px;
						height: 10px;
						background-color: white;
						display: inline-block;
					}

					#light.connected {
						background-color: var(--color-gray);
					}

					#light.connected.flash {
						background-color: black!important;
					}

				</style>
				<div id="container">
					<div id="light"></div>
					<label>MIDI</label>
					<tone-select
						@change=${this._connectMidi.bind(this)}>
						<option value="none">none</option>
						${z.a.inputs.map(t=>i.b`
							<option value=${t.id}>${t.name}</option>
						`)}
					</tone-select>
				</div>
			`:i.b``}});customElements.define("tone-piano",class extends i.a{static get properties(){return{polyphonic:{type:Boolean}}}constructor(){super()}bind(t){this.addEventListener("noteon",e=>{t.triggerAttack(e.detail.name)}),this.addEventListener("noteoff",e=>{this.polyphonic?t.triggerRelease(e.detail.name):t.triggerRelease()})}firstUpdated(){super.firstUpdated();const t=this.shadowRoot.querySelector("tone-keyboard");this.shadowRoot.querySelector("tone-midi-in").addEventListener("noteon",e=>{e.stopPropagation(),t.noteon(e.detail.midi)}),this.shadowRoot.querySelector("tone-midi-in").addEventListener("noteoff",e=>{e.stopPropagation(),t.noteoff(e.detail.midi)}),window.addEventListener("resize",this._resize.bind(this)),setTimeout(()=>this._resize(),100)}_resize(){const t=this.shadowRoot.querySelector("#container").clientWidth,e=Math.clamp(Math.floor(t/100)-1,1,8),n=Math.ceil(Math.scale(e,1,8,5,1));this.shadowRoot.querySelector("tone-keyboard").setAttribute("rootoctave",n),this.shadowRoot.querySelector("tone-keyboard").setAttribute("octaves",e)}render(){return i.b`
			<style>
				:host {
					display: block;
				}

				#container {
					background-color: var(--color-light-gray);
					position: relative;
					padding: 5px;
					display: block;
				}

				tone-keyboard {
					display: block;
					clear: both;
				}

				tone-midi-in {
				    position: relative;
				    top: 5px;
				    right: 5px;
				    display: inline-block;
				    float: right;
				}

			</style>
			<div id="container">
				<tone-midi-in>
				</tone-midi-in>
				<tone-keyboard ?polyphonic=${this.polyphonic}></tone-keyboard>
			</div>
		`}});customElements.define("tone-button",class extends i.a{static get properties(){return{label:{type:String},disabled:{type:Boolean}}}constructor(){super()}_clicked(t){k(),this.disabled&&t.stopPropagation()}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					min-width: 80px;
					width: 100%;
					--computed-button-height : var(--button-height, 44px);
				}

				#container {
					display: inline-block;
					width: 100%;
				}

				button {
					box-sizing: border-box;
					width: 100%;
					height: var(--computed-button-height);
					outline-color: var(--outline-color);
					border: 2px solid black;
					border-radius: calc(var(--computed-button-height) / 2);
					padding: 0px;
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
					text-align: center;
					cursor: pointer;
					transition: box-shadow 0.1s;
					box-shadow: var(--shadow-low);
				}

				button:not([disabled]):hover, button:not([disabled]):focus {
					box-shadow: var(--shadow-medium);
				}

				button:active {
					color: var(--color-gray);
					border-color: var(--color-gray);
				}

				button[disabled]{
					opacity: 0.5;
				}

			</style>
			<div id="container">
				<button 
					?disabled=${this.disabled}
					@click=${this._clicked.bind(this)}>
					${this.label}
				</button>
			</div>
		`}});customElements.define("tone-trigger",class extends i.a{static get properties(){return{triggered:{type:Boolean},disabled:{type:Boolean}}}constructor(){super(),this.triggered=!1}updated(t){t.has("triggered")&&this.dispatchEvent(new CustomEvent("change",{detail:this.triggered,composed:!0,bubbles:!0}))}bind(t){this.addEventListener("change",e=>{e.detail?t.start():t.stop()})}_mousedown(t){k(),"touchstart"===t.type&&t.preventDefault(),this.triggered=!0}_keydown(t){k()," "!==t.key&&"Enter"!==t.key||(this.triggered=!0)}_keyup(t){" "!==t.key&&"Enter"!==t.key||(this.triggered=!1)}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					min-width: 80px;
					width: 100%;
				}

				#container {
					display: inline-block;
					width: 100%;
				}

				label {
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
					margin-right: 20px;
				}

				button {
					position: relative;
					box-sizing: border-box;
					width: 100%;
					height: 44px;
					outline-color: var(--outline-color);
					border: 2px solid black;
					border-radius: 22px;
					padding: 0px;
					font-size: 30px;
					text-align: center;
					cursor: pointer;
					transition: box-shadow 0.1s;
					box-shadow: var(--shadow-low);
				}

				button:hover, button:focus {
					box-shadow: var(--shadow-medium);
				}

				button #ring {
					width: 20px;
					height: 20px;
					position: absolute;
					border-radius: 50%;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
					border: 2px solid black;
					box-sizing: border-box;
					transition: all 0.1s;
				}

				button[triggered] #ring {
					width: 30px;
					height: 30px;
				}

				button #circle {
					position: absolute;
					left: 50%;
					top: 50%;
					transform: translate(-50%, -50%);
					width: 100%;
					height: 100%;
					border-radius: 50%;
					transition: all 0.1s;
					background-color: black;
				}

				button[triggered] #circle {
					width: 0px;
					height: 0px;
				}

				button[disabled] {
					opacity: 0.5;
				}

			</style>
			<div id="container">
				<button 
					?disabled=${this.disabled}
					?triggered=${this.triggered}
					@keydown=${this._keydown.bind(this)}
					@keyup=${this._keyup.bind(this)}
					@mousedown=${this._mousedown.bind(this)}
					@touchstart=${this._mousedown.bind(this)}
					@mouseup=${()=>this.triggered=!1}
					@touchend=${()=>this.triggered=!1}
					aria-label="Trigger" .aria-checked=${this.triggered}>
					<div id="ring">
						<div id="circle"></div>
					</div>
					
				</button>
			</div>
		`}});customElements.define("tone-step-sequencer",class extends i.a{static get properties(){return{label:{type:String},rows:{type:Number},columns:{type:Number},highlight:{type:Number}}}constructor(){super(),this.rows=4,this.columns=16,this.highlight=-1,this.values=[],this.adding=!1}get currentColumn(){return this.values[Math.clamp(this.highlight,0,this.columns-1)]}_mousedown(t,e,n){t.cancelable&&t.preventDefault(),this.adding=!this.values[e][n],this.values[e][n]=this.adding,this.requestUpdate()}_mousemove(t,e,n){if(t.cancelable&&t.preventDefault(),t.buttons)this.values[e][n]=this.adding,this.requestUpdate();else if(t.changedTouches){const{clientWidth:i,clientHeight:o}=this.shadowRoot.querySelector("#container"),{top:r,left:s}=this.getBoundingClientRect();Array.from(t.changedTouches).forEach(t=>{const a=(t.clientX-s)/i,l=(t.clientY-r)/o;e=Math.floor(a*this.columns),n=Math.floor(l*this.rows),this.values[e][n]=this.adding}),this.requestUpdate()}}updated(t){if(t.has("columns")||t.has("rows")){this.values=[];for(let t=0;t<this.columns;t++){const t=[];for(let e=0;e<this.rows;e++)t[e]=!1;this.values.push(t)}this.requestUpdate()}}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					width: 100%;
					height: 120px;
				}
				#container {
					width: 100%;
					height: 100%;
					display: flex;
				}
				.column {
					flex: 1;
					display: flex;
					flex-direction: column;
				}

				.column.highlight {
					background-color: var(--color-gray);
				}

				.column.highlight .row {
					transition-duration: 0.4s;
				}

				.column.highlight .row.filled {
					transition: background-color 0.1s;
				}

				.column.highlight .row.filled{
					background-color: white;
				}

				.row {
					flex: 1;
					margin: 1px;
					background-color: var(--color-light-gray);
					transition: background-color 0s;
				}

				.row.filled {
					background-color: var(--color-teal);
				}
			</style>
			<div id="container">
				${this.values.map((t,e)=>i.b`
					<div class="column ${e===this.highlight?"highlight":""}">
						${t.map((t,n)=>i.b`
							<div
								@mousemove=${t=>this._mousemove(t,e,n)} 
								@touchmove=${t=>this._mousemove(t,e,n)} 
								@mousedown=${t=>this._mousedown(t,e,n)} 
								@touchstart=${t=>this._mousedown(t,e,n)} 
								@touchend=${()=>this.adding=!1} 
								@mouseup=${()=>this.adding=!1} 
								class="row ${t?"filled":""}"></div>
						`)}
					</div>
				`)}
			</div>
		`}});customElements.define("tone-position",class extends i.a{static get properties(){return{position:{type:Number},min:{type:Number},max:{type:Number}}}constructor(){super(),this.position=0,this.min=0,this.max=1,this._dragging=!1}bind(t){this.tone=t,this.loop(t)}updated(t){if(t.has("position")){const t=Math.scale(this.position,this.min,this.max,0,1);this.dispatchEvent(new CustomEvent("position",{detail:t,composed:!0}))}}loop(t){requestAnimationFrame(this.loop.bind(this,t)),this._dragging||(this.position=t.progress)}_change(t){if(this._dragging=!0,clearTimeout(this._dragTimeout),this._dragTimeout=setTimeout(()=>this._dragging=!1,200),this.tone){const e=Math.scale(t.detail,this.min,this.max,0,this.tone.loopEnd);this.tone.seconds=e,this.position=this.tone.progress}}render(){return i.b`
			<style>
				:host {
					display: block;
				}

				tone-slider {
					display: block;
					width: 100%;
				}

			</style>
			<div id="container">
				<tone-slider
					.value=${this.position}
					@input=${this._change.bind(this)}
					.min=${this.min}
					.max=${this.max}
					bare>
				</tone-slider>
			</div>
		`}});customElements.define("tone-slider-2d",class extends i.a{static get properties(){return{x:{type:Number},y:{type:Number}}}constructor(){super(),this.x=.5,this.y=.5}_resize(){const t=this.shadowRoot.querySelector("#container");this._slider.resize(t.clientWidth,t.clientHeight)}_getXY(t){t.stopPropagation(),t.preventDefault();const{clientWidth:e,clientHeight:n}=this.shadowRoot.querySelector("#container");let i=t.offsetX,o=t.offsetY;if(t.changedTouches){const{top:e,left:n}=this.getBoundingClientRect();i=t.changedTouches[0].clientX-n,o=t.changedTouches[0].clientY-e}return{x:Math.clamp(i/e,0,1),y:1-Math.clamp(o/n,0,1)}}_mousedown(t){const{x:e,y:n}=this._getXY(t);this.x=e,this.y=n,this.dispatchEvent(new CustomEvent("mousedown",{detail:{x:this.x,y:this.y},composed:!0}))}_mouseup(t){const{x:e,y:n}=this._getXY(t);this.x=e,this.y=n,this.dispatchEvent(new CustomEvent("mouseup",{detail:{x:this.x,y:this.y},composed:!0}))}_mousemove(t){if(t.buttons||t.changedTouches){const{x:e,y:n}=this._getXY(t);this.x=e,this.y=n,this.dispatchEvent(new CustomEvent("change",{detail:{x:this.x,y:this.y},composed:!0}))}}_mouseleave(t){t.buttons&&this._mouseup(t)}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					width: 100%;
					height: 120px;
				}
				#container {
					width: 100%;
					height: 100%;
					background-color: var(--color-light-gray);
					position: relative;
					overflow: hidden;
				}

				#circle {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					width: 30px;
					height: 30px;
					border-radius: 50%;
					background-color: var(--color-teal);
					pointer-events: none;
				}
			</style>
			<div id="container" 
				@mouseup=${this._mouseup.bind(this)}
				@touchend=${this._mouseup.bind(this)}
				@mousedown=${this._mousedown.bind(this)}
				@touchstart=${this._mousedown.bind(this)}
				@mousemove=${this._mousemove.bind(this)}
				@touchmove=${this._mousemove.bind(this)}
				@mouseleave=${this._mouseleave.bind(this)}>
				<div id="circle" style="left : ${(100*this.x).toString()}% ; top : ${(100*(1-this.y)).toString()}%">
				</div>
			</div>
		`}});var D=n(50);customElements.define("tone-envelope-viz",class extends D.a{constructor(){super(),this.min=0,this.max=1.1,this.duration=.1,this.alt="envelope curve"}async visualize(t){const e=t.get(),n=e.attack+e.decay+e.release,i=await Tone.Offline(()=>{const t=(new Tone.Envelope).toMaster();t.set(e),t.attack*=1,t.decay*=1,t.release*=1,t.toMaster(),t.triggerAttack(.001),t.triggerRelease(1*(e.attack+e.decay+.01)+.001)},1*(n+.01)+.002);this.buffer=i.toArray(0),this.requestUpdate()}});customElements.define("tone-envelope-curve",class extends i.a{static get properties(){return{label:{type:String},attribute:{type:String},basic:{type:Boolean}}}constructor(){super(),this.basic=!1}sync(t){const e=t[this.attribute];this.shadowRoot.querySelector("tone-select-attribute").value=e}get value(){return this.shadowRoot.querySelector("tone-select-attribute").value}set value(t){this.shadowRoot.querySelector("tone-select-attribute").value=t}render(){let t=i.b``;return this.basic||(t=i.b`
				<option value="bounce">bounce</option>
				<option value="ripple">ripple</option>
				<option value="step">step</option>
				<option value="cosine">cosine</option>
				<option value="sine">sine</option>
			`),i.b`
			<tone-select-attribute 
				label=${this.label} attribute=${this.attribute}>
				<option value="linear">linear</option>
				<option value="exponential">exponential</option>
				${t}
			</div>
		`}});class L extends o.a{static get properties(){return{label:{type:String}}}constructor(){super(),this.label="Envelope",this.collapsed=!1}renderAttributes(){return i.b``}render(){return i.b`
			<style>
				#top.viz {
					position: absolute;
					top: 9px;
					right: 20px;
					width: 50px;
				}
				tone-rack:not([collapsed]) #top.viz{
					display: none;
				}
				#bottom.viz {
					position: relative;
					display: block;
					width: calc(100% - 20px);
					height: 60px;
					background-color: black;
					border-radius: 10px;
					padding: 10px;
					margin-top: 20px;
				}
				tone-slider {
					display: block;
					margin-top: 10px;
				}
				tone-envelope-curve {
					display: block;
					margin-top: 5px;
				}
			</style>
			<tone-rack 
				@collapse=${t=>this.collapsed=t.detail}
				?collapsed=${this.collapsed} label="${this.label}">
				<tone-envelope-viz class="viz" id="top" slot="top"></tone-envelope-viz>
				<tone-envelope-viz class="viz" id="bottom" color="#eee"></tone-envelope-viz>
				<tone-slider 
					attribute="attack"
					min="0.01" 
					max="2" 
					exp="2"
					value="0.01" 
					label="Attack">
				</tone-slider>
				<tone-envelope-curve
					label="Attack Curve"
					attribute="attackCurve"
					></tone-envelope-curve>
				<tone-slider 
					attribute="decay"
					min="0.01" 
					max="2" 
					exp="2"
					value="0.01" 
					label="Decay">
				</tone-slider>
				<tone-envelope-curve
					basic
					label="Decay Curve"
					attribute="decayCurve"
					></tone-envelope-curve>
				<tone-slider 
					attribute="sustain"
					min="0" 
					max="1" 
					value="0.01" 
					label="Sustain">
				</tone-slider>
				<tone-slider 
					attribute="release"
					min="0.01" 
					max="4" 
					exp="2"
					value="0.01" 
					label="Release">
				</tone-slider>
				<tone-envelope-curve
					label="Release Curve"
					attribute="releaseCurve"
					></tone-envelope-curve>
				${this.renderAttributes()}
			</tone-rack>
		`}}customElements.define("tone-envelope",L);customElements.define("tone-frequency-envelope",class extends L{renderAttributes(){return i.b`
			<tone-slider 
				attribute="baseFrequency"
				min="20" 
				max="20000" 
				value="400"
				units="hz"
				exp="2"
				label="Frequency">
			</tone-slider>
			<tone-slider 
				attribute="octaves"
				min="-8" 
				max="8" 
				value="2" 
				label="Octaves">
			</tone-slider>
		`}});customElements.define("tone-meter",class extends i.a{static get properties(){return{stereo:{type:Boolean},level:{type:Boolean},color:{type:String}}}constructor(){super(),this.color="#777"}bind(t){if(this.stereo,this.stereo){const e=new Tone.Split;t.connect(e),this._meters=[new Tone.Meter(.9),new Tone.Meter(.9)],e.left.connect(this._meters[0]),e.right.connect(this._meters[1])}else this._meters=[new Tone.Meter(.9)],t.connect(this._meters[0]);this._canvas=this.shadowRoot.querySelector("canvas"),this._canvas.width=2*this._canvas.clientWidth,this._canvas.height=2*this._canvas.clientHeight,this._context=this._canvas.getContext("2d"),this.loop(),window.addEventListener("resize",()=>{this._canvas.width=2*this._canvas.clientWidth,this._canvas.height=2*this._canvas.clientHeight})}loop(){requestAnimationFrame(this.loop.bind(this));const{width:t,height:e}=this._canvas,n=this._meters.map(t=>t.getLevel()),i=n.map(t=>Math.clamp(Math.scale(t,-100,6,0,e),4,e));this._context.clearRect(0,0,t,e);const o=t/this._meters.length;this._context.fillStyle=this.color;const r=this._meters.length>1?5:0;i.forEach((t,n)=>{this._context.fillRect(n*o+r*n,e-t,o-r,t)}),this.level&&Array.from(this.shadowRoot.querySelectorAll(".level")).forEach((t,e)=>{let i=n[e];i<-100&&(i=-1/0),t.textContent=i.toFixed(2)})}render(){let t=i.b``;return this.level&&(t=this.stereo?i.b`
					<div class="level">-Infinity</div>
					<div class="level">-Infinity</div>
				`:i.b`
					<div class="level">-Infinity</div>
				`),i.b`
			<style>
				:host {
					display: inline-block;
					width: 45px;
					height: 24px;
					border-radius: 4px;
					padding: 4px;
					box-sizing: border-box;
					background-color: #aaa;
					overflow: hidden;
				}
				#container {
					width: 100%;
					height: 100%;
					display: inline-block;
				}
				canvas {
					width: 100%;
					height: 100%;
				}
				canvas.hasLevel {
					height: calc(100% - 15px);
				}
				#level {
					height: 10px;
					line-height: 10px;
					display: flex;
				}
				.level {
					flex-grow: 1;
					font-family: monospace;
					font-size: 10px;
					text-align: center;
				}
			</style>
			<div id="container">
				<canvas class=${this.level?"hasLevel":""}>
					audio meter level
				</canvas>
				${this.level?i.b`
					<div id="level" style="color:${this.color}">${t}</div>`:i.b``}
			</div>
		`}});var q=n(139),j=n.n(q);customElements.define("tone-presets",class extends i.a{static get properties(){return{label:{type:String},presets:{type:String}}}constructor(){super(),this.label="Presets",this.presets=JSON.stringify("[]"),this._options={}}bind(t){this.addEventListener("preset",e=>{const n=new t.constructor,i=n.get();n.dispose();const o=j()({},i,e.detail);t.set(o),this.dispatchEvent(new CustomEvent("sync",{detail:o,composed:!0,bubbles:!0}))})}_clicked(t,e){const n=Object.assign({},e);this.dispatchEvent(new CustomEvent("preset",{detail:n,composed:!0,bubbles:!0}))}render(){if("undefined"!==this.presets){const t=JSON.parse(this.presets);return i.b`
				<style>
					:host {
						display: block;
					}

					#container {
						display: flex;
					}

					#label {
						height: 20px;
						line-height: 20px;
						margin-left: 10px;
						margin-right: 10px;
					}

					#label, button {
						font-family: var(--label-font-family);
						font-size: var(--label-font-size);
						display: inline-block;
						color: var(--color-dark-gray);
					}

					#presets {
						display: inline-block;
					}

					button {
						font-family: monospace;
						border: none;
						-webkit-appearance: none;
						width: 20px;
						height: 20px;
						border: 2px solid var(--color-dark-gray);
						padding-left: 5px;
						color: var(--color-dark-gray);
						border-radius: 10px;
						text-align: center;
						background-color: transparent;
						font-size: 10px;
						outline-color: var(--outline-color);
						margin-left: 5px;
						margin-bottom: 5px;
						font-weight: bold;
					}

					button#copy {
						width: 40px;
						font-family: var(--label-font-family);
					}

					button.selected {
						background-color: white;
					}

					button:active {
						color: var(--color-gray);
						border-color: var(--color-gray);
					}
				</style>
				<div id="container">
					<div id="label">${this.label}</div>
					<div id="presets">
						${t.map((t,e)=>i.b`
							<button @click=${e=>this._clicked(e,t)}>
								${(e+1).toString()}
							</button>`)}
						<!--button id="copy">copy</button-->
					</div>
				</div>
			`}return i.b``}});class H extends o.a{static get properties(){return{label:{type:String},presets:{type:String},nopresets:{type:Boolean},collapsed:{type:Boolean},effect:{type:Boolean},polyphonic:{type:Boolean}}}constructor(){super(),this.label="",this.effect=!1,this.polyphonic=!1}bind(t){this.shadowRoot.querySelector("tone-meter").bind(t);const e=this.shadowRoot.querySelector("tone-presets");e&&e.bind(t),this.polyphonic?t.voices.forEach(t=>super.bind(t)):super.bind(t)}renderAttributes(){return i.b``}render(){const t=i.b`
			<div id="drywet" slot="top">
				<label>Dry/Wet</label>
				<tone-slider 
					label="Dry/Wet"
					attribute="wet"
					min="0"
					max="1"
					bare
					value="1"></tone-slider>
			</div>
		`;return i.b`
			<style>
				:host {
					display: block;
				}

				tone-meter {
					position: absolute;
					top: 8px;
					right: 8px;
					width: 24px;
					height: 24px;
					background-color: white;
				}

				tone-presets {
					margin-top: 15px;
				}

				tone-slider, tone-oscillator-type, tone-select-attribute {
					width: 90%;
					min-width: 300px;
					display: block;
					margin: 10px auto;
				}

				#attributeContainer * {
					display: block;
					margin-top: 10px;
				}

				#drywet {
					position: absolute;
					right: 60px;
					top: 0px;
					width: 50%;
					max-width: 150px;
					min-width: 100px;
				}

				#drywet tone-slider {
					display: inline-block;
					margin: 0;
					width: calc(100% - 64px);
					min-width: unset;
					float: right;
				}

				label {
					position: relative;
					top: 10px;
					width: 60px;
					display: inline-block;
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
				}

				@media only screen and (max-width: 600px) {
					#drywet label {
						display: none;
					}
				}

			</style>
			<tone-rack square ?collapsed=${this.collapsed} label=${this.label}>
				<tone-meter slot="top"></tone-meter>
				${this.effect?t:i.b``}
				<div id="attributeContainer">
					${this.renderAttributes()}
				</div>
				${this.nopresets?i.b``:i.b`<tone-presets presets=${this.presets}></tone-presets>`}
			</tone-rack square>
		`}}customElements.define("tone-instrument",H);const V=[{portamento:0,oscillator:{type:"fatsine4",spread:60,count:10},envelope:{attack:.4,decay:.01,sustain:1,attackCurve:"sine",releaseCurve:"sine",release:.4}},{portamento:0,oscillator:{type:"square4"},envelope:{attack:2,decay:1,sustain:.2,release:2}},{portamento:0,oscillator:{type:"pulse",width:.8},envelope:{attack:.01,decay:.05,sustain:.2,releaseCurve:"bounce",release:.4}},{portamento:.2,oscillator:{type:"sawtooth"},envelope:{attack:.03,decay:.1,sustain:.2,release:.02}},{portamento:.2,oscillator:{partials:[1,0,2,0,3]},envelope:{attack:.001,decay:1.2,sustain:0,release:1.2}},{portamento:.2,oscillator:{type:"fatcustom",partials:[.2,1,0,.5,.1],spread:40,count:3},envelope:{attack:.001,decay:1.6,sustain:0,release:1.6}},{portamento:0,oscillator:{type:"fatsawtooth",count:3,spread:30},envelope:{attack:.01,decay:.1,sustain:.5,release:.4,attackCurve:"exponential"}},{portamento:0,oscillator:{type:"sine"},envelope:{attack:.001,decay:.1,sustain:.1,release:1.2}}];customElements.define("tone-synth",class extends H{constructor(){super(),this.label="Synth",this.presets=JSON.stringify(V)}renderAttributes(){return i.b`
			<tone-slider 
				label="Portamento"
				attribute="portamento"
				min="0"
				max="0.3"
				value="0"></tone-slider>
			<tone-envelope 
				component="envelope"
				collapsed label="Envelope"></tone-envelope>
			<tone-oscillator 
				omni
				component="oscillator"
				collapsed label="Oscillator"></tone-oscillator>
		`}});const B=[{portamento:0,oscillator:{type:"square"},filter:{Q:6,type:"lowpass",rolloff:-24},envelope:{attack:.005,decay:.1,sustain:.9,release:1},filterEnvelope:{attack:.06,decay:.2,sustain:.5,release:2,baseFrequency:200,octaves:7,exponent:2}},{portamento:0,oscillator:{type:"sawtooth"},filter:{Q:2,type:"bandpass",rolloff:-24},envelope:{attack:.01,decay:.1,sustain:.2,release:.6},filterEnvelope:{attack:.02,decay:.4,sustain:1,release:.7,releaseCurve:"linear",baseFrequency:20,octaves:5}},{portamento:0,oscillator:{type:"fmsquare5",modulationType:"triangle",modulationIndex:2,harmonicity:.501},filter:{Q:1,type:"lowpass",rolloff:-24},envelope:{attack:.01,decay:.1,sustain:.4,release:2},filterEnvelope:{attack:.01,decay:.1,sustain:.8,release:1.5,baseFrequency:50,octaves:4.4}},{portamento:.08,oscillator:{type:"custom",partials:[2,1,3,2,.4]},filter:{Q:4,type:"lowpass",rolloff:-48},envelope:{attack:.04,decay:.06,sustain:.4,release:1},filterEnvelope:{attack:.01,decay:.1,sustain:.6,release:1.5,baseFrequency:50,octaves:3.4}},{portamento:.01,oscillator:{type:"sawtooth"},filter:{Q:2,type:"lowpass",rolloff:-24},envelope:{attack:.1,decay:.1,sustain:.6,release:.5},filterEnvelope:{attack:.05,decay:.8,sustain:.4,release:1.5,baseFrequency:2e3,octaves:1.5}},{portamento:0,oscillator:{type:"pwm",modulationFrequency:1},filter:{Q:6,rolloff:-24},envelope:{attack:.025,decay:.3,sustain:.9,release:2},filterEnvelope:{attack:.245,decay:.131,sustain:.5,release:2,baseFrequency:20,octaves:7.2,exponent:2}},{portamento:0,oscillator:{type:"sawtooth"},filter:{Q:3,type:"highpass",rolloff:-12},envelope:{attack:.01,decay:.3,sustain:0,release:.9},filterEnvelope:{attack:.01,decay:.1,sustain:0,release:.1,baseFrequency:800,octaves:-1.2}}];customElements.define("tone-mono-synth",class extends H{constructor(){super(),this.label="MonoSynth",this.presets=JSON.stringify(B)}renderAttributes(){return i.b`
			<tone-slider 
				label="Portamento"
				attribute="portamento"
				min="0"
				max="0.1"
				value="0"></tone-slider>
			<tone-envelope 
				component="envelope" 
				collapsed 
				label="Envelope"></tone-envelope>
			<tone-oscillator 
				omni
				component="oscillator" 
				class="rack" collapsed label="Oscillator"></tone-oscillator>
			<tone-filter 
				component="filter"
				class="rack" collapsed label="Filter"></tone-filter>
			<tone-frequency-envelope 
				component="filterEnvelope"
				collapsed 
				label="Filter Envelope"></tone-frequency-envelope>
		`}});const G=[{frequency:300,envelope:{attack:.001,decay:.20958529411764706,sustain:0,release:.4888,attackCurve:"linear",decayCurve:"exponential",releaseCurve:"exponential"},harmonicity:17.075,modulationIndex:36.84,resonance:378.8235294117647,octaves:2.25},{frequency:200,envelope:{attack:.01,decay:.0427764705882353,sustain:0,release:.4888,attackCurve:"linear",decayCurve:"linear",releaseCurve:"exponential"},harmonicity:12,modulationIndex:21.04,resonance:106.19607843137256,octaves:4},{frequency:300,envelope:{attack:.09584313725490196,decay:.26265196078431374,sustain:0,release:.4888,attackCurve:"ripple",decayCurve:"exponential",releaseCurve:"exponential"},harmonicity:.5,modulationIndex:11.56,resonance:474.0882352941176,octaves:.99},{frequency:300,envelope:{attack:.001,decay:.4,sustain:0,release:.2,attackCurve:"linear",decayCurve:"exponential",releaseCurve:"exponential"},harmonicity:12,modulationIndex:20,resonance:800,octaves:1.5}];customElements.define("tone-metal-synth",class extends H{constructor(){super(),this.label="MetalSynth",this.presets=JSON.stringify(G)}renderAttributes(){return i.b`
			<tone-slider 
				label="Harmonicity"
				attribute="harmonicity"
				min="0.5"
				max="20"
				value="1"></tone-slider>
			<tone-slider 
				label="Modulation Index"
				attribute="modulationIndex"
				min="0.5"
				max="40"
				value="1"></tone-slider>
			<tone-slider 
				label="Resonance"
				attribute="resonance"
				min="100"
				max="8000"
				exp="2"
				value="4000"></tone-slider>
			<tone-slider 
				label="Octaves"
				attribute="octaves"
				min="0.5"
				max="4"
				value="1.5"></tone-slider>
			<tone-envelope 
				component="envelope" 
				collapsed 
				label="Envelope"></tone-envelope>
		`}});const U=[{pitchDecay:.0033411764705882354,octaves:.8300000000000001,oscillator:{frequency:440,detune:0,phase:0,type:"fmsine",modulationIndex:.1,modulationType:"sawtooth",harmonicity:.44,volume:0,mute:!1},envelope:{attack:6e-4,decay:.25,sustain:0,release:1.4,attackCurve:"exponential",decayCurve:"exponential",releaseCurve:"exponential"}},{pitchDecay:.008,octaves:2,oscillator:{type:"sine",frequency:440,detune:0,phase:0,partialCount:0,volume:0,mute:!1},envelope:{attack:6e-4,decay:.5,sustain:0,release:1.4,attackCurve:"exponential",decayCurve:"exponential",releaseCurve:"exponential"}},{pitchDecay:.019729411764705884,octaves:4.845,oscillator:{frequency:440,detune:0,phase:0,spread:80.4,count:3,type:"fatsine",partialCount:0,volume:0,mute:!1},envelope:{attack:.011560784313725491,decay:.22226666666666667,sustain:0,release:1.4,attackCurve:"sine",decayCurve:"exponential",releaseCurve:"exponential"}}];customElements.define("tone-membrane-synth",class extends H{constructor(){super(),this.label="MembraneSynth",this.presets=JSON.stringify(U)}renderAttributes(){return i.b`
			<tone-slider 
				label="Pitch Decay"
				attribute="pitchDecay"
				min="0.001"
				max="0.2"
				exp="2"
				value="0.01"></tone-slider>
			<tone-slider 
				label="Octaves"
				attribute="octaves"
				min="0.5"
				max="6"
				value="1.5"></tone-slider>
			<tone-oscillator 
				omni
				component="oscillator" 
				collapsed 
				label="Oscillator"></tone-oscillator>
			<tone-envelope 
				component="envelope" 
				collapsed 
				label="Envelope"></tone-envelope>
		`}});customElements.define("tone-noise-synth",class extends H{constructor(){super(),this.label="NoiseSynth"}renderAttributes(){return i.b`
			<tone-noise 
				label="Noise"
				collapsed
				component="noise"></tone-noise>
			<tone-envelope 
				component="envelope" 
				collapsed 
				label="Envelope"></tone-envelope>
		`}});const W=[{harmonicity:1,modulationIndex:20.848,portamento:.024,oscillator:{type:"sawtooth9",frequency:440,detune:0,phase:0,partialCount:9},envelope:{attack:.012926470588235294,decay:.05975,sustain:.16,release:.18211764705882355,attackCurve:"exponential",decayCurve:"exponential",releaseCurve:"exponential"},modulation:{type:"custom",frequency:440,detune:0,phase:0,partials:[.8105694691387023,0,.0900632743487447,0,.03242277876554809,0,.016542234064055146,0,.010007030483193857,0,.00669892123255126,0,.004796269048158,0,.6,0,.0028047386475387615,.4727272727272728,.002245344789857901,0,.0018380260071172384,0,.0015322674274833694,0,.0012969111506219236,.8727272727272728,.0011118922759104286,0,.0009638162534348421,0,.0008434645880735718,0],partialCount:32},modulationEnvelope:{attack:.012926470588235294,decay:.08784411764705882,sustain:0,release:.08627941176470588,attackCurve:"exponential",decayCurve:"exponential",releaseCurve:"cosine"}},{harmonicity:1.515,modulationIndex:6.483999999999999,detune:0,oscillator:{type:"sawtooth3",frequency:440,detune:0,phase:0,partialCount:3,volume:0,mute:!1},envelope:{attack:.010585294117647059,decay:.27689411764705885,sustain:0,release:.7328941176470589,attackCurve:"linear",decayCurve:"exponential",releaseCurve:"exponential"},modulation:{type:"square",frequency:440,detune:0,phase:0,partialCount:0,volume:0,mute:!1},modulationEnvelope:{attack:.01,decay:.05975,sustain:0,release:.13635,attackCurve:"exponential",decayCurve:"exponential",releaseCurve:"exponential"},portamento:0},{harmonicity:1.655,modulationIndex:40,detune:0,oscillator:{type:"square",frequency:440,detune:0,phase:0,partialCount:0,volume:0,mute:!1},envelope:{attack:.09584313725490196,decay:.13174117647058822,sustain:.25,release:.5,attackCurve:"exponential",decayCurve:"exponential",releaseCurve:"exponential"},modulation:{type:"triangle",frequency:440,detune:0,phase:0,partialCount:0,volume:0,mute:!1},modulationEnvelope:{attack:.0427764705882353,decay:.8596519607843138,sustain:.08,release:3.392894117647059,attackCurve:"linear",decayCurve:"exponential",releaseCurve:"exponential"},portamento:.15899999999999997}];customElements.define("tone-fm-synth",class extends H{constructor(){super(),this.label="FMSynth",this.presets=JSON.stringify(W)}renderAttributes(){return i.b`
			<tone-slider 
				label="Portamento"
				attribute="portamento"
				min="0"
				max="0.3"
				value="0"></tone-slider>
			<tone-slider 
				label="Harmonicity"
				attribute="harmonicity"
				min="0.5"
				max="4"
				value="1"></tone-slider>
			<tone-slider 
				label="Modulation Index"
				attribute="modulationIndex"
				min="0.1"
				max="40"
				value="1"></tone-slider>
			<tone-envelope 
				component="envelope"
				collapsed 
				label="Carrier Envelope"></tone-envelope>
			<tone-oscillator 
				omni
				component="oscillator"
				collapsed label="Carrier Oscillator"></tone-oscillator>
			<tone-envelope 
				component="modulationEnvelope"
				collapsed 
				label="Modulation Envelope"></tone-envelope>
			<tone-oscillator 
				component="modulation"
				collapsed label="Modulation Oscillator"></tone-oscillator>
		`}});const Y=[{harmonicity:3.51,detune:0,oscillator:{type:"sawtooth",frequency:440,detune:0,phase:0,partialCount:0,volume:0,mute:!1},envelope:{attack:.01682843137254902,decay:.2,sustain:.3,release:.3,attackCurve:"linear",decayCurve:"exponential",releaseCurve:"exponential"},modulation:{type:"sine",frequency:440,detune:0,phase:0,partialCount:0,volume:0,mute:!1},modulationEnvelope:{attack:.6661147058823529,decay:1.1665411764705882,sustain:1,release:2.151691176470588,attackCurve:"linear",decayCurve:"exponential",releaseCurve:"exponential"},portamento:0},{harmonicity:2.88,detune:0,oscillator:{frequency:440,detune:0,phase:0,width:0,volume:0,mute:!1,type:"pulse"},envelope:{attack:.20958529411764706,decay:1.9219607843137254,sustain:.08,release:1.5132911764705883,attackCurve:"exponential",decayCurve:"linear",releaseCurve:"exponential"},modulation:{type:"square",frequency:440,detune:0,phase:0,partialCount:0,volume:0,mute:!1},modulationEnvelope:{attack:.01682843137254902,decay:1.1665411764705882,sustain:1,release:2.151691176470588,attackCurve:"linear",decayCurve:"exponential",releaseCurve:"exponential"},portamento:0},{harmonicity:2.355,detune:0,oscillator:{type:"sawtooth",frequency:440,detune:0,phase:0,partialCount:0,volume:0,mute:!1},envelope:{attack:.19729411764705884,decay:1.1072313725490197,sustain:.3,release:2.8358588235294118,attackCurve:"linear",decayCurve:"exponential",releaseCurve:"exponential"},modulation:{type:"triangle",frequency:440,detune:0,phase:0,partialCount:0,volume:0,mute:!1},modulationEnvelope:{attack:.09584313725490196,decay:1.1665411764705882,sustain:1,release:2.151691176470588,attackCurve:"linear",decayCurve:"exponential",releaseCurve:"exponential"},portamento:0}];customElements.define("tone-am-synth",class extends H{constructor(){super(),this.label="AMSynth",this.presets=JSON.stringify(Y)}renderAttributes(){return i.b`
			<tone-slider 
				label="Portamento"
				attribute="portamento"
				min="0"
				max="0.3"
				value="0"></tone-slider>
			<tone-slider 
				label="Harmonicity"
				attribute="harmonicity"
				min="0.5"
				max="4"
				value="1"></tone-slider>
			<tone-envelope 
				component="envelope"
				collapsed 
				label="Carrier Envelope"></tone-envelope>
			<tone-oscillator 
				omni
				component="oscillator"
				collapsed label="Carrier Oscillator"></tone-oscillator>
			<tone-envelope 
				component="modulationEnvelope"
				collapsed 
				label="Modulation Envelope"></tone-envelope>
			<tone-oscillator 
				component="modulation"
				collapsed label="Modulation Oscillator"></tone-oscillator>
		`}});customElements.define("tone-sampler",class extends H{constructor(){super(),this.label="Sampler"}renderAttributes(){return i.b`
			<tone-slider 
				label="Attack"
				attribute="attack"
				min="0"
				max="0.3"
				value="0"></tone-slider>
			<tone-slider 
				label="Release"
				attribute="release"
				min="0"
				max="1.5"
				value="0.1"></tone-slider>
			<tone-select-attribute 
				attribute="curve"
				label="Curve">
				<option value="linear">linear</option>
				<option value="exponential">exponential</option>
				</tone-select-attribute>
		`}});customElements.define("tone-duo-synth",class extends H{constructor(){super(),this.label="MembraneSynth"}renderAttributes(){return i.b`
			<tone-slider 
				label="Vibrato Rate"
				attribute="vibratoRate"
				min="0.1"
				max="5"
				units="hz"
				value="1"></tone-slider>
			<tone-slider 
				label="Vibrato Amount"
				attribute="vibratoAmount"
				min="0"
				max="1"
				value="1"></tone-slider>
			<tone-slider 
				label="Harmonicity"
				attribute="harmonicity"
				min="0.5"
				max="4"
				value="1"></tone-slider>
			<tone-mono-synth 
				component="voice0" 
				collapsed 
				nopresets
				label="Voice 0"></tone-mono-synth>
			<tone-mono-synth 
				component="voice1" 
				collapsed 
				nopresets
				label="Voice 1"></tone-mono-synth>
		`}});customElements.define("tone-filter-viz",class extends D.a{constructor(){super(),this.min=0,this.max=2.5,this.alt="filter response curve"}drawBackground(t,e,n){t.fillStyle="rgba(255, 255, 255, 0.3)",t.fillRect(0,.6*n,e,3),t.fill()}async visualize(t){this.buffer=t.getFrequencyResponse().map(t=>Math.pow(t,.5)),this.requestUpdate()}});customElements.define("tone-filter",class extends o.a{static get properties(){return{label:{type:String},frequency:{type:Boolean}}}constructor(){super(),this.label="Filter"}render(){return i.b`
			<style>
				#top.viz {
					position: absolute;
					top: 9px;
					right: 20px;
					width: 50px;
				}
				tone-rack:not([collapsed]) #top.viz{
					display: none;
				}
				#bottom.viz {
					position: relative;
					display: block;
					width: calc(100% - 20px);
					height: 60px;
					background-color: black;
					border-radius: 10px;
					padding: 10px;
					margin-top: 20px;
				}
				tone-slider {
					display: block;
					margin-top: 10px;
				}
				tone-select-attribute {
					display: block;
					margin-top: 5px;
				}
			</style>
			<tone-rack 
				@collapse=${t=>this.collapsed=t.detail}
				?collapsed=${this.collapsed} label="${this.label}">
				<tone-filter-viz class="viz" slot="top" id="top"></tone-filter-viz>
				<tone-filter-viz class="viz" id="bottom" color="white"></tone-filter-viz>
				<tone-select-attribute 
					label="Type"
					attribute="type">
						<option value="lowpass">lowpass</option>
						<option value="highpass">highpass</option>
						<option value="bandpass">bandpass</option>
						<option value="lowshelf">lowshelf</option>
						<option value="highshelf">highshelf</option>
						<option value="peaking">peaking</option>
						<option value="notch">notch</option>
						<option value="allpass">allpass</option>
				</tone-select-attribute>
				<tone-select-attribute 
					label="Rolloff"
					attribute="rolloff">
					<option value="-12">-12</option>
					<option value="-24">-24</option>
					<option value="-48">-48</option>
					<option value="-96">-96</option>
				</tone-select-attribute>
				${this.frequency?i.b`
					<tone-slider attribute="frequency"
						value="5000"
						min="20"
						max="20000"
						exp="2"
						units="hz"
						label="Frequency"
						></tone-slider>
				`:i.b``}
				<tone-slider attribute="Q"
					value="1"
					min="0"
					max="10"
					label="Q"
					></tone-slider>
				<tone-slider attribute="gain"
					value="0"
					min="-20"
					max="3"
					units="dB"
					label="Gain"
					></tone-slider>
			</tone-rack>
		`}});customElements.define("tone-volume-slider",class extends i.a{static get properties(){return{value:{type:Number},attribute:{type:String}}}constructor(){super(),this.value=0}sync(t){this.shadowRoot.querySelector("tone-slider").sync(t)}render(){return i.b`
			<style>
				:host {
					--computed-slider-height : var(--slider-height, 100px);
					display: inline-block;
				}
				#slider-container {
					height: var(--computed-slider-height);
					width: 40px;
					display: block;
					margin: 0 auto;
					position: relative;					
				}
				tone-slider {
					position: absolute;
					left: 0px;
					top: 0px;
					width: var(--computed-slider-height);
					transform: rotate(-90deg) translate(-100%, 0);
					transform-origin: top left;
				}

				#number {
					margin-top: 10px;
					width: 100%;
					text-align: center;
					font-family: monospace;
					font-size: 12px;
				}

				#container {
					position: relative;
				}

			</style>
			<div id="container">
				<div id="slider-container">
					<tone-slider 
						default="0"
						attribute=${this.attribute}
						max="6"
						min="-80"
						exp="0.4"
						.value="${this.value}"
						@change=${t=>this.value=t.detail}
						bare></tone-slider>
				</div>
				<div id="number">${this.value>=0?"+":""}${this.value.toFixed(0)} db</div>
			</div>
		`}});customElements.define("tone-channel",class extends o.a{static get properties(){return{label:{type:String},solo:{type:Boolean},mute:{type:Boolean},muted:{type:Boolean}}}bind(t){this.shadowRoot.querySelector("tone-meter").bind(t),this.addEventListener("mute",e=>{t.mute=e.detail}),this.addEventListener("solo",e=>{t.solo=e.detail}),setInterval(()=>{this.muted=t.muted},100),super.bind(t)}updated(t){super.updated(t),t.has("solo")&&this.dispatchEvent(new CustomEvent("solo",{detail:this.solo,composed:!0,bubbles:!0})),t.has("mute")&&this.dispatchEvent(new CustomEvent("mute",{detail:this.mute,composed:!0,bubbles:!0}))}render(){return i.b`
			<style>
				:host {
					display: inline-block;
				}
				h2 {
					text-align: center;
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
					font-weight: normal;
					margin: 0;
					padding: 0;
					padding-bottom: 5px;
				}
				tone-volume-slider, tone-slider {
					display: block;
				}
				#volume {
					padding: 10px;
					position: relative;
				    background-color: var(--color-light-gray);
				}
				#volume tone-volume-slider {
					z-index: 1;
					position: relative;
				}
				#volume tone-meter {
					pointer-events: none;
					z-index: 0;
					position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					height: calc(100% - 25px);
					background-color: var(--color-light-gray)
				}
				#container {
					border: 2px solid black;
					border-radius: 10px;
					padding: 10px;
				}
				tone-meter {
					position: absolute;
				}

				#buttons {
					margin-top: 10px;
					display: flex;
				}

				button {
					flex-grow: 1;
					display: inline-block;
					margin: 0 2px;
					border: 2px solid black;
					outline-color: var(--outline-color);
					-webkit-appearance: none;
					padding: 0px 5px;
					height: 20px;
					border-radius: 12px;
					width: 40%;
				}

				button.enabled {
					color: white;
				}

				button#solo.enabled {
					background-color: #149df1;
				}
				button#mute.enabled {
					background-color: #ff672a;
				}
				button[disabled] {
					opacity: 0.5;
					background-color: #ff672a;
					color: white;
				}
			</style>
			<div id="container">
				<h2>${this.label}</h2>
				<div id="volume">
					<tone-meter stereo></tone-meter>
					<tone-volume-slider
						attribute="volume">
					</tone-volume-slider>
				</div>
				<tone-slider
					bare
					min="-1"
					max="1"
					default="0"
					value="0"
					anchor="center"
					attribute="pan">
				</tone-slider>
				<div id="buttons">
					<button id="solo" aria-checked=${this.solo} 
						@click=${t=>this.solo=!this.solo}
						class=${this.solo?"enabled":""}>
						solo</button>
					<button id="mute" aria-checked=${this.mute}
						?disabled=${this.muted&&!this.mute}
						class="${this.mute?"enabled":""}"
						@click=${t=>this.mute=!this.mute}>
					mute</button>
				</div>
			</div>
		`}});customElements.define("tone-transport",class extends o.a{static get properties(){return{controls:{type:Boolean},position:{type:Boolean}}}constructor(){super(),this.collapsed=!0}bind(t){super.bind(t),this.shadowRoot.querySelector("tone-play-toggle").bind(t),setInterval(()=>{this.shadowRoot.querySelector("#position").textContent=t.position},100)}render(){return i.b`
			<style>
				:host {
					display: block;
				}
				#container {
					background-color: var(--color-light-gray);
					padding: 5px;
				}
				tone-play-toggle {
					width: 50%;
				}
				#top {
					position: relative;
				}
				#top tone-play-toggle {
					width: 60%;
				}
				#top #position {
					background-color: white;
					padding: 5px;
					position: absolute;
					width: 30%;
					right: 8px;
					transform: translate(0%, -50%);
					text-align: center;
					top: 50%;
					font-family: monospace;
				}
				tone-rack {
					margin-top: 10px;
				}

				tone-slider, tone-toggle {
					display: block;
					margin-top: 10px;
				}
				tone-slider {
					width: 80%;
					margin: 10px auto 0;
				}
				#tempo {
					width: calc(100% - 10px);
				}
			</style>
			<div id="container">
				<div id="top">
					<tone-play-toggle></tone-play-toggle>
					<div id="position">0:0:0</div>
				</div>
				<tone-slider
					id="tempo"
					min="60"
					max="240"
					label="Tempo"
					exp="2"
					units="bpm"
					attribute="bpm">
				</tone-slider>
				${this.controls?i.b`
					<tone-rack square label="Transport Settings" ?collapsed=${this.collapsed}>
						<tone-toggle
							label="Loop"
							attribute="loop">
						</tone-toggle>
						<tone-slider
							min="0"
							max="10"
							label="Loop Start"
							attribute="loopStart">
						</tone-slider>
						<tone-slider
							min="0"
							max="10"
							label="Loop End"
							attribute="loopEnd">
						</tone-slider>
					</tone-rack>
				`:i.b``}
			</div>
		`}});customElements.define("tone-compressor",class extends o.a{static get properties(){return{label:{type:String}}}constructor(){super(),this.label="Compressor",this.collapsed=!1}renderAttributes(){return i.b``}render(){return i.b`
			<style>
				#top.viz {
					position: absolute;
					top: 9px;
					right: 20px;
					width: 50px;
				}
				#bottom.viz {
					position: relative;
					display: block;
					width: calc(100% - 20px);
					height: 60px;
					background-color: black;
					border-radius: 10px;
					padding: 10px;
					margin-top: 20px;
				}
				tone-rack:not([collapsed]) #top.viz{
					display: none;
				}
				tone-slider {
					display: block;
					margin-top: 10px;
				}
				
			</style>
			<tone-rack 
				@collapse=${t=>this.collapsed=t.detail}
				?collapsed=${this.collapsed} label="${this.label}">
				
				<tone-slider 
					attribute="attack"
					min="0.001" 
					max="1" 
					value="0.1" 
					label="Attack">
				</tone-slider>
				<tone-slider 
					attribute="release"
					min="0.001" 
					max="1" 
					value="0.1" 
					label="Release">
				</tone-slider>
				<tone-slider 
					attribute="threshold"
					min="-60" 
					max="0" 
					value="-12" 
					exp="0.5"
					label="Threshold">
				</tone-slider>
				<tone-slider 
					attribute="ratio"
					min="1" 
					max="20" 
					value="4" 
					label="Ratio">
				</tone-slider>
				<tone-slider 
					attribute="knee"
					min="0" 
					max="40" 
					value="30" 
					label="Knee">
				</tone-slider>
			</tone-rack>
		`}});const K=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`,J=(i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M18.5 12c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM5 9v6h4l5 5V4L9 9H5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`,i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`);customElements.define("tone-unmute",class extends o.a{static get properties(){return{suspended:{type:Boolean},muted:{type:Boolean},focused:{type:Boolean},novolume:{type:Boolean}}}constructor(){super(),this.suspended=!0,this.muted=!1,this.focused=!1,setInterval(()=>{this.suspended="suspended"===Tone.context.state},100)}updated(t){if(t.has("muted")){Tone.Master.mute=this.muted;const t=this.shadowRoot.querySelector("#volume");this.novolume||this.muted||t.min!=t.value||(t.value=0)}}_clicked(t){k(),"suspended"!==Tone.context.state&&(this.muted=!this.muted)}_adjustVolume(t){t.detail===t.target.min?this.muted=!0:this.muted=!1,Tone.Master.volume.value=t.detail}render(){return i.b`
			<style>
				:host {
					display: block;
					position: fixed;
					top: 10px;
					right: 10px;
				}

				#container {
					position: absolute;
					width: 44px;
					height: 44px;
					right: 0px;
					top: 0px;
					border-radius: 24px;
					border: 2px solid black;
					background-color: white;
					overflow: hidden;
					transition: width 0.2s;
					box-shadow: var(--shadow-medium);
				}

				#container:hover:not([novolume]), #container[focused]:not([novolume]) {
					width: 144px;
				}

				#container:hover tone-slider, #container[focused] tone-slider {
					opacity: 1;
					width: 80px;
				}

				tone-slider {
					position: absolute;
					left: 16px;
					top: 2px;
					width: 0px;
					opacity: 0;
					transition: width 0.2s, opacity 0.2s;;
				}

				#speaker {
					position: absolute;
					top: 10px;
					right: 10px;
					background-color: transparent;
					outline-color: var(--outline-color);
					border: none;
					-webkit-appearance: none;
					height: 24px;
					width: 24px;
					padding: 0px;
					cursor: pointer;
				}

				#speaker svg {
					width: 100%;
					height: 100%;
				}

			</style>
			<div id="container" ?focused=${this.focused} ?novolume=${this.novolume}>
				<button 
					@blur=${t=>this.focused=!1}
					@focus=${t=>this.focused=!0}
					@click=${this._clicked.bind(this)}
					id="speaker" aria-label="speaker" aria-checked=${this.suspended}>
					${this.suspended||this.muted?K:J}
				</button>

				${this.novolume?i.b``:i.b`
					<tone-slider 
						@blur=${t=>this.focused=!1}
						@focus=${t=>this.focused=!0}
						id="volume"
						@change=${this._adjustVolume.bind(this)}
						bare min="-60" max="0" value="0"></tone-slider>`}
				
			</div>
		`}});customElements.define("tone-top-bar",class extends i.a{constructor(){super()}updated(){const t=this.shadowRoot.querySelector("canvas");t.width=2*t.clientWidth,t.width=2*t.clientHeight;const{width:e,height:n}=t,i=t.getContext("2d"),o=function(t){const e=new Array(t),n=new Array(t),i=new Array(t),o=new Array(t),r=[e,i,o,n];for(let n=0;n<t;n++)e[n]=Math.sin(2*Math.PI*n/t);for(let e=0;e<t;e++)i[e]=(e+t/2)%t/t*2-1;for(let e=0;e<t;e++)o[e]=e<t/3?e/(t/3)*2-1:e<2*t/3?2*(1-(e-t/3)/(t/3))-1:(e-2*t/3)/(t/3)*2-1;for(let e=0;e<t;e++){const i=t/16;n[e]=e<i?-1:e<t/2?1:e<t-i?-1:1}return r[Math.floor(Math.random()*r.length)]}(e+1);i.beginPath(),o.forEach((t,e)=>{const o=Math.scale(t,-1,1,.25*n,.75*n);0===e?i.moveTo(e,o):i.lineTo(e,o)}),i.lineTo(e,n),i.lineTo(0,n),i.fillStyle="#22DBC0",i.fill()}render(){return i.b`
			<style>

				:host {
					display: block;
					height: 44px;
					width: 100%;
				}

				#container {
					background-color: black;
					width: 100%;
					height: 100%;
				}

				#logo {
					color: white;
					font-family: 'Roboto Mono', monospace;
					font-size: 20px;
					line-height: 44px;
					margin-left: 60px;
					position: relative;
					display: inline-block;
				}

				#logo #text {
					display: inline-block;
					position: relative;
				}

				#logo canvas {
					position: absolute;
					right: -1px;
					background-color: #F734D7;
					height: 26px;
					width: 26px;
					top: 10px;
				}

				tone-unmute {
					position: fixed;
					top: 6px;
					right: 6px;
					z-index: 1000;
				}

			</style>
			<tone-unmute></tone-unmute>
			<div id="container">
				<a id="logo" href="https://tonejs.github.io">
					<canvas></canvas>
					<div id="text">Tone.js</div>
				</a>
			</div>
		`}});customElements.define("tone-content",class extends i.a{render(){return i.b`
			<style>

				:host {
					display: block;
					width: 100%;
				}
				#content {
					width: 80%;
					min-width: 320px;
					max-width: 600px;
					margin: 40px auto 60px;
				}

			</style>
			<div id="content">
				<slot></slot>
			</div>
		`}});const X=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`,Q=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`;customElements.define("tone-drawer",class extends i.a{static get properties(){return{collapsed:{type:Boolean},label:{type:String}}}constructor(){super(),this.collapsed=window.innerHeight<700,this.label="Components"}updated(t){if(t.has("collapsed")&&!this.collapsed){const t=t=>{t.dispatchEvent(new CustomEvent("collapse",{detail:this.collapsed,composed:!0,bubbles:!0}))};Array.from(this.children).forEach(e=>{e.assignedNodes?Array.from(e.assignedNodes()).forEach(e=>t(e)):t(e),e.dispatchEvent(new CustomEvent("collapse",{detail:this.collapsed,composed:!0,bubbles:!0}))}),window.dispatchEvent(new CustomEvent("resize"))}}render(){return i.b`
			<style>

				:host {
					display: block;
					width: 100%;
					max-height: 100%;
					position: fixed;
					bottom: 0px;
					left: 0px;
					overflow-y: auto;
					background-color: white;
					z-index: 100;
				}

				button {
					padding: 0px;
					width: calc(100% - 24px);
					-webkit-appearance: none;
					background-color: white;
					border: none;
					outline-color: var(--outline-color);
					margin-left: 12px;
					margin-top: 8px;
				}

				button svg {
					width: 24px;
					float: left;
					height: 100%;
				}

				#content {
					width: 100%;
					display: block;
					border-top: 2px solid black;
					box-shadow: var(--shadow-high);
					position: relative;
					z-index: 10000;
				}

				#content[collapsed]{
					height: 40px;
					overflow: hidden;
				}

				#slots {
					padding: 0 10px 10px 10px;
					width: calc(100% - 20px);
					display: block;
				}

				h2 {
					font-weight: normal;
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
					display: inline-block;
					position: absolute;
					margin: 0px;
					top: 12px;
					left: 50px;
					pointer-events: none;
				}

				::slotted(*) {
					margin-top: 10px;
					display: block;
				}

			</style>
			<div id="content" ?collapsed=${this.collapsed}>
				<button 
					aria-label="expand"
					aria-checked=${this.collapsed}
					@click=${()=>this.collapsed=!this.collapsed}>
					${this.collapsed?Q:X}
				</button>
				<h2>${this.label}</h2>
				<div id="slots">
					${this.collapsed?i.b``:i.b`<slot></slot>`}
				</div>
			</div>
		`}});customElements.define("tone-explanation",class extends i.a{static get properties(){return{label:{type:String}}}constructor(){super()}render(){return i.b`
			<style>

				:host {
					display: block;
					width: 100%;
					margin-top: 8px;
					box-shadow: var(--shadow-low);
					background-color: var(--color-light-gray);
					margin-bottom: 30px;
				}

				#container {
					width: 100%;
					height: auto;
				}

				#title {
					width: calc(100% - 20px);
					padding: 5px;
					margin: 5px;
					font-family: var(--title-font-family);
					font-size: var(--title-font-size);
					font-weight: normal;
					border-bottom: 2px solid black;
				}

				#body {
					min-height: 20px;
					padding: 10px;
				}

				::slotted(text){
					font-family: var(--body-font-family);
					font-size: var(--body-font-size);
				}

				::slotted(code){
					font-family: monospace;
				}

				::slotted(a){
					color: var(--color-magenta);
				}

			</style>
			<div id="container">
				<h2 id="title">${this.label}</h2>
				<div id="body">
					<slot></slot>
				</div>
			</div>
		`}});customElements.define("tone-loader",class extends i.a{static get properties(){return{loaded:{type:Boolean},progress:{type:Number}}}constructor(){super(),this.progress=0,this.loaded=!1,Tone.Buffer.on("progress",t=>{this.progress=t}),Tone.loaded().then(()=>{this.loaded=!0,setTimeout(()=>{this.remove()},500)})}render(){return i.b`
			<style>
				#container {
					position: fixed;
					top: 0px;
					left: 0px;
					bottom: 0px;
					right: 0px;
					z-index: 100000;
					background-color: rgba(0, 0, 0, 0.5);
					opacity: 1;
					transition: opacity 0.3s;
				}

				#container.loaded {
					opacity: 0;
					pointer-events: none;
				}

				#loader {
					width: 200px;
					height: 10px;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					background-color: white;
					padding: 2px;
				}

				#bar {
					background-color: black;
					width: 0%;
					height: 100%;
					transition: width 0.1s;
				}

			</style>
			<div id="container" class=${this.loaded?"loaded":""}>
				<div id="loader" 
					role="progressbar" 
					aria-valuenow=${this.progress} 
					aria-valuemin="0" aria-valuemax="100">
						<div id="bar" style="width: ${(100*this.progress).toString()}%"></div>
				</div>
			</div>
		`}});const Z=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`,tt=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>`;customElements.define("tone-side-panel",class extends i.a{static get properties(){return{collapsed:{type:Boolean}}}constructor(){super(),this.collapsed=!0,this.examples={},this.fetchExamples()}async fetchExamples(){try{const t=await fetch("./js/ExampleList.json");this.examples=await t.json(),this.requestUpdate()}catch(t){console.log("could not load example list")}}updated(t){t.has("collapsed")&&this.dispatchEvent(new CustomEvent("collapse",{detail:this.collapsed,composed:!0}))}render(){const t=0===Object.keys(this.examples).length;return i.b`
			<style>
				:host {
					display: inline-block;
					position: relative;
				}

				#container {
					width: var(--side-panel-width);
					height: 100%;
					left: 0px;
					top: 0px;
					position: absolute;
					background-color: black;
					transition: width var(--side-panel-transition), box-shadow var(--side-panel-transition);
					box-shadow: var(--shadow-high);
					overflow: auto;
					overflow-x: hidden;
					color: white;
				}

				#content {
					min-width: 200px;
				}

				h2, h3 {
					background-color: black;
					color: white;
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
					margin: 0px auto;
				}

				h2 {
					font-size: var(--title-font-size);
					margin: 20px 10px;
				}

				h3 {
					width: 90%;
					padding: 2px 5px;
					font-weight: bold;
					border-bottom: 2px solid white;
				}

				ul {
					padding: 0px 5px 10px;
					margin: 5px;
				}

				li {
					list-style-type: none;
					margin: 0px;
					padding: 0px;
					font-family: var(--label-font-family);
					font-size: var(--label-font-size);
				}

				li a {
					color: white;
					text-decoration: none;
				}

				#close {
					position: absolute;
					right: 5px;
					top: 12px;
					background-color: transparent;
					border: none;
					outline-color: var(--outline-color);
					-webkit-appearance: none;
					transition: right var(--side-panel-transition);
				}

				#close svg {
					fill: white;
				}

				[collapsed] #close {
					right: -48px;
				}

				#container[collapsed]{
					overflow: visible;
					box-shadow: none;
				}

				#loading {
					margin-left: 20px;
				}

			</style>
			<div id="container" ?collapsed=${this.collapsed}>
				<button id="close" 
					@click=${()=>this.collapsed=!this.collapsed}
					aria-label="close">${this.collapsed?tt:Z}</button>
				<div id="content">
				${this.collapsed?i.b``:i.b`
					<h2>Examples</h2>
					<div id="loading">${t?"Loading...":""}</div>
					${Object.entries(this.examples).map(([t,e])=>i.b`
						<h3>${t}</h3>
						<ul>
							${Object.entries(e).map(([t,e])=>i.b`
								<li><a href="${e}.html">${t}</a></li>
							`)}
						</ul>
					`)}
				`}
				</div>
			</div>
		`}});customElements.define("tone-example",class extends i.a{static get properties(){return{collapsed:{type:Boolean},open:{type:Boolean}}}constructor(){super(),this.collapsed=!0}updated(t){t.has("open")&&(this.collapsed=!this.open)}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					--top-bar-height: 44px;
				}

				#container {
					position: absolute;
					top: 0px;
					left: 0px;
					width: 100%;
					height: 100%;
				}

				#container[collapsed]{
					--side-panel-width : 0px;
				}

				#container[collapsed] tone-side-panel {
					position: absolute;
				}

				tone-side-panel {
					position: fixed;
					height: 100%;
					top: 0px;
					z-index: 2;
					transition: all var(--side-panel-transition);
					// top: var(--top-bar-height);
					// height: calc(100% - var(--top-bar-height));
				}

				tone-top-bar {
					width: 100%;
					right: 0px;
				}

				#main {
					--margin: 4px;
					transition: width var(--side-panel-transition);
					display: inline-block;
					width: calc(100% - var(--side-panel-width) - var(--margin) * 2);
					right: var(--margin);
					top: var(--margin);
					position: absolute;
				}

				::slotted(tone-drawer){
					width: calc(100% - var(--side-panel-width));
					transition: width var(--side-panel-transition);
					right: 0px;
					left: unset;
				}

				@media only screen and (max-width: 700px) {
					#main {
						width: calc(100% - var(--margin) * 2);
					}
				}
			</style>
			<div id="container" ?collapsed=${this.collapsed}>
				<tone-side-panel
					?collapsed=${this.collapsed}
					@collapse=${t=>this.collapsed=t.detail}
					></tone-side-panel>
				<div id="main">
					<tone-top-bar></tone-top-bar>
					<slot></slot>
				</div>
			</div>
		`}});customElements.define("tone-waveform",class extends i.a{constructor(){super(),this._waveform=function(t){const e=new Array(t),n=new Array(t),i=new Array(t),o=new Array(t),r=[e,i,o,n];for(let n=0;n<t;n++)e[n]=Math.sin(2*Math.PI*n/t);for(let e=0;e<t;e++)i[e]=(e+t/2)%t/t*2-1;for(let e=0;e<t;e++)o[e]=e<t/3?e/(t/3)*2-1:e<2*t/3?2*(1-(e-t/3)/(t/3))-1:(e-2*t/3)/(t/3)*2-1;for(let e=0;e<t;e++){var s=t/16;n[e]=e<s?-1:e<t/2?1:e<t-s?-1:1}return{sawtooth:i,sine:e,triangle:o,square:n,random:r[Math.floor(Math.random()*r.length)]}}(512).random,this._analyser=new Tone.Waveform(512),this._signal=(new Tone.Zero).connect(this._analyser),this._silentThresh=.001,this._rms=0}firstUpdated(){super.firstUpdated(),this._loop()}bind(t){t.connect(this._analyser)}_loop(){requestAnimationFrame(this._loop.bind(this));const t=this.shadowRoot.querySelector("canvas"),e=this.shadowRoot.querySelector("#container"),n=t.getContext("2d");t.width=2*e.clientWidth,t.height=2*e.clientHeight;const i=this._analyser.getValue();this._isSilent(i)?this._drawAnalysis(this._waveform,!0,n):this._drawAnalysis(i,!1,n)}_isSilent(t){let e=0;for(let n=0;n<t.length;n++)e+=Math.pow(t[n],2);const n=Math.sqrt(e/t.length);return this._rms=Math.max(n,.9*this._rms),this._rms<this._silentThresh}_drawAnalysis(t,e,n){const{width:i,height:o}=n.canvas;let r,s=.2*o;e&&(s=Math.scale(this._rms,0,this._silentThresh,.2*o,.5*o)),n.clearRect(0,0,i,o),n.beginPath();for(let e=0,a=t.length;e<a;e++){const l=Math.scale(e,0,a-1,0,i),c=Math.scale(t[e],-1,1,o-s,s);0===e?(r=c,n.moveTo(l,c)):n.lineTo(l,c)}n.lineTo(i,o),n.lineTo(0,o),n.lineTo(0,r),n.lineCap="round",n.fillStyle="#22DBC0",n.fill()}render(){return i.b`
			<style>

				:host, #container, canvas {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0px;
					left: 0px;
				}

				#container {
					background-color: var(--color-magenta);
				}

			</style>
			<div id="container">
				<canvas></canvas>
			</div>
		`}});const et=i.b`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M8 5v14l11-7z"/><path d="M0 0h24v24H0z" fill="none"/></svg>`;customElements.define("tone-start-context",class extends i.a{static get properties(){return{running:{type:Boolean},disabled:{type:Boolean}}}constructor(){super(),this.running=!1}firstUpdated(){const t=setInterval(()=>{this.running="running"===Tone.context.state,this.running&&clearInterval(t)},100)}async _clicked(t){await k(),this.running="running"===Tone.context.state}render(){return i.b`
			<style>
				:host {
					display: block;
					position: fixed;
					top: 10px;
					right: 10px;
				}

				#container {
					position: absolute;
					width: 44px;
					height: 44px;
					right: 0px;
					top: 0px;
					opacity: 1;
					transition: opacity 0.2s;
				}

				#container[running]{
					opacity: 0;
					pointer-events: none;
				}

				button {
					box-sizing: border-box;
					width: 100%;
					height: 44px;
					outline-color: var(--outline-color);
					border: 2px solid black;
					border-radius: 22px;
					padding: 0px;
					font-size: 30px;
					text-align: center;
					cursor: pointer;
					transition: box-shadow 0.1s;
					box-shadow: var(--shadow-low);
				}

				button:hover, button:focus {
					box-shadow: var(--shadow-medium);
				}

				button svg {
					margin-top: 4px;
					width: 30px;
					height: 30px;
				}

			</style>
			<div id="container" ?running=${this.running}>
				<button 
					@click=${this._clicked.bind(this)}
					aria-label="Start">
					${et}
				</button>
			</div>
		`}});customElements.define("tone-demo",class extends i.a{static get properties(){return{autoplay:{type:Boolean}}}firstUpdated(){super.firstUpdated(),this.shadowRoot.querySelector("tone-waveform").bind(Tone.Master)}render(){return i.b`
			<style>

				:host, #container, tone-waveform {
					width: 100%;
					height: 100%;
					position: absolute;
					top: 0px;
					left: 0px;
				}

				tone-waveform {
					z-index: 0;
				}

				#content {
					position: relative;
					width: 80%;
					min-width: 200px;
					max-width: 400px;
					margin: 40px auto 0px;
					z-index: 1;
				}

				tone-unmute {
					z-index: 10;
				}

				::slotted(tone-trigger), ::slotted(tone-button), ::slotted(tone-play-toggle), ::slotted(tone-slider){
					width: 100%;
					display: block;
					margin-bottom: 10px;
				}

				::slotted(*){
					font-family: var(--title-font-family);
					font-size: var(--title-font-size);
				}

				tone-start-context {
					position: fixed;
					top: 10px;
					right: 10px;
				}

			</style>
			<div id="container">
				<tone-waveform></tone-waveform>
				${this.autoplay?i.b`<tone-start-context></tone-start-context>`:i.b``}
				<div id="content">
					<slot></slot>
				</div>
			</div>
		`}});customElements.define("tone-fft",class extends i.a{constructor(){super(),this._fft=new Tone.FFT(256)}bind(t){t.connect(this._fft),this._canvas=this.shadowRoot.querySelector("canvas"),this._canvas.width=2*this._canvas.clientWidth,this._canvas.height=2*this._canvas.clientHeight,this._context=this._canvas.getContext("2d"),this.loop(),window.addEventListener("resize",()=>{this._canvas.width=2*this._canvas.clientWidth,this._canvas.height=2*this._canvas.clientHeight})}loop(){requestAnimationFrame(this.loop.bind(this));const t=this._fft.getValue(),e=this._canvas.width,n=this._canvas.height;this._context.clearRect(0,0,e,n),this._context.fillStyle="white",t.forEach((i,o)=>{const r=Math.scale(o,0,t.length,0,e),s=Math.clamp(Math.scale(i,-100,0,0,n),0,n);this._context.fillRect(r,n/2-s/2,2,s),this._context.fill()})}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					width: 45px;
					height: 24px;
					border-radius: 15px;
					padding: 4px;
					box-sizing: border-box;
					background-color: #aaa;
					overflow: hidden;
				}
				canvas {
					width: 100%;
					height: 100%;
				}
			</style>
			<canvas>
				waveform of current playing audio
			</canvas>
		`}});customElements.define("tone-loop",class extends i.a{static get properties(){return{color:{type:String}}}constructor(){super(),this.color="#777"}bind(t){this._canvas=this.shadowRoot.querySelector("canvas"),this._canvas.width=2*this._canvas.clientWidth,this._canvas.height=2*this._canvas.clientHeight,this._context=this._canvas.getContext("2d"),this.loop(t),window.addEventListener("resize",()=>{this._canvas.width=2*this._canvas.clientWidth,this._canvas.height=2*this._canvas.clientHeight})}loop(t){requestAnimationFrame(this.loop.bind(this,t));const{width:e,height:n}=this._canvas,i=this._context;i.clearRect(0,0,e,n),i.fillStyle="#eee";const o=Math.min(e,n);i.arc(e/2,n/2,o/2,0,2*Math.PI,!1),i.fill();const r=t.progress;i.beginPath(),i.fillStyle=this.color,i.moveTo(e/2,n/2);const s=Math.PI/2;i.arc(e/2,n/2,o/2,-s,r*Math.PI*2-s,!1),i.fill()}render(){return i.b`
			<style>
				:host {
					display: inline-block;
					width: 45px;
					height: 24px;
					border-radius: 4px;
					padding: 4px;
					box-sizing: border-box;
					overflow: hidden;
				}
				#container {
					width: 100%;
					height: 100%;
					display: inline-block;
				}
				canvas {
					width: 100%;
					height: 100%;
				}
			</style>
			<div id="container">
				<canvas class=${this.level?"hasLevel":""}>
					audio meter level
				</canvas>
			</div>
		`}});class nt extends H{constructor(){super(),this.effect=!0}}customElements.define("tone-effect",nt);customElements.define("tone-chorus",class extends nt{constructor(){super(),this.label="Chorus"}renderAttributes(){return i.b`
			<tone-slider 
				label="Frequency"
				attribute="frequency"
				min="0.1"
				max="4"
				units="hz"
				value="1"></tone-slider>
			<tone-slider 
				label="Delay Time"
				attribute="delayTime"
				min="0.1"
				exp="2"
				max="20"
				units="ms"
				value="1"></tone-slider>
			<tone-slider 
				label="Spread"
				attribute="spread"
				min="0"
				max="360"
				units="deg"
				value="1"></tone-slider>
			<tone-slider 
				label="Depth"
				attribute="depth"
				min="0"
				max="1"
				value="0.5"></tone-slider>
			<tone-oscillator-type
				attribute="type"
				label="Type"
				nocustom
				></tone-oscillator-type>
		`}});customElements.define("tone-chebyshev",class extends nt{constructor(){super(),this.label="Chebyshev"}renderAttributes(){return i.b`
			<tone-slider 
				label="Order"
				attribute="order"
				min="1"
				integer
				max="100"
				value="1"></tone-slider>
		`}});customElements.define("tone-freeverb",class extends nt{constructor(){super(),this.label="Freeverb"}renderAttributes(){return i.b`
			<tone-slider 
				label="Room Size"
				attribute="roomSize"
				min="0.1"
				max="0.95"
				value="1"></tone-slider>
			<tone-slider 
				label="Dampening"
				attribute="dampening"
				min="100"
				max="5000"
				exp="2"
				units="hz"
				value="2000"></tone-slider>
		`}});customElements.define("tone-tremolo",class extends nt{constructor(){super(),this.label="Tremolo"}renderAttributes(){return i.b`
			<tone-slider 
				label="Frequency"
				attribute="frequency"
				min="0.1"
				max="20"
				units="hz"
				value="1"></tone-slider>
			<tone-slider 
				label="Spread"
				attribute="spread"
				min="0"
				max="360"
				units="deg"
				value="1"></tone-slider>
			<tone-slider 
				label="Depth"
				attribute="depth"
				min="0"
				max="1"
				value="0.5"></tone-slider>
			<tone-oscillator-type
				attribute="type"
				label="Type"
				nocustom
				></tone-oscillator-type>
		`}});customElements.define("tone-auto-filter",class extends nt{constructor(){super(),this.label="AutoFilter"}renderAttributes(){return i.b`
			<tone-slider 
				label="Frequency"
				attribute="frequency"
				min="0.1"
				max="20"
				units="hz"
				value="1"></tone-slider>
			<tone-slider 
				label="Base Frequency"
				attribute="baseFrequency"
				min="20"
				max="4000"
				units="hz"
				value="200"></tone-slider>
			<tone-slider 
				label="Octaves"
				attribute="octaves"
				min="0.5"
				max="5"
				value="2.5"></tone-slider>
			<tone-slider 
				label="Depth"
				attribute="depth"
				min="0"
				max="1"
				value="0.5"></tone-slider>
			<tone-oscillator-type
				attribute="type"
				label="Type"
				nocustom></tone-oscillator-type>
			<tone-filter
				collapsed
				component="filter"
				label="Filter"></tone-filter>
		`}});customElements.define("tone-auto-panner",class extends nt{constructor(){super(),this.label="AutoPanner"}renderAttributes(){return i.b`
			<tone-slider 
				label="Frequency"
				attribute="frequency"
				min="0.1"
				max="20"
				units="hz"
				value="1"></tone-slider>
			<tone-slider 
				label="Depth"
				attribute="depth"
				min="0"
				max="1"
				value="0.5"></tone-slider>
			<tone-oscillator-type
				attribute="type"
				label="Type"
				nocustom></tone-oscillator-type>
		`}});customElements.define("tone-ping-pong-delay",class extends nt{constructor(){super(),this.label="PingPongDelay"}renderAttributes(){return i.b`
			<tone-slider 
				label="Delay Time"
				attribute="delayTime"
				min="0.01"
				max="1"
				value="0.25"></tone-slider>
			<tone-slider 
				label="Feedback"
				attribute="feedback"
				min="0"
				max="0.95"
				value="0.5"></tone-slider>
		`}});customElements.define("tone-reverb",class extends nt{static get properties(){return{generating:{type:Boolean}}}constructor(){super(),this.label="Reverb",this.generating=!1}bind(t){super.bind(t),this.generate(t);let e=-1;this.addEventListener("change",()=>{this.generating=!0,clearTimeout(e),e=setTimeout(()=>{this.generate(t)},100)})}async generate(t){this.generating=!0,await t.generate(),this.generating=!1}renderAttributes(){return i.b`
			${this.generating?i.b`
					<div style="position: absolute; top: 2px; left: 110px; color: var(--color-dark-gray);"
						id="#generating">Generating...</div>
				`:i.b``}
			<tone-slider 
				label="Decay"
				attribute="decay"
				min="0.1"
				max="4"
				value="1"></tone-slider>
			<tone-slider 
				label="Predelay"
				attribute="preDelay"
				min="0.001"
				max="0.1"
				value="0"></tone-slider>
		`}});customElements.define("tone-distortion",class extends nt{constructor(){super(),this.label="Distortion"}renderAttributes(){return i.b`
			<tone-slider 
				label="Distortion"
				attribute="distortion"
				min="0"
				max="1"
				value="1"></tone-slider>
		`}})}]);