{"version":3,"sources":["webpack:///./src/components/lists/YouTubeVideos/YouTubeVideo.vue?db8a","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideos.vue?c4bf","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideo.vue?8f97","webpack:///src/components/lists/YouTubeVideos/YouTubeVideo.vue","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideo.vue?d5d9","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideo.vue","webpack:///src/components/lists/YouTubeVideos/YouTubeVideos.vue","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideos.vue?3b46","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideos.vue","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideo.vue?d5ae","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideo.vue?0d57","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideos.vue?0f23","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideos.vue?5353","webpack:///./src/components/lists/YouTubeVideos/YouTubeVideos.vue?b5f6"],"names":["exports","module","push","i","render","_vm","this","_h","$createElement","_c","_self","staticClass","class","videoClasses","_l","video","index","key","boxed","attrs","video_url","staticRenderFns","videoEmbedUrl","name","props","url","String","computed","ampersandPosition","videoId","substring","injectStyles","context","style0","__inject__","component","items","type","Array","components","YouTubeVideo","videos","map","JSON","parse","item","value","totalVideos","length","maxVideos","content","__esModule","default","locals","add"],"mappings":"mGAAAA,EAAUC,EAAOD,QAAU,EAAQ,OAAR,EAA+D,GAK1FA,EAAQE,KAAK,CAACD,EAAOE,EAAI,8QAA+Q,M,yCCLxS,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAMP,EAAIQ,cAAcR,EAAIS,GAAIT,EAAU,QAAE,SAASU,EAAMC,GAAO,OAAOP,EAAG,eAAe,CAACQ,IAAK,iBAAmBD,EAAOJ,MAAM,CAAC,aAAcG,EAAMG,OAAOC,MAAM,CAAC,IAAMJ,EAAMK,gBAAe,QAC7YC,EAAkB,GCDlB,EAAS,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,SAAS,CAACU,MAAM,CAAC,OAAS,MAAM,IAAMd,EAAIiB,cAAc,YAAc,IAAI,MAAQ,0EAA0E,gBAAkB,WACrW,EAAkB,GCQtB,G,UAAA,CACEC,KAAM,eAENC,MAAO,CACLC,IAAKC,QAGPC,SAAU,CACRL,cADJ,WAEM,IAAN,0BACA,iBAMM,OAJ2B,IAAvBM,IACFC,EAAUA,EAAQC,UAAU,EAAGF,IAG1B,iCAAb,cCzBoX,I,YCGpX,SAASG,EAAcC,GAErB,IAAIC,EAAS,EAAQ,QACnBA,EAAOC,YAAYD,EAAOC,WAAWF,GAMzC,IAAIG,EAAY,eACd,EACA,EACA,GACA,EACAJ,EACA,KACA,YAIa,EAAAI,E,QCNf,GACEZ,KAAM,iBAENC,MAAO,CACLY,MAAO,CACLC,KAAMC,QAIVC,WAAY,CACVC,aAAJ,GAGEb,SAAU,CACRc,OADJ,WAEM,OAAOnC,KAAK8B,MAAMM,KAAI,SAA5B,GACQ,OAAOC,KAAKC,MAAMC,EAAKC,WAI3BC,YAPJ,WAQM,OAAOzC,KAAK8B,MAAMY,QAGpBC,UAXJ,WAaM,OAAO3C,KAAKyC,YAAc,GAG5BlC,aAhBJ,WAiBM,MAAO,CAAC,OAAd,OACA,iBADA,WAEA,CAAQ,iBAAR,oBCjDqX,ICGrX,SAAS,EAAcmB,GAErB,IAAIC,EAAS,EAAQ,QACnBA,EAAOC,YAAYD,EAAOC,WAAWF,GAMzC,IAAI,EAAY,eACd,EACA5B,EACAiB,GACA,EACA,EACA,KACA,YAIa,e,6CCvBf,yG,uBCGA,IAAI6B,EAAU,EAAQ,QACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACjD,EAAOE,EAAI+C,EAAS,MAC7DA,EAAQG,SAAQpD,EAAOD,QAAUkD,EAAQG,QAE5C,IAAIC,EAAM,EAAQ,QAAqEF,QAC1EE,EAAI,WAAYJ,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa,K,qBCN5E,IAAIA,EAAU,EAAQ,QACnBA,EAAQC,aAAYD,EAAUA,EAAQE,SACnB,kBAAZF,IAAsBA,EAAU,CAAC,CAACjD,EAAOE,EAAI+C,EAAS,MAC7DA,EAAQG,SAAQpD,EAAOD,QAAUkD,EAAQG,QAE5C,IAAIC,EAAM,EAAQ,QAAqEF,QAC1EE,EAAI,WAAYJ,GAAS,EAAM,CAAC,WAAY,EAAM,YAAa,K,qBCT5ElD,EAAUC,EAAOD,QAAU,EAAQ,OAAR,EAA+D,GAK1FA,EAAQE,KAAK,CAACD,EAAOE,EAAI,owBAAqwB,M,kCCL9xB","file":"js/chunks/youtube-videos.js?id=ae359309f237bcc07689","sourcesContent":["exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \".youtube-video{margin-bottom:10px}@media screen and (min-width:600px){.youtube-video{margin:0}}.youtube-video-wrapper{position:relative;padding-bottom:56.25%;height:0}.youtube-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:0}\", \"\"]);\n\n// exports\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"page-section\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"youtube-videos\",class:_vm.videoClasses},_vm._l((_vm.videos),function(video,index){return _c('YouTubeVideo',{key:(\"youtube-video-\" + index),class:{'content-bg': video.boxed},attrs:{\"url\":video.video_url}})}),1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"youtube-video\"},[_c('div',{staticClass:\"youtube-video-wrapper\"},[_c('iframe',{attrs:{\"height\":\"315\",\"src\":_vm.videoEmbedUrl,\"frameborder\":\"0\",\"allow\":\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",\"allowfullscreen\":\"\"}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"youtube-video\">\n    <div class=\"youtube-video-wrapper\">\n      <iframe height=\"315\" :src=\"videoEmbedUrl\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: 'YoutubeVideo',\n\n  props: {\n    url: String\n  },\n\n  computed: {\n    videoEmbedUrl() {\n      let videoId = this.url.split('v=')[1]\n      let ampersandPosition = videoId.indexOf('&')\n\n      if (ampersandPosition !== -1) {\n        videoId = videoId.substring(0, ampersandPosition)\n      }\n\n      return `https://www.youtube.com/embed/${videoId}`\n    }\n  }\n}\n</script>\n\n<style lang=\"sass\">\n@import '../../../stylesheets/base/variables'\n@import '../../../stylesheets/helpers/mixins'\n\n.youtube-video\n  margin-bottom: $gap-small\n\n  @include media($media-gt-small)\n    margin: 0\n\n.youtube-video-wrapper\n  position: relative\n  padding-bottom: 56.25%\n  height: 0\n\n  iframe\n    position: absolute\n    top: 0\n    left: 0\n    width: 100%\n    height: 100%\n    border-radius: 0\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!./YouTubeVideo.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!./YouTubeVideo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./YouTubeVideo.vue?vue&type=template&id=6d7226da&\"\nimport script from \"./YouTubeVideo.vue?vue&type=script&lang=js&\"\nexport * from \"./YouTubeVideo.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./YouTubeVideo.vue?vue&type=style&index=0&lang=sass&\")\nif (style0.__inject__) style0.__inject__(context)\n\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  injectStyles,\n  null,\n  \"3a012a23\"\n  \n)\n\nexport default component.exports","<template lang=\"html\">\n  <div class=\"page-section\">\n    <div class=\"container\">\n      <div class=\"youtube-videos\" :class=\"videoClasses\">\n        <YouTubeVideo\n          v-for=\"(video, index) in videos\"\n          :class=\"{'content-bg': video.boxed}\"\n          :key=\"`youtube-video-${index}`\"\n          :url=\"video.video_url\"/>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport YouTubeVideo from './YouTubeVideo'\n\nexport default {\n  name: 'youtube-videos',\n\n  props: {\n    items: {\n      type: Array\n    }\n  },\n\n  components: {\n    YouTubeVideo\n  },\n\n  computed: {\n    videos() {\n      return this.items.map((item) => {\n        return JSON.parse(item.value)\n      })\n    },\n\n    totalVideos() {\n      return this.items.length\n    },\n\n    maxVideos() {\n      /* If there are more than 5 videos, we'll set a new class */\n      return this.totalVideos > 5\n    },\n\n    videoClasses() {\n      return [\n        `has-${this.totalVideos}-videos`,\n        {'has-max-videos': this.maxVideos}\n      ]\n    }\n  }\n}\n</script>\n\n<style lang=\"sass\">\n@import '../../../stylesheets/base/variables'\n@import '../../../stylesheets/helpers/mixins'\n\n.youtube-videos\n  @include media($media-gt-small)\n    display: flex\n    flex-wrap: wrap\n    justify-content: center\n    align-items: stretch\n    align-content: stretch\n\n    &.has-1-videos\n      .youtube-video\n        flex-basis: 100%\n\n    &.has-2-videos,\n    &.has-4-videos,\n    &.has-5-videos,\n    &.has-max-videos\n      .youtube-video\n        width: 50%\n\n    &.has-3-videos\n      .youtube-video\n        width: percentage(1/3)\n\n    &.has-5-videos\n      .youtube-video\n        &:first-child\n          flex-basis: 100%\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!./YouTubeVideos.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!./YouTubeVideos.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./YouTubeVideos.vue?vue&type=template&id=05c45642&lang=html&\"\nimport script from \"./YouTubeVideos.vue?vue&type=script&lang=js&\"\nexport * from \"./YouTubeVideos.vue?vue&type=script&lang=js&\"\nfunction injectStyles (context) {\n  \n  var style0 = require(\"./YouTubeVideos.vue?vue&type=style&index=0&lang=sass&\")\nif (style0.__inject__) style0.__inject__(context)\n\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  injectStyles,\n  null,\n  \"09cfbb60\"\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YouTubeVideo.vue?vue&type=style&index=0&lang=sass&\"","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YouTubeVideo.vue?vue&type=style&index=0&lang=sass&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"31b9582d\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YouTubeVideos.vue?vue&type=style&index=0&lang=sass&\");\nif(content.__esModule) content = content.default;\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"46d75e93\", content, true, {\"sourceMap\":false,\"shadowMode\":false});","exports = module.exports = require(\"../../../../node_modules/css-loader/lib/css-base.js\")(false);\n// imports\n\n\n// module\nexports.push([module.id, \"@media screen and (min-width:600px){.youtube-videos{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:stretch;align-content:stretch}.youtube-videos.has-1-videos .youtube-video{-ms-flex-preferred-size:100%;flex-basis:100%}.youtube-videos.has-2-videos .youtube-video,.youtube-videos.has-4-videos .youtube-video,.youtube-videos.has-5-videos .youtube-video,.youtube-videos.has-max-videos .youtube-video{width:50%}.youtube-videos.has-3-videos .youtube-video{width:33.3333333333%}.youtube-videos.has-5-videos .youtube-video:first-child{-ms-flex-preferred-size:100%;flex-basis:100%}}\", \"\"]);\n\n// exports\n","export * from \"-!../../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--9-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-3!../../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./YouTubeVideos.vue?vue&type=style&index=0&lang=sass&\""],"sourceRoot":""}