{"version":3,"sources":["webpack:///./src/components/Video.vue?b3d2","webpack:///./src/components/Video.vue?f775","webpack:///src/components/Video.vue","webpack:///./src/components/Video.vue?e906","webpack:///./src/components/Video.vue?f8eb","webpack:///./src/components/utility/Expand.vue?e54c","webpack:///src/components/utility/Expand.vue","webpack:///./src/components/utility/Expand.vue?2131","webpack:///./src/components/utility/Expand.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","class","isSpot","attrs","youTubeIsBlocked","internationalFallback","_e","ref","youTubeId","video","src","playerVars","on","handlePlay","handleStop","post","transcription","audio_described","$event","_v","_s","$store","commit","text","directives","name","rawName","value","expression","domProps","staticRenderFns","components","Expand","props","type","Object","default","Boolean","data","rel","modestbranding","playsinline","origin","window","location","hostname","computed","$refs","youtube","player","string","international_fallback","urlMaybe","match","replace","fetch","mode","browser","methods","playVideo","stopVideo","inputUrl","outputUrl","split","undefined","component","enter","afterEnter","beforeLeave","leave","style","_t","duration","Number","validator","delay","easing","String","easings","includes","container","height","scrollHeight"],"mappings":"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","file":"js/chunk-516cc51b.dbaaebe1.js","sourcesContent":["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!../../node_modules/vue-svg-inline-loader/dist/index.min.js!./Video.vue?vue&type=style&index=0&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!../../node_modules/vue-svg-inline-loader/dist/index.min.js!./Video.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"h-full w-full\",class:[_vm.isSpot ? '' : 'lg:pt-7vw'],attrs:{\"aria-label\":\"Video player\"}},[_c('div',{staticClass:\"rv-video__outer\"},[(!_vm.youTubeIsBlocked)?_c('youtube',{ref:\"youtube\",staticClass:\"rv-video__inner\",attrs:{\"video-id\":_vm.youTubeId(_vm.video.src),\"player-vars\":_vm.playerVars,\"width\":'100%',\"height\":'100%'},on:{\"playing\":_vm.handlePlay,\"ended\":_vm.handleStop,\"paused\":_vm.handleStop}}):(_vm.internationalFallback)?_c('div',{staticClass:\"rv-video__inner\"},[_c('iframe',{attrs:{\"src\":_vm.internationalFallback,\"width\":\"100%\",\"height\":\"100%\",\"frameborder\":\"0\",\"allowfullscreen\":\"\"}})]):_vm._e()],1),(_vm.post.transcription || _vm.post.video.audio_described)?_c('ul',{staticClass:\"lg:flex lg:justify-between mb-2 lg:px-1\"},[(_vm.post.transcription)?_c('li',[_c('button',{staticClass:\"ml-2vw lg:ml-0 mt-2 focus-a text-white underline\",attrs:{\"aria-controls\":\"video-transcription\",\"data-gtm-transcription\":\"transcription\",\"aria-expanded\":_vm.transcription},on:{\"click\":function($event){_vm.transcription = !_vm.transcription}}},[_vm._v(\" \"+_vm._s(_vm.transcription ? 'Hide transcription' : 'Show transcription')+\" \")])]):_vm._e(),(_vm.post.video.audio_described && !_vm.youTubeIsBlocked)?_c('li',[_c('button',{staticClass:\"ml-2vw lg:ml-0 mt-2 focus-a text-white underline\",attrs:{\"data-gtm-audio-described\":\"ytIsAudioDescribed\"},on:{\"click\":function($event){return _vm.$store.commit('toggleAudioDescription')}}},[_vm._v(\" \"+_vm._s(_vm.video.text)+\" \")])]):_vm._e()]):_vm._e(),_c('Expand',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.transcription),expression:\"transcription\"}]},[_c('div',{staticClass:\"tiny-mce mb-6 p-x lg:mx-0 p-4 lg:px-0 overflow-auto\",attrs:{\"id\":\"video-transcription\"},domProps:{\"innerHTML\":_vm._s(_vm.post.transcription)}})])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <section\n    aria-label=\"Video player\"\n    class=\"h-full w-full\"\n    :class=\"[isSpot ? '' : 'lg:pt-7vw']\"\n  >\n    <div class=\"rv-video__outer\">\n      <youtube\n        v-if=\"!youTubeIsBlocked\"\n        ref=\"youtube\"\n        :video-id=\"youTubeId(video.src)\"\n        :player-vars=\"playerVars\"\n        :width=\"'100%'\"\n        :height=\"'100%'\"\n        class=\"rv-video__inner\"\n        @playing=\"handlePlay\"\n        @ended=\"handleStop\"\n        @paused=\"handleStop\"\n      />\n      <div v-else-if=\"internationalFallback\" class=\"rv-video__inner\">\n        <iframe\n          :src=\"internationalFallback\"\n          width=\"100%\"\n          height=\"100%\"\n          frameborder=\"0\"\n          allowfullscreen\n        />\n      </div>\n    </div>\n\n    <ul\n      v-if=\"post.transcription || post.video.audio_described\"\n      class=\"lg:flex lg:justify-between mb-2 lg:px-1\"\n    >\n      <li v-if=\"post.transcription\">\n        <button\n          aria-controls=\"video-transcription\"\n          data-gtm-transcription=\"transcription\"\n          :aria-expanded=\"transcription\"\n          class=\"ml-2vw lg:ml-0 mt-2 focus-a text-white underline\"\n          @click=\"transcription = !transcription\"\n        >\n          {{ transcription ? 'Hide transcription' : 'Show transcription' }}\n        </button>\n      </li>\n      <li v-if=\"post.video.audio_described && !youTubeIsBlocked\">\n        <button\n          class=\"ml-2vw lg:ml-0 mt-2 focus-a text-white underline\"\n          data-gtm-audio-described=\"ytIsAudioDescribed\"\n          @click=\"$store.commit('toggleAudioDescription')\"\n        >\n          {{ video.text }}\n        </button>\n      </li>\n    </ul>\n    <Expand v-show=\"transcription\">\n      <div\n        id=\"video-transcription\"\n        class=\"tiny-mce mb-6 p-x lg:mx-0 p-4 lg:px-0 overflow-auto\"\n        v-html=\"post.transcription\"\n      />\n    </Expand>\n  </section>\n</template>\n\n<script>\nimport { mapState } from 'vuex'\nimport Expand from '@/components/utility/Expand.vue'\n\nexport default {\n  name: 'Video',\n\n  components: {\n    Expand\n  },\n\n  props: {\n    post: {\n      type: Object,\n      default: () => {}\n    },\n\n    isSpot: {\n      type: Boolean,\n      default: false\n    }\n  },\n\n  data: () => ({\n    playerVars: {\n      rel: 0,\n      modestbranding: 1,\n      playsinline: 1,\n      origin: window.location.hostname\n    },\n    transcription: false,\n    youTubeIsBlocked: false\n  }),\n\n  computed: {\n    ...mapState(['ytIsAudioDescribed', 'browser']),\n\n    player() {\n      return this.$refs.youtube.player\n    },\n\n    video() {\n      const src =\n        this.post.video.audio_described && this.ytIsAudioDescribed\n          ? this.post.video.audio_described\n          : this.post.video.non_described\n      const text =\n        this.post.video.audio_described && this.ytIsAudioDescribed\n          ? 'Watch non audio described version'\n          : this.post.video.audio_described\n          ? 'Watch audio described version'\n          : ''\n\n      return {\n        src: src,\n        text: text\n      }\n    },\n\n    internationalFallback() {\n      // Not really sure what they will post in here but assuming some kind of iframe or src\n      const string = this.post.video.international_fallback\n      // Extract anything resembling a url from the string\n      const urlMaybe = string.match(/(https?:\\/\\/[^ ]*)/)\n      // If there is a result the above regex doesnt remove a trailing \"\n      // eg: if extracted from a src=\"\", hence the replace regex on the result\n      const src = urlMaybe && urlMaybe[0].replace(/\"$/, '')\n      return src\n    }\n  },\n\n  async created() {\n    /*\n     * Check if YouTube is available\n     * If getting a CORS header, we're hitting Youtube's servers,\n     * which likely means that youtube is not \"blocked\"\n     * NB this doesn't seem to work for ie11.\n     */\n    try {\n      await fetch('https://www.youtube.com/', {\n        mode: 'no-cors'\n      })\n      return (this.youTubeIsBlocked = false)\n    } catch {\n      if (this.browser !== 'IE') {\n        return (this.youTubeIsBlocked = true)\n      }\n      return (this.youTubeIsBlocked = false)\n    }\n  },\n\n  methods: {\n    playVideo() {\n      this.player.playVideo()\n    },\n    stopVideo() {\n      this.player.stopVideo()\n    },\n    handlePlay() {\n      this.$store.commit('toggleYouTubeState', true)\n    },\n    handleStop() {\n      this.$store.commit('toggleYouTubeState', false)\n    },\n    youTubeId(inputUrl) {\n      const outputUrl = inputUrl.split(\n        /(vi\\/|v%3D|v=|\\/v\\/|youtu\\.be\\/|\\/embed\\/)/\n      )\n      return undefined !== outputUrl[2]\n        ? outputUrl[2].split(/[^0-9a-z_\\-]/i)[0]\n        : outputUrl[0]\n    }\n  }\n}\n</script>\n\n<style>\n.rv-video__outer {\n  height: 0;\n  padding-top: 56.25%;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n}\n\n.rv-video__inner {\n  bottom: 0;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 0;\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!../../node_modules/vue-svg-inline-loader/dist/index.min.js!./Video.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!../../node_modules/vue-svg-inline-loader/dist/index.min.js!./Video.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Video.vue?vue&type=template&id=420b201e&\"\nimport script from \"./Video.vue?vue&type=script&lang=js&\"\nexport * from \"./Video.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Video.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{on:{\"enter\":_vm.enter,\"after-enter\":_vm.afterEnter,\"before-leave\":_vm.beforeLeave,\"leave\":_vm.leave}},[_c('div',{ref:\"container\",staticClass:\"collapsible-container\",style:(_vm.style)},[_vm._t(\"default\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <transition\n    @enter=\"enter\"\n    @after-enter=\"afterEnter\"\n    @before-leave=\"beforeLeave\"\n    @leave=\"leave\"\n  >\n    <div ref=\"container\" :style=\"style\" class=\"collapsible-container\">\n      <slot />\n    </div>\n  </transition>\n</template>\n\n<script>\nexport default {\n  props: {\n    duration: {\n      type: Number,\n      default: 0.3,\n      validator: value => value >= 0\n    },\n    delay: {\n      type: Number,\n      default: 0,\n      validator: value => value >= 0\n    },\n    easing: {\n      type: String,\n      default: 'ease',\n      validator: value => {\n        const easings = [\n          'linear',\n          'ease',\n          'ease-in',\n          'ease-out',\n          'ease-in-out',\n          'step-start',\n          'step-end',\n          'initial',\n          'inherit'\n        ]\n        if (easings.includes(value)) return true\n        if (value.match(/^cubic-bezier\\([\\d.]+(,\\s?[\\d.]+){3}\\)$/) !== null)\n          return true\n        return value.match(/^steps\\(\\d+,\\s?(start|end)\\)$/) !== null\n      }\n    }\n  },\n  computed: {\n    style() {\n      return `{\n        height: 0;\n        overflow: hidden;\n        transition-property: height;\n        transition-duration: ${this.duration}s;\n        transition-delay: ${this.delay}s;\n        transition-timing-function: ${this.easing};\n      }`\n    }\n  },\n  methods: {\n    enter() {\n      this.$refs.container.style.height = '0'\n      this.$refs.container.style.height = `${this.$refs.container.scrollHeight}px`\n    },\n    afterEnter() {\n      this.$refs.container.style.height = null\n    },\n    beforeLeave() {\n      this.$refs.container.style.height = `${this.$refs.container.scrollHeight}px`\n    },\n    leave() {\n      // For some reason, merely accessing scrollHeight ensures the animation works correctly\n      const _ = this.$refs.container.scrollHeight // eslint-disable-line no-unused-vars\n      this.$refs.container.style.height = '0'\n    }\n  }\n}\n</script>\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!../../../node_modules/vue-svg-inline-loader/dist/index.min.js!./Expand.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!../../../node_modules/vue-svg-inline-loader/dist/index.min.js!./Expand.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Expand.vue?vue&type=template&id=76bbec63&\"\nimport script from \"./Expand.vue?vue&type=script&lang=js&\"\nexport * from \"./Expand.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}