diff --git a/public/static/bundle.js b/public/static/bundle.js index 3738533..d9199f2 100644 --- a/public/static/bundle.js +++ b/public/static/bundle.js @@ -16,7 +16,27 @@ \****************************************************************************************/ /***/ ((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, \"body {\\n color: red;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/main.css\"],\"names\":[],\"mappings\":\"AAAA;IACI,UAAU;AACd\",\"sourcesContent\":[\"body {\\n color: red;\\n}\"],\"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"); +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/BeatSettings/BeatSettingsView.css": +/*!***********************************************************************************************************************************!*\ + !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroup/Beat/BeatSettings/BeatSettingsView.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, \".beatSettingsView {\\n display: none;\\n}\\n\\n.beatSettingsView.visible {\\n display: block;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/ui/BeatGroup/Beat/BeatSettings/BeatSettingsView.css\"],\"names\":[],\"mappings\":\"AAAA;IACI,aAAa;AACjB;;AAEA;IACI,cAAc;AAClB\",\"sourcesContent\":[\".beatSettingsView {\\n display: none;\\n}\\n\\n.beatSettingsView.visible {\\n display: block;\\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/BeatSettings/BeatSettingsView.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, \".rootView {\\n margin: auto;\\n width: 80%;\\n}\\n\\n.rootView .title {\\n text-align: center;\\n}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/ui/Root/Root.css\"],\"names\":[],\"mappings\":\"AAAA;IACI,YAAY;IACZ,UAAU;AACd;;AAEA;IACI,kBAAkB;AACtB\",\"sourcesContent\":[\".rootView {\\n margin: auto;\\n width: 80%;\\n}\\n\\n.rootView .title {\\n text-align: center;\\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"); /***/ }), @@ -50,6 +70,26 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac /***/ }), +/***/ "./src/ui/BeatGroup/Beat/BeatSettings/BeatSettingsView.css": +/*!*****************************************************************!*\ + !*** ./src/ui/BeatGroup/Beat/BeatSettings/BeatSettingsView.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_BeatSettingsView_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./BeatSettingsView.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./src/ui/BeatGroup/Beat/BeatSettings/BeatSettingsView.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_BeatSettingsView_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_BeatSettingsView_css__WEBPACK_IMPORTED_MODULE_6__.default && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatSettingsView_css__WEBPACK_IMPORTED_MODULE_6__.default.locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_BeatSettingsView_css__WEBPACK_IMPORTED_MODULE_6__.default.locals : undefined);\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/Beat/BeatSettings/BeatSettingsView.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?"); + +/***/ }), + /***/ "./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js": /*!****************************************************************************!*\ !*** ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js ***! @@ -116,7 +156,7 @@ eval("\n\n/* istanbul ignore next */\nfunction styleTagTransform(css, style) {\ \*********************/ /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => { -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"BeatEvents\": () => (/* binding */ BeatEvents),\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\n\nvar BeatEvents;\n(function (BeatEvents) {\n BeatEvents[BeatEvents[\"NewTimeSig\"] = 0] = \"NewTimeSig\";\n BeatEvents[BeatEvents[\"NewBarCount\"] = 1] = \"NewBarCount\";\n BeatEvents[BeatEvents[\"NewName\"] = 2] = \"NewName\";\n BeatEvents[BeatEvents[\"UnitChanged\"] = 3] = \"UnitChanged\";\n})(BeatEvents || (BeatEvents = {}));\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 constructor(options) {\n this.key = `Beat-${Beat.count}`;\n this.name = options?.name ?? this.key;\n this.setTimeSignature(options?.timeSig?.up ?? 4, options?.timeSig?.down ?? 4);\n this.setBars(options?.bars ?? 48);\n Beat.count++;\n }\n addSubscriber(subscriber, eventType) {\n return this.publisher.addSubscriber(subscriber, eventType);\n }\n setTimeSignature(up, down) {\n if (Beat.isValidTimeSigRange(up)) {\n if (Beat.isValidTimeSigRange(down)) {\n this.timeSigUp = up | 0;\n this.timeSigDown = down | 0;\n this.updateBeatUnitLength();\n this.publisher.notifySubs(BeatEvents.NewTimeSig);\n }\n }\n }\n setBars(barCount) {\n const isPosInt = (barCount > 0 && (barCount | 0) === barCount);\n if (!isPosInt || barCount == this.barCount) {\n return;\n }\n this.barCount = barCount;\n this.updateBeatUnitLength();\n this.publisher.notifySubs(BeatEvents.NewBarCount);\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 turnUnitOn(index) {\n if (Math.abs(index | 0) !== index) {\n return;\n }\n const unit = this.getUnit(index);\n if (unit) {\n unit.setOn(true);\n this.publisher.notifySubs(BeatEvents.UnitChanged);\n }\n }\n turnUnitOff(index) {\n if (Math.abs(index | 0) !== index) {\n return;\n }\n const unit = this.getUnit(index);\n if (unit) {\n unit.setOn(false);\n this.publisher.notifySubs(BeatEvents.UnitChanged);\n }\n }\n toggleUnit(index) {\n if (Math.abs(index | 0) !== index) {\n return;\n }\n const unit = this.getUnit(index);\n if (unit) {\n unit.toggle();\n this.publisher.notifySubs(BeatEvents.UnitChanged);\n }\n }\n setUnitType(index, type) {\n if (Math.abs(index | 0) !== index) {\n return;\n }\n this.getUnit(index).setType(type);\n this.publisher.notifySubs(BeatEvents.UnitChanged);\n }\n unitIsOn(index) {\n return this.getUnit(index)?.isOn();\n }\n unitType(index) {\n return this.getUnit(index)?.getType();\n }\n getUnit(index) {\n if (!this.unitRecord[index]) {\n throw new Error(`Invalid beat unit index! - ${index}`);\n }\n return this.unitRecord[index];\n }\n getBarCount() {\n return this.barCount;\n }\n getKey() {\n return this.key;\n }\n static isValidTimeSigRange(sig) {\n return sig >= 2 && sig <= 64;\n }\n setName(newName) {\n this.name = newName;\n this.publisher.notifySubs(BeatEvents.NewName);\n }\n getName() {\n return this.name;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/Beat.ts?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */ \"BeatEvents\": () => (/* binding */ BeatEvents),\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\n\nvar BeatEvents;\n(function (BeatEvents) {\n BeatEvents[BeatEvents[\"NewTimeSig\"] = 0] = \"NewTimeSig\";\n BeatEvents[BeatEvents[\"NewBarCount\"] = 1] = \"NewBarCount\";\n BeatEvents[BeatEvents[\"NewName\"] = 2] = \"NewName\";\n BeatEvents[BeatEvents[\"UnitChanged\"] = 3] = \"UnitChanged\";\n})(BeatEvents || (BeatEvents = {}));\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 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.setBars(options?.bars ?? 48);\n Beat.count++;\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(BeatEvents.NewTimeSig);\n }\n setBars(barCount) {\n const isPosInt = (barCount > 0 && (barCount | 0) === barCount);\n if (!isPosInt || barCount == this.barCount) {\n return;\n }\n this.barCount = barCount;\n this.updateBeatUnitLength();\n this.publisher.notifySubs(BeatEvents.NewBarCount);\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 turnUnitOn(index) {\n if (Math.abs(index | 0) !== index) {\n return;\n }\n const unit = this.getUnit(index);\n if (unit) {\n unit.setOn(true);\n this.publisher.notifySubs(BeatEvents.UnitChanged);\n }\n }\n turnUnitOff(index) {\n if (Math.abs(index | 0) !== index) {\n return;\n }\n const unit = this.getUnit(index);\n if (unit) {\n unit.setOn(false);\n this.publisher.notifySubs(BeatEvents.UnitChanged);\n }\n }\n toggleUnit(index) {\n if (Math.abs(index | 0) !== index) {\n return;\n }\n const unit = this.getUnit(index);\n if (unit) {\n unit.toggle();\n this.publisher.notifySubs(BeatEvents.UnitChanged);\n }\n }\n setUnitType(index, type) {\n if (Math.abs(index | 0) !== index) {\n return;\n }\n this.getUnit(index).setType(type);\n this.publisher.notifySubs(BeatEvents.UnitChanged);\n }\n unitIsOn(index) {\n return this.getUnit(index)?.isOn();\n }\n unitType(index) {\n return this.getUnit(index)?.getType();\n }\n getUnit(index) {\n if (!this.unitRecord[index]) {\n throw new Error(`Invalid beat unit index! - ${index}`);\n }\n return this.unitRecord[index];\n }\n getBarCount() {\n return this.barCount;\n }\n getKey() {\n return this.key;\n }\n static isValidTimeSigRange(sig) {\n return sig >= 2 && sig <= 64;\n }\n setName(newName) {\n this.name = newName;\n this.publisher.notifySubs(BeatEvents.NewName);\n }\n getName() {\n return this.name;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/Beat.ts?"); /***/ }), @@ -156,7 +196,57 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac \*********************/ /***/ ((__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\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});\nfunction makeRoot() {\n const rootNode = document.createElement(\"div\");\n rootNode.innerText = \"Hello, world!\";\n return rootNode;\n}\nconst appNode = document.querySelector(\"#app\");\nif (appNode) {\n appNode.appendChild(makeRoot());\n console.log(\"OK!\");\n}\nelse {\n console.error(\"FUCK!\");\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/main.ts?"); +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 parent: appNode,\n title: \"Drum Slayer\",\n mainBeatGroup: mainBeatGroup,\n });\n //@ts-ignore\n window.appRoot = appRoot;\n 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/BeatSettings/BeatSettingsView.ts": +/*!****************************************************************!*\ + !*** ./src/ui/BeatGroup/Beat/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 _UINode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../UINode */ \"./src/ui/UINode.ts\");\n/* harmony import */ var _Beat__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../Beat */ \"./src/Beat.ts\");\n/* harmony import */ var _BeatSettingsView_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BeatSettingsView.css */ \"./src/ui/BeatGroup/Beat/BeatSettings/BeatSettingsView.css\");\n\n\n\nclass BeatSettingsView extends _UINode__WEBPACK_IMPORTED_MODULE_0__.default {\n beat;\n visible = false;\n timeSigUp;\n timeSigDown;\n barCountInput;\n constructor(options) {\n super(options);\n this.beat = options.beat;\n this.setupBindings();\n }\n setupBindings() {\n this.beat.addSubscriber(this, _Beat__WEBPACK_IMPORTED_MODULE_1__.BeatEvents.NewName);\n }\n notify(publisher, event) {\n if (event === _Beat__WEBPACK_IMPORTED_MODULE_1__.BeatEvents.NewTimeSig) {\n this.timeSigUp.value = this.beat.getTimeSigUp().toString();\n this.timeSigDown.value = this.beat.getTimeSigDown().toString();\n }\n else if (event === _Beat__WEBPACK_IMPORTED_MODULE_1__.BeatEvents.NewBarCount) {\n this.barCountInput.value = this.beat.getBarCount().toString();\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.timeSigUp = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"input\", {});\n this.timeSigUp.addEventListener(\"input\", (event) => this.beat.setTimeSignature({\n up: Number(event.target.value)\n }));\n this.timeSigDown = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"input\", {});\n this.timeSigDown.addEventListener(\"input\", (event) => this.beat.setTimeSignature({\n down: Number(event.target.value)\n }));\n this.node = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"p\", { innerText: `Settings for ${this.beat.getName()}` }),\n this.timeSigUp,\n this.timeSigDown,\n ],\n classes: [\"beatSettingsView\"]\n });\n return this.node;\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/Beat/BeatSettings/BeatSettingsView.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 _Beat__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../Beat */ \"./src/Beat.ts\");\n/* harmony import */ var _BeatSettings_BeatSettingsView__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./BeatSettings/BeatSettingsView */ \"./src/ui/BeatGroup/Beat/BeatSettings/BeatSettingsView.ts\");\n\n\n\nclass BeatView extends _UINode__WEBPACK_IMPORTED_MODULE_0__.default {\n beat;\n title;\n settingsView;\n settingsToggleButton;\n constructor(options) {\n super(options);\n this.beat = options.beat;\n this.setupBindings();\n this.rebuild();\n }\n setupBindings() {\n this.beat.addSubscriber(this, _Beat__WEBPACK_IMPORTED_MODULE_1__.BeatEvents.NewName);\n }\n notify(publisher, event) {\n if (event === _Beat__WEBPACK_IMPORTED_MODULE_1__.BeatEvents.NewName) {\n this.title.innerText = this.beat.getName();\n }\n }\n toggleSettings() {\n this.settingsView.toggleVisible();\n this.settingsToggleButton.innerText = this.settingsView.isOpen() ? \"Hide Settings\" : \"Show Settings\";\n }\n rebuild() {\n this.title = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"h3\", { innerText: this.beat.getName() });\n this.settingsView = new _BeatSettings_BeatSettingsView__WEBPACK_IMPORTED_MODULE_2__.default({ beat: this.beat });\n this.settingsToggleButton = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"button\", { innerText: this.settingsView.isOpen() ? \"Hide Settings\" : \"Show Settings\" });\n this.settingsToggleButton.addEventListener(\"click\", () => this.toggleSettings());\n this.node = _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n subs: [\n this.title,\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"p\", { innerText: \"I am a BeatGroup\" }),\n this.settingsToggleButton,\n this.settingsView.rebuild(),\n ],\n });\n return this.node;\n }\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 _Beat_BeatView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Beat/BeatView */ \"./src/ui/BeatGroup/Beat/BeatView.ts\");\n\n\nclass BeatGroupView extends _UINode__WEBPACK_IMPORTED_MODULE_0__.default {\n title;\n beatGroup;\n constructor(options) {\n super(options);\n this.beatGroup = options.beatGroup;\n this.title = options.title;\n }\n rebuild() {\n const beatViews = [];\n for (let i = 0; i < this.beatGroup.getBeatCount(); i++) {\n beatViews.push(new _Beat_BeatView__WEBPACK_IMPORTED_MODULE_1__.default({ beat: this.beatGroup.getBeatByIndex(i) }));\n }\n return _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"h3\", { innerText: this.title }),\n ...beatViews.map(bv => bv.rebuild())\n ],\n });\n }\n}\n\n\n//# sourceURL=webpack://arne-drums/./src/ui/BeatGroup/BeatGroupView.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 parent;\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 this.parent = options.parent;\n this.rebuild();\n }\n render() {\n const oldNode = this.node;\n this.node = this.rebuild();\n if (oldNode) {\n this.parent.replaceChild(oldNode, this.node);\n }\n else {\n this.parent.appendChild(this.node);\n }\n }\n rebuild() {\n return _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"div\", {\n subs: [\n _UINode__WEBPACK_IMPORTED_MODULE_0__.default.make(\"h1\", { innerText: this.title, classes: [\"title\"] }),\n this.beatGroupView.rebuild(),\n ],\n classes: [\"rootView\"]\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 }\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?"); /***/ }) diff --git a/src/Beat.ts b/src/Beat.ts index d0e21a5..ec95695 100644 --- a/src/Beat.ts +++ b/src/Beat.ts @@ -31,7 +31,7 @@ export default class Beat implements IPublisher{ constructor(options?: BeatInitOptions) { this.key = `Beat-${Beat.count}`; this.name = options?.name ?? this.key; - this.setTimeSignature(options?.timeSig?.up ?? 4, options?.timeSig?.down ?? 4); + this.setTimeSignature({up: options?.timeSig?.up ?? 4, down: options?.timeSig?.down ?? 4}); this.setBars(options?.bars ?? 48); Beat.count++; }