{"version":3,"sources":["webpack:///./src/assets/images/pic_ball_red.png","webpack:///./src/views/Downloads.vue?b311","webpack:///src/views/Downloads.vue","webpack:///./src/views/Downloads.vue?ddc2","webpack:///./src/views/Downloads.vue?3512","webpack:///./src/views/Downloads.vue?286d"],"names":["module","exports","__webpack_require__","p","render","_vm","this","_h","$createElement","_c","_self","staticClass","on","click","$event","animate","_v","staticStyle","display","attrs","src","_m","staticRenderFns","id","Downloadsvue_type_script_lang_js_","name","data","throwBall","methods","runDemo","_this","e","document","querySelector","style","self","window","setTimeout","el","updateTransition","console","log","addEventListener","className","requestAnimationFrame","mozRequestAnimationFrame","webkitRequestAnimationFrame","msRequestAnimationFrame","field","getElementById","ball","maxX","clientWidth","offsetWidth","maxY","clientHeight","offsetHeight","duration","gridSize","start","step","timestamp","progress","x","y","Math","sin","left","min","bottom","views_Downloadsvue_type_script_lang_js_","component","Object","componentNormalizer","__webpack_exports__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Downloads_vue_vue_type_style_index_0_id_6174ee5a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__","_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_index_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_lib_loader_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_Downloads_vue_vue_type_style_index_0_id_6174ee5a_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default","n"],"mappings":"qHAAAA,EAAAC,QAAiBC,EAAAC,EAAuB,4ECAxC,IAAAC,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,SAAoB,CAAAF,EAAA,MAAWG,GAAA,CAAIC,MAAA,SAAAC,GAAyB,OAAAT,EAAAU,aAAuB,CAAAV,EAAAW,GAAA,8BAAAP,EAAA,OAAiDE,YAAA,cAAAM,YAAA,CAAuCC,QAAA,QAAiBC,MAAA,CAAQC,IAAMlB,EAAQ,WAAsCG,EAAAgB,GAAA,MAClWC,EAAA,YAAoC,IAAAjB,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBU,MAAA,CAAOI,GAAA,UAAc,CAAAd,EAAA,OAAYU,MAAA,CAAOI,GAAA,UAAad,EAAA,OAAYU,MAAA,CAAOI,GAAA,eCW5LC,EAAA,CAEAC,KAAA,YAEAC,KAJA,WAKA,OACAC,WAAA,IAIAC,QAAA,CACAC,QADA,WACA,IAAAC,EAAAxB,KACAyB,EAAAC,SAAAC,cAAA,mBACAF,EAAAG,MAAAhB,QAAA,QACA,IAAAiB,EAAA7B,KAEA8B,OAAAC,WAAA,WACA,IAAAC,EAAAR,EAAAS,mBACAC,QAAAC,IAAA,QACAH,EAAAI,iBAAA,gBAAAP,EAAAI,kBAAA,IACA,IAGAA,iBAbA,WAcA,IAAAD,EAAAN,SAAAC,cAAA,mBAYA,OAVAO,QAAAC,IAAA,OAAAH,GAEAA,EACAA,EAAAK,UAAA,aAEAL,EAAAN,SAAAC,cAAA,iBACAK,EAAAK,UAAA,cACAL,EAAAJ,MAAAhB,QAAA,QAGAoB,GAGAvB,QA7BA,WA8BAqB,OAAAQ,sBAAAR,OAAAQ,uBAAAR,OAAAS,0BAAAT,OAAAU,6BAAAV,OAAAW,wBAEA,IAAAC,EAAAhB,SAAAiB,eAAA,SACAC,EAAAlB,SAAAiB,eAAA,QAEAE,EAAAH,EAAAI,YAAAF,EAAAG,YACAC,EAAAN,EAAAO,aAAAL,EAAAM,aAEAC,EAAA,EACAC,EAAA,GAEAC,EAAA,KAEAC,EAAA,SAAAA,EAAAC,GACA,IAAAC,EAAAC,EAAAC,EACA,OAAAL,MAAAE,GAEAC,GAAAD,EAAAF,GAAAF,EAAA,IAEAM,EAAAD,EAAAX,EAAAO,EAEAM,EAAA,EAAAC,KAAAC,IAAAH,GAEAb,EAAAhB,MAAAiC,KAAAF,KAAAG,IAAAjB,EAAAO,EAAAK,GAAA,KACAb,EAAAhB,MAAAmC,OAAAf,EAAA,EAAAI,EAAAM,EAAA,KAEAF,GAAA,IAAAH,EAAA,MACAf,sBAAAgB,IAGAhB,sBAAAgB,MClFmVU,EAAA,0BCQnVC,EAAgBC,OAAAC,EAAA,KAAAD,CACdF,EACAlE,EACAkB,GACF,EACA,KACA,WACA,MAIeoD,EAAA,WAAAH,6CCnBf,IAAAI,EAAAzE,EAAA,QAAA0E,EAAA1E,EAAA2E,EAAAF,GAAqiBC,EAAG","file":"js/about.dc554a78.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/pic_ball_red.e05b6c9e.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"about\"},[_c('h1',{on:{\"click\":function($event){return _vm.animate()}}},[_vm._v(\"This is an Download page\")]),_c('img',{staticClass:\"prepareBall\",staticStyle:{\"display\":\"none\"},attrs:{\"src\":require(\"../assets/images/pic_ball_red.png\")}}),_vm._m(0)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"field\"}},[_c('div',{attrs:{\"id\":\"ball\"}}),_c('div',{attrs:{\"id\":\"ball2\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"about\">\r\n    <h1 @click=\"animate()\">This is an Download page</h1>\r\n    <img class=\"prepareBall\" src=\"../assets/images/pic_ball_red.png\" style=\"display: none;\" />\r\n    <div id=\"field\">\r\n      <div id=\"ball\"></div>\r\n      <div id=\"ball2\"></div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n\r\n  name: 'Downloads',\r\n\r\n  data () {\r\n    return {\r\n      throwBall: false\r\n    }\r\n  },\r\n\r\n  methods: {\r\n    runDemo () {\r\n      let e = document.querySelector('img.prepareBall')\r\n      e.style.display = 'block'\r\n      let self = this\r\n\r\n      window.setTimeout(() => {\r\n        let el = this.updateTransition()\r\n        console.log('test')\r\n        el.addEventListener('transitionend', self.updateTransition, true)\r\n      }, 1)\r\n    },\r\n\r\n    updateTransition () {\r\n      var el = document.querySelector('img.prepareBall')\r\n\r\n      console.log('test', el)\r\n\r\n      if (el) {\r\n        el.className = 'throwBall'\r\n      } else {\r\n        el = document.querySelector('img.throwBall')\r\n        el.className = 'prepareBall'\r\n        el.style.display = 'none'\r\n      }\r\n\r\n      return el\r\n    },\r\n\r\n    animate () {\r\n      window.requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame\r\n\r\n      var field = document.getElementById('field')\r\n      var ball = document.getElementById('ball')\r\n\r\n      var maxX = field.clientWidth - ball.offsetWidth\r\n      var maxY = field.clientHeight - ball.offsetHeight\r\n\r\n      var duration = 5 // seconds\r\n      var gridSize = 50 // pixels\r\n\r\n      var start = null\r\n\r\n      let step = (timestamp) => {\r\n        var progress, x, y\r\n        if (start === null) start = timestamp\r\n\r\n        progress = (timestamp - start) / duration / 1000 // percent\r\n\r\n        x = progress * maxX / gridSize // x = ƒ(t)\r\n\r\n        y = 2 * Math.sin(x) // y = ƒ(x)\r\n\r\n        ball.style.left = Math.min(maxX, gridSize * x) + 'px'\r\n        ball.style.bottom = maxY / 2 + (gridSize * y) + 'px'\r\n\r\n        if (progress >= 1) start = null // reset to start position\r\n        requestAnimationFrame(step)\r\n      }\r\n\r\n      requestAnimationFrame(step)\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.throwBall {\r\n  transition: all 1s;\r\n  -webkit-transition: all 1s;\r\n  transition-timing-function: cubic-bezier(0.2, 0.4, 0.7, 0.8);\r\n  -webkit-transition-timing-function: cubic-bezier(0.2, 0.4, 0.7, 0.8);\r\n\r\n  display: block;\r\n  position: fixed;\r\n  left: 50%;\r\n  top: 50%;\r\n  width: 20px;\r\n  height: 20px;\r\n}\r\n\r\n.prepareBall {\r\n  display: block;\r\n  position: fixed;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 200px;\r\n  height: 200px;\r\n}\r\n\r\n//\r\n\r\n#ball {\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 1em;\r\n  height: 1em;\r\n  border-radius: 0.5em;\r\n}\r\n#ball { background: red; }\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Downloads.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Downloads.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Downloads.vue?vue&type=template&id=6174ee5a&scoped=true&\"\nimport script from \"./Downloads.vue?vue&type=script&lang=js&\"\nexport * from \"./Downloads.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Downloads.vue?vue&type=style&index=0&id=6174ee5a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6174ee5a\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Downloads.vue?vue&type=style&index=0&id=6174ee5a&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/lib/loader.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Downloads.vue?vue&type=style&index=0&id=6174ee5a&lang=scss&scoped=true&\""],"sourceRoot":""}