Files
arne-drums/public/static/bundle.js

478 lines
146 KiB
JavaScript

/*
* ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
* This devtool is neither made for production nor for readable output files.
* It uses "eval()" calls to create a separate source file in the browser devtools.
* If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
* or disable the default devtool with "devtool: false".
* If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
*/
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main.css":
/*!****************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main.css ***!
\****************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ \"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"\", \"\",{\"version\":3,\"sources\":[],\"names\":[],\"mappings\":\"\",\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://arne-drums/./src/main.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroup/Beat/Beat.css":
/*!**********************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroup/Beat/Beat.css ***!
\**********************************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ \"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".beat:first-child {\\n padding-left: 5px;\\n}\\n\\n.beat:last-child {\\n padding-right: 0;\\n}\\n\\n.beat > * {\\n padding-right: 1em;\\n padding-left: 1em;\\n}\\n\\n.beat-settings-btn {\\n cursor: pointer;\\n line-height: 2em;\\n display: inline-block;\\n height: 2em;\\n border: 1px solid grey;\\n border-radius: 1em;\\n user-select: none;\\n transition: background-color 150ms;\\n}\\n\\n.beat-settings-btn:hover {\\n background-color: #eaeaea;\\n}\\n\\n.beat-settings-btn.active {\\n background-color: lightgrey;\\n transition: none;\\n}\\n\\n.beat-unit-block {\\n height: 2em;\\n}\\n\\n.beat-title {\\n line-height: 2em;\\n width: 3em;\\n margin: 0;\\n}\\n\\n.beat-spacer {\\n display: inline-block;\\n width: 1em;\\n height: 2em;\\n}\\n\\n.beat-main {\\n display: inline-flex;\\n}\\n\\n.beat-settings-container {\\n display: flex;\\n}\\n\\n.beat {\\n width: max-content;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/ui/BeatGroup/Beat/Beat.css\"],\"names\":[],\"mappings\":\"AAAA;IACI,iBAAiB;AACrB;;AAEA;IACI,gBAAgB;AACpB;;AAEA;IACI,kBAAkB;IAClB,iBAAiB;AACrB;;AAEA;IACI,eAAe;IACf,gBAAgB;IAChB,qBAAqB;IACrB,WAAW;IACX,sBAAsB;IACtB,kBAAkB;IAClB,iBAAiB;IACjB,kCAAkC;AACtC;;AAEA;IACI,yBAAyB;AAC7B;;AAEA;IACI,2BAA2B;IAC3B,gBAAgB;AACpB;;AAEA;IACI,WAAW;AACf;;AAEA;IACI,gBAAgB;IAChB,UAAU;IACV,SAAS;AACb;;AAEA;IACI,qBAAqB;IACrB,UAAU;IACV,WAAW;AACf;;AAEA;IACI,oBAAoB;AACxB;;AAEA;IACI,aAAa;AACjB;;AAEA;IACI,kBAAkB;AACtB\",\"sourcesContent\":[\".beat:first-child {\\n padding-left: 5px;\\n}\\n\\n.beat:last-child {\\n padding-right: 0;\\n}\\n\\n.beat > * {\\n padding-right: 1em;\\n padding-left: 1em;\\n}\\n\\n.beat-settings-btn {\\n cursor: pointer;\\n line-height: 2em;\\n display: inline-block;\\n height: 2em;\\n border: 1px solid grey;\\n border-radius: 1em;\\n user-select: none;\\n transition: background-color 150ms;\\n}\\n\\n.beat-settings-btn:hover {\\n background-color: #eaeaea;\\n}\\n\\n.beat-settings-btn.active {\\n background-color: lightgrey;\\n transition: none;\\n}\\n\\n.beat-unit-block {\\n height: 2em;\\n}\\n\\n.beat-title {\\n line-height: 2em;\\n width: 3em;\\n margin: 0;\\n}\\n\\n.beat-spacer {\\n display: inline-block;\\n width: 1em;\\n height: 2em;\\n}\\n\\n.beat-main {\\n display: inline-flex;\\n}\\n\\n.beat-settings-container {\\n display: flex;\\n}\\n\\n.beat {\\n width: max-content;\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/Beat/Beat.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroup/Beat/BeatUnit/BeatUnit.css":
/*!***********************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroup/Beat/BeatUnit/BeatUnit.css ***!
\***********************************************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ \"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".beat-unit {\\n width: 2em;\\n height: 2em;\\n margin-right: 0.2em;\\n background-color: white;\\n border-width: 0.1em 0.1em 0.1em 0.1em;\\n border-color: black;\\n border-style: solid;\\n display: inline-block;\\n transition: background-color 150ms;\\n cursor: pointer;\\n}\\n\\n.beat-unit:hover {\\n background-color: #f1c3b6;\\n transition: none;\\n}\\n\\n.beat-unit.beat-unit-ghost:hover {\\n background-color: #c9e2c9;\\n}\\n\\n.beat-unit.beat-unit-on {\\n background-color: darksalmon;\\n transition: none;\\n}\\n\\n.beat-unit.beat-unit-on.beat-unit-ghost {\\n background-color: darkseagreen;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/ui/BeatGroup/Beat/BeatUnit/BeatUnit.css\"],\"names\":[],\"mappings\":\"AAAA;IACI,UAAU;IACV,WAAW;IACX,mBAAmB;IACnB,uBAAuB;IACvB,qCAAqC;IACrC,mBAAmB;IACnB,mBAAmB;IACnB,qBAAqB;IACrB,kCAAkC;IAClC,eAAe;AACnB;;AAEA;IACI,yBAAyB;IACzB,gBAAgB;AACpB;;AAEA;IACI,yBAAyB;AAC7B;;AAEA;IACI,4BAA4B;IAC5B,gBAAgB;AACpB;;AAEA;IACI,8BAA8B;AAClC\",\"sourcesContent\":[\".beat-unit {\\n width: 2em;\\n height: 2em;\\n margin-right: 0.2em;\\n background-color: white;\\n border-width: 0.1em 0.1em 0.1em 0.1em;\\n border-color: black;\\n border-style: solid;\\n display: inline-block;\\n transition: background-color 150ms;\\n cursor: pointer;\\n}\\n\\n.beat-unit:hover {\\n background-color: #f1c3b6;\\n transition: none;\\n}\\n\\n.beat-unit.beat-unit-ghost:hover {\\n background-color: #c9e2c9;\\n}\\n\\n.beat-unit.beat-unit-on {\\n background-color: darksalmon;\\n transition: none;\\n}\\n\\n.beat-unit.beat-unit-on.beat-unit-ghost {\\n background-color: darkseagreen;\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/Beat/BeatUnit/BeatUnit.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroupSettings/BeatGroupSettings.css":
/*!**************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroupSettings/BeatGroupSettings.css ***!
\**************************************************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ \"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".beat-group-settings {\\n}\\n\\n.beat-group-settings-options {\\n padding: 1em;\\n display: inline-flex;\\n width: 40em;\\n justify-content: space-evenly;\\n}\\n\\n.beat-group-settings-option {\\n display: inline-block;\\n text-align: center;\\n}\\n\\n.beat-group-settings-option-group {\\n display: none;\\n}\\n.beat-group-settings-option-group.visible {\\n display: inline-block;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/ui/BeatGroupSettings/BeatGroupSettings.css\"],\"names\":[],\"mappings\":\"AAAA;AACA;;AAEA;IACI,YAAY;IACZ,oBAAoB;IACpB,WAAW;IACX,6BAA6B;AACjC;;AAEA;IACI,qBAAqB;IACrB,kBAAkB;AACtB;;AAEA;IACI,aAAa;AACjB;AACA;IACI,qBAAqB;AACzB\",\"sourcesContent\":[\".beat-group-settings {\\n}\\n\\n.beat-group-settings-options {\\n padding: 1em;\\n display: inline-flex;\\n width: 40em;\\n justify-content: space-evenly;\\n}\\n\\n.beat-group-settings-option {\\n display: inline-block;\\n text-align: center;\\n}\\n\\n.beat-group-settings-option-group {\\n display: none;\\n}\\n.beat-group-settings-option-group.visible {\\n display: inline-block;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroupSettings/BeatGroupSettings.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettings.css":
/*!********************************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettings.css ***!
\********************************************************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ \"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".loop-settings-option-group {\\n margin-top: 1em;\\n}\\n\\n.loop-settings-option > label {\\n width: 5em;\\n text-align: left;\\n}\\n\\n.loop-settings > p {\\n margin: 0;\\n text-align: center;\\n}\\n\\n.loop-settings-option {\\n display: flex;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettings.css\"],\"names\":[],\"mappings\":\"AAAA;IACI,eAAe;AACnB;;AAEA;IACI,UAAU;IACV,gBAAgB;AACpB;;AAEA;IACI,SAAS;IACT,kBAAkB;AACtB;;AAEA;IACI,aAAa;AACjB\",\"sourcesContent\":[\".loop-settings-option-group {\\n margin-top: 1em;\\n}\\n\\n.loop-settings-option > label {\\n width: 5em;\\n text-align: left;\\n}\\n\\n.loop-settings > p {\\n margin: 0;\\n text-align: center;\\n}\\n\\n.loop-settings-option {\\n display: flex;\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettings.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatSettings/BeatSettings.css":
/*!****************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatSettings/BeatSettings.css ***!
\****************************************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ \"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".beat-settings {\\n padding: 1em;\\n display: none;\\n text-align: center;\\n width: 40em;\\n justify-content: space-evenly;\\n}\\n\\n.beat-settings.visible {\\n display: inline-flex;\\n}\\n\\n.beat-settings-time-sig-up {\\n display: block;\\n}\\n\\n.beat-settings-time-sig-down {\\n display: block;\\n}\\n\\n.beat-settings-option {\\n display: inline-block;\\n}\\n\\n.beat-settings-option-group {\\n align-self: stretch;\\n}\\n\\n.beat-settings-time-sig input {\\n margin: auto;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/ui/BeatSettings/BeatSettings.css\"],\"names\":[],\"mappings\":\"AAAA;IACI,YAAY;IACZ,aAAa;IACb,kBAAkB;IAClB,WAAW;IACX,6BAA6B;AACjC;;AAEA;IACI,oBAAoB;AACxB;;AAEA;IACI,cAAc;AAClB;;AAEA;IACI,cAAc;AAClB;;AAEA;IACI,qBAAqB;AACzB;;AAEA;IACI,mBAAmB;AACvB;;AAEA;IACI,YAAY;AAChB\",\"sourcesContent\":[\".beat-settings {\\n padding: 1em;\\n display: none;\\n text-align: center;\\n width: 40em;\\n justify-content: space-evenly;\\n}\\n\\n.beat-settings.visible {\\n display: inline-flex;\\n}\\n\\n.beat-settings-time-sig-up {\\n display: block;\\n}\\n\\n.beat-settings-time-sig-down {\\n display: block;\\n}\\n\\n.beat-settings-option {\\n display: inline-block;\\n}\\n\\n.beat-settings-option-group {\\n align-self: stretch;\\n}\\n\\n.beat-settings-time-sig input {\\n margin: auto;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatSettings/BeatSettings.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/Root/Root.css":
/*!************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/Root/Root.css ***!
\************************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ \"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \":root {\\n --color-ui-accent-light: #07afb6;\\n --color-ui-accent-dark: #00888b;\\n --color-ui-neutral-light: #fdfdfe;\\n --color-ui-neutral-dark: #8b8b8b;\\n --color-ui-neutral-dark-hover: #a1a1a1;\\n --color-bg-light: #464646;\\n --color-bg-dark: #282828;\\n --color-p-light: #fafafa;\\n --color-p-dark: #282828;\\n --color-title-light: #fafafa;\\n --color-title-dark: #282828;\\n}\\n\\nbody {\\n background-color: var(--color-bg-dark);\\n color: var(--color-p-light);\\n}\\n\\n.root {\\n background-color: var(--color-bg-light);\\n margin-left: 10em;\\n margin-right: 10em;\\n}\\n\\n.root-title {\\n color: var(--color-title-light);\\n text-align: center;\\n}\\n\\ninput[type=\\\"checkbox\\\"] {\\n position: relative;\\n width: 2em;\\n height: 1em;\\n padding: 0;\\n margin: 0;\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n}\\n\\ninput[type=\\\"checkbox\\\"]::before {\\n width: 2em;\\n height: 1em;\\n border-radius: 1em;\\n background-color: var(--color-ui-accent-dark);\\n display: block;\\n content: \\\"\\\";\\n z-index: 0;\\n position: absolute;\\n transition: background-color 200ms;\\n}\\n\\ninput[type=\\\"checkbox\\\"]:checked::before {\\n background-color: var(--color-ui-accent-light);\\n}\\n\\ninput[type=\\\"checkbox\\\"]::after {\\n position: absolute;\\n width: 1em;\\n height: 1em;\\n border-radius: 1em;\\n border-color: var(--color-ui-neutral-dark);\\n border-width: 1px;\\n background-color: var(--color-ui-neutral-light);\\n display: block;\\n content: \\\"\\\";\\n z-index: 1;\\n right: 1em;\\n transition: right 200ms;\\n}\\n\\ninput[type=\\\"checkbox\\\"]:checked::after {\\n right: 0;\\n}\\n\\n* {\\n user-drag: none;\\n user-select: none;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/ui/Root/Root.css\"],\"names\":[],\"mappings\":\"AAAA;IACI,gCAAgC;IAChC,+BAA+B;IAC/B,iCAAiC;IACjC,gCAAgC;IAChC,sCAAsC;IACtC,yBAAyB;IACzB,wBAAwB;IACxB,wBAAwB;IACxB,uBAAuB;IACvB,4BAA4B;IAC5B,2BAA2B;AAC/B;;AAEA;IACI,sCAAsC;IACtC,2BAA2B;AAC/B;;AAEA;IACI,uCAAuC;IACvC,iBAAiB;IACjB,kBAAkB;AACtB;;AAEA;IACI,+BAA+B;IAC/B,kBAAkB;AACtB;;AAEA;IACI,kBAAkB;IAClB,UAAU;IACV,WAAW;IACX,UAAU;IACV,SAAS;IACT,wBAAwB;IACxB,qBAAqB;IACrB,gBAAgB;AACpB;;AAEA;IACI,UAAU;IACV,WAAW;IACX,kBAAkB;IAClB,6CAA6C;IAC7C,cAAc;IACd,WAAW;IACX,UAAU;IACV,kBAAkB;IAClB,kCAAkC;AACtC;;AAEA;IACI,8CAA8C;AAClD;;AAEA;IACI,kBAAkB;IAClB,UAAU;IACV,WAAW;IACX,kBAAkB;IAClB,0CAA0C;IAC1C,iBAAiB;IACjB,+CAA+C;IAC/C,cAAc;IACd,WAAW;IACX,UAAU;IACV,UAAU;IACV,uBAAuB;AAC3B;;AAEA;IACI,QAAQ;AACZ;;AAEA;IACI,eAAe;IACf,iBAAiB;AACrB\",\"sourcesContent\":[\":root {\\n --color-ui-accent-light: #07afb6;\\n --color-ui-accent-dark: #00888b;\\n --color-ui-neutral-light: #fdfdfe;\\n --color-ui-neutral-dark: #8b8b8b;\\n --color-ui-neutral-dark-hover: #a1a1a1;\\n --color-bg-light: #464646;\\n --color-bg-dark: #282828;\\n --color-p-light: #fafafa;\\n --color-p-dark: #282828;\\n --color-title-light: #fafafa;\\n --color-title-dark: #282828;\\n}\\n\\nbody {\\n background-color: var(--color-bg-dark);\\n color: var(--color-p-light);\\n}\\n\\n.root {\\n background-color: var(--color-bg-light);\\n margin-left: 10em;\\n margin-right: 10em;\\n}\\n\\n.root-title {\\n color: var(--color-title-light);\\n text-align: center;\\n}\\n\\ninput[type=\\\"checkbox\\\"] {\\n position: relative;\\n width: 2em;\\n height: 1em;\\n padding: 0;\\n margin: 0;\\n -webkit-appearance: none;\\n -moz-appearance: none;\\n appearance: none;\\n}\\n\\ninput[type=\\\"checkbox\\\"]::before {\\n width: 2em;\\n height: 1em;\\n border-radius: 1em;\\n background-color: var(--color-ui-accent-dark);\\n display: block;\\n content: \\\"\\\";\\n z-index: 0;\\n position: absolute;\\n transition: background-color 200ms;\\n}\\n\\ninput[type=\\\"checkbox\\\"]:checked::before {\\n background-color: var(--color-ui-accent-light);\\n}\\n\\ninput[type=\\\"checkbox\\\"]::after {\\n position: absolute;\\n width: 1em;\\n height: 1em;\\n border-radius: 1em;\\n border-color: var(--color-ui-neutral-dark);\\n border-width: 1px;\\n background-color: var(--color-ui-neutral-light);\\n display: block;\\n content: \\\"\\\";\\n z-index: 1;\\n right: 1em;\\n transition: right 200ms;\\n}\\n\\ninput[type=\\\"checkbox\\\"]:checked::after {\\n right: 0;\\n}\\n\\n* {\\n user-drag: none;\\n user-select: none;\\n}\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/Root/Root.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
/***/ }),
/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/Widgets/NumberInput/NumberInput.css":
/*!**********************************************************************************************************************!*\
!*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/Widgets/NumberInput/NumberInput.css ***!
\**********************************************************************************************************************/
/***/ ((module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/cssWithMappingToString.js */ \"./node_modules/css-loader/dist/runtime/cssWithMappingToString.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"input[type=\\\"number\\\"].number-input-input {\\n -webkit-appearance: textfield;\\n -moz-appearance: textfield;\\n text-align: center;\\n width: 3em;\\n border-style: none;\\n border-width: 0;\\n border-radius: 0;\\n background-color: var(--color-ui-neutral-light);\\n color: var(--color-p-dark)\\n}\\n\\ninput[type=\\\"number\\\"].number-input-input::-webkit-inner-spin-button,\\ninput[type=\\\"number\\\"].number-input-input::-webkit-outer-spin-button {\\n -webkit-appearance: none;\\n}\\n\\n.number-input-button {\\n border-width: 0;\\n background-color: var(--color-ui-neutral-dark);\\n color: var(--color-ui-neutral-light);\\n cursor: pointer;\\n}\\n\\n.number-input-button:hover {\\n background-color: var(--color-ui-neutral-dark-hover);\\n}\\n\\n.number-input-inc {\\n border-radius: 0 0.5em 0.5em 0;\\n}\\n\\n.number-input-dec {\\n border-radius: 0.5em 0 0 0.5em;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/ui/Widgets/NumberInput/NumberInput.css\"],\"names\":[],\"mappings\":\"AAAA;IACI,6BAA6B;IAC7B,0BAA0B;IAC1B,kBAAkB;IAClB,UAAU;IACV,kBAAkB;IAClB,eAAe;IACf,gBAAgB;IAChB,+CAA+C;IAC/C;AACJ;;AAEA;;IAEI,wBAAwB;AAC5B;;AAEA;IACI,eAAe;IACf,8CAA8C;IAC9C,oCAAoC;IACpC,eAAe;AACnB;;AAEA;IACI,oDAAoD;AACxD;;AAEA;IACI,8BAA8B;AAClC;;AAEA;IACI,8BAA8B;AAClC\",\"sourcesContent\":[\"input[type=\\\"number\\\"].number-input-input {\\n -webkit-appearance: textfield;\\n -moz-appearance: textfield;\\n text-align: center;\\n width: 3em;\\n border-style: none;\\n border-width: 0;\\n border-radius: 0;\\n background-color: var(--color-ui-neutral-light);\\n color: var(--color-p-dark)\\n}\\n\\ninput[type=\\\"number\\\"].number-input-input::-webkit-inner-spin-button,\\ninput[type=\\\"number\\\"].number-input-input::-webkit-outer-spin-button {\\n -webkit-appearance: none;\\n}\\n\\n.number-input-button {\\n border-width: 0;\\n background-color: var(--color-ui-neutral-dark);\\n color: var(--color-ui-neutral-light);\\n cursor: pointer;\\n}\\n\\n.number-input-button:hover {\\n background-color: var(--color-ui-neutral-dark-hover);\\n}\\n\\n.number-input-inc {\\n border-radius: 0 0.5em 0.5em 0;\\n}\\n\\n.number-input-dec {\\n border-radius: 0.5em 0 0 0.5em;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/Widgets/NumberInput/NumberInput.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
/***/ }),
/***/ "./node_modules/css-loader/dist/runtime/api.js":
/*!*****************************************************!*\
!*** ./node_modules/css-loader/dist/runtime/api.js ***!
\*****************************************************/
/***/ ((module) => {
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 (cssWithMappingToString) {\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);\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, dedupe) {\n if (typeof modules === \"string\") {\n // eslint-disable-next-line no-param-reassign\n modules = [[null, modules, \"\"]];\n }\n\n var alreadyImportedModules = {};\n\n if (dedupe) {\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\n for (var _i = 0; _i < modules.length; _i++) {\n var item = [].concat(modules[_i]);\n\n if (dedupe && alreadyImportedModules[item[0]]) {\n // eslint-disable-next-line no-continue\n continue;\n }\n\n if (mediaQuery) {\n if (!item[2]) {\n item[2] = mediaQuery;\n } else {\n item[2] = \"\".concat(mediaQuery, \" and \").concat(item[2]);\n }\n }\n\n list.push(item);\n }\n };\n\n return list;\n};\n\n//# sourceURL=webpack://arne-drums/./node_modules/css-loader/dist/runtime/api.js?");
/***/ }),
/***/ "./node_modules/css-loader/dist/runtime/cssWithMappingToString.js":
/*!************************************************************************!*\
!*** ./node_modules/css-loader/dist/runtime/cssWithMappingToString.js ***!
\************************************************************************/
/***/ ((module) => {
eval("\n\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _nonIterableRest() { throw new TypeError(\"Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== \"undefined\" && arr[Symbol.iterator] || arr[\"@@iterator\"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i[\"return\"] != null) _i[\"return\"](); } finally { if (_d) throw _e; } } return _arr; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\nmodule.exports = function cssWithMappingToString(item) {\n var _item = _slicedToArray(item, 4),\n content = _item[1],\n cssMapping = _item[3];\n\n if (!cssMapping) {\n return content;\n }\n\n if (typeof btoa === \"function\") {\n // eslint-disable-next-line no-undef\n var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n var sourceMapping = \"/*# \".concat(data, \" */\");\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};\n\n//# sourceURL=webpack://arne-drums/./node_modules/css-loader/dist/runtime/cssWithMappingToString.js?");
/***/ }),
/***/ "./src/main.css":
/*!**********************!*\
!*** ./src/main.css ***!
\**********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_main_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./main.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/main.css\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_main_css__WEBPACK_IMPORTED_MODULE_6__.default, options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_main_css__WEBPACK_IMPORTED_MODULE_6__.default && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_main_css__WEBPACK_IMPORTED_MODULE_6__.default.locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_main_css__WEBPACK_IMPORTED_MODULE_6__.default.locals : undefined);\n\n\n//# sourceURL=webpack://arne-drums/./src/main.css?");
/***/ }),
/***/ "./src/ui/BeatGroup/Beat/Beat.css":
/*!****************************************!*\
!*** ./src/ui/BeatGroup/Beat/Beat.css ***!
\****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Beat_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./Beat.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroup/Beat/Beat.css\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Beat_css__WEBPACK_IMPORTED_MODULE_6__.default, options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Beat_css__WEBPACK_IMPORTED_MODULE_6__.default && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Beat_css__WEBPACK_IMPORTED_MODULE_6__.default.locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Beat_css__WEBPACK_IMPORTED_MODULE_6__.default.locals : undefined);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/Beat/Beat.css?");
/***/ }),
/***/ "./src/ui/BeatGroup/Beat/BeatUnit/BeatUnit.css":
/*!*****************************************************!*\
!*** ./src/ui/BeatGroup/Beat/BeatUnit/BeatUnit.css ***!
\*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatUnit_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./BeatUnit.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroup/Beat/BeatUnit/BeatUnit.css\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatUnit_css__WEBPACK_IMPORTED_MODULE_6__.default, options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatUnit_css__WEBPACK_IMPORTED_MODULE_6__.default && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatUnit_css__WEBPACK_IMPORTED_MODULE_6__.default.locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatUnit_css__WEBPACK_IMPORTED_MODULE_6__.default.locals : undefined);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/Beat/BeatUnit/BeatUnit.css?");
/***/ }),
/***/ "./src/ui/BeatGroupSettings/BeatGroupSettings.css":
/*!********************************************************!*\
!*** ./src/ui/BeatGroupSettings/BeatGroupSettings.css ***!
\********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatGroupSettings_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./BeatGroupSettings.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroupSettings/BeatGroupSettings.css\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatGroupSettings_css__WEBPACK_IMPORTED_MODULE_6__.default, options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatGroupSettings_css__WEBPACK_IMPORTED_MODULE_6__.default && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatGroupSettings_css__WEBPACK_IMPORTED_MODULE_6__.default.locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatGroupSettings_css__WEBPACK_IMPORTED_MODULE_6__.default.locals : undefined);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroupSettings/BeatGroupSettings.css?");
/***/ }),
/***/ "./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettings.css":
/*!**************************************************************!*\
!*** ./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettings.css ***!
\**************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatLikeLoopSettings_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./BeatLikeLoopSettings.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettings.css\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatLikeLoopSettings_css__WEBPACK_IMPORTED_MODULE_6__.default, options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatLikeLoopSettings_css__WEBPACK_IMPORTED_MODULE_6__.default && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatLikeLoopSettings_css__WEBPACK_IMPORTED_MODULE_6__.default.locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatLikeLoopSettings_css__WEBPACK_IMPORTED_MODULE_6__.default.locals : undefined);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettings.css?");
/***/ }),
/***/ "./src/ui/BeatSettings/BeatSettings.css":
/*!**********************************************!*\
!*** ./src/ui/BeatSettings/BeatSettings.css ***!
\**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatSettings_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./BeatSettings.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatSettings/BeatSettings.css\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatSettings_css__WEBPACK_IMPORTED_MODULE_6__.default, options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatSettings_css__WEBPACK_IMPORTED_MODULE_6__.default && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatSettings_css__WEBPACK_IMPORTED_MODULE_6__.default.locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatSettings_css__WEBPACK_IMPORTED_MODULE_6__.default.locals : undefined);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatSettings/BeatSettings.css?");
/***/ }),
/***/ "./src/ui/Root/Root.css":
/*!******************************!*\
!*** ./src/ui/Root/Root.css ***!
\******************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Root_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./Root.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/Root/Root.css\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Root_css__WEBPACK_IMPORTED_MODULE_6__.default, options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Root_css__WEBPACK_IMPORTED_MODULE_6__.default && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Root_css__WEBPACK_IMPORTED_MODULE_6__.default.locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Root_css__WEBPACK_IMPORTED_MODULE_6__.default.locals : undefined);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/Root/Root.css?");
/***/ }),
/***/ "./src/ui/Widgets/NumberInput/NumberInput.css":
/*!****************************************************!*\
!*** ./src/ui/Widgets/NumberInput/NumberInput.css ***!
\****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_NumberInput_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./NumberInput.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/Widgets/NumberInput/NumberInput.css\");\n\n \n \n \n \n \n \n \n \n \n\nvar options = {};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());\n\n options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\n \noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_NumberInput_css__WEBPACK_IMPORTED_MODULE_6__.default, options);\n\n\n\n\n /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_NumberInput_css__WEBPACK_IMPORTED_MODULE_6__.default && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_NumberInput_css__WEBPACK_IMPORTED_MODULE_6__.default.locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_NumberInput_css__WEBPACK_IMPORTED_MODULE_6__.default.locals : undefined);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/Widgets/NumberInput/NumberInput.css?");
/***/ }),
/***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js":
/*!****************************************************************************!*\
!*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***!
\****************************************************************************/
/***/ ((module) => {
eval("\n\nvar stylesInDom = [];\n\nfunction getIndexByIdentifier(identifier) {\n var result = -1;\n\n for (var i = 0; i < stylesInDom.length; i++) {\n if (stylesInDom[i].identifier === identifier) {\n result = i;\n break;\n }\n }\n\n return result;\n}\n\nfunction modulesToDom(list, options) {\n var idCountMap = {};\n var identifiers = [];\n\n for (var i = 0; i < list.length; i++) {\n var item = list[i];\n var id = options.base ? item[0] + options.base : item[0];\n var count = idCountMap[id] || 0;\n var identifier = \"\".concat(id, \" \").concat(count);\n idCountMap[id] = count + 1;\n var index = getIndexByIdentifier(identifier);\n var obj = {\n css: item[1],\n media: item[2],\n sourceMap: item[3]\n };\n\n if (index !== -1) {\n stylesInDom[index].references++;\n stylesInDom[index].updater(obj);\n } else {\n stylesInDom.push({\n identifier: identifier,\n updater: addStyle(obj, options),\n references: 1\n });\n }\n\n identifiers.push(identifier);\n }\n\n return identifiers;\n}\n\nfunction addStyle(obj, options) {\n var api = options.domAPI(options);\n api.update(obj);\n return function updateStyle(newObj) {\n if (newObj) {\n if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {\n return;\n }\n\n api.update(obj = newObj);\n } else {\n api.remove();\n }\n };\n}\n\nmodule.exports = function (list, options) {\n options = options || {};\n list = list || [];\n var lastIdentifiers = modulesToDom(list, options);\n return function update(newList) {\n newList = newList || [];\n\n for (var i = 0; i < lastIdentifiers.length; i++) {\n var identifier = lastIdentifiers[i];\n var index = getIndexByIdentifier(identifier);\n stylesInDom[index].references--;\n }\n\n var newLastIdentifiers = modulesToDom(newList, options);\n\n for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n var _identifier = lastIdentifiers[_i];\n\n var _index = getIndexByIdentifier(_identifier);\n\n if (stylesInDom[_index].references === 0) {\n stylesInDom[_index].updater();\n\n stylesInDom.splice(_index, 1);\n }\n }\n\n lastIdentifiers = newLastIdentifiers;\n };\n};\n\n//# sourceURL=webpack://arne-drums/./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js?");
/***/ }),
/***/ "./node_modules/style-loader/dist/runtime/insertBySelector.js":
/*!********************************************************************!*\
!*** ./node_modules/style-loader/dist/runtime/insertBySelector.js ***!
\********************************************************************/
/***/ ((module) => {
eval("\n\nvar memo = {};\n/* istanbul ignore next */\n\nfunction getTarget(target) {\n if (typeof memo[target] === \"undefined\") {\n var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n try {\n // This will throw an exception if access to iframe is blocked\n // due to cross-origin restrictions\n styleTarget = styleTarget.contentDocument.head;\n } catch (e) {\n // istanbul ignore next\n styleTarget = null;\n }\n }\n\n memo[target] = styleTarget;\n }\n\n return memo[target];\n}\n/* istanbul ignore next */\n\n\nfunction insertBySelector(insert, style) {\n var target = getTarget(insert);\n\n if (!target) {\n throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n }\n\n target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;\n\n//# sourceURL=webpack://arne-drums/./node_modules/style-loader/dist/runtime/insertBySelector.js?");
/***/ }),
/***/ "./node_modules/style-loader/dist/runtime/insertStyleElement.js":
/*!**********************************************************************!*\
!*** ./node_modules/style-loader/dist/runtime/insertStyleElement.js ***!
\**********************************************************************/
/***/ ((module) => {
eval("\n\n/* istanbul ignore next */\nfunction insertStyleElement(options) {\n var style = document.createElement(\"style\");\n options.setAttributes(style, options.attributes);\n options.insert(style);\n return style;\n}\n\nmodule.exports = insertStyleElement;\n\n//# sourceURL=webpack://arne-drums/./node_modules/style-loader/dist/runtime/insertStyleElement.js?");
/***/ }),
/***/ "./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js":
/*!**********************************************************************************!*\
!*** ./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js ***!
\**********************************************************************************/
/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
eval("\n\n/* istanbul ignore next */\nfunction setAttributesWithoutAttributes(style) {\n var nonce = true ? __webpack_require__.nc : 0;\n\n if (nonce) {\n style.setAttribute(\"nonce\", nonce);\n }\n}\n\nmodule.exports = setAttributesWithoutAttributes;\n\n//# sourceURL=webpack://arne-drums/./node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js?");
/***/ }),
/***/ "./node_modules/style-loader/dist/runtime/styleDomAPI.js":
/*!***************************************************************!*\
!*** ./node_modules/style-loader/dist/runtime/styleDomAPI.js ***!
\***************************************************************/
/***/ ((module) => {
eval("\n\n/* istanbul ignore next */\nfunction apply(style, options, obj) {\n var css = obj.css;\n var media = obj.media;\n var sourceMap = obj.sourceMap;\n\n if (media) {\n style.setAttribute(\"media\", media);\n } else {\n style.removeAttribute(\"media\");\n }\n\n if (sourceMap && typeof btoa !== \"undefined\") {\n css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n } // For old IE\n\n /* istanbul ignore if */\n\n\n options.styleTagTransform(css, style);\n}\n\nfunction removeStyleElement(style) {\n // istanbul ignore if\n if (style.parentNode === null) {\n return false;\n }\n\n style.parentNode.removeChild(style);\n}\n/* istanbul ignore next */\n\n\nfunction domAPI(options) {\n var style = options.insertStyleElement(options);\n return {\n update: function update(obj) {\n apply(style, options, obj);\n },\n remove: function remove() {\n removeStyleElement(style);\n }\n };\n}\n\nmodule.exports = domAPI;\n\n//# sourceURL=webpack://arne-drums/./node_modules/style-loader/dist/runtime/styleDomAPI.js?");
/***/ }),
/***/ "./node_modules/style-loader/dist/runtime/styleTagTransform.js":
/*!*********************************************************************!*\
!*** ./node_modules/style-loader/dist/runtime/styleTagTransform.js ***!
\*********************************************************************/
/***/ ((module) => {
eval("\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, style) {\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n while (style.firstChild) {\n style.removeChild(style.firstChild);\n }\n\n style.appendChild(document.createTextNode(css));\n }\n}\n\nmodule.exports = styleTagTransform;\n\n//# sourceURL=webpack://arne-drums/./node_modules/style-loader/dist/runtime/styleTagTransform.js?");
/***/ }),
/***/ "./src/Beat.ts":
/*!*********************!*\
!*** ./src/Beat.ts ***!
\*********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ Beat)\n/* harmony export */ });\n/* harmony import */ var _BeatUnit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BeatUnit */ \"./src/BeatUnit.ts\");\n/* harmony import */ var _Publisher__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Publisher */ \"./src/Publisher.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ \"./src/utils.ts\");\n\n\n\nclass Beat {\n static count = 0;\n key;\n name;\n timeSigUp = 4;\n timeSigDown = 4;\n unitRecord = [];\n barCount = 1;\n publisher = new _Publisher__WEBPACK_IMPORTED_MODULE_1__.Publisher();\n loopLength;\n looping;\n constructor(options) {\n this.key = `Beat-${Beat.count}`;\n this.name = options?.name ?? this.key;\n this.setTimeSignature({ up: options?.timeSig?.up ?? 4, down: options?.timeSig?.down ?? 4 });\n this.setBarCount(options?.bars ?? 4);\n Beat.count++;\n this.loopLength = options?.loopLength ?? this.timeSigUp * this.barCount;\n this.looping = options?.isLooping ?? false;\n }\n setLoopLength(loopLength) {\n if (!(0,_utils__WEBPACK_IMPORTED_MODULE_2__.isPosInt)(loopLength) || loopLength < 2) {\n loopLength = this.loopLength;\n }\n this.loopLength = loopLength;\n this.publisher.notifySubs(\"BE4\" /* LoopLengthChanged */);\n }\n setLooping(isLooping) {\n this.looping = isLooping;\n this.publisher.notifySubs(\"BE3\" /* DisplayTypeChanged */);\n }\n addSubscriber(subscriber, eventType) {\n return this.publisher.addSubscriber(subscriber, eventType);\n }\n setTimeSignature(timeSig) {\n if (timeSig.up && Beat.isValidTimeSigRange(timeSig.up)) {\n this.timeSigUp = timeSig.up | 0;\n }\n if (timeSig.down && Beat.isValidTimeSigRange(timeSig.down)) {\n this.timeSigDown = timeSig.down | 0;\n }\n this.updateBeatUnitLength();\n this.publisher.notifySubs(\"BE0\" /* NewTimeSig */);\n }\n setTimeSigUp(timeSigUp) {\n this.setTimeSignature({ up: timeSigUp });\n }\n setTimeSigDown(timeSigUp) {\n this.setTimeSignature({ down: timeSigUp });\n }\n setBarCount(barCount) {\n if (!(0,_utils__WEBPACK_IMPORTED_MODULE_2__.isPosInt)(barCount) || barCount == this.barCount) {\n barCount = this.barCount;\n }\n this.barCount = barCount;\n this.updateBeatUnitLength();\n this.publisher.notifySubs(\"BE1\" /* NewBarCount */);\n }\n getUnitByIndex(index) {\n if (this.looping) {\n index %= this.loopLength;\n }\n return this.unitRecord[index] ?? null;\n }\n updateBeatUnitLength() {\n const newBarCount = this.barCount * this.timeSigUp;\n if (newBarCount < this.unitRecord.length) {\n this.unitRecord.splice(this.barCount * this.timeSigUp, this.unitRecord.length - newBarCount);\n }\n else if (newBarCount > this.unitRecord.length) {\n const barsToAdd = newBarCount - this.unitRecord.length;\n for (let i = 0; i < barsToAdd; i++) {\n this.unitRecord.push(new _BeatUnit__WEBPACK_IMPORTED_MODULE_0__.default());\n }\n }\n }\n getTimeSigUp() {\n return this.timeSigUp;\n }\n getTimeSigDown() {\n return this.timeSigDown;\n }\n getBarCount() {\n return this.barCount;\n }\n getKey() {\n return this.key;\n }\n static isValidTimeSigRange(sig) {\n return sig >= 2 && sig <= 32;\n }\n setName(newName) {\n this.name = newName;\n this.publisher.notifySubs(\"BE2\" /* NewName */);\n }\n getName() {\n return this.name;\n }\n isLooping() {\n return this.looping;\n }\n getLoopLength() {\n return this.loopLength;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/Beat.ts?");
/***/ }),
/***/ "./src/BeatGroup.ts":
/*!**************************!*\
!*** ./src/BeatGroup.ts ***!
\**************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ BeatGroup)\n/* harmony export */ });\n/* harmony import */ var _Beat__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Beat */ \"./src/Beat.ts\");\n/* harmony import */ var _Publisher__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Publisher */ \"./src/Publisher.ts\");\n/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils */ \"./src/utils.ts\");\n\n\n\nclass BeatGroup {\n beats = [];\n beatKeyMap = {};\n publisher = new _Publisher__WEBPACK_IMPORTED_MODULE_1__.Publisher();\n barCount;\n timeSigUp;\n globalLoopLength;\n globalIsLooping;\n forceFullBars;\n useAutoBeatLength;\n constructor(options) {\n if (options?.beats) {\n for (const beatOptions of options.beats) {\n const newBeat = new _Beat__WEBPACK_IMPORTED_MODULE_0__.default(beatOptions);\n this.beats.push(newBeat);\n this.beatKeyMap[newBeat.getKey()] = this.beats.length - 1;\n }\n }\n this.barCount = options?.barCount ?? 4;\n this.timeSigUp = options?.timeSigUp ?? 4;\n this.globalLoopLength = options?.loopLength ?? this.barCount * this.timeSigUp;\n this.globalIsLooping = options?.isLooping ?? false;\n this.useAutoBeatLength = options?.useAutoBeatLength ?? false;\n this.forceFullBars = options?.forceFullBars ?? true;\n }\n notify(publisher, event) {\n if (event === \"BE4\" /* LoopLengthChanged */) {\n this.autoBeatLength();\n }\n }\n addSubscriber(subscriber, eventType) {\n return this.publisher.addSubscriber(subscriber, eventType);\n }\n setBarCount(barCount) {\n if (!(0,_utils__WEBPACK_IMPORTED_MODULE_2__.isPosInt)(barCount)) {\n barCount = this.barCount;\n }\n this.barCount = barCount;\n for (const beat of this.beats) {\n beat.setBarCount(barCount);\n }\n this.publisher.notifySubs(\"BGE2\" /* BarCountChanged */);\n }\n getBarCount() {\n return this.barCount;\n }\n setLoopLength(loopLength) {\n if (!(0,_utils__WEBPACK_IMPORTED_MODULE_2__.isPosInt)(loopLength)) {\n return;\n }\n this.globalLoopLength = loopLength;\n for (const beat of this.beats) {\n beat.setLoopLength(loopLength);\n }\n this.publisher.notifySubs(\"BE4\" /* LoopLengthChanged */);\n }\n getLoopLength() {\n return this.globalLoopLength;\n }\n setLooping(isLooping) {\n this.globalIsLooping = isLooping;\n for (const beat of this.beats) {\n beat.setLooping(isLooping);\n }\n if (isLooping) {\n this.autoBeatLength();\n }\n this.publisher.notifySubs(\"BE3\" /* DisplayTypeChanged */);\n }\n isLooping() {\n return this.globalIsLooping;\n }\n findSmallestLoopLength() {\n const loopLengths = [];\n const denominators = [];\n for (const beat of this.beats) {\n loopLengths.push(beat.getLoopLength());\n }\n if (this.forceFullBars) {\n loopLengths.push(this.timeSigUp);\n }\n for (let i = 0; i < loopLengths.length; i++) {\n let isFactor = false;\n for (let j = 0; j < loopLengths.length; j++) {\n if (j !== i && loopLengths[j] % loopLengths[i] === 0 && loopLengths[j] !== loopLengths[i]) {\n isFactor = true;\n break;\n }\n }\n if (!isFactor && denominators.indexOf(loopLengths[i]) === -1) {\n denominators.push(loopLengths[i]);\n }\n }\n return denominators.reduce((prev, curr) => prev * curr, 1);\n }\n setTimeSigUp(timeSigUp) {\n if (!_Beat__WEBPACK_IMPORTED_MODULE_0__.default.isValidTimeSigRange(timeSigUp)) {\n timeSigUp = this.timeSigUp;\n }\n this.timeSigUp = timeSigUp;\n for (const beat of this.beats) {\n beat.setTimeSignature({ up: timeSigUp });\n }\n this.publisher.notifySubs(\"BGE3\" /* TimeSigUpChanged */);\n }\n getTimeSigUp() {\n return this.timeSigUp;\n }\n getBeatByKey(beatKey) {\n if (typeof this.beatKeyMap[beatKey] === \"undefined\") {\n throw new Error(`Could not find the beat with key: ${beatKey}`);\n }\n return this.getBeatByIndex(this.beatKeyMap[beatKey]);\n }\n getBeatByIndex(beatIndex) {\n if (!this.beats[beatIndex]) {\n throw new Error(`Could not find the beat with index: ${beatIndex}`);\n }\n return this.beats[beatIndex];\n }\n getBeatCount() {\n return this.beats.length;\n }\n getBeatKeys() {\n return this.beats.map(beat => beat.getKey());\n }\n swapBeatsByIndices(beatIndex1, beatIndex2) {\n const beat1 = this.getBeatByIndex(beatIndex1);\n const beat2 = this.getBeatByIndex(beatIndex2);\n this.beats[beatIndex1] = beat2;\n this.beats[beatIndex2] = beat1;\n this.beatKeyMap[beat1.getKey()] = beatIndex2;\n this.beatKeyMap[beat2.getKey()] = beatIndex1;\n this.publisher.notifySubs(\"BGE0\" /* BeatOrderChanged */);\n }\n swapBeatsByKeys(beatKey1, beatKey2) {\n const index1 = this.beatKeyMap[this.getBeatByKey(beatKey1).getKey()];\n const index2 = this.beatKeyMap[this.getBeatByKey(beatKey2).getKey()];\n this.swapBeatsByIndices(index1, index2);\n }\n moveBeatBack(beatKey) {\n const index = this.beatKeyMap[beatKey];\n if (typeof index !== \"undefined\" && index > 0) {\n this.swapBeatsByIndices(index, index - 1);\n }\n this.publisher.notifySubs(\"BGE0\" /* BeatOrderChanged */);\n }\n moveBeatForward(beatKey) {\n const index = this.beatKeyMap[beatKey];\n if (typeof index !== \"undefined\" && index < this.getBeatCount()) {\n this.swapBeatsByIndices(index, index + 1);\n }\n this.publisher.notifySubs(\"BGE0\" /* BeatOrderChanged */);\n }\n canMoveBeatBack(beatKey) {\n return this.beatKeyMap[beatKey] > 0;\n }\n canMoveBeatForward(beatKey) {\n return this.beatKeyMap[beatKey] < this.beats.length - 1;\n }\n addBeat(options) {\n const newBeat = new _Beat__WEBPACK_IMPORTED_MODULE_0__.default(options);\n this.beats.push(newBeat);\n this.beatKeyMap[newBeat.getKey()] = this.beats.length;\n newBeat.addSubscriber(this, [\"BE4\" /* LoopLengthChanged */]);\n this.publisher.notifySubs(\"BGE1\" /* BeatListChanged */);\n return newBeat;\n }\n removeBeat(beatKey) {\n const beat = this.getBeatByKey(beatKey);\n this.publisher.notifySubs(\"BGE1\" /* BeatListChanged */);\n this.beats.splice(this.beats.indexOf(beat), 1);\n }\n setBeatName(beatKey, newName) {\n this.getBeatByKey(beatKey).setName(newName);\n this.publisher.notifySubs(\"BGE0\" /* BeatOrderChanged */);\n }\n autoBeatLengthOn() {\n return this.useAutoBeatLength;\n }\n forcesFullBars() {\n return this.forceFullBars;\n }\n autoBeatLength() {\n if (this.useAutoBeatLength && this.globalIsLooping) {\n this.setBarCount(this.findSmallestLoopLength() / this.timeSigUp);\n }\n }\n setIsUsingAutoBeatLength(isOn) {\n this.useAutoBeatLength = isOn;\n this.autoBeatLength();\n this.publisher.notifySubs(\"BGE4\" /* AutoBeatSettingsChanged */);\n }\n setForcesFullBars(force) {\n this.forceFullBars = force;\n this.autoBeatLength();\n this.publisher.notifySubs(\"BGE4\" /* AutoBeatSettingsChanged */);\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/BeatGroup.ts?");
/***/ }),
/***/ "./src/BeatUnit.ts":
/*!*************************!*\
!*** ./src/BeatUnit.ts ***!
\*************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"BeatUnitType\": () => (/* binding */ BeatUnitType),\n/* harmony export */ \"default\": () => (/* binding */ BeatUnit)\n/* harmony export */ });\n/* harmony import */ var _Publisher__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Publisher */ \"./src/Publisher.ts\");\n\nvar BeatUnitType;\n(function (BeatUnitType) {\n BeatUnitType[BeatUnitType[\"Normal\"] = 0] = \"Normal\";\n BeatUnitType[BeatUnitType[\"GhostNote\"] = 1] = \"GhostNote\";\n})(BeatUnitType || (BeatUnitType = {}));\nclass BeatUnit {\n publisher = new _Publisher__WEBPACK_IMPORTED_MODULE_0__.Publisher();\n on = false;\n type = BeatUnitType.Normal;\n constructor(on = false) {\n this.on = on;\n }\n addSubscriber(subscriber, eventType) {\n return this.publisher.addSubscriber(subscriber, eventType);\n }\n toggle() {\n this.on = !this.on;\n this.publisher.notifySubs(0 /* Toggle */);\n if (this.on) {\n this.publisher.notifySubs(1 /* On */);\n }\n else {\n this.publisher.notifySubs(2 /* Off */);\n }\n }\n setOn(on) {\n this.on = on;\n this.publisher.notifySubs(this.on ? 1 /* On */ : 2 /* Off */);\n }\n setType(type) {\n this.type = type;\n this.publisher.notifySubs(3 /* TypeChange */);\n }\n getType() {\n return this.type;\n }\n isOn() {\n return this.on;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/BeatUnit.ts?");
/***/ }),
/***/ "./src/Publisher.ts":
/*!**************************!*\
!*** ./src/Publisher.ts ***!
\**************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"Publisher\": () => (/* binding */ Publisher)\n/* harmony export */ });\nclass Publisher {\n subscribers;\n constructor() {\n this.subscribers = new Map();\n this.subscribers.set(\"all\", []);\n }\n addSubscriber(subscriber, eventType) {\n let eventTypes = [];\n if (!Array.isArray(eventType)) {\n eventTypes.push(eventType);\n }\n else {\n eventTypes = eventType;\n }\n for (const key of eventTypes) {\n this.getSubscribers(key).push(subscriber);\n }\n return {\n unbind: () => {\n for (const key of eventTypes) {\n const subs = this.getSubscribers(key);\n subs.splice(subs.indexOf(subscriber), 1);\n }\n }\n };\n }\n getSubscribers(key) {\n const subscribersList = this.subscribers.get(key);\n if (subscribersList === undefined) {\n const newList = [];\n this.subscribers.set(key, newList);\n return newList;\n }\n else {\n return subscribersList;\n }\n }\n notifySubs(eventType) {\n for (const sub of this.getSubscribers(eventType)) {\n sub.notify(this, eventType);\n }\n for (const sub of this.getSubscribers(\"all\")) {\n sub.notify(this, eventType);\n }\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/Publisher.ts?");
/***/ }),
/***/ "./src/main.ts":
/*!*********************!*\
!*** ./src/main.ts ***!
\*********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var _main_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./main.css */ \"./src/main.css\");\n/* harmony import */ var _BeatGroup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BeatGroup */ \"./src/BeatGroup.ts\");\n/* harmony import */ var _ui_Root_RootView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ui/Root/RootView */ \"./src/ui/Root/RootView.ts\");\n\n\n\nconst defaultSettings = {\n bars: 10,\n timeSig: {\n down: 4,\n up: 4,\n },\n};\nconst mainBeatGroup = new _BeatGroup__WEBPACK_IMPORTED_MODULE_1__.default();\nmainBeatGroup.addBeat({\n name: \"LF\"\n});\nmainBeatGroup.addBeat({\n name: \"LH\"\n});\nmainBeatGroup.addBeat({\n name: \"RH\"\n});\nmainBeatGroup.addBeat({\n name: \"RF\"\n});\nconst appNode = document.querySelector(\"#app\");\nif (appNode) {\n const appRoot = new _ui_Root_RootView__WEBPACK_IMPORTED_MODULE_2__.default({\n title: \"Drum Slayer\",\n mainBeatGroup: mainBeatGroup,\n });\n //@ts-ignore\n window.appRoot = appRoot;\n appNode.appendChild(appRoot.render());\n console.log(\"OK!\");\n}\nelse {\n console.error(\"FUCK!\");\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/main.ts?");
/***/ }),
/***/ "./src/ui/BeatGroup/Beat/BeatUnit/BeatUnitView.ts":
/*!********************************************************!*\
!*** ./src/ui/BeatGroup/Beat/BeatUnit/BeatUnitView.ts ***!
\********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ BeatUnitView)\n/* harmony export */ });\n/* harmony import */ var _BeatUnit__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../BeatUnit */ \"./src/BeatUnit.ts\");\n/* harmony import */ var _UINode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../UINode */ \"./src/ui/UINode.ts\");\n/* harmony import */ var _BeatUnit_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BeatUnit.css */ \"./src/ui/BeatGroup/Beat/BeatUnit/BeatUnit.css\");\n\n\n\nclass BeatUnitView extends _UINode__WEBPACK_IMPORTED_MODULE_1__.default {\n beatUnit;\n subscription;\n constructor(options) {\n super(options);\n this.beatUnit = options.beatUnit;\n this.setupBindings();\n }\n setUnit(beatUnit) {\n this.subscription.unbind();\n this.beatUnit = beatUnit;\n this.setupBindings();\n this.rebuild();\n this.redraw();\n }\n setupBindings() {\n this.subscription = this.beatUnit.addSubscriber(this, \"all\");\n }\n toggle() {\n this.beatUnit.toggle();\n }\n turnOn() {\n this.beatUnit.setOn(true);\n }\n turnOff() {\n this.beatUnit.setOn(false);\n }\n notify(publisher, event) {\n if (event === 1 /* On */) {\n this.node?.classList.add(\"beat-unit-on\");\n }\n else if (event === 2 /* Off */) {\n this.node?.classList.remove(\"beat-unit-on\");\n }\n else if (event === 3 /* TypeChange */) {\n if (this.beatUnit.getType() === _BeatUnit__WEBPACK_IMPORTED_MODULE_0__.BeatUnitType.GhostNote) {\n this.node?.classList.add(\"beat-unit-ghost\");\n }\n else {\n this.node?.classList.remove(\"beat-unit-ghost\");\n }\n }\n }\n rebuild() {\n const classes = [\"beat-unit\"];\n if (this.beatUnit.isOn()) {\n classes.push(\"beat-unit-on\");\n }\n this.node = _UINode__WEBPACK_IMPORTED_MODULE_1__.default.make(\"div\", {\n classes: classes,\n oncontextmenu: () => false,\n });\n this.onMouseUp((ev) => {\n if (ev.button === 1) {\n const currentType = this.beatUnit.getType();\n this.beatUnit.setType(currentType === _BeatUnit__WEBPACK_IMPORTED_MODULE_0__.BeatUnitType.GhostNote ? _BeatUnit__WEBPACK_IMPORTED_MODULE_0__.BeatUnitType.Normal : _BeatUnit__WEBPACK_IMPORTED_MODULE_0__.BeatUnitType.GhostNote);\n }\n });\n return this.node;\n }\n onHover(cb) {\n this.getNode().onmouseover = cb;\n }\n onMouseDown(cb) {\n this.getNode().onmousedown = cb;\n }\n onMouseUp(cb) {\n this.getNode().onmouseup = cb;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/Beat/BeatUnit/BeatUnitView.ts?");
/***/ }),
/***/ "./src/ui/BeatGroup/Beat/BeatView.ts":
/*!*******************************************!*\
!*** ./src/ui/BeatGroup/Beat/BeatView.ts ***!
\*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ BeatView)\n/* harmony export */ });\n/* harmony import */ var _UINode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../UINode */ \"./src/ui/UINode.ts\");\n/* harmony import */ var _BeatUnit_BeatUnitView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BeatUnit/BeatUnitView */ \"./src/ui/BeatGroup/Beat/BeatUnit/BeatUnitView.ts\");\n/* harmony import */ var _Beat_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Beat.css */ \"./src/ui/BeatGroup/Beat/Beat.css\");\n/* harmony import */ var _BeatSettings_BeatSettingsView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../BeatSettings/BeatSettingsView */ \"./src/ui/BeatSettings/BeatSettingsView.ts\");\n\n\n\n\nclass BeatView extends _UINode__WEBPACK_IMPORTED_MODULE_0__.default {\n beat;\n title;\n settingsView;\n settingsToggleButton;\n beatUnitViews = [];\n beatUnitViewBlock = null;\n lastHoveredBeatUnitView = null;\n static deselectingUnits = false;\n static selectingUnits = false;\n constructor(options) {\n super(options);\n this.beat = options.beat;\n this.setupBindings();\n }\n setupBindings() {\n this.beat.addSubscriber(this, \"all\");\n }\n notify(publisher, event) {\n if (event === \"BE2\" /* NewName */) {\n this.title.innerText = this.beat.getName();\n }\n else if (event === \"BE0\" /* NewTimeSig */) {\n this.setupBeatUnits();\n }\n else if (event === \"BE1\" /* NewBarCount */) {\n this.setupBeatUnits();\n }\n else if (event === \"BE3\" /* DisplayTypeChanged */) {\n this.setupBeatUnits();\n }\n else if (event === \"BE4\" /* LoopLengthChanged */) {\n this.setupBeatUnits();\n }\n }\n toggleSettings() {\n this.settingsView.toggleVisible();\n if (this.settingsView.isOpen()) {\n this.settingsToggleButton.classList.add(\"active\");\n }\n else {\n this.settingsToggleButton.classList.remove(\"active\");\n }\n }\n rebuildBeatUnitViews() {\n const beatUnitCount = this.beat.getBarCount() * this.beat.getTimeSigUp();\n this.beatUnitViews.splice(beatUnitCount, this.beatUnitViews.length - beatUnitCount);\n for (let i = 0; i < beatUnitCount; i++) {\n const beatUnit = this.beat.getUnitByIndex(i);\n if (beatUnit) {\n let view;\n if (this.beatUnitViews[i]) {\n view = this.beatUnitViews[i];\n view.setUnit(beatUnit);\n }\n else {\n view = new _BeatUnit_BeatUnitView__WEBPACK_IMPORTED_MODULE_1__.default({ beatUnit });\n this.beatUnitViews.push(view);\n }\n view.onHover(() => {\n this.lastHoveredBeatUnitView = view;\n if (BeatView.selectingUnits) {\n this.lastHoveredBeatUnitView.turnOn();\n }\n else if (BeatView.deselectingUnits) {\n this.lastHoveredBeatUnitView.turnOff();\n }\n });\n view.onMouseDown((event) => this.onBeatUnitClick(event.button, i));\n }\n }\n }\n onBeatUnitClick(button, index) {\n if (button === 0) {\n BeatView.selectingUnits = true;\n this.beat.getUnitByIndex(index)?.toggle();\n }\n else if (button === 2) {\n BeatView.deselectingUnits = true;\n this.beat.getUnitByIndex(index)?.setOn(false);\n }\n }\n buildBeatUnitViewBlock() {\n const beatUnitNodes = [];\n for (let i = 0; i < this.beatUnitViews.length; i++) {\n beatUnitNodes.push(this.beatUnitViews[i].render());\n }\n if (this.beatUnitViewBlock) {\n this.beatUnitViewBlock.replaceChildren(...beatUnitNodes);\n }\n else {\n this.beatUnitViewBlock = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n classes: [\"beat-unit-block\"],\n subs: [...beatUnitNodes],\n });\n }\n }\n respaceBeatUnits() {\n if (!this.beatUnitViewBlock) {\n return;\n }\n this.beatUnitViewBlock.querySelectorAll(\".beat-spacer\").forEach(spacer => spacer.remove());\n const barLength = this.beat.getTimeSigUp();\n const barCount = this.beat.getBarCount();\n let bars = 0;\n let i = -1;\n let spacersInserted = false;\n while (!spacersInserted) {\n i += barLength;\n const newSpacer = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", { classes: [\"beat-spacer\"] });\n const leftNeighbour = this.beatUnitViewBlock.children.item(i);\n if (leftNeighbour) {\n leftNeighbour.insertAdjacentElement(\"afterend\", newSpacer);\n }\n else {\n break;\n }\n i++;\n bars++;\n if (bars === barCount) {\n spacersInserted = true;\n }\n }\n }\n setupBeatUnits() {\n this.rebuildBeatUnitViews();\n this.buildBeatUnitViewBlock();\n this.respaceBeatUnits();\n }\n rebuild() {\n this.title = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"h3\", {\n innerText: this.beat.getName(),\n classes: [\"beat-title\"],\n });\n this.setupBeatUnits();\n if (!this.beatUnitViewBlock) {\n throw new Error(\"Beat unit block setup failed!\");\n }\n this.settingsView = new _BeatSettings_BeatSettingsView__WEBPACK_IMPORTED_MODULE_3__.default({ beat: this.beat });\n this.settingsToggleButton = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n classes: [\"beat-settings-btn\"],\n innerText: \"Settings\",\n onclick: () => this.toggleSettings()\n });\n this.node = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n classes: [\"beat\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n classes: [\"beat-main\"],\n subs: [\n this.title,\n this.beatUnitViewBlock,\n ]\n }),\n this.settingsToggleButton,\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n classes: [\"beat-settings-container\"],\n subs: [this.settingsView.render()],\n }),\n ],\n });\n return this.node;\n }\n}\nwindow.addEventListener(\"mouseup\", () => {\n BeatView.selectingUnits = false;\n BeatView.deselectingUnits = false;\n});\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/Beat/BeatView.ts?");
/***/ }),
/***/ "./src/ui/BeatGroup/BeatGroupView.ts":
/*!*******************************************!*\
!*** ./src/ui/BeatGroup/BeatGroupView.ts ***!
\*******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ BeatGroupView)\n/* harmony export */ });\n/* harmony import */ var _UINode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../UINode */ \"./src/ui/UINode.ts\");\n/* harmony import */ var _BeatGroupSettings_BeatGroupSettingsView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../BeatGroupSettings/BeatGroupSettingsView */ \"./src/ui/BeatGroupSettings/BeatGroupSettingsView.ts\");\n/* harmony import */ var _Beat_BeatView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Beat/BeatView */ \"./src/ui/BeatGroup/Beat/BeatView.ts\");\n\n\n\nclass BeatGroupView extends _UINode__WEBPACK_IMPORTED_MODULE_0__.default {\n title;\n beatGroup;\n beatGroupSettingsView;\n beatViews = [];\n constructor(options) {\n super(options);\n this.beatGroup = options.beatGroup;\n this.title = options.title;\n }\n rebuild() {\n this.beatViews = [];\n for (let i = 0; i < this.beatGroup.getBeatCount(); i++) {\n this.beatViews.push(new _Beat_BeatView__WEBPACK_IMPORTED_MODULE_2__.default({ beat: this.beatGroup.getBeatByIndex(i) }));\n }\n this.beatGroupSettingsView = new _BeatGroupSettings_BeatGroupSettingsView__WEBPACK_IMPORTED_MODULE_1__.default({ beatGroup: this.beatGroup });\n return _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n classes: [\"beat-group\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"h3\", { innerText: this.title }),\n this.beatGroupSettingsView.render(),\n ...this.beatViews.map(bv => bv.render())\n ],\n });\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/BeatGroupView.ts?");
/***/ }),
/***/ "./src/ui/BeatGroupSettings/BeatGroupSettingsView.ts":
/*!***********************************************************!*\
!*** ./src/ui/BeatGroupSettings/BeatGroupSettingsView.ts ***!
\***********************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ BeatGroupSettingsView)\n/* harmony export */ });\n/* harmony import */ var _BeatLikeLoopSettings_BeatLikeLoopSettingsView__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../BeatLikeLoopSettings/BeatLikeLoopSettingsView */ \"./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettingsView.ts\");\n/* harmony import */ var _BeatGroupSettings_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./BeatGroupSettings.css */ \"./src/ui/BeatGroupSettings/BeatGroupSettings.css\");\n/* harmony import */ var _UINode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../UINode */ \"./src/ui/UINode.ts\");\n/* harmony import */ var _Widgets_NumberInput_NumberInputView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../Widgets/NumberInput/NumberInputView */ \"./src/ui/Widgets/NumberInput/NumberInputView.ts\");\n\n\n\n\nclass BeatGroupSettingsView extends _UINode__WEBPACK_IMPORTED_MODULE_2__.default {\n beatGroup;\n barCountInput;\n timeSigUpInput;\n loopSettingsView;\n autoBeatLengthCheckbox;\n forceFullBarsCheckbox;\n autoBeatOptions;\n constructor(options) {\n super(options);\n this.beatGroup = options.beatGroup;\n this.beatGroup.addSubscriber(this, [\n \"BGE2\" /* BarCountChanged */,\n \"BGE3\" /* TimeSigUpChanged */,\n \"BE3\" /* DisplayTypeChanged */,\n ]);\n }\n notify(publisher, event) {\n if (event === \"BGE2\" /* BarCountChanged */) {\n this.barCountInput.setValue(this.beatGroup.getBarCount());\n }\n else if (event === \"BGE3\" /* TimeSigUpChanged */) {\n this.timeSigUpInput.setValue(this.beatGroup.getTimeSigUp());\n }\n else if (event === \"BE3\" /* DisplayTypeChanged */) {\n if (this.beatGroup.isLooping()) {\n this.autoBeatOptions.classList.add(\"visible\");\n }\n else {\n this.autoBeatOptions.classList.remove(\"visible\");\n }\n }\n }\n rebuild() {\n this.loopSettingsView = new _BeatLikeLoopSettings_BeatLikeLoopSettingsView__WEBPACK_IMPORTED_MODULE_0__.default({ beatLike: this.beatGroup });\n this.barCountInput = new _Widgets_NumberInput_NumberInputView__WEBPACK_IMPORTED_MODULE_3__.default({\n label: \"Bars:\",\n initialValue: this.beatGroup.getBarCount(),\n setter: (input) => this.beatGroup.setBarCount(input),\n getter: () => this.beatGroup.getBarCount(),\n });\n this.timeSigUpInput = new _Widgets_NumberInput_NumberInputView__WEBPACK_IMPORTED_MODULE_3__.default({\n label: \"Boxes per bar:\",\n initialValue: this.beatGroup.getTimeSigUp(),\n setter: (input) => this.beatGroup.setTimeSigUp(input),\n getter: () => this.beatGroup.getTimeSigUp(),\n });\n this.autoBeatLengthCheckbox = _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"input\", {\n type: \"checkbox\",\n checked: this.beatGroup.autoBeatLengthOn(),\n oninput: () => {\n this.beatGroup.setIsUsingAutoBeatLength(this.autoBeatLengthCheckbox.checked);\n },\n });\n this.forceFullBarsCheckbox = _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"input\", {\n type: \"checkbox\",\n checked: this.beatGroup.forcesFullBars(),\n oninput: () => {\n this.beatGroup.setForcesFullBars(this.forceFullBarsCheckbox.checked);\n },\n });\n this.autoBeatOptions = _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n classes: [\"beat-group-settings-option-group\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"label\", { innerText: \"Auto beat length:\" }),\n this.autoBeatLengthCheckbox,\n ],\n }),\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"label\", { innerText: \"Force full bars:\" }),\n this.forceFullBarsCheckbox,\n ],\n }),\n ]\n });\n this.node = _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n classes: [\"beat-group-settings\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", { innerText: \"Settings for beat\" }),\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n classes: [\"beat-group-settings-options\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n classes: [\"beat-group-settings-bar-count\", \"beat-group-settings-option\"],\n subs: [\n this.barCountInput.render(),\n ],\n }),\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n classes: [\"beat-group-settings-boxes\", \"beat-group-settings-option\"],\n subs: [\n this.timeSigUpInput.render(),\n ],\n }),\n this.loopSettingsView.render(),\n this.autoBeatOptions,\n ],\n }),\n ],\n });\n return this.node;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroupSettings/BeatGroupSettingsView.ts?");
/***/ }),
/***/ "./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettingsView.ts":
/*!*****************************************************************!*\
!*** ./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettingsView.ts ***!
\*****************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ BeatLikeLoopSettingsView)\n/* harmony export */ });\n/* harmony import */ var _BeatLikeLoopSettings_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BeatLikeLoopSettings.css */ \"./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettings.css\");\n/* harmony import */ var _Widgets_NumberInput_NumberInputView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../Widgets/NumberInput/NumberInputView */ \"./src/ui/Widgets/NumberInput/NumberInputView.ts\");\n/* harmony import */ var _UINode__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../UINode */ \"./src/ui/UINode.ts\");\n\n\n\nclass BeatLikeLoopSettingsView extends _UINode__WEBPACK_IMPORTED_MODULE_2__.default {\n beatLike;\n loopLengthInput;\n loopCheckbox;\n constructor(options) {\n super(options);\n this.beatLike = options.beatLike;\n this.setupBindings();\n }\n setupBindings() {\n this.beatLike.addSubscriber(this, [\n \"BE4\" /* LoopLengthChanged */,\n \"BE3\" /* DisplayTypeChanged */\n ]);\n }\n notify(publisher, event) {\n if (event === \"BE4\" /* LoopLengthChanged */) {\n this.loopLengthInput.setValue(this.beatLike.getLoopLength());\n }\n else if (event === \"BE3\" /* DisplayTypeChanged */) {\n this.loopCheckbox.checked = this.beatLike.isLooping();\n }\n }\n rebuild() {\n this.loopLengthInput = new _Widgets_NumberInput_NumberInputView__WEBPACK_IMPORTED_MODULE_1__.default({\n initialValue: this.beatLike.getLoopLength(),\n label: \"Length:\",\n onDecrement: () => this.beatLike.setLoopLength(this.beatLike.getLoopLength() - 1),\n onIncrement: () => this.beatLike.setLoopLength(this.beatLike.getLoopLength() + 1),\n onNewInput: (input) => this.beatLike.setLoopLength(input),\n });\n this.loopCheckbox = _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"input\", {\n classes: [\"loop-settings-loop-toggle\"],\n type: \"checkbox\",\n checked: this.beatLike.isLooping(),\n oninput: (event) => {\n this.beatLike.setLooping(event.target.checked);\n },\n });\n this.node = _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n classes: [\"loop-settings\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"p\", { innerText: \"Looping:\" }),\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n classes: [\"loop-settings-option-group\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n classes: [\"loop-settings-option\"],\n subs: [\n this.loopLengthInput.render(),\n ],\n }),\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"div\", {\n classes: [\"loop-settings-option\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_2__.default.make(\"label\", { innerText: \"On:\" }),\n this.loopCheckbox,\n ],\n }),\n ],\n }),\n ]\n });\n return this.node;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettingsView.ts?");
/***/ }),
/***/ "./src/ui/BeatSettings/BeatSettingsView.ts":
/*!*************************************************!*\
!*** ./src/ui/BeatSettings/BeatSettingsView.ts ***!
\*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ BeatSettingsView)\n/* harmony export */ });\n/* harmony import */ var _BeatSettings_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./BeatSettings.css */ \"./src/ui/BeatSettings/BeatSettings.css\");\n/* harmony import */ var _UINode__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../UINode */ \"./src/ui/UINode.ts\");\n/* harmony import */ var _Widgets_NumberInput_NumberInputView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Widgets/NumberInput/NumberInputView */ \"./src/ui/Widgets/NumberInput/NumberInputView.ts\");\n/* harmony import */ var _BeatLikeLoopSettings_BeatLikeLoopSettingsView__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../BeatLikeLoopSettings/BeatLikeLoopSettingsView */ \"./src/ui/BeatLikeLoopSettings/BeatLikeLoopSettingsView.ts\");\n\n\n\n\nclass BeatSettingsView extends _UINode__WEBPACK_IMPORTED_MODULE_1__.default {\n beat;\n visible = false;\n timeSigUp;\n timeSigDown;\n barCountInput;\n loopSettingsView;\n constructor(options) {\n super(options);\n this.beat = options.beat;\n this.setupBindings();\n }\n setupBindings() {\n this.beat.addSubscriber(this, \"all\");\n }\n notify(publisher, event) {\n if (event === \"BE0\" /* NewTimeSig */) {\n this.timeSigUp.setValue(this.beat.getTimeSigUp());\n this.timeSigDown.setValue(this.beat.getTimeSigDown());\n }\n else if (event === \"BE1\" /* NewBarCount */) {\n this.barCountInput.setValue(this.beat.getBarCount());\n }\n }\n toggleVisible() {\n this.visible = !this.visible;\n if (this.visible) {\n this.node?.classList.add(\"visible\");\n }\n else {\n this.node?.classList.remove(\"visible\");\n }\n }\n isOpen() {\n return this.visible;\n }\n rebuild() {\n this.loopSettingsView = new _BeatLikeLoopSettings_BeatLikeLoopSettingsView__WEBPACK_IMPORTED_MODULE_3__.default({ beatLike: this.beat });\n this.timeSigUp = new _Widgets_NumberInput_NumberInputView__WEBPACK_IMPORTED_MODULE_2__.default({\n initialValue: this.beat.getTimeSigUp(),\n setter: (value) => this.beat.setBarCount(value),\n getter: () => this.beat.getBarCount(),\n });\n this.timeSigDown = new _Widgets_NumberInput_NumberInputView__WEBPACK_IMPORTED_MODULE_2__.default({\n initialValue: this.beat.getTimeSigDown(),\n setter: (value) => this.beat.setBarCount(value),\n getter: () => this.beat.getBarCount(),\n });\n this.barCountInput = new _Widgets_NumberInput_NumberInputView__WEBPACK_IMPORTED_MODULE_2__.default({\n label: \"Bar Count:\",\n initialValue: this.beat.getBarCount(),\n setter: (value) => this.beat.setBarCount(value),\n getter: () => this.beat.getBarCount(),\n });\n this.node = _UINode__WEBPACK_IMPORTED_MODULE_1__.default.make(\"div\", {\n classes: [\"beat-settings\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_1__.default.make(\"div\", {\n classes: [\"beat-settings-time-sig\", \"beat-settings-option-group\", \"beat-settings-option\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_1__.default.make(\"label\", { innerText: \"Time Signature:\" }),\n this.timeSigUp.render(),\n this.timeSigDown.render(),\n ]\n }),\n _UINode__WEBPACK_IMPORTED_MODULE_1__.default.make(\"div\", {\n classes: [\"beat-settings-bar\", \"beat-settings-option-group\", \"beat-settings-option\"],\n subs: [this.barCountInput.render()],\n }),\n this.loopSettingsView.render(),\n ],\n });\n return this.node;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatSettings/BeatSettingsView.ts?");
/***/ }),
/***/ "./src/ui/Root/RootView.ts":
/*!*********************************!*\
!*** ./src/ui/Root/RootView.ts ***!
\*********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ RootView)\n/* harmony export */ });\n/* harmony import */ var _UINode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../UINode */ \"./src/ui/UINode.ts\");\n/* harmony import */ var _BeatGroup_BeatGroupView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../BeatGroup/BeatGroupView */ \"./src/ui/BeatGroup/BeatGroupView.ts\");\n/* harmony import */ var _Root_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./Root.css */ \"./src/ui/Root/Root.css\");\n\n\n\nclass RootView extends _UINode__WEBPACK_IMPORTED_MODULE_0__.default {\n title;\n beatGroupView;\n mainBeatGroup;\n constructor(options) {\n super(options);\n this.beatGroupView = new _BeatGroup_BeatGroupView__WEBPACK_IMPORTED_MODULE_1__.default({ title: \"THE BEAT\", beatGroup: options.mainBeatGroup });\n this.mainBeatGroup = options.mainBeatGroup;\n this.title = options.title;\n }\n rebuild() {\n return _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n classes: [\"root\"],\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"h1\", { innerText: this.title, classes: [\"root-title\"] }),\n this.beatGroupView.render(),\n ],\n });\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/Root/RootView.ts?");
/***/ }),
/***/ "./src/ui/UINode.ts":
/*!**************************!*\
!*** ./src/ui/UINode.ts ***!
\**************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ UINode)\n/* harmony export */ });\nclass UINode {\n node = null;\n constructor(options) { }\n render() {\n if (!this.node) {\n this.node = this.rebuild();\n }\n return this.node;\n }\n getNode() {\n if (!this.node) {\n return this.render();\n }\n else {\n return this.node;\n }\n }\n redraw() {\n const oldNode = this.node;\n this.render();\n if (!oldNode || !this.node) {\n return;\n }\n const parent = this.node.parentElement;\n if (parent) {\n parent.replaceChild(oldNode, this.node);\n }\n }\n static make(type, attributes) {\n const element = document.createElement(type);\n if (attributes) {\n for (const key in attributes) {\n if (key === \"classes\") {\n element.classList.add(...attributes[key]);\n }\n else if (key === \"subs\") {\n element.append(...attributes.subs);\n }\n else {\n element[key] = attributes[key];\n }\n }\n }\n return element;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/UINode.ts?");
/***/ }),
/***/ "./src/ui/Widgets/NumberInput/NumberInputView.ts":
/*!*******************************************************!*\
!*** ./src/ui/Widgets/NumberInput/NumberInputView.ts ***!
\*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"default\": () => (/* binding */ NumberInputView)\n/* harmony export */ });\n/* harmony import */ var _UINode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../UINode */ \"./src/ui/UINode.ts\");\n/* harmony import */ var _NumberInput_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./NumberInput.css */ \"./src/ui/Widgets/NumberInput/NumberInput.css\");\n\n\nclass NumberInputView extends _UINode__WEBPACK_IMPORTED_MODULE_0__.default {\n labelElement;\n mainElement;\n inputElement;\n value;\n label;\n onIncrement;\n onDecrement;\n setter;\n getter;\n onNewInput;\n constructor(options) {\n super(options);\n this.label = options.label ?? \"\";\n this.value = options.initialValue ?? 0;\n this.onDecrement = options.onDecrement ?? null;\n this.setter = options.setter ?? null;\n this.getter = options.getter ?? null;\n this.onIncrement = options.onIncrement ?? null;\n this.onNewInput = options.onNewInput ?? null;\n }\n setLabel(newLabel) {\n if (newLabel !== null) {\n this.label = newLabel;\n this.labelElement.innerText = newLabel;\n this.labelElement.classList.add(\"visible\");\n }\n else {\n this.label = newLabel;\n this.labelElement.innerText = \"\";\n this.labelElement.classList.remove(\"visible\");\n }\n }\n setValue(value) {\n this.value = value;\n this.inputElement.valueAsNumber = value;\n }\n rebuild() {\n this.labelElement = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"label\", {\n classes: [\"number-input-label\"],\n innerText: this.label ?? \"\",\n });\n if (this.label !== null) {\n this.labelElement.classList.add(\"visible\");\n }\n this.inputElement = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"input\", {\n type: \"number\",\n classes: [\"number-input-input\"],\n valueAsNumber: this.value,\n oninput: (event) => {\n const input = event.target.valueAsNumber;\n if (!isNaN(input)) {\n if (this.onNewInput) {\n this.onNewInput(input);\n }\n else if (this.setter) {\n this.setter(input);\n }\n }\n },\n });\n this.mainElement = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n classes: [\"number-input\"],\n subs: [\n this.labelElement,\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"button\", {\n innerText: \"-\",\n classes: [\"number-input-button\", \"number-input-dec\"],\n onclick: () => {\n if (this.onDecrement) {\n this.onDecrement();\n }\n else if (this.setter && this.getter) {\n this.setter(this.getter() - 1);\n }\n },\n }),\n this.inputElement,\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"button\", {\n innerText: \"+\",\n classes: [\"number-input-button\", \"number-input-inc\"],\n onclick: () => {\n if (this.onIncrement) {\n this.onIncrement();\n }\n else if (this.setter && this.getter) {\n this.setter(this.getter() + 1);\n }\n },\n }),\n ],\n });\n return this.mainElement;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/Widgets/NumberInput/NumberInputView.ts?");
/***/ }),
/***/ "./src/utils.ts":
/*!**********************!*\
!*** ./src/utils.ts ***!
\**********************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"isPosInt\": () => (/* binding */ isPosInt)\n/* harmony export */ });\nfunction isPosInt(maybePosInt) {\n return (maybePosInt | 0) === maybePosInt && maybePosInt > 0;\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/utils.ts?");
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ id: moduleId,
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module can't be inlined because the eval devtool is used.
/******/ var __webpack_exports__ = __webpack_require__("./src/main.ts");
/******/
/******/ })()
;