{"version":3,"sources":["webpack:///./src/slides/Includes.vue?f2f0","webpack:///src/slides/Includes.vue","webpack:///./src/slides/Includes.vue?f4f4","webpack:///./src/slides/Includes.vue","webpack:///./src/slides/Includes.vue?6838","webpack:///./src/components/DoubleCode.vue?5ef4","webpack:///src/components/DoubleCode.vue","webpack:///./src/components/DoubleCode.vue?8e80","webpack:///./src/components/DoubleCode.vue","webpack:///./src/components/DoubleCode.vue?a1bc"],"names":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","attrs","oldCode","newCode","staticRenderFns","_v","name","data","components","DoubleCode","component","codeUp","parent","_e","up","codeDown","on","$event","methods","keyCheck","e","ctrlKey","metaKey","keyCode","mounted","document","addEventListener","destroyed","removeEventListener","props","String","Code"],"mappings":"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","file":"js/chunk-4b18ab87.0a0cea22.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('DoubleCode',{staticClass:\"code\",attrs:{\"codeUp\":_vm.oldCode,\"codeDown\":_vm.newCode,\"parent\":\"Includes\"}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',[_c('h1',[_vm._v(\"includes\")]),_c('h2',[_vm._v(\"ES7\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <header>\n      <h1>includes</h1>\n      <h2>ES7</h2>\n    </header>\n    <DoubleCode class=\"code\" :codeUp=\"oldCode\" :codeDown=\"newCode\" parent=\"Includes\"/>\n  </div>\n</template>\n\n<script>\nimport DoubleCode from \"@/components/DoubleCode.vue\";\n\nexport default {\n  name: \"Includes\",\n  data() {\n    return {\n      oldCode: `//Old JavaScript\nconst exists = [1, 2, 3].indexOf(1) !== -1;\n`,\n      newCode: `const exists = [1, 2, 3].includes(1);\n`\n    };\n  },\n  components: {\n    DoubleCode\n  }\n};\n</script>\n\n<style scoped>\nheader {\n  display: flex;\n  justify-content: space-between;\n}\ndiv {\n  display: flex;\n  flex-direction: column;\n}\n.code {\n  flex: 1;\n}\n</style>\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!./Includes.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!./Includes.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Includes.vue?vue&type=template&id=6ac05a99&scoped=true&\"\nimport script from \"./Includes.vue?vue&type=script&lang=js&\"\nexport * from \"./Includes.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Includes.vue?vue&type=style&index=0&id=6ac05a99&scoped=true&lang=css&\"\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  \"6ac05a99\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Includes.vue?vue&type=style&index=0&id=6ac05a99&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Includes.vue?vue&type=style&index=0&id=6ac05a99&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('transition',{attrs:{\"name\":\"up\"}},[(_vm.up)?_c('Code',{attrs:{\"code\":_vm.codeUp,\"parent\":(_vm.parent + \"up\")}}):_vm._e()],1),_c('transition',{attrs:{\"name\":\"down\"}},[(!_vm.up)?_c('Code',{attrs:{\"code\":_vm.codeDown,\"parent\":(_vm.parent + \"down\")}}):_vm._e()],1),_c('transition',{attrs:{\"name\":\"fade\"}},[(!_vm.up)?_c('span',{staticClass:\"go up\",on:{\"click\":function($event){_vm.up = true}}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"48\",\"height\":\"48\",\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"}}),_c('path',{attrs:{\"d\":\"M0 0h24v24H0z\",\"fill\":\"none\"}})])]):_vm._e()]),_c('transition',{attrs:{\"name\":\"fade\"}},[(_vm.up)?_c('span',{staticClass:\"go down\",on:{\"click\":function($event){_vm.up = false}}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"48\",\"height\":\"48\",\"viewBox\":\"0 0 24 24\"}},[_c('path',{attrs:{\"d\":\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"}}),_c('path',{attrs:{\"fill\":\"none\",\"d\":\"M0 0h24v24H0V0z\"}})])]):_vm._e()])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <transition name=\"up\">\n      <Code v-if=\"up\" :code=\"codeUp\" :parent=\"`${parent}up`\"/>\n    </transition>\n    <transition name=\"down\">\n      <Code v-if=\"!up\" :code=\"codeDown\" :parent=\"`${parent}down`\"/>\n    </transition>\n    <transition name=\"fade\">\n      <span v-if=\"!up\" @click=\"up = true\" class=\"go up\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\">\n          <path d=\"M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z\"></path>\n          <path d=\"M0 0h24v24H0z\" fill=\"none\"></path>\n        </svg>\n      </span>\n    </transition>\n    <transition name=\"fade\">\n      <span v-if=\"up\" @click=\"up = false\" class=\"go down\">\n        <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" viewBox=\"0 0 24 24\">\n          <path d=\"M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z\"></path>\n          <path fill=\"none\" d=\"M0 0h24v24H0V0z\"></path>\n        </svg>\n      </span>\n    </transition>\n  </div>\n</template>\n\n<script>\nimport Code from \"@/components/Code.vue\";\n\nexport default {\n  name: \"DoubleCode\",\n  data() {\n    return {\n      up: true\n    };\n  },\n  methods: {\n    keyCheck: function(e) {\n      if (e.ctrlKey || e.metaKey) {\n        if (e.keyCode === 38) {\n          this.up = true;\n        } else if (e.keyCode === 40) {\n          this.up = false;\n        }\n      }\n    }\n  },\n  mounted: function() {\n    document.addEventListener(\"keydown\", this.keyCheck);\n  },\n  destroyed: function() {\n    document.removeEventListener(\"keydown\", this.keyCheck);\n  },\n  props: {\n    codeUp: String,\n    codeDown: String,\n    parent: String\n  },\n  components: {\n    Code\n  }\n};\n</script>\n\n<style scoped>\n.up-enter-active,\n.up-leave-active,\n.down-enter-active,\n.down-leave-active {\n  transition: all 1s ease-in-out;\n}\n.up-enter {\n  transform: translateY(-900px);\n  opacity: 0;\n  position: absolute;\n  width: 100%;\n}\n.up-leave-to {\n  transform: translateY(-900px);\n  opacity: 0;\n  position: absolute;\n  width: 100%;\n}\n.down-enter {\n  transform: translateY(900px);\n  opacity: 0;\n  position: absolute;\n  width: 100%;\n}\n.down-leave-to {\n  transform: translateY(900px);\n  opacity: 0;\n  position: absolute;\n  width: 100%;\n}\n\n.go {\n  justify-content: center;\n  width: 100%;\n}\n\n.up {\n  top: 15px;\n}\n\n.down {\n  bottom: -45px;\n}\n</style>\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!./DoubleCode.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!./DoubleCode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoubleCode.vue?vue&type=template&id=c6e77686&scoped=true&\"\nimport script from \"./DoubleCode.vue?vue&type=script&lang=js&\"\nexport * from \"./DoubleCode.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DoubleCode.vue?vue&type=style&index=0&id=c6e77686&scoped=true&lang=css&\"\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  \"c6e77686\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoubleCode.vue?vue&type=style&index=0&id=c6e77686&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoubleCode.vue?vue&type=style&index=0&id=c6e77686&scoped=true&lang=css&\""],"sourceRoot":""}