Mirrors/Tone.js
2
0
Fork 0
mirror of https://github.com/Tonejs/Tone.js synced 2024-12-27 20:13:07 +00:00
Code Issues Projects Releases Packages Wiki Activity
Tone.js/examples/js/tone-gui.js

1121 lines
418 KiB
JavaScript
Raw Normal View History

WIP updating examples for latest version
2020-07-18 00:36:42 +00:00
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("Tone"));
else if(typeof define === 'function' && define.amd)
define(["Tone"], factory);
else {
var a = typeof exports === 'object' ? factory(require("Tone")) : factory(root["Tone"]);
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
}
})(window, function(__WEBPACK_EXTERNAL_MODULE_tone__) {
return /******/ (function(modules) { // webpackBootstrap
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "";
/******/
/******/
/******/ // Load entry module and return exports
/******/ return __webpack_require__(__webpack_require__.s = "./src/gui/index.ts");
/******/ })
/************************************************************************/
/******/ ({
/***/ "./node_modules/@material/mwc-icon/mwc-icon-host-css.js":
/*!**************************************************************!*\
!*** ./node_modules/@material/mwc-icon/mwc-icon-host-css.js ***!
\**************************************************************/
/*! exports provided: style */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"style\", function() { return style; });\n/* harmony import */ var lit_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\n/**\n@license\nCopyright 2018 Google Inc. All Rights Reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n\nconst style = lit_element__WEBPACK_IMPORTED_MODULE_0__[\"css\"] `:host{font-family:var(--mdc-icon-font, \"Material Icons\");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}`;\n//# sourceMappingURL=mwc-icon-host-css.js.map\n\n//# sourceURL=webpack:///./node_modules/@material/mwc-icon/mwc-icon-host-css.js?");
/***/ }),
/***/ "./node_modules/@material/mwc-icon/mwc-icon.js":
/*!*****************************************************!*\
!*** ./node_modules/@material/mwc-icon/mwc-icon.js ***!
\*****************************************************/
/*! exports provided: Icon */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Icon\", function() { return Icon; });\n/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ \"./node_modules/tslib/tslib.es6.js\");\n/* harmony import */ var lit_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\n/* harmony import */ var _mwc_icon_host_css_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mwc-icon-host-css.js */ \"./node_modules/@material/mwc-icon/mwc-icon-host-css.js\");\n\n/**\n@license\nCopyright 2018 Google Inc. All Rights Reserved.\n\nLicensed under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License.\nYou may obtain a copy of the License at\n\n http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\nSee the License for the specific language governing permissions and\nlimitations under the License.\n*/\n\n\nlet Icon = class Icon extends lit_element__WEBPACK_IMPORTED_MODULE_1__[\"LitElement\"] {\n render() {\n return lit_element__WEBPACK_IMPORTED_MODULE_1__[\"html\"] `<slot></slot>`;\n }\n};\nIcon.styles = _mwc_icon_host_css_js__WEBPACK_IMPORTED_MODULE_2__[\"style\"];\nIcon = Object(tslib__WEBPACK_IMPORTED_MODULE_0__[\"__decorate\"])([\n Object(lit_element__WEBPACK_IMPORTED_MODULE_1__[\"customElement\"])('mwc-icon')\n], Icon);\n\n//# sourceMappingURL=mwc-icon.js.map\n\n//# sourceURL=webpack:///./node_modules/@material/mwc-icon/mwc-icon.js?");
/***/ }),
/***/ "./node_modules/audiokeys/src/AudioKeys.buffer.js":
/*!********************************************************!*\
!*** ./node_modules/audiokeys/src/AudioKeys.buffer.js ***!
\********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("// ================================================================\n// KEY BUFFER\n// ================================================================\n\n// The process is:\n\n// key press\n// add to self._state.keys\n// (an accurate representation of keys currently pressed)\n// resolve self.buffer\n// based on polyphony and priority, determine the notes\n// that get triggered for the user\n\nmodule.exports = {\n _addKey: function(e) {\n var self = this;\n // if the keyCode is one that can be mapped and isn't\n // already pressed, add it to the key object.\n if(self._isNote(e.keyCode) && !self._isPressed(e.keyCode)) {\n var newKey = self._makeNote(e.keyCode);\n // add the newKey to the list of keys\n self._state.keys = (self._state.keys || []).concat(newKey);\n // reevaluate the active notes based on our priority rules.\n // give it the new note to use if there is an event to trigger.\n self._update();\n } else if(self._isSpecialKey(e.keyCode)) {\n self._specialKey(e.keyCode);\n }\n },\n\n _removeKey: function(e) {\n var self = this;\n // if the keyCode is active, remove it from the key object.\n if(self._isPressed(e.keyCode)) {\n var keyToRemove;\n for(var i = 0; i < self._state.keys.length; i++) {\n if(self._state.keys[i].keyCode === e.keyCode) {\n keyToRemove = self._state.keys[i];\n break;\n }\n }\n\n // remove the key from _keys\n self._state.keys.splice(self._state.keys.indexOf(keyToRemove), 1);\n self._update();\n }\n },\n\n _isPressed: function(keyCode) {\n var self = this;\n\n if(!self._state.keys || !self._state.keys.length) {\n return false;\n }\n\n for(var i = 0; i < self._state.keys.length; i++) {\n if(self._state.keys[i].keyCode === keyCode) {\n return true;\n }\n }\n return false;\n },\n\n // turn a key object into a note object for the event listeners.\n _makeNote: function(keyCode) {\n var self = this;\n return {\n keyCode: keyCode,\n note: self._map(keyCode),\n frequency: self._toFrequency( self._map(keyCode) ),\n velocity: self._state.velocity\n };\n },\n\n // clear any active notes\n clear: function() {\n var self = this;\n // trigger note off for the notes in the buffer before\n // removing them.\n self._state.buffer.forEach( function(key) {\n // note up events should have a velocity of 0\n key.velocity = 0;\n self._trigger('up', key);\n });\n self._state.keys = [];\n self._state.buffer = [];\n },\n\n // ================================================================\n // NOTE BUFFER\n // ================================================================\n\n // every time a change is made to _keys due to a key on or key off\n // we need to call `_update`. It compares the `_keys` array to the\n // `buffer` array, which is the array of notes that are really\n // being played, makes the necessary changes to `buffer` and\n // triggers any events that need triggering.\n\n _update: function() {\n var self = this;\n\n // a key has been added to self._state.keys.\n // stash the old buffer\n var oldBuffer = self._state.buffer;\n // set the new priority in self.state._keys\n self._prioritize();\n // compare the buffers and trigger events based on\n // the differences.\n self._diff(oldBuffer);\n },\n\n _diff: function(oldBuffer) {\n var self = this;\n\n // if it's not in the OLD buffer, it's a note ON.\n // if it's not in the NEW buffer, it's a note OFF.\n\n var oldNotes = oldBuffer.map( function(key) {\n return key.keyCode;\n });\n\n var newNotes = self._state.buffer.map( function(key) {\n return key.keyCode;\n });\n\n // check for old (removed) notes\n var notesToRemove = [];\n oldNotes.forEach( function(key) {\n if(newNotes.indexOf(key) === -1) {\n notesToRemove.push(key);\n }\n });\n\n // check for new notes\n var notesToAdd = [];\n newNotes.forEac
/***/ }),
/***/ "./node_modules/audiokeys/src/AudioKeys.events.js":
/*!********************************************************!*\
!*** ./node_modules/audiokeys/src/AudioKeys.events.js ***!
\********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("// ================================================================\n// Event Listeners\n// ================================================================\n\n// AudioKeys has a very simple event handling system. Internally\n// we'll call self._trigger('down', argument) when we want to fire\n// an event for the user.\n\nmodule.exports = {\n down: function(fn) {\n var self = this;\n\n // add the function to our list of listeners\n self._listeners.down = (self._listeners.down || []).concat(fn);\n },\n\n up: function(fn) {\n var self = this;\n\n // add the function to our list of listeners\n self._listeners.up = (self._listeners.up || []).concat(fn);\n },\n\n _trigger: function(action /* args */) {\n var self = this;\n\n // if we have any listeners by this name ...\n if(self._listeners[action] && self._listeners[action].length) {\n // grab the arguments to pass to the listeners ...\n var args = Array.prototype.slice.call(arguments);\n args.splice(0, 1);\n // and call them!\n self._listeners[action].forEach( function(fn) {\n fn.apply(self, args);\n });\n }\n },\n\n // ================================================================\n // DOM Bindings\n // ================================================================\n\n _bind: function() {\n var self = this;\n\n if(typeof window !== 'undefined' && window.document) {\n window.document.addEventListener('keydown', function(e) {\n self._addKey(e);\n });\n window.document.addEventListener('keyup', function(e) {\n self._removeKey(e);\n });\n\n var lastFocus = true;\n setInterval( function() {\n if(window.document.hasFocus() === lastFocus) {\n return;\n }\n lastFocus = !lastFocus;\n if(!lastFocus) {\n self.clear();\n }\n }, 100);\n }\n },\n\n};\n\n\n//# sourceURL=webpack:///./node_modules/audiokeys/src/AudioKeys.events.js?");
/***/ }),
/***/ "./node_modules/audiokeys/src/AudioKeys.js":
/*!*************************************************!*\
!*** ./node_modules/audiokeys/src/AudioKeys.js ***!
\*************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("// Each file contains methods of the prototype.\n// We'll compose them all together here.\n\nvar state = __webpack_require__(/*! ./AudioKeys.state */ \"./node_modules/audiokeys/src/AudioKeys.state.js\");\nvar events = __webpack_require__(/*! ./AudioKeys.events */ \"./node_modules/audiokeys/src/AudioKeys.events.js\");\nvar mapping = __webpack_require__(/*! ./AudioKeys.mapping */ \"./node_modules/audiokeys/src/AudioKeys.mapping.js\");\nvar buffer = __webpack_require__(/*! ./AudioKeys.buffer */ \"./node_modules/audiokeys/src/AudioKeys.buffer.js\");\nvar priority = __webpack_require__(/*! ./AudioKeys.priority */ \"./node_modules/audiokeys/src/AudioKeys.priority.js\");\nvar special = __webpack_require__(/*! ./AudioKeys.special */ \"./node_modules/audiokeys/src/AudioKeys.special.js\");\n\nfunction AudioKeys(options) {\n var self = this;\n\n self._setState(options);\n\n // all listeners are stored in arrays in their respective properties.\n // e.g. self._listeners.down = [fn1, fn2, ... ]\n self._listeners = {};\n\n // bind DOM events\n self._bind();\n}\n\n// state\nAudioKeys.prototype._setState = state._setState;\nAudioKeys.prototype._extendState = state._extendState;\nAudioKeys.prototype.set = state.set;\nAudioKeys.prototype.get = state.get;\n\n// events\nAudioKeys.prototype.down = events.down;\nAudioKeys.prototype.up = events.up;\nAudioKeys.prototype._trigger = events._trigger;\nAudioKeys.prototype._bind = events._bind;\n\n// mapping\nAudioKeys.prototype._map = mapping._map;\nAudioKeys.prototype._offset = mapping._offset;\nAudioKeys.prototype._isNote = mapping._isNote;\nAudioKeys.prototype._toFrequency = mapping._toFrequency;\nAudioKeys.prototype._keyMap = mapping._keyMap;\n\n// buffer\nAudioKeys.prototype._addKey = buffer._addKey;\nAudioKeys.prototype._removeKey = buffer._removeKey;\nAudioKeys.prototype._isPressed = buffer._isPressed;\nAudioKeys.prototype._makeNote = buffer._makeNote;\nAudioKeys.prototype.clear = buffer.clear;\nAudioKeys.prototype._update = buffer._update;\nAudioKeys.prototype._diff = buffer._diff;\n\n// priority\nAudioKeys.prototype._prioritize = priority._prioritize;\nAudioKeys.prototype._last = priority._last;\nAudioKeys.prototype._first = priority._first;\nAudioKeys.prototype._highest = priority._highest;\nAudioKeys.prototype._lowest = priority._lowest;\n\n// special\nAudioKeys.prototype._isSpecialKey = special._isSpecialKey;\nAudioKeys.prototype._specialKey = special._specialKey;\nAudioKeys.prototype._specialKeyMap = special._specialKeyMap;\n\n// Browserify will take care of making this a global\n// in a browser environment without a build system.\nmodule.exports = AudioKeys;\n\n//# sourceURL=webpack:///./node_modules/audiokeys/src/AudioKeys.js?");
/***/ }),
/***/ "./node_modules/audiokeys/src/AudioKeys.mapping.js":
/*!*********************************************************!*\
!*** ./node_modules/audiokeys/src/AudioKeys.mapping.js ***!
\*********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("module.exports = {\n // _map returns the midi note for a given keyCode.\n _map: function(keyCode) {\n return this._keyMap[this._state.rows][keyCode] + this._offset();\n },\n\n _offset: function() {\n return this._state.rootNote - this._keyMap[this._state.rows].root + (this._state.octave * 12);\n },\n\n // _isNote determines whether a keyCode is a note or not.\n _isNote: function(keyCode) {\n return !!this._keyMap[this._state.rows][keyCode];\n },\n\n // convert a midi note to a frequency. we assume here that _map has\n // already been called (to account for a potential rootNote offset)\n _toFrequency: function(note) {\n return ( Math.pow(2, ( note-69 ) / 12) ) * 440.0;\n },\n\n // the object keys correspond to `rows`, so `_keyMap[rows]` should\n // retrieve that particular mapping.\n _keyMap: {\n 1: {\n root: 60,\n // starting with the 'a' key\n 65: 60,\n 87: 61,\n 83: 62,\n 69: 63,\n 68: 64,\n 70: 65,\n 84: 66,\n 71: 67,\n 89: 68,\n 72: 69,\n 85: 70,\n 74: 71,\n 75: 72,\n 79: 73,\n 76: 74,\n 80: 75,\n 186: 76,\n 222: 77\n },\n 2: {\n root: 60,\n // bottom row\n 90: 60,\n 83: 61,\n 88: 62,\n 68: 63,\n 67: 64,\n 86: 65,\n 71: 66,\n 66: 67,\n 72: 68,\n 78: 69,\n 74: 70,\n 77: 71,\n 188: 72,\n 76: 73,\n 190: 74,\n 186: 75,\n 191: 76,\n // top row\n 81: 72,\n 50: 73,\n 87: 74,\n 51: 75,\n 69: 76,\n 82: 77,\n 53: 78,\n 84: 79,\n 54: 80,\n 89: 81,\n 55: 82,\n 85: 83,\n 73: 84,\n 57: 85,\n 79: 86,\n 48: 87,\n 80: 88,\n 219: 89,\n 187: 90,\n 221: 91\n }\n },\n\n};\n\n\n\n//# sourceURL=webpack:///./node_modules/audiokeys/src/AudioKeys.mapping.js?");
/***/ }),
/***/ "./node_modules/audiokeys/src/AudioKeys.priority.js":
/*!**********************************************************!*\
!*** ./node_modules/audiokeys/src/AudioKeys.priority.js ***!
\**********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("module.exports = {\n _prioritize: function() {\n var self = this;\n\n // if all the keys have been turned off, no need\n // to do anything here.\n if(!self._state.keys.length) {\n self._state.buffer = [];\n return;\n }\n\n\n if(self._state.polyphony >= self._state.keys.length) {\n // every note is active\n self._state.keys = self._state.keys.map( function(key) {\n key.isActive = true;\n return key;\n });\n } else {\n // set all keys to inactive.\n self._state.keys = self._state.keys.map( function(key) {\n key.isActive = false;\n return key;\n });\n\n self['_' + self._state.priority]();\n }\n\n // now take the isActive keys and set the new buffer.\n self._state.buffer = [];\n\n self._state.keys.forEach( function(key) {\n if(key.isActive) {\n self._state.buffer.push(key);\n }\n });\n\n // done.\n },\n\n _last: function() {\n var self = this;\n // set the last bunch to active based on the polyphony.\n for(var i = self._state.keys.length - self._state.polyphony; i < self._state.keys.length; i++) {\n self._state.keys[i].isActive = true;\n }\n },\n\n _first: function() {\n var self = this;\n // set the last bunch to active based on the polyphony.\n for(var i = 0; i < self._state.polyphony; i++) {\n self._state.keys[i].isActive = true;\n }\n },\n\n _highest: function() {\n var self = this;\n // get the highest notes and set them to active\n var notes = self._state.keys.map( function(key) {\n return key.note;\n });\n\n notes.sort( function(b,a) {\n if(a === b) {\n return 0;\n }\n return a < b ? -1 : 1;\n });\n\n notes.splice(self._state.polyphony, Number.MAX_VALUE);\n\n self._state.keys.forEach( function(key) {\n if(notes.indexOf(key.note) !== -1) {\n key.isActive = true;\n }\n });\n },\n\n _lowest: function() {\n var self = this;\n // get the lowest notes and set them to active\n var notes = self._state.keys.map( function(key) {\n return key.note;\n });\n\n notes.sort( function(a,b) {\n if(a === b) {\n return 0;\n }\n return a < b ? -1 : 1;\n });\n\n notes.splice(self._state.polyphony, Number.MAX_VALUE);\n\n self._state.keys.forEach( function(key) {\n if(notes.indexOf(key.note) !== -1) {\n key.isActive = true;\n }\n });\n },\n\n};\n\n\n//# sourceURL=webpack:///./node_modules/audiokeys/src/AudioKeys.priority.js?");
/***/ }),
/***/ "./node_modules/audiokeys/src/AudioKeys.special.js":
/*!*********************************************************!*\
!*** ./node_modules/audiokeys/src/AudioKeys.special.js ***!
\*********************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("// This file maps special keys to the state— octave shifting and\n// velocity selection, both available when `rows` = 1.\nmodule.exports = {\n _isSpecialKey: function(keyCode) {\n return (this._state.rows === 1 && this._specialKeyMap[keyCode]);\n },\n\n _specialKey: function(keyCode) {\n var self = this;\n if(self._specialKeyMap[keyCode].type === 'octave' && self._state.octaveControls) {\n // shift the state of the `octave`\n self._state.octave += self._specialKeyMap[keyCode].value;\n } else if(self._specialKeyMap[keyCode].type === 'velocity' && self._state.velocityControls) {\n // set the `velocity` to a new value\n self._state.velocity = self._specialKeyMap[keyCode].value;\n }\n },\n\n _specialKeyMap: {\n // octaves\n 90: {\n type: 'octave',\n value: -1\n },\n 88: {\n type: 'octave',\n value: 1\n },\n // velocity\n 49: {\n type: 'velocity',\n value: 1\n },\n 50: {\n type: 'velocity',\n value: 14\n },\n 51: {\n type: 'velocity',\n value: 28\n },\n 52: {\n type: 'velocity',\n value: 42\n },\n 53: {\n type: 'velocity',\n value: 56\n },\n 54: {\n type: 'velocity',\n value: 70\n },\n 55: {\n type: 'velocity',\n value: 84\n },\n 56: {\n type: 'velocity',\n value: 98\n },\n 57: {\n type: 'velocity',\n value: 112\n },\n 48: {\n type: 'velocity',\n value: 127\n },\n },\n\n};\n\n\n//# sourceURL=webpack:///./node_modules/audiokeys/src/AudioKeys.special.js?");
/***/ }),
/***/ "./node_modules/audiokeys/src/AudioKeys.state.js":
/*!*******************************************************!*\
!*** ./node_modules/audiokeys/src/AudioKeys.state.js ***!
\*******************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("module.exports = {\n _setState: function(options) {\n var self = this;\n\n if(!options) {\n options = {};\n }\n\n // the state is kept in this object\n self._state = {};\n\n // set some defaults ...\n self._extendState({\n polyphony: 4,\n rows: 1,\n priority: 'last',\n rootNote: 60,\n octaveControls: true,\n octave: 0,\n velocityControls: true,\n velocity: 127,\n keys: [],\n buffer: []\n });\n\n // ... and override them with options.\n self._extendState(options);\n },\n\n _extendState: function(options) {\n var self = this;\n\n for(var o in options) {\n self._state[o] = options[o];\n }\n },\n\n set: function(/* options || property, value */) {\n var self = this;\n\n if(arguments.length === 1) {\n self._extendState(arguments[0]);\n } else {\n self._state[arguments[0]] = arguments[1];\n }\n\n return this;\n },\n\n get: function(property) {\n var self = this;\n\n return self._state[property];\n },\n\n};\n\n\n//# sourceURL=webpack:///./node_modules/audiokeys/src/AudioKeys.state.js?");
/***/ }),
/***/ "./node_modules/color-convert/conversions.js":
/*!***************************************************!*\
!*** ./node_modules/color-convert/conversions.js ***!
\***************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("/* MIT license */\nvar cssKeywords = __webpack_require__(/*! color-name */ \"./node_modules/color-name/index.js\");\n\n// NOTE: conversions should only return primitive values (i.e. arrays, or\n// values that give correct `typeof` results).\n// do not use box values types (i.e. Number(), String(), etc.)\n\nvar reverseKeywords = {};\nfor (var key in cssKeywords) {\n\tif (cssKeywords.hasOwnProperty(key)) {\n\t\treverseKeywords[cssKeywords[key]] = key;\n\t}\n}\n\nvar convert = module.exports = {\n\trgb: {channels: 3, labels: 'rgb'},\n\thsl: {channels: 3, labels: 'hsl'},\n\thsv: {channels: 3, labels: 'hsv'},\n\thwb: {channels: 3, labels: 'hwb'},\n\tcmyk: {channels: 4, labels: 'cmyk'},\n\txyz: {channels: 3, labels: 'xyz'},\n\tlab: {channels: 3, labels: 'lab'},\n\tlch: {channels: 3, labels: 'lch'},\n\thex: {channels: 1, labels: ['hex']},\n\tkeyword: {channels: 1, labels: ['keyword']},\n\tansi16: {channels: 1, labels: ['ansi16']},\n\tansi256: {channels: 1, labels: ['ansi256']},\n\thcg: {channels: 3, labels: ['h', 'c', 'g']},\n\tapple: {channels: 3, labels: ['r16', 'g16', 'b16']},\n\tgray: {channels: 1, labels: ['gray']}\n};\n\n// hide .channels and .labels properties\nfor (var model in convert) {\n\tif (convert.hasOwnProperty(model)) {\n\t\tif (!('channels' in convert[model])) {\n\t\t\tthrow new Error('missing channels property: ' + model);\n\t\t}\n\n\t\tif (!('labels' in convert[model])) {\n\t\t\tthrow new Error('missing channel labels property: ' + model);\n\t\t}\n\n\t\tif (convert[model].labels.length !== convert[model].channels) {\n\t\t\tthrow new Error('channel and label counts mismatch: ' + model);\n\t\t}\n\n\t\tvar channels = convert[model].channels;\n\t\tvar labels = convert[model].labels;\n\t\tdelete convert[model].channels;\n\t\tdelete convert[model].labels;\n\t\tObject.defineProperty(convert[model], 'channels', {value: channels});\n\t\tObject.defineProperty(convert[model], 'labels', {value: labels});\n\t}\n}\n\nconvert.rgb.hsl = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar min = Math.min(r, g, b);\n\tvar max = Math.max(r, g, b);\n\tvar delta = max - min;\n\tvar h;\n\tvar s;\n\tvar l;\n\n\tif (max === min) {\n\t\th = 0;\n\t} else if (r === max) {\n\t\th = (g - b) / delta;\n\t} else if (g === max) {\n\t\th = 2 + (b - r) / delta;\n\t} else if (b === max) {\n\t\th = 4 + (r - g) / delta;\n\t}\n\n\th = Math.min(h * 60, 360);\n\n\tif (h < 0) {\n\t\th += 360;\n\t}\n\n\tl = (min + max) / 2;\n\n\tif (max === min) {\n\t\ts = 0;\n\t} else if (l <= 0.5) {\n\t\ts = delta / (max + min);\n\t} else {\n\t\ts = delta / (2 - max - min);\n\t}\n\n\treturn [h, s * 100, l * 100];\n};\n\nconvert.rgb.hsv = function (rgb) {\n\tvar rdif;\n\tvar gdif;\n\tvar bdif;\n\tvar h;\n\tvar s;\n\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar v = Math.max(r, g, b);\n\tvar diff = v - Math.min(r, g, b);\n\tvar diffc = function (c) {\n\t\treturn (v - c) / 6 / diff + 1 / 2;\n\t};\n\n\tif (diff === 0) {\n\t\th = s = 0;\n\t} else {\n\t\ts = diff / v;\n\t\trdif = diffc(r);\n\t\tgdif = diffc(g);\n\t\tbdif = diffc(b);\n\n\t\tif (r === v) {\n\t\t\th = bdif - gdif;\n\t\t} else if (g === v) {\n\t\t\th = (1 / 3) + rdif - bdif;\n\t\t} else if (b === v) {\n\t\t\th = (2 / 3) + gdif - rdif;\n\t\t}\n\t\tif (h < 0) {\n\t\t\th += 1;\n\t\t} else if (h > 1) {\n\t\t\th -= 1;\n\t\t}\n\t}\n\n\treturn [\n\t\th * 360,\n\t\ts * 100,\n\t\tv * 100\n\t];\n};\n\nconvert.rgb.hwb = function (rgb) {\n\tvar r = rgb[0];\n\tvar g = rgb[1];\n\tvar b = rgb[2];\n\tvar h = convert.rgb.hsl(rgb)[0];\n\tvar w = 1 / 255 * Math.min(r, Math.min(g, b));\n\n\tb = 1 - 1 / 255 * Math.max(r, Math.max(g, b));\n\n\treturn [h, w * 100, b * 100];\n};\n\nconvert.rgb.cmyk = function (rgb) {\n\tvar r = rgb[0] / 255;\n\tvar g = rgb[1] / 255;\n\tvar b = rgb[2] / 255;\n\tvar c;\n\tvar m;\n\tvar y;\n\tvar k;\n\n\tk = Math.min(1 - r, 1 - g, 1 - b);\n\tc = (1 - r - k) / (1 - k) || 0;\n\tm = (1 - g - k) / (1 - k) || 0;\n\ty = (1 - b - k) / (1 - k) || 0;\n\n\treturn [c * 100, m * 100, y * 100, k * 100];\n};\n\n/**\n
/***/ }),
/***/ "./node_modules/color-convert/index.js":
/*!*********************************************!*\
!*** ./node_modules/color-convert/index.js ***!
\*********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("var conversions = __webpack_require__(/*! ./conversions */ \"./node_modules/color-convert/conversions.js\");\nvar route = __webpack_require__(/*! ./route */ \"./node_modules/color-convert/route.js\");\n\nvar convert = {};\n\nvar models = Object.keys(conversions);\n\nfunction wrapRaw(fn) {\n\tvar wrappedFn = function (args) {\n\t\tif (args === undefined || args === null) {\n\t\t\treturn args;\n\t\t}\n\n\t\tif (arguments.length > 1) {\n\t\t\targs = Array.prototype.slice.call(arguments);\n\t\t}\n\n\t\treturn fn(args);\n\t};\n\n\t// preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nfunction wrapRounded(fn) {\n\tvar wrappedFn = function (args) {\n\t\tif (args === undefined || args === null) {\n\t\t\treturn args;\n\t\t}\n\n\t\tif (arguments.length > 1) {\n\t\t\targs = Array.prototype.slice.call(arguments);\n\t\t}\n\n\t\tvar result = fn(args);\n\n\t\t// we're assuming the result is an array here.\n\t\t// see notice in conversions.js; don't use box types\n\t\t// in conversion functions.\n\t\tif (typeof result === 'object') {\n\t\t\tfor (var len = result.length, i = 0; i < len; i++) {\n\t\t\t\tresult[i] = Math.round(result[i]);\n\t\t\t}\n\t\t}\n\n\t\treturn result;\n\t};\n\n\t// preserve .conversion property if there is one\n\tif ('conversion' in fn) {\n\t\twrappedFn.conversion = fn.conversion;\n\t}\n\n\treturn wrappedFn;\n}\n\nmodels.forEach(function (fromModel) {\n\tconvert[fromModel] = {};\n\n\tObject.defineProperty(convert[fromModel], 'channels', {value: conversions[fromModel].channels});\n\tObject.defineProperty(convert[fromModel], 'labels', {value: conversions[fromModel].labels});\n\n\tvar routes = route(fromModel);\n\tvar routeModels = Object.keys(routes);\n\n\trouteModels.forEach(function (toModel) {\n\t\tvar fn = routes[toModel];\n\n\t\tconvert[fromModel][toModel] = wrapRounded(fn);\n\t\tconvert[fromModel][toModel].raw = wrapRaw(fn);\n\t});\n});\n\nmodule.exports = convert;\n\n\n//# sourceURL=webpack:///./node_modules/color-convert/index.js?");
/***/ }),
/***/ "./node_modules/color-convert/route.js":
/*!*********************************************!*\
!*** ./node_modules/color-convert/route.js ***!
\*********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("var conversions = __webpack_require__(/*! ./conversions */ \"./node_modules/color-convert/conversions.js\");\n\n/*\n\tthis function routes a model to all other models.\n\n\tall functions that are routed have a property `.conversion` attached\n\tto the returned synthetic function. This property is an array\n\tof strings, each with the steps in between the 'from' and 'to'\n\tcolor models (inclusive).\n\n\tconversions that are not possible simply are not included.\n*/\n\nfunction buildGraph() {\n\tvar graph = {};\n\t// https://jsperf.com/object-keys-vs-for-in-with-closure/3\n\tvar models = Object.keys(conversions);\n\n\tfor (var len = models.length, i = 0; i < len; i++) {\n\t\tgraph[models[i]] = {\n\t\t\t// http://jsperf.com/1-vs-infinity\n\t\t\t// micro-opt, but this is simple.\n\t\t\tdistance: -1,\n\t\t\tparent: null\n\t\t};\n\t}\n\n\treturn graph;\n}\n\n// https://en.wikipedia.org/wiki/Breadth-first_search\nfunction deriveBFS(fromModel) {\n\tvar graph = buildGraph();\n\tvar queue = [fromModel]; // unshift -> queue -> pop\n\n\tgraph[fromModel].distance = 0;\n\n\twhile (queue.length) {\n\t\tvar current = queue.pop();\n\t\tvar adjacents = Object.keys(conversions[current]);\n\n\t\tfor (var len = adjacents.length, i = 0; i < len; i++) {\n\t\t\tvar adjacent = adjacents[i];\n\t\t\tvar node = graph[adjacent];\n\n\t\t\tif (node.distance === -1) {\n\t\t\t\tnode.distance = graph[current].distance + 1;\n\t\t\t\tnode.parent = current;\n\t\t\t\tqueue.unshift(adjacent);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn graph;\n}\n\nfunction link(from, to) {\n\treturn function (args) {\n\t\treturn to(from(args));\n\t};\n}\n\nfunction wrapConversion(toModel, graph) {\n\tvar path = [graph[toModel].parent, toModel];\n\tvar fn = conversions[graph[toModel].parent][toModel];\n\n\tvar cur = graph[toModel].parent;\n\twhile (graph[cur].parent) {\n\t\tpath.unshift(graph[cur].parent);\n\t\tfn = link(conversions[graph[cur].parent][cur], fn);\n\t\tcur = graph[cur].parent;\n\t}\n\n\tfn.conversion = path;\n\treturn fn;\n}\n\nmodule.exports = function (fromModel) {\n\tvar graph = deriveBFS(fromModel);\n\tvar conversion = {};\n\n\tvar models = Object.keys(graph);\n\tfor (var len = models.length, i = 0; i < len; i++) {\n\t\tvar toModel = models[i];\n\t\tvar node = graph[toModel];\n\n\t\tif (node.parent === null) {\n\t\t\t// no possible conversion, or this node is the source model.\n\t\t\tcontinue;\n\t\t}\n\n\t\tconversion[toModel] = wrapConversion(toModel, graph);\n\t}\n\n\treturn conversion;\n};\n\n\n\n//# sourceURL=webpack:///./node_modules/color-convert/route.js?");
/***/ }),
/***/ "./node_modules/color-name/index.js":
/*!******************************************!*\
!*** ./node_modules/color-name/index.js ***!
\******************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\r\n\r\nmodule.exports = {\r\n\t\"aliceblue\": [240, 248, 255],\r\n\t\"antiquewhite\": [250, 235, 215],\r\n\t\"aqua\": [0, 255, 255],\r\n\t\"aquamarine\": [127, 255, 212],\r\n\t\"azure\": [240, 255, 255],\r\n\t\"beige\": [245, 245, 220],\r\n\t\"bisque\": [255, 228, 196],\r\n\t\"black\": [0, 0, 0],\r\n\t\"blanchedalmond\": [255, 235, 205],\r\n\t\"blue\": [0, 0, 255],\r\n\t\"blueviolet\": [138, 43, 226],\r\n\t\"brown\": [165, 42, 42],\r\n\t\"burlywood\": [222, 184, 135],\r\n\t\"cadetblue\": [95, 158, 160],\r\n\t\"chartreuse\": [127, 255, 0],\r\n\t\"chocolate\": [210, 105, 30],\r\n\t\"coral\": [255, 127, 80],\r\n\t\"cornflowerblue\": [100, 149, 237],\r\n\t\"cornsilk\": [255, 248, 220],\r\n\t\"crimson\": [220, 20, 60],\r\n\t\"cyan\": [0, 255, 255],\r\n\t\"darkblue\": [0, 0, 139],\r\n\t\"darkcyan\": [0, 139, 139],\r\n\t\"darkgoldenrod\": [184, 134, 11],\r\n\t\"darkgray\": [169, 169, 169],\r\n\t\"darkgreen\": [0, 100, 0],\r\n\t\"darkgrey\": [169, 169, 169],\r\n\t\"darkkhaki\": [189, 183, 107],\r\n\t\"darkmagenta\": [139, 0, 139],\r\n\t\"darkolivegreen\": [85, 107, 47],\r\n\t\"darkorange\": [255, 140, 0],\r\n\t\"darkorchid\": [153, 50, 204],\r\n\t\"darkred\": [139, 0, 0],\r\n\t\"darksalmon\": [233, 150, 122],\r\n\t\"darkseagreen\": [143, 188, 143],\r\n\t\"darkslateblue\": [72, 61, 139],\r\n\t\"darkslategray\": [47, 79, 79],\r\n\t\"darkslategrey\": [47, 79, 79],\r\n\t\"darkturquoise\": [0, 206, 209],\r\n\t\"darkviolet\": [148, 0, 211],\r\n\t\"deeppink\": [255, 20, 147],\r\n\t\"deepskyblue\": [0, 191, 255],\r\n\t\"dimgray\": [105, 105, 105],\r\n\t\"dimgrey\": [105, 105, 105],\r\n\t\"dodgerblue\": [30, 144, 255],\r\n\t\"firebrick\": [178, 34, 34],\r\n\t\"floralwhite\": [255, 250, 240],\r\n\t\"forestgreen\": [34, 139, 34],\r\n\t\"fuchsia\": [255, 0, 255],\r\n\t\"gainsboro\": [220, 220, 220],\r\n\t\"ghostwhite\": [248, 248, 255],\r\n\t\"gold\": [255, 215, 0],\r\n\t\"goldenrod\": [218, 165, 32],\r\n\t\"gray\": [128, 128, 128],\r\n\t\"green\": [0, 128, 0],\r\n\t\"greenyellow\": [173, 255, 47],\r\n\t\"grey\": [128, 128, 128],\r\n\t\"honeydew\": [240, 255, 240],\r\n\t\"hotpink\": [255, 105, 180],\r\n\t\"indianred\": [205, 92, 92],\r\n\t\"indigo\": [75, 0, 130],\r\n\t\"ivory\": [255, 255, 240],\r\n\t\"khaki\": [240, 230, 140],\r\n\t\"lavender\": [230, 230, 250],\r\n\t\"lavenderblush\": [255, 240, 245],\r\n\t\"lawngreen\": [124, 252, 0],\r\n\t\"lemonchiffon\": [255, 250, 205],\r\n\t\"lightblue\": [173, 216, 230],\r\n\t\"lightcoral\": [240, 128, 128],\r\n\t\"lightcyan\": [224, 255, 255],\r\n\t\"lightgoldenrodyellow\": [250, 250, 210],\r\n\t\"lightgray\": [211, 211, 211],\r\n\t\"lightgreen\": [144, 238, 144],\r\n\t\"lightgrey\": [211, 211, 211],\r\n\t\"lightpink\": [255, 182, 193],\r\n\t\"lightsalmon\": [255, 160, 122],\r\n\t\"lightseagreen\": [32, 178, 170],\r\n\t\"lightskyblue\": [135, 206, 250],\r\n\t\"lightslategray\": [119, 136, 153],\r\n\t\"lightslategrey\": [119, 136, 153],\r\n\t\"lightsteelblue\": [176, 196, 222],\r\n\t\"lightyellow\": [255, 255, 224],\r\n\t\"lime\": [0, 255, 0],\r\n\t\"limegreen\": [50, 205, 50],\r\n\t\"linen\": [250, 240, 230],\r\n\t\"magenta\": [255, 0, 255],\r\n\t\"maroon\": [128, 0, 0],\r\n\t\"mediumaquamarine\": [102, 205, 170],\r\n\t\"mediumblue\": [0, 0, 205],\r\n\t\"mediumorchid\": [186, 85, 211],\r\n\t\"mediumpurple\": [147, 112, 219],\r\n\t\"mediumseagreen\": [60, 179, 113],\r\n\t\"mediumslateblue\": [123, 104, 238],\r\n\t\"mediumspringgreen\": [0, 250, 154],\r\n\t\"mediumturquoise\": [72, 209, 204],\r\n\t\"mediumvioletred\": [199, 21, 133],\r\n\t\"midnightblue\": [25, 25, 112],\r\n\t\"mintcream\": [245, 255, 250],\r\n\t\"mistyrose\": [255, 228, 225],\r\n\t\"moccasin\": [255, 228, 181],\r\n\t\"navajowhite\": [255, 222, 173],\r\n\t\"navy\": [0, 0, 128],\r\n\t\"oldlace\": [253, 245, 230],\r\n\t\"olive\": [128, 128, 0],\r\n\t\"olivedrab\": [107, 142, 35],\r\n\t\"orange\": [255, 165, 0],\r\n\t\"orangered\": [255, 69, 0],\r\n\t\"orchid\": [218, 112, 214],\r\n\t\"palegoldenrod\": [238, 232, 170],\r\n\t\"palegreen\": [152, 251, 152],\r\n\t\"paleturquoise\": [175, 238, 238],\r\n\t\"palevioletred\": [219, 1
/***/ }),
/***/ "./node_modules/color-string/index.js":
/*!********************************************!*\
!*** ./node_modules/color-string/index.js ***!
\********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("/* MIT license */\nvar colorNames = __webpack_require__(/*! color-name */ \"./node_modules/color-name/index.js\");\nvar swizzle = __webpack_require__(/*! simple-swizzle */ \"./node_modules/simple-swizzle/index.js\");\n\nvar reverseNames = {};\n\n// create a list of reverse color names\nfor (var name in colorNames) {\n\tif (colorNames.hasOwnProperty(name)) {\n\t\treverseNames[colorNames[name]] = name;\n\t}\n}\n\nvar cs = module.exports = {\n\tto: {},\n\tget: {}\n};\n\ncs.get = function (string) {\n\tvar prefix = string.substring(0, 3).toLowerCase();\n\tvar val;\n\tvar model;\n\tswitch (prefix) {\n\t\tcase 'hsl':\n\t\t\tval = cs.get.hsl(string);\n\t\t\tmodel = 'hsl';\n\t\t\tbreak;\n\t\tcase 'hwb':\n\t\t\tval = cs.get.hwb(string);\n\t\t\tmodel = 'hwb';\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tval = cs.get.rgb(string);\n\t\t\tmodel = 'rgb';\n\t\t\tbreak;\n\t}\n\n\tif (!val) {\n\t\treturn null;\n\t}\n\n\treturn {model: model, value: val};\n};\n\ncs.get.rgb = function (string) {\n\tif (!string) {\n\t\treturn null;\n\t}\n\n\tvar abbr = /^#([a-f0-9]{3,4})$/i;\n\tvar hex = /^#([a-f0-9]{6})([a-f0-9]{2})?$/i;\n\tvar rgba = /^rgba?\\(\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*,\\s*([+-]?\\d+)\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar per = /^rgba?\\(\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*,\\s*([+-]?[\\d\\.]+)\\%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar keyword = /(\\D+)/;\n\n\tvar rgb = [0, 0, 0, 1];\n\tvar match;\n\tvar i;\n\tvar hexAlpha;\n\n\tif (match = string.match(hex)) {\n\t\thexAlpha = match[2];\n\t\tmatch = match[1];\n\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\t// https://jsperf.com/slice-vs-substr-vs-substring-methods-long-string/19\n\t\t\tvar i2 = i * 2;\n\t\t\trgb[i] = parseInt(match.slice(i2, i2 + 2), 16);\n\t\t}\n\n\t\tif (hexAlpha) {\n\t\t\trgb[3] = Math.round((parseInt(hexAlpha, 16) / 255) * 100) / 100;\n\t\t}\n\t} else if (match = string.match(abbr)) {\n\t\tmatch = match[1];\n\t\thexAlpha = match[3];\n\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\trgb[i] = parseInt(match[i] + match[i], 16);\n\t\t}\n\n\t\tif (hexAlpha) {\n\t\t\trgb[3] = Math.round((parseInt(hexAlpha + hexAlpha, 16) / 255) * 100) / 100;\n\t\t}\n\t} else if (match = string.match(rgba)) {\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\trgb[i] = parseInt(match[i + 1], 0);\n\t\t}\n\n\t\tif (match[4]) {\n\t\t\trgb[3] = parseFloat(match[4]);\n\t\t}\n\t} else if (match = string.match(per)) {\n\t\tfor (i = 0; i < 3; i++) {\n\t\t\trgb[i] = Math.round(parseFloat(match[i + 1]) * 2.55);\n\t\t}\n\n\t\tif (match[4]) {\n\t\t\trgb[3] = parseFloat(match[4]);\n\t\t}\n\t} else if (match = string.match(keyword)) {\n\t\tif (match[1] === 'transparent') {\n\t\t\treturn [0, 0, 0, 0];\n\t\t}\n\n\t\trgb = colorNames[match[1]];\n\n\t\tif (!rgb) {\n\t\t\treturn null;\n\t\t}\n\n\t\trgb[3] = 1;\n\n\t\treturn rgb;\n\t} else {\n\t\treturn null;\n\t}\n\n\tfor (i = 0; i < 3; i++) {\n\t\trgb[i] = clamp(rgb[i], 0, 255);\n\t}\n\trgb[3] = clamp(rgb[3], 0, 1);\n\n\treturn rgb;\n};\n\ncs.get.hsl = function (string) {\n\tif (!string) {\n\t\treturn null;\n\t}\n\n\tvar hsl = /^hsla?\\(\\s*([+-]?(?:\\d*\\.)?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar match = string.match(hsl);\n\n\tif (match) {\n\t\tvar alpha = parseFloat(match[4]);\n\t\tvar h = (parseFloat(match[1]) + 360) % 360;\n\t\tvar s = clamp(parseFloat(match[2]), 0, 100);\n\t\tvar l = clamp(parseFloat(match[3]), 0, 100);\n\t\tvar a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);\n\n\t\treturn [h, s, l, a];\n\t}\n\n\treturn null;\n};\n\ncs.get.hwb = function (string) {\n\tif (!string) {\n\t\treturn null;\n\t}\n\n\tvar hwb = /^hwb\\(\\s*([+-]?\\d*[\\.]?\\d+)(?:deg)?\\s*,\\s*([+-]?[\\d\\.]+)%\\s*,\\s*([+-]?[\\d\\.]+)%\\s*(?:,\\s*([+-]?[\\d\\.]+)\\s*)?\\)$/;\n\tvar match = string.match(hwb);\n\n\tif (match) {\n\t\tvar alpha = parseFloat(match[4]);\n\t\tvar h = ((parseFloat(match[1]) % 360) + 360) % 360;\n\t\tvar w = clamp(parseFloat(match[2]), 0, 100);\n\t\tvar b = clamp(parseFloat(match[3]), 0, 100);\n\t\tvar a = clamp(isNaN(alpha) ? 1 : alpha, 0, 1);\n\t\treturn [h, w, b, a];\
/***/ }),
/***/ "./node_modules/color/index.js":
/*!*************************************!*\
!*** ./node_modules/color/index.js ***!
\*************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar colorString = __webpack_require__(/*! color-string */ \"./node_modules/color-string/index.js\");\nvar convert = __webpack_require__(/*! color-convert */ \"./node_modules/color-convert/index.js\");\n\nvar _slice = [].slice;\n\nvar skippedModels = [\n\t// to be honest, I don't really feel like keyword belongs in color convert, but eh.\n\t'keyword',\n\n\t// gray conflicts with some method names, and has its own method defined.\n\t'gray',\n\n\t// shouldn't really be in color-convert either...\n\t'hex'\n];\n\nvar hashedModelKeys = {};\nObject.keys(convert).forEach(function (model) {\n\thashedModelKeys[_slice.call(convert[model].labels).sort().join('')] = model;\n});\n\nvar limiters = {};\n\nfunction Color(obj, model) {\n\tif (!(this instanceof Color)) {\n\t\treturn new Color(obj, model);\n\t}\n\n\tif (model && model in skippedModels) {\n\t\tmodel = null;\n\t}\n\n\tif (model && !(model in convert)) {\n\t\tthrow new Error('Unknown model: ' + model);\n\t}\n\n\tvar i;\n\tvar channels;\n\n\tif (obj == null) { // eslint-disable-line no-eq-null,eqeqeq\n\t\tthis.model = 'rgb';\n\t\tthis.color = [0, 0, 0];\n\t\tthis.valpha = 1;\n\t} else if (obj instanceof Color) {\n\t\tthis.model = obj.model;\n\t\tthis.color = obj.color.slice();\n\t\tthis.valpha = obj.valpha;\n\t} else if (typeof obj === 'string') {\n\t\tvar result = colorString.get(obj);\n\t\tif (result === null) {\n\t\t\tthrow new Error('Unable to parse color from string: ' + obj);\n\t\t}\n\n\t\tthis.model = result.model;\n\t\tchannels = convert[this.model].channels;\n\t\tthis.color = result.value.slice(0, channels);\n\t\tthis.valpha = typeof result.value[channels] === 'number' ? result.value[channels] : 1;\n\t} else if (obj.length) {\n\t\tthis.model = model || 'rgb';\n\t\tchannels = convert[this.model].channels;\n\t\tvar newArr = _slice.call(obj, 0, channels);\n\t\tthis.color = zeroArray(newArr, channels);\n\t\tthis.valpha = typeof obj[channels] === 'number' ? obj[channels] : 1;\n\t} else if (typeof obj === 'number') {\n\t\t// this is always RGB - can be converted later on.\n\t\tobj &= 0xFFFFFF;\n\t\tthis.model = 'rgb';\n\t\tthis.color = [\n\t\t\t(obj >> 16) & 0xFF,\n\t\t\t(obj >> 8) & 0xFF,\n\t\t\tobj & 0xFF\n\t\t];\n\t\tthis.valpha = 1;\n\t} else {\n\t\tthis.valpha = 1;\n\n\t\tvar keys = Object.keys(obj);\n\t\tif ('alpha' in obj) {\n\t\t\tkeys.splice(keys.indexOf('alpha'), 1);\n\t\t\tthis.valpha = typeof obj.alpha === 'number' ? obj.alpha : 0;\n\t\t}\n\n\t\tvar hashedKeys = keys.sort().join('');\n\t\tif (!(hashedKeys in hashedModelKeys)) {\n\t\t\tthrow new Error('Unable to parse color from object: ' + JSON.stringify(obj));\n\t\t}\n\n\t\tthis.model = hashedModelKeys[hashedKeys];\n\n\t\tvar labels = convert[this.model].labels;\n\t\tvar color = [];\n\t\tfor (i = 0; i < labels.length; i++) {\n\t\t\tcolor.push(obj[labels[i]]);\n\t\t}\n\n\t\tthis.color = zeroArray(color);\n\t}\n\n\t// perform limitations (clamping, etc.)\n\tif (limiters[this.model]) {\n\t\tchannels = convert[this.model].channels;\n\t\tfor (i = 0; i < channels; i++) {\n\t\t\tvar limit = limiters[this.model][i];\n\t\t\tif (limit) {\n\t\t\t\tthis.color[i] = limit(this.color[i]);\n\t\t\t}\n\t\t}\n\t}\n\n\tthis.valpha = Math.max(0, Math.min(1, this.valpha));\n\n\tif (Object.freeze) {\n\t\tObject.freeze(this);\n\t}\n}\n\nColor.prototype = {\n\ttoString: function () {\n\t\treturn this.string();\n\t},\n\n\ttoJSON: function () {\n\t\treturn this[this.model]();\n\t},\n\n\tstring: function (places) {\n\t\tvar self = this.model in colorString.to ? this : this.rgb();\n\t\tself = self.round(typeof places === 'number' ? places : 1);\n\t\tvar args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);\n\t\treturn colorString.to[self.model](args);\n\t},\n\n\tpercentString: function (places) {\n\t\tvar self = this.rgb().round(typeof places === 'number' ? places : 1);\n\t\tvar args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);\n\t\treturn colorString.to.rgb.percent(args);\n\t},\n\n\tarray: function () {\n\t\treturn this.valpha === 1 ? this.color.slice() : this.color.concat(this.valpha);\n\
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js?!./src/gui/component/audio-node.scss":
/*!**********************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/gui/component/audio-node.scss ***!
\**********************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \":host {\\n max-width: 320px;\\n width: 100%;\\n display: block; }\\n\\n#container {\\n font-family: \\\"Open Sans\\\", sans-serif;\\n margin-bottom: 10px;\\n border-bottom: 1px solid #ddd;\\n max-width: 320px;\\n width: 100%; }\\n #container #title {\\n font-size: 18px !important;\\n font-family: \\\"Roboto\\\", sans-serif; }\\n #container .value {\\n display: block;\\n margin-top: 4px; }\\n #container details {\\n margin-top: 4px;\\n font-size: 14px;\\n line-height: 24px; }\\n #container details.sub-value {\\n background-color: rgba(0, 0, 0, 0.05);\\n padding: 5px; }\\n #container details #json {\\n font-size: 0.8em; }\\n #container details #json summary {\\n color: #f5871f;\\n padding-left: 10px; }\\n #container details #json summary mwc-icon {\\n --mdc-icon-size: 10px; }\\n #container details #json pre {\\n overflow: scroll; }\\n #container details summary {\\n list-style: none; }\\n #container details summary mwc-icon {\\n position: relative;\\n transform: translate(0px, 4px);\\n height: 20px;\\n font-size: 20px;\\n margin-left: 0px; }\\n #container details summary #download {\\n position: absolute;\\n right: 10px;\\n color: #ececec; }\\n #container details summary#title {\\n padding: 2px 2px 5px 2px; }\\n #container details summary::-webkit-details-marker {\\n display: none; }\\n #container details summary::marker {\\n display: none; }\\n #container details summary:focus {\\n outline: none;\\n background-color: #fcd5b1; }\\n\", \"\"]);\n\n\n//# sourceURL=webpack:///./src/gui/component/audio-node.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--5-2");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js?!./src/gui/component/drawer.scss":
/*!******************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/gui/component/drawer.scss ***!
\******************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \"#container {\\n display: inline-block;\\n position: fixed;\\n right: 0px;\\n bottom: 0px;\\n width: 320px;\\n background-color: white;\\n z-index: 1000000;\\n box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }\\n #container[hidden] {\\n display: none; }\\n #container:not([open]) {\\n height: 20px; }\\n #container #scroll {\\n display: inline-block;\\n max-height: calc( 100vh - 24px - 20px);\\n margin-top: 20px;\\n width: calc(100% - 20px);\\n overflow-y: auto;\\n padding: 10px;\\n padding-bottom: 0px; }\\n #container #scroll #inner-scroll {\\n display: inline-block;\\n width: 100%; }\\n #container details summary {\\n background-color: #ececec;\\n color: #616161;\\n text-align: center;\\n font-family: \\\"Roboto\\\", sans-serif;\\n text-align: center;\\n position: absolute;\\n top: 3px;\\n width: calc(100% - 6px);\\n left: 3px;\\n font-size: 0.8em;\\n height: 14px;\\n line-height: 14px;\\n border-radius: 3px;\\n cursor: pointer;\\n list-style: none; }\\n #container details summary mwc-icon {\\n position: absolute;\\n top: 0px;\\n left: 0px;\\n height: 14px;\\n font-size: 14px; }\\n #container details summary::-webkit-details-marker {\\n display: none; }\\n #container details summary::marker {\\n display: none; }\\n\", \"\"]);\n\n\n//# sourceURL=webpack:///./src/gui/component/drawer.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--5-2");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js?!./src/gui/component/folder.scss":
/*!******************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/gui/component/folder.scss ***!
\******************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \"#container {\\n font-family: \\\"Roboto\\\", sans-serif;\\n width: calc(100% - 20px);\\n margin-bottom: 10px; }\\n #container details {\\n width: 100%; }\\n #container details summary {\\n font-weight: bold;\\n font-size: 1.1em;\\n border-bottom: 1px solid black;\\n list-style: none; }\\n #container details summary mwc-icon {\\n position: relative;\\n transform: translate(0px, 4px);\\n height: 20px;\\n font-size: 20px;\\n margin-left: 0px; }\\n #container details summary::-webkit-details-marker {\\n display: none; }\\n #container details summary::marker {\\n display: none; }\\n #container details #contents {\\n width: calc(100% - 5px);\\n margin-left: 5px; }\\n\", \"\"]);\n\n\n//# sourceURL=webpack:///./src/gui/component/folder.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--5-2");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js?!./src/gui/value/value.scss":
/*!*************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--5-2!./src/gui/value/value.scss ***!
\*************************************************************************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("exports = module.exports = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.i, \"#container {\\n width: 100%;\\n font-size: 14px;\\n font-family: \\\"Open Sans\\\", sans-serif;\\n background-color: transparent; }\\n #container label {\\n padding-left: 6px; }\\n #container.error input {\\n transition-duration: 0s;\\n color: gray; }\\n #container input {\\n transition: color 0.2s;\\n font-family: inherit;\\n font-size: inherit;\\n -webkit-appearance: none;\\n appearance: none;\\n border: 0px;\\n text-align: right;\\n float: right;\\n background-color: transparent;\\n outline: 0px solid #fcd5b1; }\\n #container input:focus {\\n outline-width: 3px; }\\n #container.array {\\n display: flex; }\\n #container.array label, #container.array #bars {\\n flex: 1; }\\n #container.array label[disabled] {\\n color: lightgray; }\\n #container.array #bars {\\n display: flex;\\n flex-direction: row; }\\n #container.array #bars .bar {\\n flex: 1;\\n height: 100%;\\n position: relative;\\n margin: 0px 1px; }\\n #container.array #bars .bar .fill {\\n pointer-events: none;\\n background-color: black;\\n position: absolute;\\n bottom: 0px;\\n left: 0px;\\n width: 100%;\\n height: 0px; }\\n #container.boolean input {\\n margin: 0px;\\n box-sizing: border-box;\\n border: 2px solid #ddd;\\n background-color: #ddd;\\n width: 16px;\\n height: 16px; }\\n #container.boolean input[checked] {\\n background-color: black; }\\n\", \"\"]);\n\n\n//# sourceURL=webpack:///./src/gui/value/value.scss?./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ref--5-2");
/***/ }),
/***/ "./node_modules/css-loader/dist/runtime/api.js":
/*!*****************************************************!*\
!*** ./node_modules/css-loader/dist/runtime/api.js ***!
\*****************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\n/*\n MIT License http://www.opensource.org/licenses/mit-license.php\n Author Tobias Koppers @sokra\n*/\n// css base code, injected by the css-loader\n// eslint-disable-next-line func-names\nmodule.exports = function (useSourceMap) {\n var list = []; // return the list of modules as css string\n\n list.toString = function toString() {\n return this.map(function (item) {\n var content = cssWithMappingToString(item, useSourceMap);\n\n if (item[2]) {\n return \"@media \".concat(item[2], \"{\").concat(content, \"}\");\n }\n\n return content;\n }).join('');\n }; // import a list of modules into the list\n // eslint-disable-next-line func-names\n\n\n list.i = function (modules, mediaQuery) {\n if (typeof modules === 'string') {\n // eslint-disable-next-line no-param-reassign\n modules = [[null, modules, '']];\n }\n\n var alreadyImportedModules = {};\n\n for (var i = 0; i < this.length; i++) {\n // eslint-disable-next-line prefer-destructuring\n var id = this[i][0];\n\n if (id != null) {\n alreadyImportedModules[id] = true;\n }\n }\n\n for (var _i = 0; _i < modules.length; _i++) {\n var item = modules[_i]; // skip already imported module\n // this implementation is not 100% perfect for weird media query combinations\n // when a module is imported multiple times with different media queries.\n // I hope this will never occur (Hey this way we have smaller bundles)\n\n if (item[0] == null || !alreadyImportedModules[item[0]]) {\n if (mediaQuery && !item[2]) {\n item[2] = mediaQuery;\n } else if (mediaQuery) {\n item[2] = \"(\".concat(item[2], \") and (\").concat(mediaQuery, \")\");\n }\n\n list.push(item);\n }\n }\n };\n\n return list;\n};\n\nfunction cssWithMappingToString(item, useSourceMap) {\n var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring\n\n var cssMapping = item[3];\n\n if (!cssMapping) {\n return content;\n }\n\n if (useSourceMap && typeof btoa === 'function') {\n var sourceMapping = toComment(cssMapping);\n var sourceURLs = cssMapping.sources.map(function (source) {\n return \"/*# sourceURL=\".concat(cssMapping.sourceRoot).concat(source, \" */\");\n });\n return [content].concat(sourceURLs).concat([sourceMapping]).join('\\n');\n }\n\n return [content].join('\\n');\n} // Adapted from convert-source-map (MIT)\n\n\nfunction toComment(sourceMap) {\n // eslint-disable-next-line no-undef\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n return \"/*# \".concat(data, \" */\");\n}\n\n//# sourceURL=webpack:///./node_modules/css-loader/dist/runtime/api.js?");
/***/ }),
/***/ "./node_modules/deep-equal/index.js":
/*!******************************************!*\
!*** ./node_modules/deep-equal/index.js ***!
\******************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("var objectKeys = __webpack_require__(/*! object-keys */ \"./node_modules/object-keys/index.js\");\nvar isArguments = __webpack_require__(/*! is-arguments */ \"./node_modules/is-arguments/index.js\");\nvar is = __webpack_require__(/*! object-is */ \"./node_modules/object-is/index.js\");\nvar isRegex = __webpack_require__(/*! is-regex */ \"./node_modules/is-regex/index.js\");\nvar flags = __webpack_require__(/*! regexp.prototype.flags */ \"./node_modules/regexp.prototype.flags/index.js\");\nvar isDate = __webpack_require__(/*! is-date-object */ \"./node_modules/is-date-object/index.js\");\n\nvar getTime = Date.prototype.getTime;\n\nfunction deepEqual(actual, expected, options) {\n var opts = options || {};\n\n // 7.1. All identical values are equivalent, as determined by ===.\n if (opts.strict ? is(actual, expected) : actual === expected) {\n return true;\n }\n\n // 7.3. Other pairs that do not both pass typeof value == 'object', equivalence is determined by ==.\n if (!actual || !expected || (typeof actual !== 'object' && typeof expected !== 'object')) {\n return opts.strict ? is(actual, expected) : actual == expected;\n }\n\n /*\n * 7.4. For all other Object pairs, including Array objects, equivalence is\n * determined by having the same number of owned properties (as verified\n * with Object.prototype.hasOwnProperty.call), the same set of keys\n * (although not necessarily the same order), equivalent values for every\n * corresponding key, and an identical 'prototype' property. Note: this\n * accounts for both named and indexed properties on Arrays.\n */\n // eslint-disable-next-line no-use-before-define\n return objEquiv(actual, expected, opts);\n}\n\nfunction isUndefinedOrNull(value) {\n return value === null || value === undefined;\n}\n\nfunction isBuffer(x) {\n if (!x || typeof x !== 'object' || typeof x.length !== 'number') {\n return false;\n }\n if (typeof x.copy !== 'function' || typeof x.slice !== 'function') {\n return false;\n }\n if (x.length > 0 && typeof x[0] !== 'number') {\n return false;\n }\n return true;\n}\n\nfunction objEquiv(a, b, opts) {\n /* eslint max-statements: [2, 50] */\n var i, key;\n if (typeof a !== typeof b) { return false; }\n if (isUndefinedOrNull(a) || isUndefinedOrNull(b)) { return false; }\n\n // an identical 'prototype' property.\n if (a.prototype !== b.prototype) { return false; }\n\n if (isArguments(a) !== isArguments(b)) { return false; }\n\n var aIsRegex = isRegex(a);\n var bIsRegex = isRegex(b);\n if (aIsRegex !== bIsRegex) { return false; }\n if (aIsRegex || bIsRegex) {\n return a.source === b.source && flags(a) === flags(b);\n }\n\n if (isDate(a) && isDate(b)) {\n return getTime.call(a) === getTime.call(b);\n }\n\n var aIsBuffer = isBuffer(a);\n var bIsBuffer = isBuffer(b);\n if (aIsBuffer !== bIsBuffer) { return false; }\n if (aIsBuffer || bIsBuffer) { // && would work too, because both are true or both false here\n if (a.length !== b.length) { return false; }\n for (i = 0; i < a.length; i++) {\n if (a[i] !== b[i]) { return false; }\n }\n return true;\n }\n\n if (typeof a !== typeof b) { return false; }\n\n try {\n var ka = objectKeys(a);\n var kb = objectKeys(b);\n } catch (e) { // happens when one is a string literal and the other isn't\n return false;\n }\n // having the same number of owned properties (keys incorporates hasOwnProperty)\n if (ka.length !== kb.length) { return false; }\n\n // the same set of keys (although not necessarily the same order),\n ka.sort();\n kb.sort();\n // ~~~cheap key test\n for (i = ka.length - 1; i >= 0; i--) {\n if (ka[i] != kb[i]) { return false; }\n }\n // equivalent values for every corresponding key, and ~~~possibly expensive deep test\n for (i = ka.length - 1; i >= 0; i--) {\n key = ka[i];\n if (!deepEqual(a[key], b[key], opts)) { return false; }\n }\n\n return true;\n}\n\nmodule.exports = deepEqual;\n\n\n//# sourceURL=webpack:///./node_modules/deep-equal/index.js?");
/***/ }),
/***/ "./node_modules/define-properties/index.js":
/*!*************************************************!*\
!*** ./node_modules/define-properties/index.js ***!
\*************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar keys = __webpack_require__(/*! object-keys */ \"./node_modules/object-keys/index.js\");\nvar hasSymbols = typeof Symbol === 'function' && typeof Symbol('foo') === 'symbol';\n\nvar toStr = Object.prototype.toString;\nvar concat = Array.prototype.concat;\nvar origDefineProperty = Object.defineProperty;\n\nvar isFunction = function (fn) {\n\treturn typeof fn === 'function' && toStr.call(fn) === '[object Function]';\n};\n\nvar arePropertyDescriptorsSupported = function () {\n\tvar obj = {};\n\ttry {\n\t\torigDefineProperty(obj, 'x', { enumerable: false, value: obj });\n\t\t// eslint-disable-next-line no-unused-vars, no-restricted-syntax\n\t\tfor (var _ in obj) { // jscs:ignore disallowUnusedVariables\n\t\t\treturn false;\n\t\t}\n\t\treturn obj.x === obj;\n\t} catch (e) { /* this is IE 8. */\n\t\treturn false;\n\t}\n};\nvar supportsDescriptors = origDefineProperty && arePropertyDescriptorsSupported();\n\nvar defineProperty = function (object, name, value, predicate) {\n\tif (name in object && (!isFunction(predicate) || !predicate())) {\n\t\treturn;\n\t}\n\tif (supportsDescriptors) {\n\t\torigDefineProperty(object, name, {\n\t\t\tconfigurable: true,\n\t\t\tenumerable: false,\n\t\t\tvalue: value,\n\t\t\twritable: true\n\t\t});\n\t} else {\n\t\tobject[name] = value;\n\t}\n};\n\nvar defineProperties = function (object, map) {\n\tvar predicates = arguments.length > 2 ? arguments[2] : {};\n\tvar props = keys(map);\n\tif (hasSymbols) {\n\t\tprops = concat.call(props, Object.getOwnPropertySymbols(map));\n\t}\n\tfor (var i = 0; i < props.length; i += 1) {\n\t\tdefineProperty(object, props[i], map[props[i]], predicates[props[i]]);\n\t}\n};\n\ndefineProperties.supportsDescriptors = !!supportsDescriptors;\n\nmodule.exports = defineProperties;\n\n\n//# sourceURL=webpack:///./node_modules/define-properties/index.js?");
/***/ }),
/***/ "./node_modules/function-bind/implementation.js":
/*!******************************************************!*\
!*** ./node_modules/function-bind/implementation.js ***!
\******************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\n/* eslint no-invalid-this: 1 */\n\nvar ERROR_MESSAGE = 'Function.prototype.bind called on incompatible ';\nvar slice = Array.prototype.slice;\nvar toStr = Object.prototype.toString;\nvar funcType = '[object Function]';\n\nmodule.exports = function bind(that) {\n var target = this;\n if (typeof target !== 'function' || toStr.call(target) !== funcType) {\n throw new TypeError(ERROR_MESSAGE + target);\n }\n var args = slice.call(arguments, 1);\n\n var bound;\n var binder = function () {\n if (this instanceof bound) {\n var result = target.apply(\n this,\n args.concat(slice.call(arguments))\n );\n if (Object(result) === result) {\n return result;\n }\n return this;\n } else {\n return target.apply(\n that,\n args.concat(slice.call(arguments))\n );\n }\n };\n\n var boundLength = Math.max(0, target.length - args.length);\n var boundArgs = [];\n for (var i = 0; i < boundLength; i++) {\n boundArgs.push('$' + i);\n }\n\n bound = Function('binder', 'return function (' + boundArgs.join(',') + '){ return binder.apply(this,arguments); }')(binder);\n\n if (target.prototype) {\n var Empty = function Empty() {};\n Empty.prototype = target.prototype;\n bound.prototype = new Empty();\n Empty.prototype = null;\n }\n\n return bound;\n};\n\n\n//# sourceURL=webpack:///./node_modules/function-bind/implementation.js?");
/***/ }),
/***/ "./node_modules/function-bind/index.js":
/*!*********************************************!*\
!*** ./node_modules/function-bind/index.js ***!
\*********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar implementation = __webpack_require__(/*! ./implementation */ \"./node_modules/function-bind/implementation.js\");\n\nmodule.exports = Function.prototype.bind || implementation;\n\n\n//# sourceURL=webpack:///./node_modules/function-bind/index.js?");
/***/ }),
/***/ "./node_modules/has/src/index.js":
/*!***************************************!*\
!*** ./node_modules/has/src/index.js ***!
\***************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar bind = __webpack_require__(/*! function-bind */ \"./node_modules/function-bind/index.js\");\n\nmodule.exports = bind.call(Function.call, Object.prototype.hasOwnProperty);\n\n\n//# sourceURL=webpack:///./node_modules/has/src/index.js?");
/***/ }),
/***/ "./node_modules/is-arguments/index.js":
/*!********************************************!*\
!*** ./node_modules/is-arguments/index.js ***!
\********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol';\nvar toStr = Object.prototype.toString;\n\nvar isStandardArguments = function isArguments(value) {\n\tif (hasToStringTag && value && typeof value === 'object' && Symbol.toStringTag in value) {\n\t\treturn false;\n\t}\n\treturn toStr.call(value) === '[object Arguments]';\n};\n\nvar isLegacyArguments = function isArguments(value) {\n\tif (isStandardArguments(value)) {\n\t\treturn true;\n\t}\n\treturn value !== null &&\n\t\ttypeof value === 'object' &&\n\t\ttypeof value.length === 'number' &&\n\t\tvalue.length >= 0 &&\n\t\ttoStr.call(value) !== '[object Array]' &&\n\t\ttoStr.call(value.callee) === '[object Function]';\n};\n\nvar supportsStandardArguments = (function () {\n\treturn isStandardArguments(arguments);\n}());\n\nisStandardArguments.isLegacyArguments = isLegacyArguments; // for tests\n\nmodule.exports = supportsStandardArguments ? isStandardArguments : isLegacyArguments;\n\n\n//# sourceURL=webpack:///./node_modules/is-arguments/index.js?");
/***/ }),
/***/ "./node_modules/is-date-object/index.js":
/*!**********************************************!*\
!*** ./node_modules/is-date-object/index.js ***!
\**********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar getDay = Date.prototype.getDay;\nvar tryDateObject = function tryDateObject(value) {\n\ttry {\n\t\tgetDay.call(value);\n\t\treturn true;\n\t} catch (e) {\n\t\treturn false;\n\t}\n};\n\nvar toStr = Object.prototype.toString;\nvar dateClass = '[object Date]';\nvar hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol';\n\nmodule.exports = function isDateObject(value) {\n\tif (typeof value !== 'object' || value === null) { return false; }\n\treturn hasToStringTag ? tryDateObject(value) : toStr.call(value) === dateClass;\n};\n\n\n//# sourceURL=webpack:///./node_modules/is-date-object/index.js?");
/***/ }),
/***/ "./node_modules/is-regex/index.js":
/*!****************************************!*\
!*** ./node_modules/is-regex/index.js ***!
\****************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar has = __webpack_require__(/*! has */ \"./node_modules/has/src/index.js\");\nvar regexExec = RegExp.prototype.exec;\nvar gOPD = Object.getOwnPropertyDescriptor;\n\nvar tryRegexExecCall = function tryRegexExec(value) {\n\ttry {\n\t\tvar lastIndex = value.lastIndex;\n\t\tvalue.lastIndex = 0;\n\n\t\tregexExec.call(value);\n\t\treturn true;\n\t} catch (e) {\n\t\treturn false;\n\t} finally {\n\t\tvalue.lastIndex = lastIndex;\n\t}\n};\nvar toStr = Object.prototype.toString;\nvar regexClass = '[object RegExp]';\nvar hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol';\n\nmodule.exports = function isRegex(value) {\n\tif (!value || typeof value !== 'object') {\n\t\treturn false;\n\t}\n\tif (!hasToStringTag) {\n\t\treturn toStr.call(value) === regexClass;\n\t}\n\n\tvar descriptor = gOPD(value, 'lastIndex');\n\tvar hasLastIndexDataProperty = descriptor && has(descriptor, 'value');\n\tif (!hasLastIndexDataProperty) {\n\t\treturn false;\n\t}\n\n\treturn tryRegexExecCall(value);\n};\n\n\n//# sourceURL=webpack:///./node_modules/is-regex/index.js?");
/***/ }),
/***/ "./node_modules/lit-element/lib/css-tag.js":
/*!*************************************************!*\
!*** ./node_modules/lit-element/lib/css-tag.js ***!
\*************************************************/
/*! exports provided: supportsAdoptingStyleSheets, CSSResult, unsafeCSS, css */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"supportsAdoptingStyleSheets\", function() { return supportsAdoptingStyleSheets; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"CSSResult\", function() { return CSSResult; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"unsafeCSS\", function() { return unsafeCSS; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"css\", function() { return css; });\n/**\n@license\nCopyright (c) 2019 The Polymer Project Authors. All rights reserved.\nThis code may only be used under the BSD style license found at\nhttp://polymer.github.io/LICENSE.txt The complete set of authors may be found at\nhttp://polymer.github.io/AUTHORS.txt The complete set of contributors may be\nfound at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as\npart of the polymer project is also subject to an additional IP rights grant\nfound at http://polymer.github.io/PATENTS.txt\n*/\nconst supportsAdoptingStyleSheets = ('adoptedStyleSheets' in Document.prototype) &&\n ('replace' in CSSStyleSheet.prototype);\nconst constructionToken = Symbol();\nclass CSSResult {\n constructor(cssText, safeToken) {\n if (safeToken !== constructionToken) {\n throw new Error('CSSResult is not constructable. Use `unsafeCSS` or `css` instead.');\n }\n this.cssText = cssText;\n }\n // Note, this is a getter so that it's lazy. In practice, this means\n // stylesheets are not created until the first element instance is made.\n get styleSheet() {\n if (this._styleSheet === undefined) {\n // Note, if `adoptedStyleSheets` is supported then we assume CSSStyleSheet\n // is constructable.\n if (supportsAdoptingStyleSheets) {\n this._styleSheet = new CSSStyleSheet();\n this._styleSheet.replaceSync(this.cssText);\n }\n else {\n this._styleSheet = null;\n }\n }\n return this._styleSheet;\n }\n toString() {\n return this.cssText;\n }\n}\n/**\n * Wrap a value for interpolation in a css tagged template literal.\n *\n * This is unsafe because untrusted CSS text can be used to phone home\n * or exfiltrate data to an attacker controlled site. Take care to only use\n * this with trusted input.\n */\nconst unsafeCSS = (value) => {\n return new CSSResult(String(value), constructionToken);\n};\nconst textFromCSSResult = (value) => {\n if (value instanceof CSSResult) {\n return value.cssText;\n }\n else if (typeof value === 'number') {\n return value;\n }\n else {\n throw new Error(`Value passed to 'css' function must be a 'css' function result: ${value}. Use 'unsafeCSS' to pass non-literal values, but\n take care to ensure page security.`);\n }\n};\n/**\n * Template tag which which can be used with LitElement's `style` property to\n * set element styles. For security reasons, only literal string values may be\n * used. To incorporate non-literal values `unsafeCSS` may be used inside a\n * template string part.\n */\nconst css = (strings, ...values) => {\n const cssText = values.reduce((acc, v, idx) => acc + textFromCSSResult(v) + strings[idx + 1], strings[0]);\n return new CSSResult(cssText, constructionToken);\n};\n//# sourceMappingURL=css-tag.js.map\n\n//# sourceURL=webpack:///./node_modules/lit-element/lib/css-tag.js?");
/***/ }),
/***/ "./node_modules/lit-element/lib/decorators.js":
/*!****************************************************!*\
!*** ./node_modules/lit-element/lib/decorators.js ***!
\****************************************************/
/*! exports provided: customElement, property, internalProperty, query, queryAsync, queryAll, eventOptions, queryAssignedNodes */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"customElement\", function() { return customElement; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"property\", function() { return property; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"internalProperty\", function() { return internalProperty; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"query\", function() { return query; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"queryAsync\", function() { return queryAsync; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"queryAll\", function() { return queryAll; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"eventOptions\", function() { return eventOptions; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"queryAssignedNodes\", function() { return queryAssignedNodes; });\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\nconst legacyCustomElement = (tagName, clazz) => {\n window.customElements.define(tagName, clazz);\n // Cast as any because TS doesn't recognize the return type as being a\n // subtype of the decorated class when clazz is typed as\n // `Constructor<HTMLElement>` for some reason.\n // `Constructor<HTMLElement>` is helpful to make sure the decorator is\n // applied to elements however.\n // tslint:disable-next-line:no-any\n return clazz;\n};\nconst standardCustomElement = (tagName, descriptor) => {\n const { kind, elements } = descriptor;\n return {\n kind,\n elements,\n // This callback is called once the class is otherwise fully defined\n finisher(clazz) {\n window.customElements.define(tagName, clazz);\n }\n };\n};\n/**\n * Class decorator factory that defines the decorated class as a custom element.\n *\n * ```\n * @customElement('my-element')\n * class MyElement {\n * render() {\n * return html``;\n * }\n * }\n * ```\n *\n * @param tagName The name of the custom element to define.\n */\nconst customElement = (tagName) => (classOrDescriptor) => (typeof classOrDescriptor === 'function') ?\n legacyCustomElement(tagName, classOrDescriptor) :\n standardCustomElement(tagName, classOrDescriptor);\nconst standardProperty = (options, element) => {\n // When decorating an accessor, pass it through and add property metadata.\n // Note, the `hasOwnProperty` check in `createProperty` ensures we don't\n // stomp over the user's accessor.\n if (element.kind === 'method' && element.descriptor &&\n !('value' in element.descriptor)) {\n return Object.assign(Object.assign({}, element), { finisher(clazz) {\n clazz.createProperty(element.key, options);\n } });\n }\n else {\n // createProperty() takes care of defining the property, but we still\n // must return some kind of descriptor, so return a descriptor for an\n // unused prototype field. The finisher calls createProperty().\n return {\n kind: 'field',\n key: Symbol(),\n placement: 'own',\n descriptor: {},\n // When @babel/plugin-proposal-decorators implements initializers,\n // do this instead of the initializer below. See:\n // https://github.com/babel/babel/issues/9260 extras: [\n // {\n //
/***/ }),
/***/ "./node_modules/lit-element/lib/updating-element.js":
/*!**********************************************************!*\
!*** ./node_modules/lit-element/lib/updating-element.js ***!
\**********************************************************/
/*! exports provided: defaultConverter, notEqual, UpdatingElement */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defaultConverter\", function() { return defaultConverter; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"notEqual\", function() { return notEqual; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"UpdatingElement\", function() { return UpdatingElement; });\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\nvar _a;\n/**\n * When using Closure Compiler, JSCompiler_renameProperty(property, object) is\n * replaced at compile time by the munged name for object[property]. We cannot\n * alias this function, so we have to use a small shim that has the same\n * behavior when not compiling.\n */\nwindow.JSCompiler_renameProperty =\n (prop, _obj) => prop;\nconst defaultConverter = {\n toAttribute(value, type) {\n switch (type) {\n case Boolean:\n return value ? '' : null;\n case Object:\n case Array:\n // if the value is `null` or `undefined` pass this through\n // to allow removing/no change behavior.\n return value == null ? value : JSON.stringify(value);\n }\n return value;\n },\n fromAttribute(value, type) {\n switch (type) {\n case Boolean:\n return value !== null;\n case Number:\n return value === null ? null : Number(value);\n case Object:\n case Array:\n return JSON.parse(value);\n }\n return value;\n }\n};\n/**\n * Change function that returns true if `value` is different from `oldValue`.\n * This method is used as the default for a property's `hasChanged` function.\n */\nconst notEqual = (value, old) => {\n // This ensures (old==NaN, value==NaN) always returns false\n return old !== value && (old === old || value === value);\n};\nconst defaultPropertyDeclaration = {\n attribute: true,\n type: String,\n converter: defaultConverter,\n reflect: false,\n hasChanged: notEqual\n};\nconst STATE_HAS_UPDATED = 1;\nconst STATE_UPDATE_REQUESTED = 1 << 2;\nconst STATE_IS_REFLECTING_TO_ATTRIBUTE = 1 << 3;\nconst STATE_IS_REFLECTING_TO_PROPERTY = 1 << 4;\n/**\n * The Closure JS Compiler doesn't currently have good support for static\n * property semantics where \"this\" is dynamic (e.g.\n * https://github.com/google/closure-compiler/issues/3177 and others) so we use\n * this hack to bypass any rewriting by the compiler.\n */\nconst finalized = 'finalized';\n/**\n * Base element class which manages element properties and attributes. When\n * properties change, the `update` method is asynchronously called. This method\n * should be supplied by subclassers to render updates as desired.\n */\nclass UpdatingElement extends HTMLElement {\n constructor() {\n super();\n this._updateState = 0;\n this._instanceProperties = undefined;\n // Initialize to an unresolved Promise so we can make sure the element has\n // connected before first update.\n this._updatePromise = new Promise((res) => this._enableUpdatingResolver = res);\n /**\n * Map with keys for any properties that have changed since the last\n * update cycle with previous values.\n */\n this._changedProperties = new Map();\n /**\n * Map with keys of properties that should be reflected when updated.\n */\n this._reflectingProperties =
/***/ }),
/***/ "./node_modules/lit-element/lit-element.js":
/*!*************************************************!*\
!*** ./node_modules/lit-element/lit-element.js ***!
\*************************************************/
/*! exports provided: defaultConverter, notEqual, UpdatingElement, customElement, property, internalProperty, query, queryAsync, queryAll, eventOptions, queryAssignedNodes, html, svg, TemplateResult, SVGTemplateResult, supportsAdoptingStyleSheets, CSSResult, unsafeCSS, css, LitElement */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"LitElement\", function() { return LitElement; });\n/* harmony import */ var lit_html_lib_shady_render_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! lit-html/lib/shady-render.js */ \"./node_modules/lit-html/lib/shady-render.js\");\n/* harmony import */ var _lib_updating_element_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lib/updating-element.js */ \"./node_modules/lit-element/lib/updating-element.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"defaultConverter\", function() { return _lib_updating_element_js__WEBPACK_IMPORTED_MODULE_1__[\"defaultConverter\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"notEqual\", function() { return _lib_updating_element_js__WEBPACK_IMPORTED_MODULE_1__[\"notEqual\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"UpdatingElement\", function() { return _lib_updating_element_js__WEBPACK_IMPORTED_MODULE_1__[\"UpdatingElement\"]; });\n\n/* harmony import */ var _lib_decorators_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lib/decorators.js */ \"./node_modules/lit-element/lib/decorators.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"customElement\", function() { return _lib_decorators_js__WEBPACK_IMPORTED_MODULE_2__[\"customElement\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"property\", function() { return _lib_decorators_js__WEBPACK_IMPORTED_MODULE_2__[\"property\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"internalProperty\", function() { return _lib_decorators_js__WEBPACK_IMPORTED_MODULE_2__[\"internalProperty\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"query\", function() { return _lib_decorators_js__WEBPACK_IMPORTED_MODULE_2__[\"query\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"queryAsync\", function() { return _lib_decorators_js__WEBPACK_IMPORTED_MODULE_2__[\"queryAsync\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"queryAll\", function() { return _lib_decorators_js__WEBPACK_IMPORTED_MODULE_2__[\"queryAll\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"eventOptions\", function() { return _lib_decorators_js__WEBPACK_IMPORTED_MODULE_2__[\"eventOptions\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"queryAssignedNodes\", function() { return _lib_decorators_js__WEBPACK_IMPORTED_MODULE_2__[\"queryAssignedNodes\"]; });\n\n/* harmony import */ var lit_html_lit_html_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! lit-html/lit-html.js */ \"./node_modules/lit-html/lit-html.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"html\", function() { return lit_html_lit_html_js__WEBPACK_IMPORTED_MODULE_3__[\"html\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"svg\", function() { return lit_html_lit_html_js__WEBPACK_IMPORTED_MODULE_3__[\"svg\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TemplateResult\", function() { return lit_html_lit_html_js__WEBPACK_IMPORTED_MODULE_3__[\"TemplateResult\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"SVGTemplateResult\", function() { return lit_html_lit_html_js__WEBPACK_IMPORTED_MODULE_3__[\"SVGTemplateResult\"]; });\n\n/* harmony import */ var _lib_css_tag_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lib/css-tag.js */ \"./node_modules/lit-element/lib/css-tag.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"supportsAdoptingStyleSheets\", function() { return _lib_css_tag_js__WEBPACK_IMPORTED_MODULE_4__[\"supportsAdoptingStyleSheets\"]; });\n\n/* harmony reexport (safe) */ __webpack
/***/ }),
/***/ "./node_modules/lit-html/directives/style-map.js":
/*!*******************************************************!*\
!*** ./node_modules/lit-html/directives/style-map.js ***!
\*******************************************************/
/*! exports provided: styleMap */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"styleMap\", function() { return styleMap; });\n/* harmony import */ var _lit_html_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../lit-html.js */ \"./node_modules/lit-html/lit-html.js\");\n/**\n * @license\n * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n\n/**\n * Stores the StyleInfo object applied to a given AttributePart.\n * Used to unset existing values when a new StyleInfo object is applied.\n */\nconst previousStylePropertyCache = new WeakMap();\n/**\n * A directive that applies CSS properties to an element.\n *\n * `styleMap` can only be used in the `style` attribute and must be the only\n * expression in the attribute. It takes the property names in the `styleInfo`\n * object and adds the property values as CSS properties. Property names with\n * dashes (`-`) are assumed to be valid CSS property names and set on the\n * element's style object using `setProperty()`. Names without dashes are\n * assumed to be camelCased JavaScript property names and set on the element's\n * style object using property assignment, allowing the style object to\n * translate JavaScript-style names to CSS property names.\n *\n * For example `styleMap({backgroundColor: 'red', 'border-top': '5px', '--size':\n * '0'})` sets the `background-color`, `border-top` and `--size` properties.\n *\n * @param styleInfo {StyleInfo}\n */\nconst styleMap = Object(_lit_html_js__WEBPACK_IMPORTED_MODULE_0__[\"directive\"])((styleInfo) => (part) => {\n if (!(part instanceof _lit_html_js__WEBPACK_IMPORTED_MODULE_0__[\"AttributePart\"]) || (part instanceof _lit_html_js__WEBPACK_IMPORTED_MODULE_0__[\"PropertyPart\"]) ||\n part.committer.name !== 'style' || part.committer.parts.length > 1) {\n throw new Error('The `styleMap` directive must be used in the style attribute ' +\n 'and must be the only part in the attribute.');\n }\n const { committer } = part;\n const { style } = committer.element;\n let previousStyleProperties = previousStylePropertyCache.get(part);\n if (previousStyleProperties === undefined) {\n // Write static styles once\n style.cssText = committer.strings.join(' ');\n previousStylePropertyCache.set(part, previousStyleProperties = new Set());\n }\n // Remove old properties that no longer exist in styleInfo\n // We use forEach() instead of for-of so that re don't require down-level\n // iteration.\n previousStyleProperties.forEach((name) => {\n if (!(name in styleInfo)) {\n previousStyleProperties.delete(name);\n if (name.indexOf('-') === -1) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n style[name] = null;\n }\n else {\n style.removeProperty(name);\n }\n }\n });\n // Add or update properties\n for (const name in styleInfo) {\n previousStyleProperties.add(name);\n if (name.indexOf('-') === -1) {\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n style[name] = styleInfo[name];\n }\n else {\n style.setProperty(name, styleInfo[name]);\n }\n }\n});\n//# sourceMappingURL=style-map.js.map\n\n//# sourceURL=webpack:///./node_modules/lit-html/directives/style-map.js?");
/***/ }),
/***/ "./node_modules/lit-html/lib/default-template-processor.js":
/*!*****************************************************************!*\
!*** ./node_modules/lit-html/lib/default-template-processor.js ***!
\*****************************************************************/
/*! exports provided: DefaultTemplateProcessor, defaultTemplateProcessor */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"DefaultTemplateProcessor\", function() { return DefaultTemplateProcessor; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"defaultTemplateProcessor\", function() { return defaultTemplateProcessor; });\n/* harmony import */ var _parts_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./parts.js */ \"./node_modules/lit-html/lib/parts.js\");\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n\n/**\n * Creates Parts when a template is instantiated.\n */\nclass DefaultTemplateProcessor {\n /**\n * Create parts for an attribute-position binding, given the event, attribute\n * name, and string literals.\n *\n * @param element The element containing the binding\n * @param name The attribute name\n * @param strings The string literals. There are always at least two strings,\n * event for fully-controlled bindings with a single expression.\n */\n handleAttributeExpressions(element, name, strings, options) {\n const prefix = name[0];\n if (prefix === '.') {\n const committer = new _parts_js__WEBPACK_IMPORTED_MODULE_0__[\"PropertyCommitter\"](element, name.slice(1), strings);\n return committer.parts;\n }\n if (prefix === '@') {\n return [new _parts_js__WEBPACK_IMPORTED_MODULE_0__[\"EventPart\"](element, name.slice(1), options.eventContext)];\n }\n if (prefix === '?') {\n return [new _parts_js__WEBPACK_IMPORTED_MODULE_0__[\"BooleanAttributePart\"](element, name.slice(1), strings)];\n }\n const committer = new _parts_js__WEBPACK_IMPORTED_MODULE_0__[\"AttributeCommitter\"](element, name, strings);\n return committer.parts;\n }\n /**\n * Create parts for a text-position binding.\n * @param templateFactory\n */\n handleTextExpression(options) {\n return new _parts_js__WEBPACK_IMPORTED_MODULE_0__[\"NodePart\"](options);\n }\n}\nconst defaultTemplateProcessor = new DefaultTemplateProcessor();\n//# sourceMappingURL=default-template-processor.js.map\n\n//# sourceURL=webpack:///./node_modules/lit-html/lib/default-template-processor.js?");
/***/ }),
/***/ "./node_modules/lit-html/lib/directive.js":
/*!************************************************!*\
!*** ./node_modules/lit-html/lib/directive.js ***!
\************************************************/
/*! exports provided: directive, isDirective */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"directive\", function() { return directive; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isDirective\", function() { return isDirective; });\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\nconst directives = new WeakMap();\n/**\n * Brands a function as a directive factory function so that lit-html will call\n * the function during template rendering, rather than passing as a value.\n *\n * A _directive_ is a function that takes a Part as an argument. It has the\n * signature: `(part: Part) => void`.\n *\n * A directive _factory_ is a function that takes arguments for data and\n * configuration and returns a directive. Users of directive usually refer to\n * the directive factory as the directive. For example, \"The repeat directive\".\n *\n * Usually a template author will invoke a directive factory in their template\n * with relevant arguments, which will then return a directive function.\n *\n * Here's an example of using the `repeat()` directive factory that takes an\n * array and a function to render an item:\n *\n * ```js\n * html`<ul><${repeat(items, (item) => html`<li>${item}</li>`)}</ul>`\n * ```\n *\n * When `repeat` is invoked, it returns a directive function that closes over\n * `items` and the template function. When the outer template is rendered, the\n * return directive function is called with the Part for the expression.\n * `repeat` then performs it's custom logic to render multiple items.\n *\n * @param f The directive factory function. Must be a function that returns a\n * function of the signature `(part: Part) => void`. The returned function will\n * be called with the part object.\n *\n * @example\n *\n * import {directive, html} from 'lit-html';\n *\n * const immutable = directive((v) => (part) => {\n * if (part.value !== v) {\n * part.setValue(v)\n * }\n * });\n */\nconst directive = (f) => ((...args) => {\n const d = f(...args);\n directives.set(d, true);\n return d;\n});\nconst isDirective = (o) => {\n return typeof o === 'function' && directives.has(o);\n};\n//# sourceMappingURL=directive.js.map\n\n//# sourceURL=webpack:///./node_modules/lit-html/lib/directive.js?");
/***/ }),
/***/ "./node_modules/lit-html/lib/dom.js":
/*!******************************************!*\
!*** ./node_modules/lit-html/lib/dom.js ***!
\******************************************/
/*! exports provided: isCEPolyfill, reparentNodes, removeNodes */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isCEPolyfill\", function() { return isCEPolyfill; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"reparentNodes\", function() { return reparentNodes; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"removeNodes\", function() { return removeNodes; });\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * True if the custom elements polyfill is in use.\n */\nconst isCEPolyfill = typeof window !== 'undefined' &&\n window.customElements != null &&\n window.customElements.polyfillWrapFlushCallback !==\n undefined;\n/**\n * Reparents nodes, starting from `start` (inclusive) to `end` (exclusive),\n * into another container (could be the same container), before `before`. If\n * `before` is null, it appends the nodes to the container.\n */\nconst reparentNodes = (container, start, end = null, before = null) => {\n while (start !== end) {\n const n = start.nextSibling;\n container.insertBefore(start, before);\n start = n;\n }\n};\n/**\n * Removes nodes, starting from `start` (inclusive) to `end` (exclusive), from\n * `container`.\n */\nconst removeNodes = (container, start, end = null) => {\n while (start !== end) {\n const n = start.nextSibling;\n container.removeChild(start);\n start = n;\n }\n};\n//# sourceMappingURL=dom.js.map\n\n//# sourceURL=webpack:///./node_modules/lit-html/lib/dom.js?");
/***/ }),
/***/ "./node_modules/lit-html/lib/modify-template.js":
/*!******************************************************!*\
!*** ./node_modules/lit-html/lib/modify-template.js ***!
\******************************************************/
/*! exports provided: removeNodesFromTemplate, insertNodeIntoTemplate */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"removeNodesFromTemplate\", function() { return removeNodesFromTemplate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"insertNodeIntoTemplate\", function() { return insertNodeIntoTemplate; });\n/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./template.js */ \"./node_modules/lit-html/lib/template.js\");\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * @module shady-render\n */\n\nconst walkerNodeFilter = 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */;\n/**\n * Removes the list of nodes from a Template safely. In addition to removing\n * nodes from the Template, the Template part indices are updated to match\n * the mutated Template DOM.\n *\n * As the template is walked the removal state is tracked and\n * part indices are adjusted as needed.\n *\n * div\n * div#1 (remove) <-- start removing (removing node is div#1)\n * div\n * div#2 (remove) <-- continue removing (removing node is still div#1)\n * div\n * div <-- stop removing since previous sibling is the removing node (div#1,\n * removed 4 nodes)\n */\nfunction removeNodesFromTemplate(template, nodesToRemove) {\n const { element: { content }, parts } = template;\n const walker = document.createTreeWalker(content, walkerNodeFilter, null, false);\n let partIndex = nextActiveIndexInTemplateParts(parts);\n let part = parts[partIndex];\n let nodeIndex = -1;\n let removeCount = 0;\n const nodesToRemoveInTemplate = [];\n let currentRemovingNode = null;\n while (walker.nextNode()) {\n nodeIndex++;\n const node = walker.currentNode;\n // End removal if stepped past the removing node\n if (node.previousSibling === currentRemovingNode) {\n currentRemovingNode = null;\n }\n // A node to remove was found in the template\n if (nodesToRemove.has(node)) {\n nodesToRemoveInTemplate.push(node);\n // Track node we're removing\n if (currentRemovingNode === null) {\n currentRemovingNode = node;\n }\n }\n // When removing, increment count by which to adjust subsequent part indices\n if (currentRemovingNode !== null) {\n removeCount++;\n }\n while (part !== undefined && part.index === nodeIndex) {\n // If part is in a removed node deactivate it by setting index to -1 or\n // adjust the index as needed.\n part.index = currentRemovingNode !== null ? -1 : part.index - removeCount;\n // go to the next active part.\n partIndex = nextActiveIndexInTemplateParts(parts, partIndex);\n part = parts[partIndex];\n }\n }\n nodesToRemoveInTemplate.forEach((n) => n.parentNode.removeChild(n));\n}\nconst countNodes = (node) => {\n let count = (node.nodeType === 11 /* Node.DOCUMENT_FRAGMENT_NODE */) ? 0 : 1;\n const walker = document.createTreeWalker(node, walkerNodeFilter, null, false);\n while (walker.nextNode()) {\n count++;\n }\n return count;\n};\nconst nextActiveIndexInTemplateParts = (parts, startIndex = -1) => {\n for (let i = startIndex + 1; i < parts.length; i++) {\n const part = parts[i];\n if (Object(_template_js__WEBPACK_IMPORTED_MODULE_0__[\"isTemplatePartActive\"])(part)) {\n return i;\n }\n }\n return -1;\n};\n/**\n * Inserts the gi
/***/ }),
/***/ "./node_modules/lit-html/lib/part.js":
/*!*******************************************!*\
!*** ./node_modules/lit-html/lib/part.js ***!
\*******************************************/
/*! exports provided: noChange, nothing */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"noChange\", function() { return noChange; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"nothing\", function() { return nothing; });\n/**\n * @license\n * Copyright (c) 2018 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * A sentinel value that signals that a value was handled by a directive and\n * should not be written to the DOM.\n */\nconst noChange = {};\n/**\n * A sentinel value that signals a NodePart to fully clear its content.\n */\nconst nothing = {};\n//# sourceMappingURL=part.js.map\n\n//# sourceURL=webpack:///./node_modules/lit-html/lib/part.js?");
/***/ }),
/***/ "./node_modules/lit-html/lib/parts.js":
/*!********************************************!*\
!*** ./node_modules/lit-html/lib/parts.js ***!
\********************************************/
/*! exports provided: isPrimitive, isIterable, AttributeCommitter, AttributePart, NodePart, BooleanAttributePart, PropertyCommitter, PropertyPart, EventPart */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isPrimitive\", function() { return isPrimitive; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isIterable\", function() { return isIterable; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"AttributeCommitter\", function() { return AttributeCommitter; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"AttributePart\", function() { return AttributePart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NodePart\", function() { return NodePart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BooleanAttributePart\", function() { return BooleanAttributePart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PropertyCommitter\", function() { return PropertyCommitter; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PropertyPart\", function() { return PropertyPart; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"EventPart\", function() { return EventPart; });\n/* harmony import */ var _directive_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./directive.js */ \"./node_modules/lit-html/lib/directive.js\");\n/* harmony import */ var _dom_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./dom.js */ \"./node_modules/lit-html/lib/dom.js\");\n/* harmony import */ var _part_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./part.js */ \"./node_modules/lit-html/lib/part.js\");\n/* harmony import */ var _template_instance_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./template-instance.js */ \"./node_modules/lit-html/lib/template-instance.js\");\n/* harmony import */ var _template_result_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./template-result.js */ \"./node_modules/lit-html/lib/template-result.js\");\n/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./template.js */ \"./node_modules/lit-html/lib/template.js\");\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * @module lit-html\n */\n\n\n\n\n\n\nconst isPrimitive = (value) => {\n return (value === null ||\n !(typeof value === 'object' || typeof value === 'function'));\n};\nconst isIterable = (value) => {\n return Array.isArray(value) ||\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n !!(value && value[Symbol.iterator]);\n};\n/**\n * Writes attribute values to the DOM for a group of AttributeParts bound to a\n * single attribute. The value is only set once even if there are multiple parts\n * for an attribute.\n */\nclass AttributeCommitter {\n constructor(element, name, strings) {\n this.dirty = true;\n this.element = element;\n this.name = name;\n this.strings = strings;\n this.parts = [];\n for (let i = 0; i < strings.length - 1; i++) {\n this.parts[i] = this._createPart();\n }\n }\n /**\n * Creates a single part. Override this to create a differnt type of part.\n */\n _createPart() {\n return new AttributePart(this);\n }\n _getValue() {\n const strings = this.strings;\n const l = strings.length - 1;\n let text = '';\n for (let i = 0; i < l; i++) {\n text += strings[i];\n const part = this.parts[i];\n
/***/ }),
/***/ "./node_modules/lit-html/lib/render.js":
/*!*********************************************!*\
!*** ./node_modules/lit-html/lib/render.js ***!
\*********************************************/
/*! exports provided: parts, render */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"parts\", function() { return parts; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony import */ var _dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dom.js */ \"./node_modules/lit-html/lib/dom.js\");\n/* harmony import */ var _parts_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./parts.js */ \"./node_modules/lit-html/lib/parts.js\");\n/* harmony import */ var _template_factory_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./template-factory.js */ \"./node_modules/lit-html/lib/template-factory.js\");\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * @module lit-html\n */\n\n\n\nconst parts = new WeakMap();\n/**\n * Renders a template result or other value to a container.\n *\n * To update a container with new values, reevaluate the template literal and\n * call `render` with the new result.\n *\n * @param result Any value renderable by NodePart - typically a TemplateResult\n * created by evaluating a template tag like `html` or `svg`.\n * @param container A DOM parent to render to. The entire contents are either\n * replaced, or efficiently updated if the same result type was previous\n * rendered there.\n * @param options RenderOptions for the entire render tree rendered to this\n * container. Render options must *not* change between renders to the same\n * container, as those changes will not effect previously rendered DOM.\n */\nconst render = (result, container, options) => {\n let part = parts.get(container);\n if (part === undefined) {\n Object(_dom_js__WEBPACK_IMPORTED_MODULE_0__[\"removeNodes\"])(container, container.firstChild);\n parts.set(container, part = new _parts_js__WEBPACK_IMPORTED_MODULE_1__[\"NodePart\"](Object.assign({ templateFactory: _template_factory_js__WEBPACK_IMPORTED_MODULE_2__[\"templateFactory\"] }, options)));\n part.appendInto(container);\n }\n part.setValue(result);\n part.commit();\n};\n//# sourceMappingURL=render.js.map\n\n//# sourceURL=webpack:///./node_modules/lit-html/lib/render.js?");
/***/ }),
/***/ "./node_modules/lit-html/lib/shady-render.js":
/*!***************************************************!*\
!*** ./node_modules/lit-html/lib/shady-render.js ***!
\***************************************************/
/*! exports provided: html, svg, TemplateResult, render */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"render\", function() { return render; });\n/* harmony import */ var _dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dom.js */ \"./node_modules/lit-html/lib/dom.js\");\n/* harmony import */ var _modify_template_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modify-template.js */ \"./node_modules/lit-html/lib/modify-template.js\");\n/* harmony import */ var _render_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./render.js */ \"./node_modules/lit-html/lib/render.js\");\n/* harmony import */ var _template_factory_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./template-factory.js */ \"./node_modules/lit-html/lib/template-factory.js\");\n/* harmony import */ var _template_instance_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./template-instance.js */ \"./node_modules/lit-html/lib/template-instance.js\");\n/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./template.js */ \"./node_modules/lit-html/lib/template.js\");\n/* harmony import */ var _lit_html_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../lit-html.js */ \"./node_modules/lit-html/lit-html.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"html\", function() { return _lit_html_js__WEBPACK_IMPORTED_MODULE_6__[\"html\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"svg\", function() { return _lit_html_js__WEBPACK_IMPORTED_MODULE_6__[\"svg\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"TemplateResult\", function() { return _lit_html_js__WEBPACK_IMPORTED_MODULE_6__[\"TemplateResult\"]; });\n\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * Module to add shady DOM/shady CSS polyfill support to lit-html template\n * rendering. See the [[render]] method for details.\n *\n * @module shady-render\n * @preferred\n */\n/**\n * Do not remove this comment; it keeps typedoc from misplacing the module\n * docs.\n */\n\n\n\n\n\n\n\n// Get a key to lookup in `templateCaches`.\nconst getTemplateCacheKey = (type, scopeName) => `${type}--${scopeName}`;\nlet compatibleShadyCSSVersion = true;\nif (typeof window.ShadyCSS === 'undefined') {\n compatibleShadyCSSVersion = false;\n}\nelse if (typeof window.ShadyCSS.prepareTemplateDom === 'undefined') {\n console.warn(`Incompatible ShadyCSS version detected. ` +\n `Please update to at least @webcomponents/webcomponentsjs@2.0.2 and ` +\n `@webcomponents/shadycss@1.3.1.`);\n compatibleShadyCSSVersion = false;\n}\n/**\n * Template factory which scopes template DOM using ShadyCSS.\n * @param scopeName {string}\n */\nconst shadyTemplateFactory = (scopeName) => (result) => {\n const cacheKey = getTemplateCacheKey(result.type, scopeName);\n let templateCache = _template_factory_js__WEBPACK_IMPORTED_MODULE_3__[\"templateCaches\"].get(cacheKey);\n if (templateCache === undefined) {\n templateCache = {\n stringsArray: new WeakMap(),\n keyString: new Map()\n };\n _template_factory_js__WEBPACK_IMPORTED_MODULE_3__[\"templateCaches\"].set(cacheKey, templateCache);\n }\n let template = templateCache.stringsArray.get(result.strings);\n if (template !== undefined) {\n return template;\n }\n const key = result.strings.join(_template_js__WEBPACK_IMPORTED_MODULE_5__[\"marker\"]);\n template = templateCache.
/***/ }),
/***/ "./node_modules/lit-html/lib/template-factory.js":
/*!*******************************************************!*\
!*** ./node_modules/lit-html/lib/template-factory.js ***!
\*******************************************************/
/*! exports provided: templateFactory, templateCaches */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"templateFactory\", function() { return templateFactory; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"templateCaches\", function() { return templateCaches; });\n/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./template.js */ \"./node_modules/lit-html/lib/template.js\");\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n\n/**\n * The default TemplateFactory which caches Templates keyed on\n * result.type and result.strings.\n */\nfunction templateFactory(result) {\n let templateCache = templateCaches.get(result.type);\n if (templateCache === undefined) {\n templateCache = {\n stringsArray: new WeakMap(),\n keyString: new Map()\n };\n templateCaches.set(result.type, templateCache);\n }\n let template = templateCache.stringsArray.get(result.strings);\n if (template !== undefined) {\n return template;\n }\n // If the TemplateStringsArray is new, generate a key from the strings\n // This key is shared between all templates with identical content\n const key = result.strings.join(_template_js__WEBPACK_IMPORTED_MODULE_0__[\"marker\"]);\n // Check if we already have a Template for this key\n template = templateCache.keyString.get(key);\n if (template === undefined) {\n // If we have not seen this key before, create a new Template\n template = new _template_js__WEBPACK_IMPORTED_MODULE_0__[\"Template\"](result, result.getTemplateElement());\n // Cache the Template for this key\n templateCache.keyString.set(key, template);\n }\n // Cache all future queries for this TemplateStringsArray\n templateCache.stringsArray.set(result.strings, template);\n return template;\n}\nconst templateCaches = new Map();\n//# sourceMappingURL=template-factory.js.map\n\n//# sourceURL=webpack:///./node_modules/lit-html/lib/template-factory.js?");
/***/ }),
/***/ "./node_modules/lit-html/lib/template-instance.js":
/*!********************************************************!*\
!*** ./node_modules/lit-html/lib/template-instance.js ***!
\********************************************************/
/*! exports provided: TemplateInstance */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TemplateInstance\", function() { return TemplateInstance; });\n/* harmony import */ var _dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dom.js */ \"./node_modules/lit-html/lib/dom.js\");\n/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./template.js */ \"./node_modules/lit-html/lib/template.js\");\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * @module lit-html\n */\n\n\n/**\n * An instance of a `Template` that can be attached to the DOM and updated\n * with new values.\n */\nclass TemplateInstance {\n constructor(template, processor, options) {\n this.__parts = [];\n this.template = template;\n this.processor = processor;\n this.options = options;\n }\n update(values) {\n let i = 0;\n for (const part of this.__parts) {\n if (part !== undefined) {\n part.setValue(values[i]);\n }\n i++;\n }\n for (const part of this.__parts) {\n if (part !== undefined) {\n part.commit();\n }\n }\n }\n _clone() {\n // There are a number of steps in the lifecycle of a template instance's\n // DOM fragment:\n // 1. Clone - create the instance fragment\n // 2. Adopt - adopt into the main document\n // 3. Process - find part markers and create parts\n // 4. Upgrade - upgrade custom elements\n // 5. Update - set node, attribute, property, etc., values\n // 6. Connect - connect to the document. Optional and outside of this\n // method.\n //\n // We have a few constraints on the ordering of these steps:\n // * We need to upgrade before updating, so that property values will pass\n // through any property setters.\n // * We would like to process before upgrading so that we're sure that the\n // cloned fragment is inert and not disturbed by self-modifying DOM.\n // * We want custom elements to upgrade even in disconnected fragments.\n //\n // Given these constraints, with full custom elements support we would\n // prefer the order: Clone, Process, Adopt, Upgrade, Update, Connect\n //\n // But Safari does not implement CustomElementRegistry#upgrade, so we\n // can not implement that order and still have upgrade-before-update and\n // upgrade disconnected fragments. So we instead sacrifice the\n // process-before-upgrade constraint, since in Custom Elements v1 elements\n // must not modify their light DOM in the constructor. We still have issues\n // when co-existing with CEv0 elements like Polymer 1, and with polyfills\n // that don't strictly adhere to the no-modification rule because shadow\n // DOM, which may be created in the constructor, is emulated by being placed\n // in the light DOM.\n //\n // The resulting order is on native is: Clone, Adopt, Upgrade, Process,\n // Update, Connect. document.importNode() performs Clone, Adopt, and Upgrade\n // in one step.\n //\n // The Custom Elements v1 polyfill supports upgrade(), so the order when\n // polyfilled is the more ideal: Clone, Process, Adopt, Upgrade, Update,\n // Connect.\n const fragment = _dom_js__WEBPACK_IMPORTED_MODULE_0__[\"isCEPolyfill\"] ?\n
/***/ }),
/***/ "./node_modules/lit-html/lib/template-result.js":
/*!******************************************************!*\
!*** ./node_modules/lit-html/lib/template-result.js ***!
\******************************************************/
/*! exports provided: TemplateResult, SVGTemplateResult */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"TemplateResult\", function() { return TemplateResult; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SVGTemplateResult\", function() { return SVGTemplateResult; });\n/* harmony import */ var _dom_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./dom.js */ \"./node_modules/lit-html/lib/dom.js\");\n/* harmony import */ var _template_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./template.js */ \"./node_modules/lit-html/lib/template.js\");\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * @module lit-html\n */\n\n\nconst commentMarker = ` ${_template_js__WEBPACK_IMPORTED_MODULE_1__[\"marker\"]} `;\n/**\n * The return type of `html`, which holds a Template and the values from\n * interpolated expressions.\n */\nclass TemplateResult {\n constructor(strings, values, type, processor) {\n this.strings = strings;\n this.values = values;\n this.type = type;\n this.processor = processor;\n }\n /**\n * Returns a string of HTML used to create a `<template>` element.\n */\n getHTML() {\n const l = this.strings.length - 1;\n let html = '';\n let isCommentBinding = false;\n for (let i = 0; i < l; i++) {\n const s = this.strings[i];\n // For each binding we want to determine the kind of marker to insert\n // into the template source before it's parsed by the browser's HTML\n // parser. The marker type is based on whether the expression is in an\n // attribute, text, or comment position.\n // * For node-position bindings we insert a comment with the marker\n // sentinel as its text content, like <!--{{lit-guid}}-->.\n // * For attribute bindings we insert just the marker sentinel for the\n // first binding, so that we support unquoted attribute bindings.\n // Subsequent bindings can use a comment marker because multi-binding\n // attributes must be quoted.\n // * For comment bindings we insert just the marker sentinel so we don't\n // close the comment.\n //\n // The following code scans the template source, but is *not* an HTML\n // parser. We don't need to track the tree structure of the HTML, only\n // whether a binding is inside a comment, and if not, if it appears to be\n // the first binding in an attribute.\n const commentOpen = s.lastIndexOf('<!--');\n // We're in comment position if we have a comment open with no following\n // comment close. Because <-- can appear in an attribute value there can\n // be false positives.\n isCommentBinding = (commentOpen > -1 || isCommentBinding) &&\n s.indexOf('-->', commentOpen + 1) === -1;\n // Check to see if we have an attribute-like sequence preceding the\n // expression. This can match \"name=value\" like structures in text,\n // comments, and attribute values, so there can be false-positives.\n const attributeMatch = _template_js__WEBPACK_IMPORTED_MODULE_1__[\"lastAttributeNameRegex\"].exec(s);\n if (attributeMatch === null) {\n // We're only in this branch if we don't have a attribute-like\n // preceding sequence. For comments, this guards against unusu
/***/ }),
/***/ "./node_modules/lit-html/lib/template.js":
/*!***********************************************!*\
!*** ./node_modules/lit-html/lib/template.js ***!
\***********************************************/
/*! exports provided: marker, nodeMarker, markerRegex, boundAttributeSuffix, Template, isTemplatePartActive, createMarker, lastAttributeNameRegex */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"marker\", function() { return marker; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"nodeMarker\", function() { return nodeMarker; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"markerRegex\", function() { return markerRegex; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"boundAttributeSuffix\", function() { return boundAttributeSuffix; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"Template\", function() { return Template; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"isTemplatePartActive\", function() { return isTemplatePartActive; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"createMarker\", function() { return createMarker; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"lastAttributeNameRegex\", function() { return lastAttributeNameRegex; });\n/**\n * @license\n * Copyright (c) 2017 The Polymer Project Authors. All rights reserved.\n * This code may only be used under the BSD style license found at\n * http://polymer.github.io/LICENSE.txt\n * The complete set of authors may be found at\n * http://polymer.github.io/AUTHORS.txt\n * The complete set of contributors may be found at\n * http://polymer.github.io/CONTRIBUTORS.txt\n * Code distributed by Google as part of the polymer project is also\n * subject to an additional IP rights grant found at\n * http://polymer.github.io/PATENTS.txt\n */\n/**\n * An expression marker with embedded unique key to avoid collision with\n * possible text in templates.\n */\nconst marker = `{{lit-${String(Math.random()).slice(2)}}}`;\n/**\n * An expression marker used text-positions, multi-binding attributes, and\n * attributes with markup-like text values.\n */\nconst nodeMarker = `<!--${marker}-->`;\nconst markerRegex = new RegExp(`${marker}|${nodeMarker}`);\n/**\n * Suffix appended to all bound attribute names.\n */\nconst boundAttributeSuffix = '$lit$';\n/**\n * An updatable Template that tracks the location of dynamic parts.\n */\nclass Template {\n constructor(result, element) {\n this.parts = [];\n this.element = element;\n const nodesToRemove = [];\n const stack = [];\n // Edge needs all 4 parameters present; IE11 needs 3rd parameter to be null\n const walker = document.createTreeWalker(element.content, 133 /* NodeFilter.SHOW_{ELEMENT|COMMENT|TEXT} */, null, false);\n // Keeps track of the last index associated with a part. We try to delete\n // unnecessary nodes, but we never want to associate two different parts\n // to the same index. They must have a constant node between.\n let lastPartIndex = 0;\n let index = -1;\n let partIndex = 0;\n const { strings, values: { length } } = result;\n while (partIndex < length) {\n const node = walker.nextNode();\n if (node === null) {\n // We've exhausted the content inside a nested template element.\n // Because we still have parts (the outer for-loop), we know:\n // - There is a template in the stack\n // - The walker will find a nextNode outside the template\n walker.currentNode = stack.pop();\n continue;\n }\n index++;\n if (node.nodeType === 1 /* Node.ELEMENT_NODE */) {\n if (node.hasAttributes()) {\n const attributes = node.attributes;\n const { length } = attributes;\n // Per\n // https://developer.mozilla.org/en-US/docs/Web/API/NamedNodeMap,\n // attributes are not guaranteed to be returned in document order.\n // In particular, Edge/IE can return them out of order, so we cannot\n //
/***/ }),
/***/ "./node_modules/lit-html/lit-html.js":
/*!*******************************************!*\
!*** ./node_modules/lit-html/lit-html.js ***!
\*******************************************/
/*! exports provided: DefaultTemplateProcessor, defaultTemplateProcessor, directive, isDirective, removeNodes, reparentNodes, noChange, nothing, AttributeCommitter, AttributePart, BooleanAttributePart, EventPart, isIterable, isPrimitive, NodePart, PropertyCommitter, PropertyPart, parts, render, templateCaches, templateFactory, TemplateInstance, SVGTemplateResult, TemplateResult, createMarker, isTemplatePartActive, Template, html, svg */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"html\", function() { return html; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"svg\", function() { return svg; });\n/* harmony import */ var _lib_default_template_processor_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./lib/default-template-processor.js */ \"./node_modules/lit-html/lib/default-template-processor.js\");\n/* harmony import */ var _lib_template_result_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./lib/template-result.js */ \"./node_modules/lit-html/lib/template-result.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"DefaultTemplateProcessor\", function() { return _lib_default_template_processor_js__WEBPACK_IMPORTED_MODULE_0__[\"DefaultTemplateProcessor\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"defaultTemplateProcessor\", function() { return _lib_default_template_processor_js__WEBPACK_IMPORTED_MODULE_0__[\"defaultTemplateProcessor\"]; });\n\n/* harmony import */ var _lib_directive_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./lib/directive.js */ \"./node_modules/lit-html/lib/directive.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"directive\", function() { return _lib_directive_js__WEBPACK_IMPORTED_MODULE_2__[\"directive\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"isDirective\", function() { return _lib_directive_js__WEBPACK_IMPORTED_MODULE_2__[\"isDirective\"]; });\n\n/* harmony import */ var _lib_dom_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./lib/dom.js */ \"./node_modules/lit-html/lib/dom.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"removeNodes\", function() { return _lib_dom_js__WEBPACK_IMPORTED_MODULE_3__[\"removeNodes\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"reparentNodes\", function() { return _lib_dom_js__WEBPACK_IMPORTED_MODULE_3__[\"reparentNodes\"]; });\n\n/* harmony import */ var _lib_part_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./lib/part.js */ \"./node_modules/lit-html/lib/part.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"noChange\", function() { return _lib_part_js__WEBPACK_IMPORTED_MODULE_4__[\"noChange\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"nothing\", function() { return _lib_part_js__WEBPACK_IMPORTED_MODULE_4__[\"nothing\"]; });\n\n/* harmony import */ var _lib_parts_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./lib/parts.js */ \"./node_modules/lit-html/lib/parts.js\");\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AttributeCommitter\", function() { return _lib_parts_js__WEBPACK_IMPORTED_MODULE_5__[\"AttributeCommitter\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"AttributePart\", function() { return _lib_parts_js__WEBPACK_IMPORTED_MODULE_5__[\"AttributePart\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"BooleanAttributePart\", function() { return _lib_parts_js__WEBPACK_IMPORTED_MODULE_5__[\"BooleanAttributePart\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"EventPart\", function() { return _lib_parts_js__WEBPACK_IMPORTED_MODULE_5__[\"EventPart\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"isIterable\", function() { return _lib_parts_js__WEBPACK_IMPORTED_MODULE_5__[\"isIterable\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"isPrimitive\", function() { return _lib_parts_js__WEBPACK_IMPORTED_MODULE_5__[\"isPrimitive\"]; });\n\n/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, \"NodePart\", function() { return _lib_parts_js__WEBPACK_IMPORTED_MODULE_5__[\"NodePart\"]; });\n\n/* harmo
/***/ }),
/***/ "./node_modules/object-is/index.js":
/*!*****************************************!*\
!*** ./node_modules/object-is/index.js ***!
\*****************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\n/* https://people.mozilla.org/~jorendorff/es6-draft.html#sec-object.is */\n\nvar NumberIsNaN = function (value) {\n\treturn value !== value;\n};\n\nmodule.exports = function is(a, b) {\n\tif (a === 0 && b === 0) {\n\t\treturn 1 / a === 1 / b;\n\t} else if (a === b) {\n\t\treturn true;\n\t} else if (NumberIsNaN(a) && NumberIsNaN(b)) {\n\t\treturn true;\n\t}\n\treturn false;\n};\n\n\n\n//# sourceURL=webpack:///./node_modules/object-is/index.js?");
/***/ }),
/***/ "./node_modules/object-keys/implementation.js":
/*!****************************************************!*\
!*** ./node_modules/object-keys/implementation.js ***!
\****************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar keysShim;\nif (!Object.keys) {\n\t// modified from https://github.com/es-shims/es5-shim\n\tvar has = Object.prototype.hasOwnProperty;\n\tvar toStr = Object.prototype.toString;\n\tvar isArgs = __webpack_require__(/*! ./isArguments */ \"./node_modules/object-keys/isArguments.js\"); // eslint-disable-line global-require\n\tvar isEnumerable = Object.prototype.propertyIsEnumerable;\n\tvar hasDontEnumBug = !isEnumerable.call({ toString: null }, 'toString');\n\tvar hasProtoEnumBug = isEnumerable.call(function () {}, 'prototype');\n\tvar dontEnums = [\n\t\t'toString',\n\t\t'toLocaleString',\n\t\t'valueOf',\n\t\t'hasOwnProperty',\n\t\t'isPrototypeOf',\n\t\t'propertyIsEnumerable',\n\t\t'constructor'\n\t];\n\tvar equalsConstructorPrototype = function (o) {\n\t\tvar ctor = o.constructor;\n\t\treturn ctor && ctor.prototype === o;\n\t};\n\tvar excludedKeys = {\n\t\t$applicationCache: true,\n\t\t$console: true,\n\t\t$external: true,\n\t\t$frame: true,\n\t\t$frameElement: true,\n\t\t$frames: true,\n\t\t$innerHeight: true,\n\t\t$innerWidth: true,\n\t\t$onmozfullscreenchange: true,\n\t\t$onmozfullscreenerror: true,\n\t\t$outerHeight: true,\n\t\t$outerWidth: true,\n\t\t$pageXOffset: true,\n\t\t$pageYOffset: true,\n\t\t$parent: true,\n\t\t$scrollLeft: true,\n\t\t$scrollTop: true,\n\t\t$scrollX: true,\n\t\t$scrollY: true,\n\t\t$self: true,\n\t\t$webkitIndexedDB: true,\n\t\t$webkitStorageInfo: true,\n\t\t$window: true\n\t};\n\tvar hasAutomationEqualityBug = (function () {\n\t\t/* global window */\n\t\tif (typeof window === 'undefined') { return false; }\n\t\tfor (var k in window) {\n\t\t\ttry {\n\t\t\t\tif (!excludedKeys['$' + k] && has.call(window, k) && window[k] !== null && typeof window[k] === 'object') {\n\t\t\t\t\ttry {\n\t\t\t\t\t\tequalsConstructorPrototype(window[k]);\n\t\t\t\t\t} catch (e) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} catch (e) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t}());\n\tvar equalsConstructorPrototypeIfNotBuggy = function (o) {\n\t\t/* global window */\n\t\tif (typeof window === 'undefined' || !hasAutomationEqualityBug) {\n\t\t\treturn equalsConstructorPrototype(o);\n\t\t}\n\t\ttry {\n\t\t\treturn equalsConstructorPrototype(o);\n\t\t} catch (e) {\n\t\t\treturn false;\n\t\t}\n\t};\n\n\tkeysShim = function keys(object) {\n\t\tvar isObject = object !== null && typeof object === 'object';\n\t\tvar isFunction = toStr.call(object) === '[object Function]';\n\t\tvar isArguments = isArgs(object);\n\t\tvar isString = isObject && toStr.call(object) === '[object String]';\n\t\tvar theKeys = [];\n\n\t\tif (!isObject && !isFunction && !isArguments) {\n\t\t\tthrow new TypeError('Object.keys called on a non-object');\n\t\t}\n\n\t\tvar skipProto = hasProtoEnumBug && isFunction;\n\t\tif (isString && object.length > 0 && !has.call(object, 0)) {\n\t\t\tfor (var i = 0; i < object.length; ++i) {\n\t\t\t\ttheKeys.push(String(i));\n\t\t\t}\n\t\t}\n\n\t\tif (isArguments && object.length > 0) {\n\t\t\tfor (var j = 0; j < object.length; ++j) {\n\t\t\t\ttheKeys.push(String(j));\n\t\t\t}\n\t\t} else {\n\t\t\tfor (var name in object) {\n\t\t\t\tif (!(skipProto && name === 'prototype') && has.call(object, name)) {\n\t\t\t\t\ttheKeys.push(String(name));\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tif (hasDontEnumBug) {\n\t\t\tvar skipConstructor = equalsConstructorPrototypeIfNotBuggy(object);\n\n\t\t\tfor (var k = 0; k < dontEnums.length; ++k) {\n\t\t\t\tif (!(skipConstructor && dontEnums[k] === 'constructor') && has.call(object, dontEnums[k])) {\n\t\t\t\t\ttheKeys.push(dontEnums[k]);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\treturn theKeys;\n\t};\n}\nmodule.exports = keysShim;\n\n\n//# sourceURL=webpack:///./node_modules/object-keys/implementation.js?");
/***/ }),
/***/ "./node_modules/object-keys/index.js":
/*!*******************************************!*\
!*** ./node_modules/object-keys/index.js ***!
\*******************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar slice = Array.prototype.slice;\nvar isArgs = __webpack_require__(/*! ./isArguments */ \"./node_modules/object-keys/isArguments.js\");\n\nvar origKeys = Object.keys;\nvar keysShim = origKeys ? function keys(o) { return origKeys(o); } : __webpack_require__(/*! ./implementation */ \"./node_modules/object-keys/implementation.js\");\n\nvar originalKeys = Object.keys;\n\nkeysShim.shim = function shimObjectKeys() {\n\tif (Object.keys) {\n\t\tvar keysWorksWithArguments = (function () {\n\t\t\t// Safari 5.0 bug\n\t\t\tvar args = Object.keys(arguments);\n\t\t\treturn args && args.length === arguments.length;\n\t\t}(1, 2));\n\t\tif (!keysWorksWithArguments) {\n\t\t\tObject.keys = function keys(object) { // eslint-disable-line func-name-matching\n\t\t\t\tif (isArgs(object)) {\n\t\t\t\t\treturn originalKeys(slice.call(object));\n\t\t\t\t}\n\t\t\t\treturn originalKeys(object);\n\t\t\t};\n\t\t}\n\t} else {\n\t\tObject.keys = keysShim;\n\t}\n\treturn Object.keys || keysShim;\n};\n\nmodule.exports = keysShim;\n\n\n//# sourceURL=webpack:///./node_modules/object-keys/index.js?");
/***/ }),
/***/ "./node_modules/object-keys/isArguments.js":
/*!*************************************************!*\
!*** ./node_modules/object-keys/isArguments.js ***!
\*************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar toStr = Object.prototype.toString;\n\nmodule.exports = function isArguments(value) {\n\tvar str = toStr.call(value);\n\tvar isArgs = str === '[object Arguments]';\n\tif (!isArgs) {\n\t\tisArgs = str !== '[object Array]' &&\n\t\t\tvalue !== null &&\n\t\t\ttypeof value === 'object' &&\n\t\t\ttypeof value.length === 'number' &&\n\t\t\tvalue.length >= 0 &&\n\t\t\ttoStr.call(value.callee) === '[object Function]';\n\t}\n\treturn isArgs;\n};\n\n\n//# sourceURL=webpack:///./node_modules/object-keys/isArguments.js?");
/***/ }),
/***/ "./node_modules/regexp.prototype.flags/implementation.js":
/*!***************************************************************!*\
!*** ./node_modules/regexp.prototype.flags/implementation.js ***!
\***************************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar toObject = Object;\nvar TypeErr = TypeError;\n\nmodule.exports = function flags() {\n\tif (this != null && this !== toObject(this)) {\n\t\tthrow new TypeErr('RegExp.prototype.flags getter called on non-object');\n\t}\n\tvar result = '';\n\tif (this.global) {\n\t\tresult += 'g';\n\t}\n\tif (this.ignoreCase) {\n\t\tresult += 'i';\n\t}\n\tif (this.multiline) {\n\t\tresult += 'm';\n\t}\n\tif (this.dotAll) {\n\t\tresult += 's';\n\t}\n\tif (this.unicode) {\n\t\tresult += 'u';\n\t}\n\tif (this.sticky) {\n\t\tresult += 'y';\n\t}\n\treturn result;\n};\n\n\n//# sourceURL=webpack:///./node_modules/regexp.prototype.flags/implementation.js?");
/***/ }),
/***/ "./node_modules/regexp.prototype.flags/index.js":
/*!******************************************************!*\
!*** ./node_modules/regexp.prototype.flags/index.js ***!
\******************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar define = __webpack_require__(/*! define-properties */ \"./node_modules/define-properties/index.js\");\n\nvar implementation = __webpack_require__(/*! ./implementation */ \"./node_modules/regexp.prototype.flags/implementation.js\");\nvar getPolyfill = __webpack_require__(/*! ./polyfill */ \"./node_modules/regexp.prototype.flags/polyfill.js\");\nvar shim = __webpack_require__(/*! ./shim */ \"./node_modules/regexp.prototype.flags/shim.js\");\n\nvar flagsBound = Function.call.bind(implementation);\n\ndefine(flagsBound, {\n\tgetPolyfill: getPolyfill,\n\timplementation: implementation,\n\tshim: shim\n});\n\nmodule.exports = flagsBound;\n\n\n//# sourceURL=webpack:///./node_modules/regexp.prototype.flags/index.js?");
/***/ }),
/***/ "./node_modules/regexp.prototype.flags/polyfill.js":
/*!*********************************************************!*\
!*** ./node_modules/regexp.prototype.flags/polyfill.js ***!
\*********************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar implementation = __webpack_require__(/*! ./implementation */ \"./node_modules/regexp.prototype.flags/implementation.js\");\n\nvar supportsDescriptors = __webpack_require__(/*! define-properties */ \"./node_modules/define-properties/index.js\").supportsDescriptors;\nvar gOPD = Object.getOwnPropertyDescriptor;\nvar TypeErr = TypeError;\n\nmodule.exports = function getPolyfill() {\n\tif (!supportsDescriptors) {\n\t\tthrow new TypeErr('RegExp.prototype.flags requires a true ES5 environment that supports property descriptors');\n\t}\n\tif (/a/mig.flags === 'gim') {\n\t\tvar descriptor = gOPD(RegExp.prototype, 'flags');\n\t\tif (descriptor && typeof descriptor.get === 'function' && typeof (/a/).dotAll === 'boolean') {\n\t\t\treturn descriptor.get;\n\t\t}\n\t}\n\treturn implementation;\n};\n\n\n//# sourceURL=webpack:///./node_modules/regexp.prototype.flags/polyfill.js?");
/***/ }),
/***/ "./node_modules/regexp.prototype.flags/shim.js":
/*!*****************************************************!*\
!*** ./node_modules/regexp.prototype.flags/shim.js ***!
\*****************************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar supportsDescriptors = __webpack_require__(/*! define-properties */ \"./node_modules/define-properties/index.js\").supportsDescriptors;\nvar getPolyfill = __webpack_require__(/*! ./polyfill */ \"./node_modules/regexp.prototype.flags/polyfill.js\");\nvar gOPD = Object.getOwnPropertyDescriptor;\nvar defineProperty = Object.defineProperty;\nvar TypeErr = TypeError;\nvar getProto = Object.getPrototypeOf;\nvar regex = /a/;\n\nmodule.exports = function shimFlags() {\n\tif (!supportsDescriptors || !getProto) {\n\t\tthrow new TypeErr('RegExp.prototype.flags requires a true ES5 environment that supports property descriptors');\n\t}\n\tvar polyfill = getPolyfill();\n\tvar proto = getProto(regex);\n\tvar descriptor = gOPD(proto, 'flags');\n\tif (!descriptor || descriptor.get !== polyfill) {\n\t\tdefineProperty(proto, 'flags', {\n\t\t\tconfigurable: true,\n\t\t\tenumerable: false,\n\t\t\tget: polyfill\n\t\t});\n\t}\n\treturn polyfill;\n};\n\n\n//# sourceURL=webpack:///./node_modules/regexp.prototype.flags/shim.js?");
/***/ }),
/***/ "./node_modules/simple-swizzle/index.js":
/*!**********************************************!*\
!*** ./node_modules/simple-swizzle/index.js ***!
\**********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\n\nvar isArrayish = __webpack_require__(/*! is-arrayish */ \"./node_modules/simple-swizzle/node_modules/is-arrayish/index.js\");\n\nvar concat = Array.prototype.concat;\nvar slice = Array.prototype.slice;\n\nvar swizzle = module.exports = function swizzle(args) {\n\tvar results = [];\n\n\tfor (var i = 0, len = args.length; i < len; i++) {\n\t\tvar arg = args[i];\n\n\t\tif (isArrayish(arg)) {\n\t\t\t// http://jsperf.com/javascript-array-concat-vs-push/98\n\t\t\tresults = concat.call(results, slice.call(arg));\n\t\t} else {\n\t\t\tresults.push(arg);\n\t\t}\n\t}\n\n\treturn results;\n};\n\nswizzle.wrap = function (fn) {\n\treturn function () {\n\t\treturn fn(swizzle(arguments));\n\t};\n};\n\n\n//# sourceURL=webpack:///./node_modules/simple-swizzle/index.js?");
/***/ }),
/***/ "./node_modules/simple-swizzle/node_modules/is-arrayish/index.js":
/*!***********************************************************************!*\
!*** ./node_modules/simple-swizzle/node_modules/is-arrayish/index.js ***!
\***********************************************************************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("module.exports = function isArrayish(obj) {\n\tif (!obj || typeof obj === 'string') {\n\t\treturn false;\n\t}\n\n\treturn obj instanceof Array || Array.isArray(obj) ||\n\t\t(obj.length >= 0 && (obj.splice instanceof Function ||\n\t\t\t(Object.getOwnPropertyDescriptor(obj, (obj.length - 1)) && obj.constructor.name !== 'String')));\n};\n\n\n//# sourceURL=webpack:///./node_modules/simple-swizzle/node_modules/is-arrayish/index.js?");
/***/ }),
/***/ "./node_modules/tslib/tslib.es6.js":
/*!*****************************************!*\
!*** ./node_modules/tslib/tslib.es6.js ***!
\*****************************************/
/*! exports provided: __extends, __assign, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__extends\", function() { return __extends; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__assign\", function() { return __assign; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__rest\", function() { return __rest; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__decorate\", function() { return __decorate; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__param\", function() { return __param; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__metadata\", function() { return __metadata; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__awaiter\", function() { return __awaiter; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__generator\", function() { return __generator; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__exportStar\", function() { return __exportStar; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__values\", function() { return __values; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__read\", function() { return __read; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__spread\", function() { return __spread; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__spreadArrays\", function() { return __spreadArrays; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__await\", function() { return __await; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__asyncGenerator\", function() { return __asyncGenerator; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__asyncDelegator\", function() { return __asyncDelegator; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__asyncValues\", function() { return __asyncValues; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__makeTemplateObject\", function() { return __makeTemplateObject; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__importStar\", function() { return __importStar; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"__importDefault\", function() { return __importDefault; });\n/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation. All rights reserved.\r\nLicensed under the Apache License, Version 2.0 (the \"License\"); you may not use\r\nthis file except in compliance with the License. You may obtain a copy of the\r\nLicense at http://www.apache.org/licenses/LICENSE-2.0\r\n\r\nTHIS CODE IS PROVIDED ON AN *AS IS* BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY\r\nKIND, EITHER EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION ANY IMPLIED\r\nWARRANTIES OR CONDITIONS OF TITLE, FITNESS FOR A PARTICULAR PURPOSE,\r\nMERCHANTABLITY OR NON-INFRINGEMENT.\r\n\r\nSee the Apache Version 2.0 License for specific language governing permissions\r\nand limitations under the License.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nfunction __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nvar __assign = function() {\r\n __assign = Object.assign
/***/ }),
/***/ "./node_modules/webmidi/webmidi.min.js":
/*!*********************************************!*\
!*** ./node_modules/webmidi/webmidi.min.js ***!
\*********************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*\n\nWebMidi v2.5.1\n\nWebMidi.js helps you tame the Web MIDI API. Send and receive MIDI messages with ease. Control instruments with user-friendly functions (playNote, sendPitchBend, etc.). React to MIDI input with simple event listeners (noteon, pitchbend, controlchange, etc.).\nhttps://github.com/djipco/webmidi\n\n\nThe MIT License (MIT)\n\nCopyright (c) 2015-2019, Jean-Philippe Côté\n\nPermission is hereby granted, free of charge, to any person obtaining a copy of this software and\nassociated documentation files (the \"Software\"), to deal in the Software without restriction,\nincluding without limitation the rights to use, copy, modify, merge, publish, distribute,\nsublicense, and/or sell copies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all copies or substantial\nportions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT\nNOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND\nNONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES\nOR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN\nCONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.\n\n*/\n\n\n!function(scope){\"use strict\";function WebMidi(){if(WebMidi.prototype._singleton)throw new Error(\"WebMidi is a singleton, it cannot be instantiated directly.\");(WebMidi.prototype._singleton=this)._inputs=[],this._outputs=[],this._userHandlers={},this._stateChangeQueue=[],this._processingStateChange=!1,this._midiInterfaceEvents=[\"connected\",\"disconnected\"],this._nrpnBuffer=[[],[],[],[],[],[],[],[],[],[],[],[],[],[],[],[]],this._nrpnEventsEnabled=!0,this._nrpnTypes=[\"entry\",\"increment\",\"decrement\"],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,nrpn: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
/***/ }),
/***/ "./src/gui/component/audio-node.scss":
/*!*******************************************!*\
!*** ./src/gui/component/audio-node.scss ***!
\*******************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("\n var result = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js??ref--5-2!./audio-node.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js?!./src/gui/component/audio-node.scss\");\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n \n\n//# sourceURL=webpack:///./src/gui/component/audio-node.scss?");
/***/ }),
/***/ "./src/gui/component/audio-node.ts":
/*!*****************************************!*\
!*** ./src/gui/component/audio-node.ts ***!
\*****************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createElement = exports.ToneAudioNodeElement = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\n__webpack_require__(/*! ../value/number */ \"./src/gui/value/number.ts\");\n__webpack_require__(/*! ../value/string */ \"./src/gui/value/string.ts\");\n__webpack_require__(/*! ../value/array */ \"./src/gui/value/array.ts\");\n__webpack_require__(/*! ../value/boolean */ \"./src/gui/value/boolean.ts\");\n__webpack_require__(/*! ../vis/visualizer */ \"./src/gui/vis/visualizer.ts\");\nconst style = __webpack_require__(/*! ./audio-node.scss */ \"./src/gui/component/audio-node.scss\");\n__webpack_require__(/*! @material/mwc-icon */ \"./node_modules/@material/mwc-icon/mwc-icon.js\");\nlet ToneAudioNodeElement = class ToneAudioNodeElement extends lit_element_1.LitElement {\n constructor() {\n super(...arguments);\n /**\n * If the node is open or closed\n */\n this.open = true;\n }\n pathToObject(path, value) {\n const obj = {};\n let subValue = obj;\n path.forEach((prop, index) => {\n if (index === path.length - 1) {\n subValue[prop] = value;\n }\n else {\n subValue[prop] = {};\n subValue = subValue[prop];\n }\n });\n return obj;\n }\n pathToValue(path, obj) {\n let subValue = obj;\n let retValue = undefined;\n path.forEach((prop, index) => {\n if (index === path.length - 1) {\n retValue = subValue[prop];\n }\n else {\n subValue = subValue[prop];\n }\n });\n return retValue;\n }\n bind(tone) {\n return __awaiter(this, void 0, void 0, function* () {\n this.tone = tone;\n yield this.requestUpdate();\n // also bind all of the children nodes\n this.shadowRoot\n .querySelectorAll(\"tone-visualizer\")\n .forEach((vis) => {\n vis.bind(this.tone);\n });\n });\n }\n setValue(path, detail) {\n if (this.tone) {\n const currentValue = this.tone.get();\n try {\n this.tone.set(this.pathToObject(path, detail.value));\n }\n catch (e) {\n const previousValue = this.pathToValue(path, currentValue);\n this.tone.set(this.pathToObject(path, previousValue));\n detail.reject(previousValue);\n }\n this.requestUpdate();\n }\n }\n renderValue(name, values, path) {\n const value = values[name];\n if (t
/***/ }),
/***/ "./src/gui/component/drawer.scss":
/*!***************************************!*\
!*** ./src/gui/component/drawer.scss ***!
\***************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("\n var result = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js??ref--5-2!./drawer.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js?!./src/gui/component/drawer.scss\");\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n \n\n//# sourceURL=webpack:///./src/gui/component/drawer.scss?");
/***/ }),
/***/ "./src/gui/component/drawer.ts":
/*!*************************************!*\
!*** ./src/gui/component/drawer.ts ***!
\*************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createDrawer = exports.ToneDrawerElement = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst audio_node_1 = __webpack_require__(/*! ./audio-node */ \"./src/gui/component/audio-node.ts\");\nconst folder_1 = __webpack_require__(/*! ./folder */ \"./src/gui/component/folder.ts\");\nconst style = __webpack_require__(/*! ./drawer.scss */ \"./src/gui/component/drawer.scss\");\n__webpack_require__(/*! @material/mwc-icon */ \"./node_modules/@material/mwc-icon/mwc-icon.js\");\n/**\n * Collapsible element to add\n */\nlet ToneDrawerElement = class ToneDrawerElement extends lit_element_1.LitElement {\n constructor() {\n super(...arguments);\n /**\n * If the element is collapsed\n */\n this.open = true;\n /**\n * If the element is not visible on the page\n */\n this.hidden = false;\n }\n firstUpdated(props) {\n super.firstUpdated(props);\n document.body.addEventListener(\"keypress\", (e) => {\n if (e.key === \"H\") {\n this.hidden = !this.hidden;\n }\n });\n }\n static get styles() {\n return lit_element_1.css `\n\t\t\t${lit_element_1.unsafeCSS(style)}\n\t\t`;\n }\n /**\n * Add a Tone.js ToneAudioNode\n */\n add(options) {\n const element = audio_node_1.createElement(options);\n this.appendChild(element);\n return this;\n }\n /**\n * Create a folder with the given name\n */\n folder({ name, open }) {\n const element = folder_1.createFolder({ name, open });\n this.appendChild(element);\n return element;\n }\n render() {\n return lit_element_1.html `\n\t\t\t<div id=\"container\" ?open=${this.open} ?hidden=${this.hidden}>\n\t\t\t\t<details\n\t\t\t\t\t?open=${this.open}\n\t\t\t\t\t@toggle=${(e) => (this.open = e.target.open)}\n\t\t\t\t>\n\t\t\t\t\t<summary>\n\t\t\t\t\t\t<mwc-icon>\n\t\t\t\t\t\t\t${!this.open ? \"unfold_more\" : \"unfold_less\"}\n\t\t\t\t\t\t</mwc-icon>\n\t\t\t\t\t\t${this.open ? \"close\" : \"controls\"}\n\t\t\t\t\t</summary>\n\t\t\t\t\t<div id=\"scroll\">\n\t\t\t\t\t\t<div id=\"inner-scroll\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</div>\n\t\t\t\t</details>\n\t\t\t</div>\n\t\t`;\n }\n};\n__decorate([\n lit_element_1.property({ type: Boolean })\n], ToneDrawerElement.prototype, \"open\", void 0);\n__decorate([\n lit_element_1.property({ type: Boolean })\n], ToneDrawerElement.prototype, \"hidden\", void 0);\nToneDrawerElement = __decorate([\n lit_element_1.customElement(\"tone-drawer\")\n], ToneDrawerElement);\nexports.ToneDrawerElement = ToneDrawerElement;\n/**\n * Create a collapsible drawer\n */\nfunction createDrawer({ parent = document.body, open = false, } = {}) {\n const element = document.createElement(\"tone-drawer\");\n if (parent) {\n parent.appendChild(element);\n }\n element.open = open;\n return element;\n}\nexports.createDrawer = createDrawer;\n\n\n//# sourceURL=webpack:///./src/gui/component/drawer.ts?");
/***/ }),
/***/ "./src/gui/component/folder.scss":
/*!***************************************!*\
!*** ./src/gui/component/folder.scss ***!
\***************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("\n var result = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js??ref--5-2!./folder.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js?!./src/gui/component/folder.scss\");\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n \n\n//# sourceURL=webpack:///./src/gui/component/folder.scss?");
/***/ }),
/***/ "./src/gui/component/folder.ts":
/*!*************************************!*\
!*** ./src/gui/component/folder.ts ***!
\*************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createFolder = exports.ToneFolderElement = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst audio_node_1 = __webpack_require__(/*! ./audio-node */ \"./src/gui/component/audio-node.ts\");\nconst style = __webpack_require__(/*! ./folder.scss */ \"./src/gui/component/folder.scss\");\n__webpack_require__(/*! @material/mwc-icon */ \"./node_modules/@material/mwc-icon/mwc-icon.js\");\n/**\n * A collapsible folder inside tone-drawer\n */\nlet ToneFolderElement = class ToneFolderElement extends lit_element_1.LitElement {\n constructor() {\n super(...arguments);\n /**\n * If it is open or collapsed\n */\n this.open = true;\n }\n static get styles() {\n return lit_element_1.css `\n\t\t\t${lit_element_1.unsafeCSS(style)}\n\t\t`;\n }\n /**\n * Add a Tone.js ToneAudioNode\n */\n add({ tone, name }) {\n const element = audio_node_1.createElement({\n tone,\n name,\n });\n this.appendChild(element);\n return this;\n }\n render() {\n return lit_element_1.html `\n\t\t\t<div id=\"container\" ?open=${this.open}>\n\t\t\t\t<details\n\t\t\t\t\t?open=${this.open}\n\t\t\t\t\t@toggle=${(e) => (this.open = e.target.open)}\n\t\t\t\t>\n\t\t\t\t\t<summary>\n\t\t\t\t\t\t<mwc-icon>\n\t\t\t\t\t\t\t${this.open\n ? \"keyboard_arrow_down\"\n : \"keyboard_arrow_right\"}\n\t\t\t\t\t\t</mwc-icon>\n\t\t\t\t\t\t<span>\n\t\t\t\t\t\t\t${this.name}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</summary>\n\t\t\t\t\t<div id=\"contents\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</div>\n\t\t\t\t</details>\n\t\t\t</div>\n\t\t`;\n }\n};\n__decorate([\n lit_element_1.property({ type: Boolean })\n], ToneFolderElement.prototype, \"open\", void 0);\n__decorate([\n lit_element_1.property({ type: String })\n], ToneFolderElement.prototype, \"name\", void 0);\nToneFolderElement = __decorate([\n lit_element_1.customElement(\"tone-folder\")\n], ToneFolderElement);\nexports.ToneFolderElement = ToneFolderElement;\n/**\n * Create a folder with the given name\n */\nfunction createFolder({ name, parent, open = false, }) {\n const element = document.createElement(\"tone-folder\");\n element.name = name;\n element.open = open;\n if (parent) {\n parent.appendChild(element);\n }\n return element;\n}\nexports.createFolder = createFolder;\n\n\n//# sourceURL=webpack:///./src/gui/component/folder.ts?");
/***/ }),
/***/ "./src/gui/index.ts":
/*!**************************!*\
!*** ./src/gui/index.ts ***!
\**************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.piano = exports.meter = exports.fft = exports.waveform = exports.folder = exports.drawer = exports.ui = void 0;\n__webpack_require__(/*! ./component/audio-node */ \"./src/gui/component/audio-node.ts\");\n__webpack_require__(/*! ./component/drawer */ \"./src/gui/component/drawer.ts\");\n__webpack_require__(/*! ./component/folder */ \"./src/gui/component/folder.ts\");\n__webpack_require__(/*! ./piano/piano */ \"./src/gui/piano/piano.ts\");\nconst audio_node_1 = __webpack_require__(/*! ./component/audio-node */ \"./src/gui/component/audio-node.ts\");\nconst drawer_1 = __webpack_require__(/*! ./component/drawer */ \"./src/gui/component/drawer.ts\");\nconst folder_1 = __webpack_require__(/*! ./component/folder */ \"./src/gui/component/folder.ts\");\nconst waveform_1 = __webpack_require__(/*! ./vis/waveform */ \"./src/gui/vis/waveform.ts\");\nconst fft_1 = __webpack_require__(/*! ./vis/fft */ \"./src/gui/vis/fft.ts\");\nconst meter_1 = __webpack_require__(/*! ./vis/meter */ \"./src/gui/vis/meter.ts\");\nconst piano_1 = __webpack_require__(/*! ./piano/piano */ \"./src/gui/piano/piano.ts\");\nvar drawer_2 = __webpack_require__(/*! ./component/drawer */ \"./src/gui/component/drawer.ts\");\nObject.defineProperty(exports, \"ToneDrawerElement\", { enumerable: true, get: function () { return drawer_2.ToneDrawerElement; } });\nvar folder_2 = __webpack_require__(/*! ./component/folder */ \"./src/gui/component/folder.ts\");\nObject.defineProperty(exports, \"ToneFolderElement\", { enumerable: true, get: function () { return folder_2.ToneFolderElement; } });\nvar audio_node_2 = __webpack_require__(/*! ./component/audio-node */ \"./src/gui/component/audio-node.ts\");\nObject.defineProperty(exports, \"ToneAudioNodeElement\", { enumerable: true, get: function () { return audio_node_2.ToneAudioNodeElement; } });\nexports.ui = audio_node_1.createElement;\nexports.drawer = drawer_1.createDrawer;\nexports.folder = folder_1.createFolder;\nexports.waveform = waveform_1.createWaveform;\nexports.fft = fft_1.createFFT;\nexports.meter = meter_1.createMeter;\nexports.piano = piano_1.createPiano;\n\n\n//# sourceURL=webpack:///./src/gui/index.ts?");
/***/ }),
/***/ "./src/gui/piano/keyboard.ts":
/*!***********************************!*\
!*** ./src/gui/piano/keyboard.ts ***!
\***********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneKeyboard = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst AudioKeys = __webpack_require__(/*! audiokeys */ \"./node_modules/audiokeys/src/AudioKeys.js\");\n__webpack_require__(/*! ./octave */ \"./src/gui/piano/octave.ts\");\n__webpack_require__(/*! ./note */ \"./src/gui/piano/note.ts\");\nlet ToneKeyboard = class ToneKeyboard extends lit_element_1.LitElement {\n constructor() {\n super();\n this.rootoctave = 4;\n this.octaves = 4;\n this.polyphonic = false;\n this._computerKeyboard = new AudioKeys({ polyphony: Infinity });\n this._computerKeyboard.down((e) => {\n this.noteon(e.note);\n });\n this._computerKeyboard.up((e) => {\n this.noteoff(e.note);\n });\n }\n getNoteByTouchId(id) {\n const octaves = Array.from(this.shadowRoot.querySelectorAll(\"tone-keyboard-octave\"));\n const octave = octaves.find((o) => o.getNoteByTouchId(id));\n if (octave) {\n return octave.getNoteByTouchId(id);\n }\n }\n _touchmove(event) {\n Array.from(event.changedTouches).forEach((e) => {\n this.getNoteByTouchId(e.identifier);\n const activeNote = this.getNoteByTouchId(e.identifier);\n const element = this.shadowRoot.elementFromPoint(e.clientX, e.clientY);\n if (element && element.shadowRoot) {\n const note = element.shadowRoot.elementFromPoint(e.clientX, e.clientY);\n if (note && note.note && activeNote.note !== note.note) {\n activeNote.active = false;\n activeNote.touchid = -1;\n note.active = true;\n note.touchid = e.identifier;\n }\n }\n });\n }\n _touchend(event) {\n Array.from(event.changedTouches).forEach((e) => {\n this.getNoteByTouchId(e.identifier);\n const activeNote = this.getNoteByTouchId(e.identifier);\n if (activeNote && activeNote.active) {\n activeNote.active = false;\n activeNote.touchid = -1;\n }\n });\n }\n noteon(midi) {\n const octaveNumber = Math.floor(midi / 12);\n const toneOctave = this.shadowRoot.querySelector(`tone-keyboard-octave[octave=\"${octaveNumber}\"]`);\n if (toneOctave) {\n toneOctave.noteon(midi);\n }\n }\n noteoff(midi) {\n const octaveNumber = Math.floor(midi / 12);\n const toneOctave = this.shadowRoot.querySelector(`tone-keyboard-octave[octave=\"${octaveNumber}\"]`);\n if (toneOctave) {\n toneOctave.noteoff(midi);\n }\n }\n render() {\n const octaves = [];\n for (let i = this.rootoctave; i < this.rootoctave + this.octaves; i++) {\n octaves.push(i);\n }\n return lit_element_1.html `\n\t\t\t<style>\n\t\t\t\t#container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tbackground-color: white;\n\t\t\t\t\theight: 80px;\n\t\t\t\t}\n\n\t\t\t\ttone-keyboard-octave {\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div\n\t\t\t\tid=\"container\"\n\t\t\t\t@touchmove=${this._touchmove.bind(this)}\n\t\t\t\t@touchend=${this._touchend.bind(this)}\n\t\t\t>\n\t\t\t\t${octaves.map((o) => lit_element_1.html `\n\t\t\t\t\t\t<tone-keyboard-octa
/***/ }),
/***/ "./src/gui/piano/midi-in.ts":
/*!**********************************!*\
!*** ./src/gui/piano/midi-in.ts ***!
\**********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneMidiIn = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst WebMidi = __webpack_require__(/*! webmidi */ \"./node_modules/webmidi/webmidi.min.js\");\nlet ToneMidiIn = class ToneMidiIn extends lit_element_1.LitElement {\n constructor() {\n super();\n this._flashTimeout = -1;\n WebMidi.enable((e) => {\n if (!e) {\n WebMidi.addListener(\"connected\", (e) => {\n if (e.port.type === \"input\") {\n this.requestUpdate();\n }\n });\n WebMidi.addListener(\"disconnected\", (e) => {\n this.requestUpdate();\n });\n }\n });\n }\n _flash() {\n clearTimeout(this._flashTimeout);\n const light = this.shadowRoot.querySelector(\"#light\");\n light.classList.add(\"flash\");\n this._flashTimeout = setTimeout(() => light.classList.remove(\"flash\"), 100);\n }\n _connectMidi(event) {\n if (event.target.value === \"none\") {\n this.shadowRoot\n .querySelector(\"#light\")\n .classList.remove(\"connected\");\n return;\n }\n else {\n this.shadowRoot.querySelector(\"#light\").classList.add(\"connected\");\n }\n const input = WebMidi.getInputById(event.target.value);\n if (input) {\n input.addListener(\"noteon\", \"all\", (e) => {\n const name = `${e.note.name}${e.note.octave}`;\n const midi = e.note.number;\n this._flash();\n this.dispatchEvent(new CustomEvent(\"noteon\", {\n detail: {\n name,\n midi,\n velocity: e.velocity,\n },\n composed: true,\n bubbles: true,\n }));\n });\n input.addListener(\"noteoff\", \"all\", (e) => {\n const name = `${e.note.name}${e.note.octave}`;\n const midi = e.note.number;\n this._flash();\n this.dispatchEvent(new CustomEvent(\"noteoff\", {\n detail: {\n name,\n midi,\n velocity: e.velocity,\n },\n composed: true,\n bubbles: true,\n }));\n });\n input.addListener(\"controlchange\", \"all\", (e) => {\n this._flash();\n });\n }\n }\n static get styles() {\n return lit_element_1.css `\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t#container {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-bottom: 10px;\n\t\t\t\tposition: relative;\n\t\t\t}\n\t\t\tlabel {\n\t\t\t\tfont-family: var(--label-font-family);\n\t\t\t\tfont-size: var(--label-font-size);\n\t\t\t\tmargin-right: 5px;\n\t\t\t\tfont-size: 0.7em;\n\t\t\t}\n\n\t\t\tselect,\n\t\t\tlabel {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\n\t\t\t#light {\n\t\t\t\twidth: 10px;\n\t\t\t\theight: 10px;\n\t\t\t\tbackground-color: white;\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t\t#light.connected {\n\t\t\t\tbackground-color: var(--color-gray);\n\t\t\t}\n\n\t\t\t#light.connected.flas
/***/ }),
/***/ "./src/gui/piano/note.ts":
/*!*******************************!*\
!*** ./src/gui/piano/note.ts ***!
\*******************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneKeyboardNote = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst tone_1 = __webpack_require__(/*! tone */ \"tone\");\nlet ToneKeyboardNote = class ToneKeyboardNote extends lit_element_1.LitElement {\n constructor() {\n super(...arguments);\n this.color = \"#eee\";\n this.activecolor = \"white\";\n this.active = false;\n this.touchid = -1;\n }\n _fromMidi(midi) {\n return tone_1.Midi(midi).toNote();\n }\n updated(changed) {\n if (changed.has(\"active\") && changed.get(\"active\") !== undefined) {\n const eventName = this.active ? \"noteon\" : \"noteoff\";\n if (!this.active) {\n this.touchid = -1;\n }\n this.dispatchEvent(new CustomEvent(eventName, {\n detail: {\n name: this._fromMidi(this.note),\n midi: this.note,\n velocity: this.active ? 1 : 0,\n },\n composed: true,\n bubbles: true,\n }));\n }\n }\n _mouseover(e) {\n if (e.buttons) {\n this.active = true;\n this.shadowRoot.querySelector(\"button\").focus();\n }\n }\n _keydown(e) {\n if (!e.repeat && (e.key === \" \" || e.key === \"Enter\")) {\n this.active = true;\n }\n }\n _keyup(e) {\n if (e.key === \" \" || e.key === \"Enter\") {\n this.active = false;\n }\n }\n _touchstart(e) {\n e.preventDefault();\n this.touchid = e.touches[0].identifier;\n this.active = true;\n }\n static get styles() {\n return lit_element_1.css `\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t#container {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t\t#container:not([show]) {\n\t\t\t\topacity: 0;\n\t\t\t\tmargin: 2px;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t\tborder: none;\n\t\t\t\t-webkit-appearance: none;\n\t\t\t\t--key-margin: 2px;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tborder: 2px solid white;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tpadding: 0;\n\t\t\t\toutline: none;\n\t\t\t\ttransition: background-color 0.2s;\n\t\t\t\tcolor: transparent;\n\t\t\t\tfont-size: 0px;\n\t\t\t\tborder-radius: 2px;\n\t\t\t}\n\t\t\tbutton[active] {\n\t\t\t\tbackground-color: #666 !important;\n\t\t\t\ttransition-duration: 0s;\n\t\t\t}\n\t\t\tbutton:focus {\n\t\t\t\tborder-color: #666;\n\t\t\t}\n\t\t`;\n }\n render() {\n const show = this.note !== 0;\n return lit_element_1.html `\n\t\t\t<div id=\"container\" ?show=${show}>\n\t\t\t\t${show\n ? lit_element_1.html ` <button\n\t\t\t\t\t\t\t?active=${this.active}\n\t\t\t\t\t\t\t@mouseover=${this._mouseover.bind(this)}\n\t\t\t\t\t\t\t@mouseleave=${() => (this.active = false)}\n\t\t\t\t\t\t\t@mousedown=${() => (this.active = true)}\n\t\t\t\t\t\t\t@touchstart=${this._touchstart.bind(this)}\n\t\t\t\t\t\t\t@touchend=${() => (this.active = false)}\n\t\t\t\t\t\t\t@mouseup=${() => (this.active = false)}\n\t\t\t\t\t\t\t@keydown=${this._keydown.bind(this)}\n\t\t\t\t\t\t\t@keyup=${this._keyup.bind(this)}\n\t\t\t\t\t\t\tstyle=\"background-color: ${this.active\n ? this.activecolor\n : this.color};\"\n\t\t\t\
/***/ }),
/***/ "./src/gui/piano/octave.ts":
/*!*********************************!*\
!*** ./src/gui/piano/octave.ts ***!
\*********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneKeyboardOctave = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nlet ToneKeyboardOctave = class ToneKeyboardOctave extends lit_element_1.LitElement {\n constructor() {\n super(...arguments);\n this.octave = 1;\n }\n noteon(number) {\n const note = this.shadowRoot.querySelector(`tone-keyboard-note[note=\"${number}\"]`);\n note.active = true;\n }\n noteoff(number) {\n const note = this.shadowRoot.querySelector(`tone-keyboard-note[note=\"${number}\"]`);\n note.active = false;\n }\n getNoteByTouchId(id) {\n const notes = Array.from(this.shadowRoot.querySelectorAll(\"tone-keyboard-note\"));\n const element = notes.find((e) => e.touchid === id);\n if (element && element.note) {\n return element;\n }\n }\n static get styles() {\n return lit_element_1.css `\n\t\t\t#container {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t\ttone-keyboard-note {\n\t\t\t\torder: 0;\n\t\t\t\tflex-grow: 1;\n\t\t\t}\n\n\t\t\t#white-notes {\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0px;\n\t\t\t\ttop: 0px;\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t}\n\n\t\t\t#black-notes {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0px;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: row;\n\t\t\t\theight: 55%;\n\t\t\t}\n\n\t\t\t#black-notes tone-keyboard-note:first-child,\n\t\t\t#black-notes tone-keyboard-note:last-child {\n\t\t\t\tflex-grow: 0.5;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t`;\n }\n render() {\n const startNote = 12 * this.octave;\n const whiteNotes = [0, 2, 4, 5, 7, 9, 11].map((i) => i + startNote);\n const blackNotes = [0, 1, 3, 0, 6, 8, 10, 0].map((i) => {\n if (i) {\n return i + startNote;\n }\n else {\n return 0;\n }\n });\n return lit_element_1.html `\n\t\t\t<div id=\"container\">\n\t\t\t\t<div id=\"white-notes\">\n\t\t\t\t\t${whiteNotes.map((note) => lit_element_1.html `\n\t\t\t\t\t\t\t<tone-keyboard-note\n\t\t\t\t\t\t\t\tcolor=\"#aaa\"\n\t\t\t\t\t\t\t\tnote=\"${note.toString()}\"\n\t\t\t\t\t\t\t></tone-keyboard-note>\n\t\t\t\t\t\t`)}\n\t\t\t\t</div>\n\t\t\t\t<div id=\"black-notes\">\n\t\t\t\t\t${blackNotes.map((note) => lit_element_1.html `\n\t\t\t\t\t\t\t<tone-keyboard-note\n\t\t\t\t\t\t\t\tcolor=\"black\"\n\t\t\t\t\t\t\t\tnote=\"${note.toString()}\"\n\t\t\t\t\t\t\t></tone-keyboard-note>\n\t\t\t\t\t\t`)}\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`;\n }\n};\n__decorate([\n lit_element_1.property({ type: Number })\n], ToneKeyboardOctave.prototype, \"octave\", void 0);\nToneKeyboardOctave = __decorate([\n lit_element_1.customElement(\"tone-keyboard-octave\")\n], ToneKeyboardOctave);\nexports.ToneKeyboardOctave = ToneKeyboardOctave;\n\n\n//# sourceURL=webpack:///./src/gui/piano/octave.ts?");
/***/ }),
/***/ "./src/gui/piano/piano.ts":
/*!********************************!*\
!*** ./src/gui/piano/piano.ts ***!
\********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createPiano = exports.TonePiano = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\n__webpack_require__(/*! ./keyboard */ \"./src/gui/piano/keyboard.ts\");\n__webpack_require__(/*! ./midi-in */ \"./src/gui/piano/midi-in.ts\");\nlet TonePiano = class TonePiano extends lit_element_1.LitElement {\n constructor() {\n super(...arguments);\n this.polyphonic = false;\n }\n firstUpdated(props) {\n super.firstUpdated(props);\n const keyboard = this.shadowRoot.querySelector(\"tone-keyboard\");\n // this.shadowRoot.querySelector(\"tone-midi-in\").addEventListener(\"noteon\", e => {\n // \te.stopPropagation();\n // \tkeyboard.noteon(e.detail.midi);\n // });\n // this.shadowRoot.querySelector(\"tone-midi-in\").addEventListener(\"noteoff\", e => {\n // \te.stopPropagation();\n // \tkeyboard.noteoff(e.detail.midi);\n // });\n window.addEventListener(\"resize\", this._resize.bind(this));\n setTimeout(() => this._resize(), 100);\n }\n _clamp(v, floor, ceil) {\n return Math.max(Math.min(v, ceil), floor);\n }\n _scale(v, inMin, inMax, outMin, outMax) {\n return ((v - inMin) / (inMax - inMin)) * (outMax - outMin) + outMin;\n }\n _resize() {\n const width = this.shadowRoot.querySelector(\"#container\").clientWidth;\n const octaves = this._clamp(Math.floor(width / 100) - 1, 1, 8);\n const rootNote = Math.ceil(this._scale(octaves, 1, 8, 5, 1));\n this.shadowRoot.querySelector(\"tone-keyboard\").rootoctave = rootNote;\n this.shadowRoot.querySelector(\"tone-keyboard\").octaves = octaves;\n }\n render() {\n return lit_element_1.html `\n\t\t\t<style>\n\t\t\t\t:host {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t#container {\n\t\t\t\t\tbackground-color: var(--color-light-gray);\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding: 5px;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\ttone-keyboard {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tclear: both;\n\t\t\t\t}\n\n\t\t\t\ttone-midi-in {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\ttop: 5px;\n\t\t\t\t\tright: 5px;\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tfloat: right;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div id=\"container\">\n\t\t\t\t<tone-midi-in> </tone-midi-in>\n\t\t\t\t<tone-keyboard ?polyphonic=${this.polyphonic}></tone-keyboard>\n\t\t\t</div>\n\t\t`;\n }\n};\n__decorate([\n lit_element_1.property({ type: Boolean })\n], TonePiano.prototype, \"polyphonic\", void 0);\nTonePiano = __decorate([\n lit_element_1.customElement(\"tone-piano\")\n], TonePiano);\nexports.TonePiano = TonePiano;\n/**\n * Create an audio node element\n */\nfunction createPiano({ parent, polyphonic = true, noteon = () => { }, noteoff = () => { }, }) {\n const element = document.createElement(\"tone-piano\");\n element.polyphonic = polyphonic;\n element.addEventListener(\"noteon\", (e) => noteon(e.detail));\n element.addEventListener(\"noteoff\", (e) => noteoff(e.detail));\n if (parent) {\n parent.appendChild(element);\n }\n return element;\n}\nexports.createPiano = createPiano;\n\n\n//# sourceURL=webpack:///./src/gui/piano/piano.ts?");
/***/ }),
/***/ "./src/gui/value/array.ts":
/*!********************************!*\
!*** ./src/gui/value/array.ts ***!
\********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneArrayValue = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst value_1 = __webpack_require__(/*! ./value */ \"./src/gui/value/value.ts\");\nconst style_map_1 = __webpack_require__(/*! lit-html/directives/style-map */ \"./node_modules/lit-html/directives/style-map.js\");\nlet ToneArrayValue = class ToneArrayValue extends value_1.ToneValue {\n constructor() {\n super(...arguments);\n this.value = [];\n }\n reset() {\n // do nothing\n }\n scale(v, inMin, inMax, outMin, outMax) {\n const normV = Math.pow((v - inMin) / (inMax - inMin), 0.25);\n return normV * (outMax - outMin) + outMin;\n }\n _mousemove(index, e) {\n if (e.buttons) {\n let normValue = e.offsetY / e.target.clientHeight;\n normValue = Math.min(Math.max(normValue, 0), 1);\n this.value[index] = Math.pow(1 - normValue, 1 / 0.25);\n this.dispatchValue(this.value);\n this.requestUpdate();\n }\n }\n render() {\n const values = this.value.map(Math.abs);\n const min = Math.min(...values, 0);\n const max = Math.max(...values, 1);\n return lit_element_1.html `\n\t\t\t<div id=\"container\" class=\"array\">\n\t\t\t\t<label ?disabled=${values.length === 0}>${this.name}</label>\n\t\t\t\t<span id=\"bars\">\n\t\t\t\t\t${values.map((v, i) => lit_element_1.html `\n\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\tclass=\"bar\"\n\t\t\t\t\t\t\t\t@mousedown=${(e) => this._mousemove(i, e)}\n\t\t\t\t\t\t\t\t@mousemove=${(e) => this._mousemove(i, e)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\tstyle=${style_map_1.styleMap({\n height: `${this.scale(v, min, max, 0, 100)}%`,\n })}\n\t\t\t\t\t\t\t\t\tclass=\"fill\"\n\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t`)}\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t`;\n }\n};\n__decorate([\n lit_element_1.property({ type: String })\n], ToneArrayValue.prototype, \"name\", void 0);\n__decorate([\n lit_element_1.property({ type: Array })\n], ToneArrayValue.prototype, \"value\", void 0);\nToneArrayValue = __decorate([\n lit_element_1.customElement(\"tone-array\")\n], ToneArrayValue);\nexports.ToneArrayValue = ToneArrayValue;\n\n\n//# sourceURL=webpack:///./src/gui/value/array.ts?");
/***/ }),
/***/ "./src/gui/value/boolean.ts":
/*!**********************************!*\
!*** ./src/gui/value/boolean.ts ***!
\**********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneBooleanValue = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst value_1 = __webpack_require__(/*! ./value */ \"./src/gui/value/value.ts\");\nlet ToneBooleanValue = class ToneBooleanValue extends value_1.ToneValue {\n constructor() {\n super(...arguments);\n this.value = false;\n }\n _oninput(e) {\n e.stopPropagation();\n this.value = this.inputEl.checked;\n this.dispatchValue(this.value);\n }\n reset() {\n this.inputEl.checked = this.value;\n }\n render() {\n return lit_element_1.html `\n\t\t\t<div id=\"container\" class=\"boolean\">\n\t\t\t\t<label for=\"check\">${this.name}</label>\n\t\t\t\t<input\n\t\t\t\t\t@input=${this._oninput.bind(this)}\n\t\t\t\t\tname=\"check\"\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\t?checked=${this.value}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t`;\n }\n};\n__decorate([\n lit_element_1.query(\"input\")\n], ToneBooleanValue.prototype, \"inputEl\", void 0);\n__decorate([\n lit_element_1.property({ type: String })\n], ToneBooleanValue.prototype, \"name\", void 0);\n__decorate([\n lit_element_1.property({ type: Boolean })\n], ToneBooleanValue.prototype, \"value\", void 0);\nToneBooleanValue = __decorate([\n lit_element_1.customElement(\"tone-boolean\")\n], ToneBooleanValue);\nexports.ToneBooleanValue = ToneBooleanValue;\n\n\n//# sourceURL=webpack:///./src/gui/value/boolean.ts?");
/***/ }),
/***/ "./src/gui/value/number.ts":
/*!*********************************!*\
!*** ./src/gui/value/number.ts ***!
\*********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneNumberValue = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst value_1 = __webpack_require__(/*! ./value */ \"./src/gui/value/value.ts\");\nlet ToneNumberValue = class ToneNumberValue extends value_1.ToneValue {\n constructor() {\n super(...arguments);\n this.value = 0;\n this.alt = false;\n this.shift = false;\n this.dragging = false;\n }\n firstUpdated(changed) {\n super.firstUpdated(changed);\n window.addEventListener(\"mousemove\", (e) => {\n if (this.dragging) {\n e.preventDefault();\n // find the relative change\n const box = this.shadowRoot.host.getBoundingClientRect();\n const yDiff = box.top + (box.bottom - box.top) / 2 - e.clientY;\n const multiplier = this.shift\n ? this.alt\n ? 0.01\n : 10\n : this.alt\n ? 0.1\n : 1;\n this.value =\n this.dragstartValue + Math.floor(yDiff / 10) * multiplier;\n this.dispatchValue(this.value);\n }\n });\n window.addEventListener(\"keydown\", (e) => {\n if (e.keyCode === 18) {\n this.alt = true;\n }\n this.shift = e.shiftKey;\n });\n window.addEventListener(\"keyup\", (e) => {\n if (e.keyCode === 18) {\n this.alt = false;\n }\n this.shift = e.shiftKey;\n });\n }\n _oninput(e) {\n e.preventDefault();\n e.stopPropagation();\n const value = parseFloat(this.shadowRoot.querySelector(\"input\").value);\n if (isFinite(value)) {\n this.value = value;\n this.dispatchValue(value);\n }\n }\n _onkeypress(e) {\n let modified = false;\n if (e.key === \"ArrowUp\") {\n modified = true;\n if (this.shift) {\n this.value += this.alt ? 0.01 : 10;\n }\n else {\n this.value += this.alt ? 0.1 : 1;\n }\n }\n else if (e.key === \"ArrowDown\") {\n modified = true;\n if (this.shift) {\n this.value -= this.alt ? 0.01 : 10;\n }\n else {\n this.value -= this.alt ? 0.1 : 1;\n }\n }\n if (modified) {\n e.preventDefault();\n this.dispatchValue(this.value);\n }\n }\n reset() {\n this.shadowRoot.querySelector(\"input\").value = this.beautifyValue(this.value).toString();\n }\n _dragstart(e) {\n this.dragging = true;\n this.dragstartValue = this.value;\n window.addEventListener(\"mouseup\", () => {\n if (this.dragstartValue !== this.value) {\n this.dispatchValue(this.value);\n }\n this.dragging = false;\n }, { once: true });\n }\n beautifyValue(val) {\n const float = val.toString().split(\".\")[1];\n return parseFloat(val.toFixed(Math.min(float && float.length, 4)));\n }\n render() {\n return lit_element_1.html `\n\t\t\t<div id=\"container\">\n\t\t\t\t<label for=\"number\">${this.name}</label>\n\t\t
/***/ }),
/***/ "./src/gui/value/string.ts":
/*!*********************************!*\
!*** ./src/gui/value/string.ts ***!
\*********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneStringValue = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst value_1 = __webpack_require__(/*! ./value */ \"./src/gui/value/value.ts\");\nlet ToneStringValue = class ToneStringValue extends value_1.ToneValue {\n constructor() {\n super(...arguments);\n this.value = \"\";\n }\n _oninput(e) {\n e.stopPropagation();\n e.stopImmediatePropagation();\n this.value = this.inputEl.value;\n this.dispatchValue(this.value);\n }\n reset() {\n this.inputEl.value = this.value;\n }\n render() {\n return lit_element_1.html `\n\t\t\t<div id=\"container\">\n\t\t\t\t<label for=\"string\">${this.name}</label>\n\t\t\t\t<input\n\t\t\t\t\t@input=${(e) => e.stopPropagation()}\n\t\t\t\t\t@change=${this._oninput.bind(this)}\n\t\t\t\t\tname=\"string\"\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\t.value=${this.value}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t`;\n }\n};\n__decorate([\n lit_element_1.property({ type: String })\n], ToneStringValue.prototype, \"name\", void 0);\n__decorate([\n lit_element_1.property({ type: String })\n], ToneStringValue.prototype, \"value\", void 0);\n__decorate([\n lit_element_1.query(\"input\")\n], ToneStringValue.prototype, \"inputEl\", void 0);\nToneStringValue = __decorate([\n lit_element_1.customElement(\"tone-string\")\n], ToneStringValue);\nexports.ToneStringValue = ToneStringValue;\n\n\n//# sourceURL=webpack:///./src/gui/value/string.ts?");
/***/ }),
/***/ "./src/gui/value/value.scss":
/*!**********************************!*\
!*** ./src/gui/value/value.scss ***!
\**********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("\n var result = __webpack_require__(/*! !../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js??ref--5-2!./value.scss */ \"./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js?!./src/gui/value/value.scss\");\n\n if (typeof result === \"string\") {\n module.exports = result;\n } else {\n module.exports = result.toString();\n }\n \n\n//# sourceURL=webpack:///./src/gui/value/value.scss?");
/***/ }),
/***/ "./src/gui/value/value.ts":
/*!********************************!*\
!*** ./src/gui/value/value.ts ***!
\********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneValue = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst style = __webpack_require__(/*! ./value.scss */ \"./src/gui/value/value.scss\");\n/**\n * Base class for values\n */\nclass ToneValue extends lit_element_1.LitElement {\n /**\n * Beautify the value before it's set\n */\n beautifyValue(val) {\n return val;\n }\n /**\n * Trigger a \"value\" event. Value events have a rejected callback\n * in case the value is not valid\n */\n dispatchValue(value) {\n this.dispatchEvent(new CustomEvent(\"value\", {\n detail: {\n value,\n reject: (val) => {\n this.value = val;\n // flash red quickly?\n this.shadowRoot\n .querySelector(\"#container\")\n .classList.add(\"error\");\n setTimeout(() => {\n this.shadowRoot\n .querySelector(\"#container\")\n .classList.remove(\"error\");\n }, 100);\n this.reset();\n },\n },\n }));\n }\n static get styles() {\n return lit_element_1.css `\n\t\t\t${lit_element_1.unsafeCSS(style)}\n\t\t`;\n }\n render() {\n return lit_element_1.html ` ${this.name} `;\n }\n}\n__decorate([\n lit_element_1.property({ type: String })\n], ToneValue.prototype, \"name\", void 0);\nexports.ToneValue = ToneValue;\n\n\n//# sourceURL=webpack:///./src/gui/value/value.ts?");
/***/ }),
/***/ "./src/gui/vis/buffer.ts":
/*!*******************************!*\
!*** ./src/gui/vis/buffer.ts ***!
\*******************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneBufferViz = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst vis_base_1 = __webpack_require__(/*! ./vis-base */ \"./src/gui/vis/vis-base.ts\");\nlet ToneBufferViz = class ToneBufferViz extends vis_base_1.VisBase {\n generate() {\n return __awaiter(this, void 0, void 0, function* () {\n if (!this.tone) {\n return;\n }\n if (!this.tone.buffer.loaded) {\n yield new Promise((done) => (this.tone.buffer.onload = done));\n }\n const values = this.tone.buffer.getChannelData(0);\n this.draw(values);\n });\n }\n bind(tone) {\n this.tone = tone;\n this.generate();\n }\n};\nToneBufferViz = __decorate([\n lit_element_1.customElement(\"tone-buffer-vis\")\n], ToneBufferViz);\nexports.ToneBufferViz = ToneBufferViz;\n\n\n//# sourceURL=webpack:///./src/gui/vis/buffer.ts?");
/***/ }),
/***/ "./src/gui/vis/compressor.ts":
/*!***********************************!*\
!*** ./src/gui/vis/compressor.ts ***!
\***********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneCompressorVis = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst vis_base_1 = __webpack_require__(/*! ./vis-base */ \"./src/gui/vis/vis-base.ts\");\nlet ToneCompressorVis = class ToneCompressorVis extends vis_base_1.VisBase {\n constructor() {\n super(...arguments);\n this.normalizeCurve = false;\n }\n generate() {\n return __awaiter(this, void 0, void 0, function* () {\n if (!this.tone) {\n return;\n }\n const length = this.width;\n const kneeWidth = this.scale(this.tone.knee.value, 0, 100, 0, length);\n const threshIndex = this.scale(this.tone.threshold.value, -100, 40, 0, length);\n const retArray = new Float32Array(length);\n const ratio = this.tone.ratio.value;\n const kneeBegin = threshIndex - kneeWidth / 2;\n const kneeEnd = threshIndex + kneeWidth / 2;\n const kneeBeginNorm = this.scale(kneeBegin, 0, length, 0, 1);\n const threshNorm = this.scale(threshIndex, 0, length, 0, 1);\n const values = retArray.map((_, i) => {\n const linearVal = this.scale(i, 0, length, 0, 1);\n // apply the ratio\n if (i < kneeBegin) {\n // linear\n return linearVal;\n }\n else if (kneeBegin <= i && i <= kneeEnd) {\n // in the knee\n const over = this.scale(kneeEnd - threshIndex, 0, length, 0, 1);\n const compressedValue = threshNorm + over * (1 / ratio);\n return this.scale(i, kneeBegin, kneeEnd, kneeBeginNorm, compressedValue);\n }\n else {\n // compressing\n const over = this.scale(i - threshIndex, 0, length, 0, 1);\n const compressedValue = threshNorm + over * (1 / ratio);\n return compressedValue;\n }\n });\n this.draw(values);\n });\n }\n draw(values) {\n // draw the values\n super.draw(values);\n const canvas = this.shadowRoot.querySelector(\"canvas\");\n const context = canvas.getContext(\"2d\");\n context.setLineDash([2, 2]);\n context.lineWidth = 1;\n context.strokeStyle = \"rgba(0, 0, 0, 0.25)\";\n // draw the thresh and knee lines\n const threshX = this.scale(this.tone.threshold.value, -100, 40, 0, canvas.width);\n const threshY = this.scale(this.tone.threshold.value, -100, 40, canvas.height, 0);\n context.moveTo(threshX, 0);\n
/***/ }),
/***/ "./src/gui/vis/envelope.ts":
/*!*********************************!*\
!*** ./src/gui/vis/envelope.ts ***!
\*********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneEnvelopeVis = void 0;\nconst vis_base_1 = __webpack_require__(/*! ./vis-base */ \"./src/gui/vis/vis-base.ts\");\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst style_map_1 = __webpack_require__(/*! lit-html/directives/style-map */ \"./node_modules/lit-html/directives/style-map.js\");\nlet ToneEnvelopeVis = class ToneEnvelopeVis extends vis_base_1.VisBase {\n generate() {\n return __awaiter(this, void 0, void 0, function* () {\n if (!this.tone) {\n return;\n }\n const values = yield this.tone.asArray(this.width);\n this.draw(values);\n this.requestUpdate();\n });\n }\n bind(tone) {\n this.tone = tone;\n this.generate();\n }\n render() {\n const times = [];\n if (this.tone) {\n const tickCount = 4;\n // add the timing to the bottom\n const totalDuration = 1.1 *\n (this.tone.toSeconds(this.tone.attack) +\n this.tone.toSeconds(this.tone.decay) +\n this.tone.toSeconds(this.tone.release));\n // scoot the canvas up 10px\n // context.drawImage(canvas, 0, 0, this.width, this.height - 10);\n const subdivision = Math.pow(2, Math.ceil(Math.log2(totalDuration / tickCount)));\n const rounding = (subdivision.toString().split(\".\")[1] &&\n subdivision.toString().split(\".\")[1].length) ||\n 0;\n for (let time = 0; time < totalDuration * 0.9; time += subdivision) {\n const x = time / totalDuration;\n times.push({\n x,\n time: time.toFixed(rounding),\n });\n }\n }\n return lit_element_1.html `\n\t\t\t<style>\n\t\t\t\t#timeline {\n\t\t\t\t\tmargin-top: -10px;\n\t\t\t\t\tfont-size: 10px;\n\t\t\t\t\tfont-family: monospace;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\theight: 20px;\n\t\t\t\t}\n\t\t\t\t#timeline span {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t${super.render()}\n\t\t\t<div id=\"timeline\">\n\t\t\t\t${times.map(({ x, time }) => lit_element_1.html `\n\t\t\t\t\t\t<span\n\t\t\t\t\t\t\tstyle=${style_map_1.styleMap({\n left: `${(x * 100).toFixed(2)}%`,\n })}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t${time}s\n\t\t\t\t\t\t</span>\n\t\t\t\t\t`)}\n\t\t\t</div>\n\t\t`;\n }\n};\nToneEnvelopeVis = __decorate([\n lit_element_1.customElement(\"tone-envelope-vis\")\n], ToneEnvelopeVis);\nexports.ToneEnvelopeVis = ToneEnvelopeVis;\n\n\n//# sourceURL=webpack:///./src/gui/vis/envelope.ts?");
/***/ }),
/***/ "./src/gui/vis/fft.ts":
/*!****************************!*\
!*** ./src/gui/vis/fft.ts ***!
\****************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createFFT = void 0;\nconst vis_base_1 = __webpack_require__(/*! ./vis-base */ \"./src/gui/vis/vis-base.ts\");\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nlet ToneFFTElement = class ToneFFTElement extends vis_base_1.VisBase {\n constructor() {\n super(...arguments);\n this.height = 40;\n }\n generate() {\n // ignored\n }\n loop() {\n requestAnimationFrame(this.loop.bind(this));\n if (!this.tone) {\n return;\n }\n const values = this.tone.getValue();\n this.draw(values);\n }\n bind(tone) {\n this.tone = tone;\n this.loop();\n }\n};\nToneFFTElement = __decorate([\n lit_element_1.customElement(\"tone-fft-vis\")\n], ToneFFTElement);\n/**\n * Create an audio node element\n */\nfunction createFFT({ tone, parent, height, }) {\n const element = document.createElement(\"tone-fft-vis\");\n element.bind(tone);\n if (parent) {\n parent.appendChild(element);\n }\n if (height) {\n element.setAttribute(\"height\", height.toString());\n }\n return element;\n}\nexports.createFFT = createFFT;\n\n\n//# sourceURL=webpack:///./src/gui/vis/fft.ts?");
/***/ }),
/***/ "./src/gui/vis/filter.ts":
/*!*******************************!*\
!*** ./src/gui/vis/filter.ts ***!
\*******************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneFFTVis = void 0;\nconst vis_base_1 = __webpack_require__(/*! ./vis-base */ \"./src/gui/vis/vis-base.ts\");\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nlet ToneFFTVis = class ToneFFTVis extends vis_base_1.VisBase {\n generate() {\n if (!this.tone) {\n return;\n }\n const values = this.tone.getFrequencyResponse(this.width);\n this.draw(values);\n }\n bind(tone) {\n this.tone = tone;\n this.generate();\n }\n};\nToneFFTVis = __decorate([\n lit_element_1.customElement(\"tone-filter-vis\")\n], ToneFFTVis);\nexports.ToneFFTVis = ToneFFTVis;\n\n\n//# sourceURL=webpack:///./src/gui/vis/filter.ts?");
/***/ }),
/***/ "./src/gui/vis/meter.ts":
/*!******************************!*\
!*** ./src/gui/vis/meter.ts ***!
\******************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createMeter = exports.ToneMeterElement = void 0;\nconst vis_base_1 = __webpack_require__(/*! ./vis-base */ \"./src/gui/vis/vis-base.ts\");\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst Color = __webpack_require__(/*! color */ \"./node_modules/color/index.js\");\nconst style_map_1 = __webpack_require__(/*! lit-html/directives/style-map */ \"./node_modules/lit-html/directives/style-map.js\");\nlet ToneMeterElement = class ToneMeterElement extends vis_base_1.VisBase {\n constructor() {\n super(...arguments);\n this.height = 40;\n this.meterLevels = [];\n }\n generate() {\n // ignored\n }\n loop() {\n requestAnimationFrame(this.loop.bind(this));\n if (!this.tone) {\n return;\n }\n const values = this.tone.getValue();\n this.meterLevels = Array.isArray(values) ? values : [values];\n this.requestUpdate();\n }\n bind(tone) {\n this.tone = tone;\n this.tone.normalRange = true;\n this.loop();\n }\n renderColor(val) {\n return Color(\"#aaa\")\n .mix(Color(\"rgb(209, 196, 15)\"), Math.pow(val, 0.5))\n .hex();\n }\n render() {\n return lit_element_1.html `\n\t\t\t<style>\n\t\t\t\t#container {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: flex-end;\n\t\t\t\t\tborder: 2px outset #ddd;\n\t\t\t\t\tborder-color: transparent transparent #ddd;\n\t\t\t\t}\n\t\t\t\t.level {\n\t\t\t\t\tflex: 1;\n\t\t\t\t\tbackground-color: #aaa;\n\t\t\t\t\tmargin: 2px;\n\t\t\t\t\tmin-height: 2px;\n\t\t\t\t\tborder-top-left-radius: 2px;\n\t\t\t\t\tborder-top-right-radius: 2px;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div\n\t\t\t\tid=\"container\"\n\t\t\t\tstyle=${style_map_1.styleMap({\n height: `${this.height}px`,\n })}\n\t\t\t>\n\t\t\t\t${this.meterLevels.map((val) => lit_element_1.html `\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclass=\"level\"\n\t\t\t\t\t\t\tstyle=${style_map_1.styleMap({\n height: `${(Math.pow(val, 0.2) * 100).toFixed(2)}%`,\n backgroundColor: this.renderColor(val),\n })}\n\t\t\t\t\t\t></div>\n\t\t\t\t\t`)}\n\t\t\t</div>\n\t\t`;\n }\n};\nToneMeterElement = __decorate([\n lit_element_1.customElement(\"tone-meter-vis\")\n], ToneMeterElement);\nexports.ToneMeterElement = ToneMeterElement;\n/**\n * Create an audio node element\n */\nfunction createMeter({ tone, parent, height, }) {\n const element = document.createElement(\"tone-meter-vis\");\n element.bind(tone);\n if (parent) {\n parent.appendChild(element);\n }\n if (height) {\n element.setAttribute(\"height\", height.toString());\n }\n return element;\n}\nexports.createMeter = createMeter;\n\n\n//# sourceURL=webpack:///./src/gui/vis/meter.ts?");
/***/ }),
/***/ "./src/gui/vis/oscillator.ts":
/*!***********************************!*\
!*** ./src/gui/vis/oscillator.ts ***!
\***********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneOscillatorVis = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst vis_base_1 = __webpack_require__(/*! ./vis-base */ \"./src/gui/vis/vis-base.ts\");\nlet ToneOscillatorVis = class ToneOscillatorVis extends vis_base_1.VisBase {\n generate() {\n return __awaiter(this, void 0, void 0, function* () {\n if (!this.tone) {\n return;\n }\n const values = yield this.tone.asArray(600);\n this.draw(values);\n });\n }\n bind(tone) {\n this.tone = tone;\n this.generate();\n }\n};\nToneOscillatorVis = __decorate([\n lit_element_1.customElement(\"tone-oscillator-vis\")\n], ToneOscillatorVis);\nexports.ToneOscillatorVis = ToneOscillatorVis;\n\n\n//# sourceURL=webpack:///./src/gui/vis/oscillator.ts?");
/***/ }),
/***/ "./src/gui/vis/vis-base.ts":
/*!*********************************!*\
!*** ./src/gui/vis/vis-base.ts ***!
\*********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.VisBase = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nclass VisBase extends lit_element_1.LitElement {\n constructor() {\n super(...arguments);\n this.bgcolor = \"white\";\n this.color = \"black\";\n this.values = {};\n this.height = 100;\n this.width = 310;\n this.normalizeCurve = true;\n }\n scale(v, inMin, inMax, outMin, outMax) {\n return ((v - inMin) / (inMax - inMin)) * (outMax - outMin) + outMin;\n }\n draw(values) {\n const canvas = this.shadowRoot.querySelector(\"canvas\");\n if (canvas) {\n const context = canvas.getContext(\"2d\");\n canvas.height = this.height;\n canvas.width = this.width;\n const width = canvas.width;\n const height = canvas.height;\n context.clearRect(0, 0, width, height);\n const maxValuesLength = 2048;\n if (values.length > maxValuesLength) {\n const resampled = new Float32Array(maxValuesLength);\n // down sample to maxValuesLength values\n for (let i = 0; i < maxValuesLength; i++) {\n resampled[i] =\n values[Math.floor((i / maxValuesLength) * values.length)];\n }\n values = resampled;\n }\n const max = this.normalizeCurve\n ? Math.max(0.001, ...values) * 1.1\n : 1;\n const min = this.normalizeCurve\n ? Math.min(-0.001, ...values) * 1.1\n : 0;\n const lineWidth = 3;\n context.lineWidth = lineWidth;\n context.beginPath();\n for (let i = 0; i < values.length; i++) {\n const v = values[i];\n const x = this.scale(i, 0, values.length, lineWidth, width - lineWidth);\n const y = this.scale(v, max, min, 0, height - lineWidth);\n if (i === 0) {\n context.moveTo(x, y);\n }\n else {\n context.lineTo(x, y);\n }\n }\n context.lineCap = \"round\";\n context.strokeStyle = \"white\";\n context.stroke();\n }\n }\n updated() {\n clearTimeout(this.timeout);\n this.timeout = setTimeout(() => {\n this.generate();\n }, 50);\n }\n render() {\n return lit_element_1.html `\n\t\t\t<style>\n\t\t\t\t#container {\n\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t}\n\n\t\t\t\tcanvas {\n\t\t\t\t\tbackground-color: #aaa;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\theight: ${this.height}px;\n\t\t\t\t}\n\t\t\t</style>\n\t\t\t<div id=\"container\">\n\t\t\t\t<canvas></canvas>\n\t\t\t</div>\n\t\t`;\n }\n}\n__decorate([\n lit_element_1.property({ type: String })\n], VisBase.prototype, \"bgcolor\", void 0);\n__decorate([\n lit_element_1.property({ type: String })\n], VisBase.prototype, \"color\", void 0);\n__decorate([\n lit_element_1.property({ type: Object })\n], VisBase.prototype, \"values\", void 0);\n__decorate([\n lit_element_1.property({ type: Number })\n], VisBase.prototype, \"height\", void 0);\n__decorate([\n lit_element_1.property({ type: Number })\n], VisBase.prototype, \"width\", void 0);\nexports.VisBa
/***/ }),
/***/ "./src/gui/vis/visualizer.ts":
/*!***********************************!*\
!*** ./src/gui/vis/visualizer.ts ***!
\***********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.ToneVisualizer = void 0;\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nconst deepEquals = __webpack_require__(/*! deep-equal */ \"./node_modules/deep-equal/index.js\");\n__webpack_require__(/*! ./oscillator */ \"./src/gui/vis/oscillator.ts\");\n__webpack_require__(/*! ./envelope */ \"./src/gui/vis/envelope.ts\");\n__webpack_require__(/*! ./filter */ \"./src/gui/vis/filter.ts\");\n__webpack_require__(/*! ./compressor */ \"./src/gui/vis/compressor.ts\");\n__webpack_require__(/*! ./meter */ \"./src/gui/vis/meter.ts\");\n__webpack_require__(/*! ./waveform */ \"./src/gui/vis/waveform.ts\");\n__webpack_require__(/*! ./buffer */ \"./src/gui/vis/buffer.ts\");\nlet ToneVisualizer = class ToneVisualizer extends lit_element_1.LitElement {\n constructor() {\n super(...arguments);\n /**\n * Make sure that it is rendered for the first time\n * before applying shouldUpdate optimization\n */\n this.firstRendered = false;\n }\n bind(tone) {\n return __awaiter(this, void 0, void 0, function* () {\n // find the sub object\n this.tone = tone;\n this.path.forEach((path) => {\n this.tone = tone[path];\n });\n if (this.tone) {\n yield this.requestUpdate();\n this.shadowRoot\n .querySelectorAll(\".vis\")\n .forEach((vis) => {\n vis.bind(this.tone);\n });\n this.firstRendered = true;\n }\n });\n }\n shouldUpdate() {\n if (this.tone && this.firstRendered) {\n return deepEquals(this.values, this.tone.get());\n }\n else {\n return true;\n }\n }\n chooseVis() {\n if (this.tone.toString().includes(\"Envelope\")) {\n return lit_element_1.html `\n\t\t\t\t<tone-envelope-vis\n\t\t\t\t\tclass=\"vis\"\n\t\t\t\t\tvalues=${JSON.stringify(this.values)}\n\t\t\t\t></tone-envelope-vis>\n\t\t\t`;\n }\n else if (this.tone.toString().includes(\"Oscillator\")) {\n return lit_element_1.html `\n\t\t\t\t<tone-oscillator-vis\n\t\t\t\t\tclass=\"vis\"\n\t\t\t\t\tvalues=${JSON.stringify(this.values)}\n\t\t\t\t></tone-oscillator-vis>\n\t\t\t`;\n }\n else if (this.tone.toString() === \"Compressor\") {\n return lit_element_1.html `\n\t\t\t\t<tone-compressor-vis\n\t\t\t\t\tclass=\"vis\"\n\t\t\t\t\tvalues=${JSON.stringify(this.values)}\n\t\t\t\t></tone-compressor-vis>\n\t\t\t`;\n }\n else if (this.tone.toString() === \"Filter\" ||\n this.tone.toString() === \"OnePoleFilt
/***/ }),
/***/ "./src/gui/vis/waveform.ts":
/*!*********************************!*\
!*** ./src/gui/vis/waveform.ts ***!
\*********************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
"use strict";
eval("\nvar __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\n return c > 3 && r && Object.defineProperty(target, key, r), r;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createWaveform = void 0;\nconst vis_base_1 = __webpack_require__(/*! ./vis-base */ \"./src/gui/vis/vis-base.ts\");\nconst lit_element_1 = __webpack_require__(/*! lit-element */ \"./node_modules/lit-element/lit-element.js\");\nlet ToneWaveformElement = class ToneWaveformElement extends vis_base_1.VisBase {\n constructor() {\n super(...arguments);\n this.height = 40;\n }\n generate() {\n // ignored\n }\n loop() {\n requestAnimationFrame(this.loop.bind(this));\n if (!this.tone) {\n return;\n }\n const values = this.tone.getValue();\n this.draw(values);\n }\n bind(tone) {\n this.tone = tone;\n this.loop();\n }\n};\nToneWaveformElement = __decorate([\n lit_element_1.customElement(\"tone-waveform-vis\")\n], ToneWaveformElement);\n/**\n * Create an audio node element\n */\nfunction createWaveform({ tone, parent, height, }) {\n const element = document.createElement(\"tone-waveform-vis\");\n element.bind(tone);\n if (parent) {\n parent.appendChild(element);\n }\n if (height) {\n element.setAttribute(\"height\", height.toString());\n }\n return element;\n}\nexports.createWaveform = createWaveform;\n\n\n//# sourceURL=webpack:///./src/gui/vis/waveform.ts?");
/***/ }),
/***/ "tone":
/*!***********************!*\
!*** external "Tone" ***!
\***********************/
/*! no static exports found */
/***/ (function(module, exports) {
eval("module.exports = __WEBPACK_EXTERNAL_MODULE_tone__;\n\n//# sourceURL=webpack:///external_%22Tone%22?");
/***/ })
/******/ });
});
Reference in a new issue Copy permalink