{"version":3,"sources":["webpack:///webpack/bootstrap","webpack:////cli-service/node_modules/vue-loader-v16/dist/index.js","webpack:///./src/Trial.vue","webpack:///./node_modules/eslint-loader/index.js","webpack:///./src/Trial.vue?96ee"],"names":["webpackJsonpCallback","data","moduleId","chunkId","chunkIds","moreModules","executeModules","i","resolves","length","Object","prototype","hasOwnProperty","call","installedChunks","push","modules","parentJsonpFunction","shift","deferredModules","apply","checkDeferredModules","result","deferredModule","fulfilled","j","depId","splice","__webpack_require__","s","installedModules","exports","module","l","m","c","d","name","getter","o","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","p","jsonpArray","window","oldJsonpFunction","slice","_hoisted_1","class","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_createElementVNode","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","_hoisted_17","_hoisted_18","id","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_createStaticVNode","_hoisted_45","_hoisted_46","_hoisted_47","_hoisted_48","_hoisted_49","_hoisted_50","_hoisted_51","_hoisted_52","_hoisted_53","_hoisted_54","_hoisted_55","_hoisted_56","_hoisted_57","_hoisted_58","_hoisted_59","_hoisted_60","_hoisted_61","_hoisted_62","_hoisted_63","_hoisted_64","_hoisted_65","_hoisted_66","_hoisted_67","_hoisted_68","_hoisted_69","_hoisted_70","_hoisted_71","src","title","frameborder","allow","allowfullscreen","_hoisted_72","_defineComponent","setup","__props","MAX_WIDTH","isMobile","GlobalStore","useRecord","recordScreen","isRecording","useHiphop","init","currentNote","play","stopAll","isLoaded","isPlaying","isWindowLoaded","ref","_baseWidth","deskWidth","bottomeMargin","elePadBoxLeft","computed","getNumber","setWindowLoaded","resizeSection","Section","document","querySelector","height","Math","min","innerHeight","style","innerWidth","getElementById","_a","getClientRects","width","num","round","onMounted","requestAnimationFrame","step","setTimeout","addEventListener","onUnmounted","removeEventListener","loadingPercent","loadingPercentStart","isHideLoading","timestamp","progress","easeOutCirc","x","pow","_ctx","_cache","_openBlock","_createElementBlock","translate","_normalizeClass","_unref","_createVNode","Header","_normalizeStyle","require","onClick","SvgIcon","iconName","_Fragment","_renderList","defaultKeyMap","A","item","idx","k","e","$event","_toDisplayString","B","includes","C","D","Vue3Marquee","clone","default","_withCtx","_","$t","_createCommentVNode","_createTextVNode","direction","Footer","Icons","__exports__","app","App","mount"],"mappings":"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","file":"js/trial.14139010.js","sourcesContent":[" \t// install a JSONP callback for chunk loading\n \tfunction webpackJsonpCallback(data) {\n \t\tvar chunkIds = data[0];\n \t\tvar moreModules = data[1];\n \t\tvar executeModules = data[2];\n\n \t\t// add \"moreModules\" to the modules object,\n \t\t// then flag all \"chunkIds\" as loaded and fire callback\n \t\tvar moduleId, chunkId, i = 0, resolves = [];\n \t\tfor(;i < chunkIds.length; i++) {\n \t\t\tchunkId = chunkIds[i];\n \t\t\tif(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {\n \t\t\t\tresolves.push(installedChunks[chunkId][0]);\n \t\t\t}\n \t\t\tinstalledChunks[chunkId] = 0;\n \t\t}\n \t\tfor(moduleId in moreModules) {\n \t\t\tif(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {\n \t\t\t\tmodules[moduleId] = moreModules[moduleId];\n \t\t\t}\n \t\t}\n \t\tif(parentJsonpFunction) parentJsonpFunction(data);\n\n \t\twhile(resolves.length) {\n \t\t\tresolves.shift()();\n \t\t}\n\n \t\t// add entry modules from loaded chunk to deferred list\n \t\tdeferredModules.push.apply(deferredModules, executeModules || []);\n\n \t\t// run deferred modules when all chunks ready\n \t\treturn checkDeferredModules();\n \t};\n \tfunction checkDeferredModules() {\n \t\tvar result;\n \t\tfor(var i = 0; i < deferredModules.length; i++) {\n \t\t\tvar deferredModule = deferredModules[i];\n \t\t\tvar fulfilled = true;\n \t\t\tfor(var j = 1; j < deferredModule.length; j++) {\n \t\t\t\tvar depId = deferredModule[j];\n \t\t\t\tif(installedChunks[depId] !== 0) fulfilled = false;\n \t\t\t}\n \t\t\tif(fulfilled) {\n \t\t\t\tdeferredModules.splice(i--, 1);\n \t\t\t\tresult = __webpack_require__(__webpack_require__.s = deferredModule[0]);\n \t\t\t}\n \t\t}\n\n \t\treturn result;\n \t}\n\n \t// The module cache\n \tvar installedModules = {};\n\n \t// object to store loaded and loading chunks\n \t// undefined = chunk not loaded, null = chunk preloaded/prefetched\n \t// Promise = chunk loading, 0 = chunk loaded\n \tvar installedChunks = {\n \t\t\"trial\": 0\n \t};\n\n \tvar deferredModules = [];\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"\";\n\n \tvar jsonpArray = window[\"webpackJsonp\"] = window[\"webpackJsonp\"] || [];\n \tvar oldJsonpFunction = jsonpArray.push.bind(jsonpArray);\n \tjsonpArray.push = webpackJsonpCallback;\n \tjsonpArray = jsonpArray.slice();\n \tfor(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);\n \tvar parentJsonpFunction = oldJsonpFunction;\n\n\n \t// add entry module to deferred list\n \tdeferredModules.push([17,\"chunk-vendors\",\"chunk-common\"]);\n \t// run deferred modules when ready\n \treturn checkDeferredModules();\n","import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, createVNode as _createVNode, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, normalizeStyle as _normalizeStyle, withCtx as _withCtx, createCommentVNode as _createCommentVNode, createTextVNode as _createTextVNode, createStaticVNode as _createStaticVNode } from \"vue\"\n\nconst _hoisted_1 = { class: \"section-studio-trial\" }\nconst _hoisted_2 = { class: \"content\" }\nconst _hoisted_3 = { class: \"nft-box font-blackopsone\" }\nconst _hoisted_4 = { class: \"nft-item\" }\nconst _hoisted_5 = { class: \"nft-image-box\" }\nconst _hoisted_6 = [\"src\"]\nconst _hoisted_7 = { class: \"rec-item\" }\nconst _hoisted_8 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"rectext\" }, \"REC\", -1)\nconst _hoisted_9 = { class: \"nft-tool\" }\nconst _hoisted_10 = { class: \"wrapper\" }\nconst _hoisted_11 = [\"src\"]\nconst _hoisted_12 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"commnet-box\" }, [\n  /*#__PURE__*/_createElementVNode(\"p\", null, \" ( Trial Version ) \")\n], -1)\nconst _hoisted_13 = { class: \"item-speaker item-speaker-l\" }\nconst _hoisted_14 = [\"src\"]\nconst _hoisted_15 = { class: \"item-speaker item-speaker-r\" }\nconst _hoisted_16 = [\"src\"]\nconst _hoisted_17 = { class: \"desk-box\" }\nconst _hoisted_18 = {\n  id: \"desk-base\",\n  class: \"desk-base\"\n}\nconst _hoisted_19 = [\"onClick\"]\nconst _hoisted_20 = /*#__PURE__*/_createElementVNode(\"br\", null, null, -1)\nconst _hoisted_21 = [\"onClick\"]\nconst _hoisted_22 = /*#__PURE__*/_createElementVNode(\"br\", null, null, -1)\nconst _hoisted_23 = [\"onClick\"]\nconst _hoisted_24 = /*#__PURE__*/_createElementVNode(\"br\", null, null, -1)\nconst _hoisted_25 = [\"onClick\"]\nconst _hoisted_26 = {\n  id: \"desk\",\n  class: \"desk\"\n}\nconst _hoisted_27 = [\"src\"]\nconst _hoisted_28 = { class: \"desk-bottom\" }\nconst _hoisted_29 = [\"src\"]\nconst _hoisted_30 = /*#__PURE__*/_createElementVNode(\"p\", { class: \"slogan-bar font-blackopsone\" }, \" Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio /   \", -1)\nconst _hoisted_31 = {\n  id: \"tutorial\",\n  class: \"section-tutorial\"\n}\nconst _hoisted_32 = { class: \"title\" }\nconst _hoisted_33 = { class: \"content font-blackopsone desktop\" }\nconst _hoisted_34 = { class: \"tutor-box tutor-box-left\" }\nconst _hoisted_35 = { class: \"tutor-item\" }\nconst _hoisted_36 = { class: \"btn-box\" }\nconst _hoisted_37 = { class: \"pad-btn\" }\nconst _hoisted_38 = {\n  key: 0,\n  class: \"break\"\n}\nconst _hoisted_39 = { class: \"tutor-item\" }\nconst _hoisted_40 = { class: \"btn-box\" }\nconst _hoisted_41 = { class: \"pad-btn\" }\nconst _hoisted_42 = {\n  key: 0,\n  class: \"break\"\n}\nconst _hoisted_43 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"tutor-item\\\"><div class=\\\"btn-box\\\"><button class=\\\"pad-btn\\\"> Q </button><button class=\\\"pad-btn\\\"> W </button><span>...</span><button class=\\\"pad-btn\\\"> I </button><button class=\\\"pad-btn\\\"> O </button><br><button class=\\\"pad-btn\\\"> A </button><button class=\\\"pad-btn\\\"> S </button><span>...</span><button class=\\\"pad-btn\\\"> J </button><button class=\\\"pad-btn\\\"> K </button></div></div><div class=\\\"tutor-item\\\"><div class=\\\"btn-box\\\"><button class=\\\"pad-btn pad-btn-space\\\"> SPACE </button></div></div>\", 2)\nconst _hoisted_45 = { class: \"tutor-box tutor-box-right\" }\nconst _hoisted_46 = { class: \"tutor-item\" }\nconst _hoisted_47 = { class: \"tutor-item\" }\nconst _hoisted_48 = { class: \"tutor-item\" }\nconst _hoisted_49 = /*#__PURE__*/_createElementVNode(\"br\", null, null, -1)\nconst _hoisted_50 = { class: \"tutor-item\" }\nconst _hoisted_51 = { class: \"content font-blackopsone mobile\" }\nconst _hoisted_52 = { class: \"tutor-item\" }\nconst _hoisted_53 = { class: \"tutor-item-left\" }\nconst _hoisted_54 = { class: \"pad-btn\" }\nconst _hoisted_55 = {\n  key: 0,\n  class: \"break\"\n}\nconst _hoisted_56 = { class: \"tutor-item-right\" }\nconst _hoisted_57 = { class: \"tutor-item\" }\nconst _hoisted_58 = { class: \"tutor-item-left\" }\nconst _hoisted_59 = { class: \"pad-btn\" }\nconst _hoisted_60 = {\n  key: 0,\n  class: \"break\"\n}\nconst _hoisted_61 = { class: \"tutor-item-right\" }\nconst _hoisted_62 = { class: \"tutor-item\" }\nconst _hoisted_63 = /*#__PURE__*/_createStaticVNode(\"<div class=\\\"tutor-item-left\\\"><div class=\\\"wrapper\\\"><button class=\\\"pad-btn\\\"> Q </button><button class=\\\"pad-btn\\\"> W </button><br><span>...</span><br><button class=\\\"pad-btn\\\"> I </button><button class=\\\"pad-btn\\\"> O </button></div><div class=\\\"break\\\"></div><div class=\\\"wrapper\\\"><button class=\\\"pad-btn\\\"> A </button><button class=\\\"pad-btn\\\"> S </button><br><span>...</span><br><button class=\\\"pad-btn\\\"> K </button><button class=\\\"pad-btn\\\"> L </button></div></div>\", 1)\nconst _hoisted_64 = { class: \"tutor-item-right\" }\nconst _hoisted_65 = /*#__PURE__*/_createElementVNode(\"br\", null, null, -1)\nconst _hoisted_66 = { class: \"tutor-item\" }\nconst _hoisted_67 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"tutor-item-left\" }, [\n  /*#__PURE__*/_createElementVNode(\"button\", { class: \"pad-btn pad-btn-space\" }, \" SPACE \")\n], -1)\nconst _hoisted_68 = { class: \"tutor-item-right\" }\nconst _hoisted_69 = { class: \"section-video\" }\nconst _hoisted_70 = { class: \"title\" }\nconst _hoisted_71 = /*#__PURE__*/_createElementVNode(\"div\", { class: \"content font-blackopsone\" }, [\n  /*#__PURE__*/_createElementVNode(\"div\", { class: \"youtube-box\" }, [\n    /*#__PURE__*/_createElementVNode(\"iframe\", {\n      class: \"youtube-player\",\n      src: \"https://www.youtube.com/embed/Hl9eK62-9DA\",\n      title: \"Pluto Studio Tutorial for Trial\",\n      frameborder: \"0\",\n      allow: \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\",\n      allowfullscreen: \"\"\n    })\n  ])\n], -1)\nconst _hoisted_72 = /*#__PURE__*/_createElementVNode(\"p\", { class: \"slogan-bar font-blackopsone\" }, \" Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio / Pluto Studio /  \", -1)\n\nimport { onMounted, ref, computed, onUnmounted } from 'vue';\r\nimport Vue3Marquee from 'vue3-marquee';\r\nimport Footer from '@/components/Footer.vue';\r\nimport Header from '@/components/Header.vue';\r\nimport Icons from '@/components/Icon/Icons.vue';\r\nimport SvgIcon from '@/components/Icon/SvgIcon.vue';\r\nimport { GlobalStore } from '@/store/GlobalStore';\r\nimport { useHiphop, defaultKeyMap } from '@/utils/useHiphop';\r\nimport { useRecord } from '@/utils/useRecord';\r\n\nexport default /*#__PURE__*/_defineComponent({\n  setup(__props) {\n\r\nconst MAX_WIDTH = 1280;\r\nconst { isMobile, } = GlobalStore;\r\nconst { recordScreen, isRecording, } = useRecord();\r\nconst { init, currentNote, play, stopAll, isLoaded, isPlaying, } = useHiphop();\r\nconst isWindowLoaded = ref(false);\r\nconst _baseWidth = ref(720);\r\nconst deskWidth = ref(200);\r\nconst bottomeMargin = `${1120 * 0.024}px`;\r\n\r\nconst elePadBoxLeft = computed(() => {\r\n  return `${getNumber(deskWidth.value * 0.208)}px`;\r\n});\r\n\r\nonMounted(() => {\r\n  init([], true);\r\n\r\n  window.requestAnimationFrame(step);\r\n\r\n  resizeSection();\r\n\r\n  setTimeout(() => {\r\n    resizeSection();\r\n  }, 1000);\r\n\r\n  window.addEventListener('resize', resizeSection);\r\n  window.addEventListener('load', setWindowLoaded);\r\n});\r\nonUnmounted(() => {\r\n  window.removeEventListener('resize', resizeSection);\r\n  window.removeEventListener('load', setWindowLoaded);\r\n});\r\nfunction setWindowLoaded() {\r\n  isWindowLoaded.value = true;\r\n}\r\n\r\nfunction resizeSection() {\r\n  const Section = document.querySelector('.section-studio-trial') as any;\r\n  if (Section) {\r\n    const height = Math.min(window.innerHeight, 820);\r\n    // window.innerHeight - header.getBoundingClientRect().height;\r\n    Section.style.height = `${height}px`;\r\n  }\r\n\r\n  _baseWidth.value = window.innerWidth;\r\n  deskWidth.value = document.getElementById('desk-base')?.getClientRects()[0].width || 460;\r\n}\r\n\r\nfunction getNumber(num: number) {\r\n  return Math.min(MAX_WIDTH, Math.round(num));\r\n}\r\n\r\nconst loadingPercent = ref(0);\r\nconst loadingPercentStart = ref(0);\r\nconst isHideLoading = ref(false);\r\n\r\nfunction step(timestamp: number) {\r\n  if (!loadingPercentStart.value) loadingPercentStart.value = timestamp;\r\n  var progress = timestamp - loadingPercentStart.value;\r\n  const n = Math.round(progress * 0.7) / 12000;\r\n  loadingPercent.value = Math.round(easeOutCirc(n) * 100);\r\n  if (isLoaded.value && isWindowLoaded.value) {\r\n    loadingPercent.value = 100;\r\n    setTimeout(() => {\r\n      isHideLoading.value = true;\r\n    }, 1000);\r\n    return;\r\n  } else {\r\n    loadingPercent.value = Math.min(loadingPercent.value, progress > 15000 ? 99 : 98);\r\n  }\r\n  if (loadingPercent.value < 100) {\r\n    window.requestAnimationFrame(step);\r\n  }\r\n}\r\n\r\nfunction easeInOutQuart(x: number): number {\r\n  return x < 0.5 ? 8 * x * x * x * x : 1 - Math.pow(-2 * x + 2, 4) / 2;\r\n}\r\n\r\nfunction easeOutCirc(x: number): number {\r\n  return 1 - Math.pow(1 - x, 3);\r\n}\r\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    translate: \"no\",\n    class: _normalizeClass([\"app page-studio\", [_unref(isMobile) ? 'mobile' : 'desktop']])\n  }, [\n    _createVNode(Header),\n    _createElementVNode(\"section\", _hoisted_1, [\n      _createElementVNode(\"div\", _hoisted_2, [\n        _createElementVNode(\"div\", {\n          class: \"demo-box\",\n          style: _normalizeStyle({'margin-bottom': bottomeMargin})\n        }, [\n          _createElementVNode(\"div\", _hoisted_3, [\n            _createElementVNode(\"div\", _hoisted_4, [\n              _createElementVNode(\"div\", _hoisted_5, [\n                _createElementVNode(\"img\", {\n                  src: require('@/assets/images/9943-2.png'),\n                  class: \"nft-cover\"\n                }, null, 8, _hoisted_6),\n                _createElementVNode(\"div\", _hoisted_7, [\n                  _createElementVNode(\"span\", {\n                    class: _normalizeClass([\"recdot\", {'recording': _unref(isRecording) || _unref(isPlaying)}])\n                  }, null, 2),\n                  _hoisted_8\n                ])\n              ]),\n              _createElementVNode(\"div\", _hoisted_9, [\n                _createElementVNode(\"div\", {\n                  class: \"music-box\",\n                  onClick: _cache[0] || (_cache[0] = \n//@ts-ignore\n(...args) => (_unref(recordScreen) && _unref(recordScreen)(...args)))\n                }, [\n                  _createElementVNode(\"div\", _hoisted_10, [\n                    _createElementVNode(\"img\", {\n                      class: _normalizeClass([\"logo-bg\", {'fixed-music-playing': _unref(isRecording) }]),\n                      src: require('@/assets/images/logo-w.png')\n                    }, null, 10, _hoisted_11),\n                    _createVNode(SvgIcon, {\n                      iconName: _unref(isRecording) ? 'icon-stop-circle' : 'icon-rec-circle' ,\n                      class: _normalizeClass([[_unref(isRecording) ? 'icon-pause' : 'icon-play' ], \"icon-svg icon-record\"])\n                    }, null, 8, [\"iconName\", \"class\"])\n                  ])\n                ])\n              ])\n            ]),\n            _hoisted_12\n          ]),\n          _createElementVNode(\"div\", _hoisted_13, [\n            _createElementVNode(\"img\", {\n              src: require('@/assets/images/hiphop/speaker-l.png')\n            }, null, 8, _hoisted_14)\n          ]),\n          _createElementVNode(\"div\", _hoisted_15, [\n            _createElementVNode(\"img\", {\n              src: require('@/assets/images/hiphop/speaker-r.png')\n            }, null, 8, _hoisted_16)\n          ]),\n          _createElementVNode(\"div\", _hoisted_17, [\n            _createElementVNode(\"div\", _hoisted_18, [\n              _createElementVNode(\"div\", {\n                class: \"pad-box\",\n                style: _normalizeStyle({'margin-left': _unref(elePadBoxLeft)})\n              }, [\n                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(defaultKeyMap).A, (item, idx) => {\n                  return (_openBlock(), _createElementBlock(\"span\", {\n                    key: item.k,\n                    class: _normalizeClass([{'disabled': !item.e, 'active': _unref(currentNote).A === item.k}, \"pad-btn\"]),\n                    onClick: ($event: any) => (!item.e ? () => {} : _unref(play)('A', idx, item.k))\n                  }, _toDisplayString(item.n), 11, _hoisted_19))\n                }), 128)),\n                _hoisted_20,\n                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(defaultKeyMap).B, (item, idx) => {\n                  return (_openBlock(), _createElementBlock(\"div\", {\n                    key: item.k,\n                    class: _normalizeClass([{'disabled': !item.e, 'active': _unref(currentNote).B.includes(item.k)}, \"pad-btn\"]),\n                    onClick: ($event: any) => (!item.e ? () => {} : _unref(play)('B', idx, item.k))\n                  }, _toDisplayString(item.n), 11, _hoisted_21))\n                }), 128)),\n                _hoisted_22,\n                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(defaultKeyMap).C, (item, idx) => {\n                  return (_openBlock(), _createElementBlock(\"div\", {\n                    key: item.k,\n                    class: _normalizeClass([{'disabled': !item.e, 'active': _unref(currentNote).C.includes(item.k)}, \"pad-btn\"]),\n                    onClick: ($event: any) => (!item.e ? () => {} : _unref(play)('C', idx, item.k))\n                  }, _toDisplayString(item.n), 11, _hoisted_23))\n                }), 128)),\n                _hoisted_24,\n                (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(defaultKeyMap).D, (item, idx) => {\n                  return (_openBlock(), _createElementBlock(\"div\", {\n                    key: item.k,\n                    class: _normalizeClass([{'disabled': !item.e, 'active': _unref(currentNote).D === item.k}, \"pad-btn\"]),\n                    onClick: ($event: any) => (!item.e ? () => {} : _unref(play)('D', idx, item.k))\n                  }, _toDisplayString(item.n), 11, _hoisted_25))\n                }), 128)),\n                _createElementVNode(\"div\", {\n                  class: \"pad-btn pad-btn-space\",\n                  onClick: _cache[1] || (_cache[1] = ($event: any) => (_unref(stopAll)()))\n                }, \" RESET \")\n              ], 4),\n              _createElementVNode(\"div\", _hoisted_26, [\n                _createElementVNode(\"img\", {\n                  src: require('@/assets/images/hiphop/desk.png')\n                }, null, 8, _hoisted_27)\n              ])\n            ])\n          ])\n        ], 4),\n        _createElementVNode(\"div\", _hoisted_28, [\n          _createElementVNode(\"img\", {\n            src: require('@/assets/images/hiphop/desk-bottom.png')\n          }, null, 8, _hoisted_29)\n        ])\n      ])\n    ]),\n    _createVNode(_unref(Vue3Marquee), { clone: true }, {\n      default: _withCtx(() => [\n        _hoisted_30\n      ]),\n      _: 1\n    }),\n    _createElementVNode(\"section\", _hoisted_31, [\n      _createElementVNode(\"h2\", _hoisted_32, _toDisplayString(_ctx.$t('STUDIO_1')), 1),\n      _createElementVNode(\"div\", _hoisted_33, [\n        _createElementVNode(\"div\", _hoisted_34, [\n          _createElementVNode(\"div\", _hoisted_35, [\n            _createElementVNode(\"div\", _hoisted_36, [\n              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(defaultKeyMap).A, (item, idx) => {\n                return (_openBlock(), _createElementBlock(_Fragment, {\n                  key: item.k\n                }, [\n                  _createElementVNode(\"button\", _hoisted_37, _toDisplayString(item.n), 1),\n                  (idx===3)\n                    ? (_openBlock(), _createElementBlock(\"div\", _hoisted_38))\n                    : _createCommentVNode(\"\", true)\n                ], 64))\n              }), 128))\n            ])\n          ]),\n          _createElementVNode(\"div\", _hoisted_39, [\n            _createElementVNode(\"div\", _hoisted_40, [\n              (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(defaultKeyMap).D, (item, idx) => {\n                return (_openBlock(), _createElementBlock(_Fragment, {\n                  key: item.k\n                }, [\n                  _createElementVNode(\"button\", _hoisted_41, _toDisplayString(item.n), 1),\n                  (idx===3)\n                    ? (_openBlock(), _createElementBlock(\"div\", _hoisted_42))\n                    : _createCommentVNode(\"\", true)\n                ], 64))\n              }), 128))\n            ])\n          ]),\n          _hoisted_43\n        ]),\n        _createElementVNode(\"div\", _hoisted_45, [\n          _createElementVNode(\"div\", _hoisted_46, [\n            _createElementVNode(\"p\", null, \"1. \" + _toDisplayString(_ctx.$t('STUDIO_2')), 1)\n          ]),\n          _createElementVNode(\"div\", _hoisted_47, [\n            _createElementVNode(\"p\", null, \"2. \" + _toDisplayString(_ctx.$t('STUDIO_3')), 1)\n          ]),\n          _createElementVNode(\"div\", _hoisted_48, [\n            _createElementVNode(\"p\", null, [\n              _createTextVNode(\" 3. \" + _toDisplayString(_ctx.$t('STUDIO_4')) + \" \", 1),\n              _hoisted_49,\n              _createTextVNode(\" ( \" + _toDisplayString(_ctx.$t('STUDIO_5')) + \" ) \", 1)\n            ])\n          ]),\n          _createElementVNode(\"div\", _hoisted_50, [\n            _createElementVNode(\"p\", null, \"4. \" + _toDisplayString(_ctx.$t('STUDIO_6')), 1)\n          ])\n        ])\n      ]),\n      _createElementVNode(\"div\", _hoisted_51, [\n        _createElementVNode(\"div\", _hoisted_52, [\n          _createElementVNode(\"div\", _hoisted_53, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(defaultKeyMap).A, (item, idx) => {\n              return (_openBlock(), _createElementBlock(_Fragment, {\n                key: item.k\n              }, [\n                _createElementVNode(\"button\", _hoisted_54, _toDisplayString(item.n), 1),\n                ((idx+1)%3===0)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_55))\n                  : _createCommentVNode(\"\", true)\n              ], 64))\n            }), 128))\n          ]),\n          _createElementVNode(\"div\", _hoisted_56, [\n            _createElementVNode(\"p\", null, \"1. \" + _toDisplayString(_ctx.$t('STUDIO_2')), 1)\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_57, [\n          _createElementVNode(\"div\", _hoisted_58, [\n            (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(_unref(defaultKeyMap).D, (item, idx) => {\n              return (_openBlock(), _createElementBlock(_Fragment, {\n                key: item.k\n              }, [\n                _createElementVNode(\"button\", _hoisted_59, _toDisplayString(item.n), 1),\n                ((idx+1)%3===0)\n                  ? (_openBlock(), _createElementBlock(\"div\", _hoisted_60))\n                  : _createCommentVNode(\"\", true)\n              ], 64))\n            }), 128))\n          ]),\n          _createElementVNode(\"div\", _hoisted_61, [\n            _createElementVNode(\"p\", null, \"2. \" + _toDisplayString(_ctx.$t('STUDIO_3')), 1)\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_62, [\n          _hoisted_63,\n          _createElementVNode(\"div\", _hoisted_64, [\n            _createElementVNode(\"p\", null, [\n              _createTextVNode(\" 3. \" + _toDisplayString(_ctx.$t('STUDIO_4')) + \" \", 1),\n              _hoisted_65,\n              _createTextVNode(\" ( \" + _toDisplayString(_ctx.$t('STUDIO_5')) + \" ) \", 1)\n            ])\n          ])\n        ]),\n        _createElementVNode(\"div\", _hoisted_66, [\n          _hoisted_67,\n          _createElementVNode(\"div\", _hoisted_68, [\n            _createElementVNode(\"p\", null, \"4. \" + _toDisplayString(_ctx.$t('STUDIO_6')), 1)\n          ])\n        ])\n      ])\n    ]),\n    _createElementVNode(\"section\", _hoisted_69, [\n      _createElementVNode(\"h2\", _hoisted_70, _toDisplayString(_ctx.$t('STUDIO_8')), 1),\n      _hoisted_71\n    ]),\n    _createVNode(_unref(Vue3Marquee), {\n      direction: 'reverse',\n      clone: true\n    }, {\n      default: _withCtx(() => [\n        _hoisted_72\n      ]),\n      _: 1\n    }),\n    _createVNode(Footer),\n    _createVNode(Icons)\n  ], 2))\n}\n}\n\n})","import script from \"./Trial.vue?vue&type=script&setup=true&lang=ts\"\nexport * from \"./Trial.vue?vue&type=script&setup=true&lang=ts\"\n\nimport \"./Trial.vue?vue&type=style&index=0&id=f792e754&lang=scss\"\n\nconst __exports__ = script;\n\nexport default __exports__","import App from './Trial.vue';\nimport { setup } from '@/utils/setup';\n\nconst app = setup(App);\napp.mount('#app');\n","export * from \"-!../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/stylePostLoader.js!../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../node_modules/cache-loader/dist/cjs.js??ref--1-0!../node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/index.js??ref--1-1!./Trial.vue?vue&type=style&index=0&id=f792e754&lang=scss\""],"sourceRoot":""}