{"version":3,"sources":["webpack:///./src/components/video/video.vue?25f6","webpack:///./src/components/video/video.vue","webpack:///src/components/video/video.vue","webpack:///./src/components/video/video.vue?20e9","webpack:///./src/components/video/video.vue?88b8"],"names":["render","_vm","this","_c","_self","staticClass","class","concat","type","size","poster","isPlaying","attrs","on","$event","preventDefault","playVideo","apply","arguments","small","medium","large","alt","_e","videoComponent","tag","video","onPlayerReady","caption","_t","staticRenderFns","AhcVideoYoutube","AhcVideoVimeo","name","components","props","String","required","Object","Boolean","data","componentLookup","Map","set","computed","component","has","get","methods","setTabIndex","val","iframe","$el","querySelector","setAttribute"],"mappings":"qIAAA,W,iECAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQC,MAAK,UAAAC,OAAWL,KAAKM,KAAI,YAAAD,OAAWN,EAAIQ,OAAQ,CAACN,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAML,EAAIS,OAAS,gBAAkB,oBAAoB,CAACP,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEJ,EAAIS,OAAQP,EAAG,SAAS,CAACE,YAAY,cAAcC,MAAM,CAAE,aAAcL,EAAIU,WAAYC,MAAM,CAAC,KAAO,SAAS,aAAa,cAAcC,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBd,EAAIe,UAAUC,MAAM,KAAMC,cAAc,CAACf,EAAG,OAAO,CAACE,YAAY,qBAAqBF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,UAAU,CAACA,EAAG,SAAS,CAACS,MAAM,CAAC,OAASX,EAAIS,OAAOS,MAAM,MAAQ,wBAAwBhB,EAAG,SAAS,CAACS,MAAM,CAAC,OAASX,EAAIS,OAAOU,OAAO,MAAQ,wBAAwBjB,EAAG,aAAa,CAACE,YAAY,eAAeO,MAAM,CAAC,MAAQ,GAAG,cAAc,UAAU,IAAMX,EAAIS,OAAOW,MAAM,IAAMpB,EAAIS,OAAOY,QAAQ,OAAOrB,EAAIsB,KAAKpB,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAGF,EAAIuB,eAAe,CAACC,IAAI,YAAYb,MAAM,CAAC,MAAQX,EAAIyB,MAAM,UAAYzB,EAAIU,WAAWE,GAAG,CAAC,YAAcZ,EAAI0B,kBAAkB,KAAM1B,EAAI2B,QAASzB,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACJ,EAAI4B,GAAG,YAAY,GAAG5B,EAAIsB,UAE7pCO,EAAkB,GC4CtBC,G,wCAAA,kBACA,sDACAC,EAAA,kBACA,mDAEA,GACAC,KAAA,YACAC,WAAA,CACAH,kBACAC,iBAEAG,MAAA,CACA3B,KAAA,CACAA,KAAA4B,OACAC,UAAA,GAEA5B,KAAA,CACAD,KAAA4B,OACAC,UAAA,GAEA3B,OAAA4B,OACAV,QAAAW,QACAb,MAAA,CACAlB,KAAA8B,OACAD,UAAA,IAGAG,KAAA,WAEA,IAAAC,EAAA,IAAAC,IAIA,OAHAD,EAAAE,IAAA,+BACAF,EAAAE,IAAA,2BAEA,CACAF,kBACA9B,WAAA,IAGAiC,SAAA,CACApB,eAAA,WACA,IAAAqB,EAAA,KAMA,OAJA,KAAAJ,gBAAAK,IAAA,KAAAtC,QACAqC,EAAA,KAAAJ,gBAAAM,IAAA,KAAAvC,OAGAqC,IAGAG,QAAA,CACAhC,UAAA,WACA,KAAAiC,YAAA,GACA,KAAAtC,WAAA,GAEAgB,cAAA,WACA,KAAAsB,aAAA,IAIAA,YAAA,SAAAC,GACA,IAAAC,EAAA,KAAAC,IAAAC,cAAA,UACAF,EAAAG,aAAA,WAAAJ,MC3G6V,I,wBCQzVL,EAAY,eACd,EACA7C,EACA8B,GACA,EACA,KACA,KACA,MAIa,aAAAe,E","file":"js/video-lazy.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/@vue/cli-service/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.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!./video.vue?vue&type=style&index=0&id=076ef582&prod&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"video\",class:`video--${this.type} video--${_vm.size}`},[_c('div',{staticClass:\"video__content\",class:_vm.poster ? 'video--poster' : 'video--no-poster'},[_c('div',{staticClass:\"video__media\"},[(_vm.poster)?_c('button',{staticClass:\"video__play\",class:{ 'is-playing': _vm.isPlaying },attrs:{\"type\":\"button\",\"aria-label\":\"Play video\"},on:{\"click\":function($event){$event.preventDefault();return _vm.playVideo.apply(null, arguments)}}},[_c('span',{staticClass:\"video__play-icon\"}),_c('div',{staticClass:\"video__image\"},[_c('picture',[_c('source',{attrs:{\"srcset\":_vm.poster.small,\"media\":\"(max-width: 480px)\"}}),_c('source',{attrs:{\"srcset\":_vm.poster.medium,\"media\":\"(max-width: 768px)\"}}),_c('b-img-lazy',{staticClass:\"media__image\",attrs:{\"fluid\":\"\",\"blank-color\":\"#dbe4e7\",\"src\":_vm.poster.large,\"alt\":_vm.poster.alt}})],1)])]):_vm._e(),_c('div',{staticClass:\"video__wrapper\"},[_c(_vm.videoComponent,{tag:\"component\",attrs:{\"video\":_vm.video,\"isPlaying\":_vm.isPlaying},on:{\"playerReady\":_vm.onPlayerReady}})],1)]),(_vm.caption)?_c('div',{staticClass:\"video__caption\"},[_vm._t(\"default\")],2):_vm._e()])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"video\" :class=\"`video--${this.type} video--${size}`\">\n    <div class=\"video__content\" :class=\"poster ? 'video--poster' : 'video--no-poster'\">\n      <div class=\"video__media\">\n        <button\n          type=\"button\"\n          v-if=\"poster\"\n          @click.prevent=\"playVideo\"\n          class=\"video__play\"\n          :class=\"{ 'is-playing': isPlaying }\"\n          aria-label=\"Play video\"\n        >\n          <span class=\"video__play-icon\"></span>\n          <div class=\"video__image\">\n            <picture>\n              <source :srcset=\"poster.small\" media=\"(max-width: 480px)\" />\n              <source :srcset=\"poster.medium\" media=\"(max-width: 768px)\" />\n              <b-img-lazy\n                fluid\n                blank-color=\"#dbe4e7\"\n                class=\"media__image\"\n                :src=\"poster.large\"\n                :alt=\"poster.alt\"\n              />\n            </picture>\n          </div>\n        </button>\n\n        <div class=\"video__wrapper\">\n          <component\n            v-bind:is=\"videoComponent\"\n            :video=\"video\"\n            :isPlaying=\"isPlaying\"\n            @playerReady=\"onPlayerReady\"\n          ></component>\n        </div>\n      </div>\n\n      <div v-if=\"caption\" class=\"video__caption\">\n        <slot></slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"js\">\n  const AhcVideoYoutube = () =>\n    import(/* webpackChunkName: \"video-youtube-lazy\" */ \"./video-youtube.vue\");\n  const AhcVideoVimeo = () =>\n    import(/* webpackChunkName: \"video-vimeo-lazy\" */ \"./video-vimeo.vue\");\n\n  export default  {\n    name: 'ahc-video',\n    components: {\n      AhcVideoYoutube,\n      AhcVideoVimeo\n    },\n    props: {\n      type: {\n        type: String,\n        required: true\n      },\n      size: {\n        type: String,\n        required: true\n      },\n      poster: Object,\n      caption: Boolean,\n      video: {\n        type: Object,\n        required: true\n      }\n    },\n    data() {\n      // Define a map for easy lookup of video type -> video component.\n      const componentLookup = new Map();\n      componentLookup.set(\"youtube\", \"ahc-video-youtube\");\n      componentLookup.set(\"vimeo\", \"ahc-video-vimeo\");\n\n      return {\n        componentLookup: componentLookup,\n        isPlaying: false,\n      }\n    },\n    computed: {\n      videoComponent() {\n        let component = null;\n\n        if (this.componentLookup.has(this.type)) {\n          component = this.componentLookup.get(this.type);\n        }\n\n        return component;\n      }\n    },\n    methods: {\n      playVideo() {\n        this.setTabIndex(0);\n        this.isPlaying = true;\n      },\n      onPlayerReady() {\n        this.setTabIndex(-1);\n      },\n      // initially change the iframe's tabindex so it\n      // can't be accessed via keyboard before playing\n      setTabIndex(val) {\n        const iframe = this.$el.querySelector('iframe');\n        iframe.setAttribute('tabindex', val);\n      },\n    },\n}\n</script>\n\n<style lang=\"scss\">\n// only import scss files here if this is a lazy-loaded component.\n// otherwise, component scss imports go in components.scss\n@import \"./video\";\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!./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!./video.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./video.vue?vue&type=template&id=076ef582\"\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&id=076ef582&prod&lang=scss\"\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":""}