{"version":3,"sources":["webpack:///./src/js/util/supportsIntersectionObserver.js","webpack:///./src/components/exhibition-video/exhibition-video.vue","webpack:///./src/js/util/supportsResizeObserver.js","webpack:///src/components/exhibition-video/exhibition-video.vue","webpack:///./src/components/exhibition-video/exhibition-video.vue?4e5f","webpack:///./src/components/exhibition-video/exhibition-video.vue?3f16"],"names":["supportsIntersectionObserver","window","render","_vm","this","_c","_self","staticClass","class","isPlaying","ref","attrs","on","playVideo","poster","small","medium","large","alt","videoComponent","tag","video","exitVideo","_v","staticRenderFns","supportsResizeObserver","AhcVideoYoutube","AhcVideoVimeo","ESCAPE_KEY","name","components","props","type","String","required","Object","data","componentLookup","Map","set","computed","component","has","get","methods","_this","document","addEventListener","restrictFocus","handleKeyDown","$nextTick","$refs","overlay","focus","containingEl","$el","closest","scrollTo","getBoundingClientRect","top","pageYOffset","exitVideoObserver","IntersectionObserver","entries","observer","forEach","entry","intersectionRatio","unobserve","threshold","observe","_this2","removeEventListener","scrollY","playButton","e","keyCode","target","contains","stopPropagation","mounted","_this3","resizeObserver","ResizeObserver","videoWidth","videoHeight","_entry$contentRect","contentRect","width","height","Math","min","embed","style","overlayWrap","beforeDestroy"],"mappings":"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","file":"js/exhibition-video-lazy.js","sourcesContent":["let supportsIntersectionObserver = false;\n\nif ('IntersectionObserver' in window) {\n  supportsIntersectionObserver = true;\n}\n\nexport default supportsIntersectionObserver;","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"exhibition-video__player\",class:{ 'exhibition-video__player--is-playing': _vm.isPlaying }},[_c('button',{ref:\"playButton\",staticClass:\"exhibition-video__play-button\",attrs:{\"type\":\"button\",\"title\":\"Play\"},on:{\"click\":_vm.playVideo}},[_c('span',{staticClass:\"exhibition-video__play-button-icon\"}),_c('div',{staticClass:\"exhibition-video__poster\"},[_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:\"exhibition-video__poster-image\",attrs:{\"src\":_vm.poster.large,\"alt\":_vm.poster.alt}})],1)])]),_c('div',{ref:\"overlay\",staticClass:\"exhibition-video__overlay\",attrs:{\"role\":\"dialog\",\"aria-label\":\"Video Player\",\"aria-hidden\":!_vm.isPlaying,\"tabindex\":_vm.isPlaying ? 0 : -1}},[_c('div',{ref:\"overlayWrap\",staticClass:\"exhibition-video__overlay-wrap\"},[_c('div',{ref:\"embed\",staticClass:\"exhibition-video__embed\"},[_c(_vm.videoComponent,{tag:\"component\",attrs:{\"video\":_vm.video,\"isPlaying\":_vm.isPlaying}})],1)]),_c('button',{staticClass:\"exhibition-video__overlay-close\",attrs:{\"type\":\"button\",\"title\":\"Close\"},on:{\"click\":_vm.exitVideo}},[_vm._v(\" Close \")])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","let supportsResizeObserver = false;\n\nif ('ResizeObserver' in window) {\n  supportsResizeObserver = true;\n}\n\nexport default supportsResizeObserver;","<template>\n  <div\n    class=\"exhibition-video__player\"\n    :class=\"{ 'exhibition-video__player--is-playing': isPlaying }\"\n  >\n    <button\n      type=\"button\"\n      @click=\"playVideo\"\n      class=\"exhibition-video__play-button\"\n      title=\"Play\"\n      ref=\"playButton\"\n    >\n      <span class=\"exhibition-video__play-button-icon\"></span>\n      <div class=\"exhibition-video__poster\">\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            class=\"exhibition-video__poster-image\"\n            :src=\"poster.large\"\n            :alt=\"poster.alt\"\n          />\n        </picture>\n      </div>\n    </button>\n\n    <div\n      class=\"exhibition-video__overlay\"\n      ref=\"overlay\"\n      role=\"dialog\"\n      aria-label=\"Video Player\"\n      :aria-hidden=\"!isPlaying\"\n      :tabindex=\"isPlaying ? 0 : -1\"\n    >\n      <div class=\"exhibition-video__overlay-wrap\" ref=\"overlayWrap\">\n        <div class=\"exhibition-video__embed\" ref=\"embed\">\n          <component\n            v-bind:is=\"videoComponent\"\n            :video=\"video\"\n            :isPlaying=\"isPlaying\"\n          ></component>\n        </div>\n      </div>\n      <button\n        type=\"button\"\n        @click=\"exitVideo\"\n        class=\"exhibition-video__overlay-close\"\n        title=\"Close\"\n      >\n        Close\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"js\">\nimport supportsIntersectionObserver from '../../js/util/supportsIntersectionObserver';\nimport supportsResizeObserver from '../../js/util/supportsResizeObserver';\n\nconst AhcVideoYoutube = () =>\n  import(/* webpackChunkName: \"video-youtube-lazy\" */ \"./../video/video-youtube.vue\");\nconst AhcVideoVimeo = () =>\n  import(/* webpackChunkName: \"video-vimeo-lazy\" */ \"./../video/video-vimeo.vue\");\n\nconst ESCAPE_KEY = 27;\n\nexport default  {\n  name: 'ahc-exhibition-video',\n  components: {\n    AhcVideoYoutube,\n    AhcVideoVimeo\n  },\n  props: {\n    type: {\n      type: String,\n      required: true\n    },\n    poster: Object,\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.isPlaying = true;\n\n      document.addEventListener('focusin', this.restrictFocus, false);\n      document.addEventListener('keydown', this.handleKeyDown, false);\n\n      // focus the player element and scroll the element to the top of\n      // the viewport\n      this.$nextTick(() => {\n        this.$refs.overlay.focus();\n\n        const containingEl = this.$el.closest('.exhibition-section__wrapper') || this.$el;\n        window.scrollTo(0, containingEl.getBoundingClientRect().top + window.pageYOffset);\n      });\n\n      // exit the video when the section is completely out of view\n      if (supportsIntersectionObserver) {\n        this.exitVideoObserver = new IntersectionObserver((entries, observer) => {\n          entries.forEach(entry => {\n            if (entry.intersectionRatio !== 1 && this.isPlaying) {\n              observer.unobserve(this.$el);\n              this.exitVideo();\n            }\n          });\n        }, { threshold: 0 });\n\n        this.exitVideoObserver.observe(this.$el);\n      }\n    },\n    exitVideo() {\n      this.isPlaying = false;\n\n      document.removeEventListener('focusin', this.restrictFocus, false);\n      document.removeEventListener('keydown', this.handleKeyDown, false);\n\n      this.$nextTick(() => {\n        // don't shift the scroll position when the element is focused\n        const scrollY = window.pageYOffset;\n        this.$refs.playButton.focus();\n        window.scrollTo(0, scrollY);\n      });\n    },\n    handleKeyDown(e) {\n      if (e.keyCode && e.keyCode === ESCAPE_KEY) {\n        this.exitVideo();\n      }\n    },\n    restrictFocus(e) {\n      if (\n        document !== e.target &&\n        this.$refs.overlay !== e.target &&\n        this.isPlaying &&\n        !this.$refs.overlay.contains(e.target)\n      ) {\n        e.stopPropagation();\n        this.$refs.overlay.focus();\n      }\n    }\n  },\n  mounted() {\n    if (supportsResizeObserver) {\n      this.resizeObserver = new ResizeObserver(entries => {\n        entries.forEach(entry => {\n          const { width, height } = entry.contentRect;\n          let videoWidth, videoHeight;\n\n          if (width > height) {\n            videoWidth = Math.min(height * (16/9), width);\n            videoHeight = videoWidth * (9/16);\n          } else {\n            videoHeight = Math.min(width * (9/16), height);\n            videoWidth = videoHeight * (16/9);\n          }\n\n          this.$refs.embed.style.width = videoWidth + 'px';\n          this.$refs.embed.style.height = videoHeight + 'px';\n        });\n      });\n\n      this.resizeObserver.observe(this.$refs.overlayWrap);\n    }\n  },\n  beforeDestroy() {\n    document.removeEventListener('focusin', this.restrictFocus, false);\n    document.removeEventListener('keydown', this.handleKeyDown, false);\n\n    if (this.exitVideoObserver) {\n      this.exitVideoObserver.unobserve(this.$el);\n    }\n\n    if (this.resizeObserver) {\n      this.resizeObserver.unobserve(this.$refs.overlayWrap);\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!./exhibition-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!./exhibition-video.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./exhibition-video.vue?vue&type=template&id=661e4e12\"\nimport script from \"./exhibition-video.vue?vue&type=script&lang=js\"\nexport * from \"./exhibition-video.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":""}