{"version":3,"sources":["webpack:///./src/slides/Strings.vue?a18b","webpack:///src/slides/Strings.vue","webpack:///./src/slides/Strings.vue?f79e","webpack:///./src/slides/Strings.vue","webpack:///./src/slides/Strings.vue?fcd8","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","staticClass","_m","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":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIO,GAAG,GAAGH,EAAG,aAAa,CAACE,YAAY,OAAOE,MAAM,CAAC,OAASR,EAAIS,QAAQ,SAAWT,EAAIU,QAAQ,OAAS,cAAc,IACzPC,EAAkB,CAAC,WAAa,IAAIX,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACA,EAAG,KAAK,CAACJ,EAAIY,GAAG,uBAAuBR,EAAG,KAAK,CAACJ,EAAIY,GAAG,a,YCY9K,GACEC,KAAM,UACNC,KAFF,WAGI,MAAO,CACLL,QAAS,wIAKTC,QAAS,mHAObK,WAAY,CACVC,WAAJ,SC9BiV,I,wBCQ7UC,EAAY,eACd,EACAlB,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAM,E,6CCnBf,yBAAse,EAAG,G,kCCAze,IAAIlB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,OAAO,CAAER,EAAM,GAAEI,EAAG,OAAO,CAACI,MAAM,CAAC,KAAOR,EAAIkB,OAAO,OAAUlB,EAAImB,OAAS,QAASnB,EAAIoB,MAAM,GAAGhB,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,SAAS,CAAGR,EAAIqB,GAA4ErB,EAAIoB,KAA5EhB,EAAG,OAAO,CAACI,MAAM,CAAC,KAAOR,EAAIsB,SAAS,OAAUtB,EAAImB,OAAS,WAAqB,GAAGf,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,SAAS,CAAGR,EAAIqB,GAAiUrB,EAAIoB,KAAjUhB,EAAG,OAAO,CAACE,YAAY,QAAQiB,GAAG,CAAC,MAAQ,SAASC,GAAQxB,EAAIqB,IAAK,KAAQ,CAACjB,EAAG,MAAM,CAACI,MAAM,CAAC,MAAQ,6BAA6B,MAAQ,KAAK,OAAS,KAAK,QAAU,cAAc,CAACJ,EAAG,OAAO,CAACI,MAAM,CAAC,EAAI,oDAAoDJ,EAAG,OAAO,CAACI,MAAM,CAAC,EAAI,gBAAgB,KAAO,gBAAyBJ,EAAG,aAAa,CAACI,MAAM,CAAC,KAAO,SAAS,CAAER,EAAM,GAAEI,EAAG,OAAO,CAACE,YAAY,UAAUiB,GAAG,CAAC,MAAQ,SAASC,GAAQxB,EAAIqB,IAAK,KAAS,CAACjB,EAAG,MAAM,CAACI,MAAM,CAAC,MAAQ,6BAA6B,MAAQ,KAAK,OAAS,KAAK,QAAU,cAAc,CAACJ,EAAG,OAAO,CAACI,MAAM,CAAC,EAAI,6DAA6DJ,EAAG,OAAO,CAACI,MAAM,CAAC,KAAO,OAAO,EAAI,yBAAyBR,EAAIoB,QAAQ,IACnnCT,EAAkB,G,YC6BtB,GACEE,KAAM,aACNC,KAFF,WAGI,MAAO,CACLO,IAAI,IAGRI,QAAS,CACPC,SAAU,SAAd,IACUC,EAAEC,SAAWD,EAAEE,WACC,KAAdF,EAAEG,QACJ7B,KAAKoB,IAAK,EACpB,iBACUpB,KAAKoB,IAAK,MAKlBU,QAAS,WACPC,SAASC,iBAAiB,UAAWhC,KAAKyB,WAE5CQ,UAAW,WACTF,SAASG,oBAAoB,UAAWlC,KAAKyB,WAE/CU,MAAO,CACLlB,OAAQmB,OACRf,SAAUe,OACVlB,OAAQkB,QAEVtB,WAAY,CACVuB,KAAJ,eC5DoV,I,wBCQhVrB,EAAY,eACd,EACAlB,EACAY,GACA,EACA,KACA,WACA,MAIa,OAAAM,E,2CCnBf,yBAAye,EAAG,G","file":"js/chunk-6c921112.dec954ec.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"multi-line\"},[_vm._m(0),_c('DoubleCode',{staticClass:\"code\",attrs:{\"codeUp\":_vm.oldCode,\"codeDown\":_vm.newCode,\"parent\":\"Strings\"}})],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',[_c('h1',[_vm._v(\"Template Literals\")]),_c('h2',[_vm._v(\"ES6\")])])}]\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"multi-line\">\n    <header>\n      <h1>Template Literals</h1>\n      <h2>ES6</h2>\n    </header>\n    <DoubleCode class=\"code\" :codeUp=\"oldCode\" :codeDown=\"newCode\" parent=\"Strings\"/>\n  </div>\n</template>\n\n<script>\nimport DoubleCode from \"@/components/DoubleCode.vue\";\n\nexport default {\n  name: \"Strings\",\n  data() {\n    return {\n      oldCode: `//old way\nconst l1 = 'This is a number ' + 5 + '. And this is a boolean ' + true + '.';\n\nconst l2 = 'First line \\\\nSecond line';\n`,\n      newCode: `const l1 = \\`This is a number \\${5}. And this is a boolean \\${true}.\\`;\n\nconst l2 = \\`First line\nSecond line\\`;\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!./Strings.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!./Strings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Strings.vue?vue&type=template&id=4ef34592&scoped=true&\"\nimport script from \"./Strings.vue?vue&type=script&lang=js&\"\nexport * from \"./Strings.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Strings.vue?vue&type=style&index=0&id=4ef34592&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  \"4ef34592\",\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!./Strings.vue?vue&type=style&index=0&id=4ef34592&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!./Strings.vue?vue&type=style&index=0&id=4ef34592&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":""}