{"version":3,"sources":["webpack:///./src/modules/VideoPlayerModule/VideoPlayerModule.vue?0293","webpack:///./src/modules/VideoPlayerModule/VideoPlayerModule.ts?8dad","webpack:///./src/modules/VideoPlayerModule/VideoPlayerModule.ts","webpack:///./src/modules/VideoPlayerModule/VideoPlayerModule.vue","webpack:///./src/components/CutoutComponent/CutoutComponent.vue?9b49","webpack:///./src/components/CutoutComponent/CutoutComponent.ts?5590","webpack:///./src/components/CutoutComponent/CutoutComponent.ts","webpack:///./src/components/CutoutComponent/CutoutComponent.vue","webpack:///./src/components/VimeoVideoPlayer/VimeoVideoPlayer.vue?ae12","webpack:///./src/components/VimeoVideoPlayer/VimeoVideoPlayer.ts?110f","webpack:///./src/components/VimeoVideoPlayer/VimeoVideoPlayer.ts","webpack:///./src/components/VimeoVideoPlayer/VimeoVideoPlayer.vue"],"names":["videoIsActive","options","autoplay","loop","muted","controls","playsinline","imageSizes","def","sizes","sm","md","lg","xl","cutoutSizes1","cutoutSizes3","VideoPlayerModule","handleVideoActive","isActive","this","components","ResponsiveImage","VimeoVideoPlayer","Cutout","extend","props","Title","BackgroundTitle","BackgroundImage","Url","Alt","Video","Type","Poster","VideoCaption","HeaderTag","component","_vm","_h","$createElement","_c","_self","staticClass","class","p","directives","name","rawName","value","expression","_v","_s","_e","attrs","CutoutComponent","cutout","index","baseClass","cutoutClass","String","Number","animate","type","default","Object","classes","image","playing","full_screen","byline","title","vimeo_logo","$props","video","includes","split","onFullScreenChange","event","fullscreen","playingChanged","setPlayingInterval","playingInterval","clearInterval","setInterval","onPlaying","getSegmentProps","data","getVolume","sound","position","Math","floor","seconds","total_length","duration","video_player","asset_source","onPlay","SegmentElement","sendEvent","player","$refs","getCurrentTime","getDuration","ceil","onEnded","onPause","videoPlayer","fluid","Boolean","isActiveSlide","externalStop","noAnalytics","Array","ref","videoId","on"],"mappings":"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","file":"115.3e0c32f8a136ca8a2574.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:\"video module module--mb\",class:{ 'video__has-background': _vm.p.BackgroundImage && _vm.p.BackgroundImage.Url }},[_c('div',{staticClass:\"video__title-container\"},[(_vm.p.Title)?[(_vm.p.HeaderTag==='h1')?_c('h1',{directives:[{name:\"animate\",rawName:\"v-animate\",value:('slideUp'),expression:\"'slideUp'\"}],staticClass:\"video__title-small text-center\"},[_vm._v(\"\\n \"+_vm._s(_vm.p.Title)+\"\\n \")]):(_vm.p.HeaderTag==='h2')?_c('h2',{directives:[{name:\"animate\",rawName:\"v-animate\",value:('slideUp'),expression:\"'slideUp'\"}],staticClass:\"video__title-small text-center\"},[_vm._v(\"\\n \"+_vm._s(_vm.p.Title)+\"\\n \")]):_c('h3',{directives:[{name:\"animate\",rawName:\"v-animate\",value:('slideUp'),expression:\"'slideUp'\"}],staticClass:\"video__title-small text-center\"},[_vm._v(\"\\n \"+_vm._s(_vm.p.Title)+\"\\n \")])]:_vm._e()],2),_c('div',{staticClass:\"video__container\"},[_c('div',{staticClass:\"video__overlay\"}),(_vm.p.BackgroundImage)?_c('ResponsiveImage',{attrs:{\"imageClass\":\"video__background-image\",\"image\":_vm.p.BackgroundImage,\"sizes\":_vm.imageSizes}}):_vm._e(),_c('div',{staticClass:\"video__wrapper\"},[_c('VimeoVideoPlayer',{attrs:{\"video\":_vm.p.Video}}),(_vm.p.VideoCaption)?_c('figcaption',{staticClass:\"video__caption text--small\"},[_vm._v(\"\\n \"+_vm._s(_vm.p.VideoCaption)+\"\\n \")]):_vm._e()],1),_c('Cutout',{class:{ 'video__cutout--hide': _vm.videoIsActive },attrs:{\"baseClass\":\"video\",\"index\":1,\"sizes\":_vm.cutoutSizes1}}),_c('Cutout',{class:{ 'video__cutout--hide': _vm.videoIsActive },attrs:{\"baseClass\":\"video\",\"index\":3,\"sizes\":_vm.cutoutSizes3}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/ts-loader/index.js??ref--0!./VideoPlayerModule.ts?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/ts-loader/index.js??ref--0!./VideoPlayerModule.ts?vue&type=script&lang=ts&\"","import { Component, Vue } from 'vue-property-decorator';\nimport { getComponentProps } from '@/utils/vueUtils';\nimport VimeoVideoPlayer from '@/components/VimeoVideoPlayer/VimeoVideoPlayer.vue';\nimport ResponsiveImage from '@/components/ResponsiveImage/ResponsiveImage.vue';\nimport Cutout from '@/components/CutoutComponent/CutoutComponent.vue';\nimport VideoPlayerViewModel from './VideoPlayerModule.types';\nimport { VideoJsPlayerOptions } from 'video.js';\nimport { ImageSizes, ImageSize } from '@/common/interfaces/SizeBreakpoints';\n\nimport { getResizeImage } from '@/utils/commonUtils';\n\nconst VideoPlayerModuleProps = Vue.extend({\n props: getComponentProps({\n Title: 'Discovery Alaska',\n BackgroundTitle: 'Discover',\n BackgroundImage: { Url: getResizeImage('snow-hike.jpg'), Alt: '' },\n Video: {\n Url:\n 'https://player.vimeo.com/external/378567776.hd.mp4?s=a1da3193ace2f94a917e55cd0001722704d1ea1e&profile_id=175',\n Type: 'video/mp4',\n Poster: getResizeImage('moose.jpg'),\n },\n VideoCaption: '',\n HeaderTag: 'h3',\n }),\n});\n\n@Component({\n components: {\n ResponsiveImage,\n VimeoVideoPlayer,\n Cutout,\n },\n})\nexport default class VideoPlayerModule extends VideoPlayerModuleProps {\n videoIsActive = false;\n\n options = {\n autoplay: false,\n loop: false,\n muted: false,\n controls: true,\n playsinline: true,\n } as VideoJsPlayerOptions;\n\n handleVideoActive(isActive: boolean) {\n this.videoIsActive = isActive;\n }\n\n imageSizes: ImageSizes = {\n def: new ImageSize([559, 250]),\n sizes: {\n sm: new ImageSize([767, 250]),\n md: new ImageSize([991, 512]),\n lg: new ImageSize([1199, 512]),\n xl: new ImageSize([1500, 910]),\n },\n };\n\n cutoutSizes1: ImageSizes = {\n def: new ImageSize([111, 111]),\n sizes: {\n md: new ImageSize([178, 178]),\n },\n };\n\n cutoutSizes3: ImageSizes = {\n def: new ImageSize([64, 64]),\n sizes: {\n md: new ImageSize([89, 89]),\n xl: new ImageSize([140, 140]),\n },\n };\n}\n","import { render, staticRenderFns } from \"./VideoPlayerModule.vue?vue&type=template&id=2d9c80cd&\"\nimport script from \"./VideoPlayerModule.ts?vue&type=script&lang=ts&\"\nexport * from \"./VideoPlayerModule.ts?vue&type=script&lang=ts&\"\nimport style0 from \"./VideoPlayerModule.scss?vue&type=style&index=0&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.image)?_c('ResponsiveImage',{directives:[{name:\"animate\",rawName:\"v-animate\",value:(_vm.animate),expression:\"animate\"}],staticClass:\"cut-out\",class:_vm.classes,attrs:{\"image\":_vm.image,\"sizes\":_vm.sizes,\"fitMode\":'pad'}}):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/ts-loader/index.js??ref--0!./CutoutComponent.ts?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/ts-loader/index.js??ref--0!./CutoutComponent.ts?vue&type=script&lang=ts&\"","import Vue from 'vue';\nimport { Component } from 'vue-property-decorator';\nimport { Getter } from 'vuex-class';\nimport ResponsiveImage from '@/components/ResponsiveImage/ResponsiveImage.vue';\nimport ImageItem from '@/common/interfaces/ImageItem';\nimport { ImageSizes, ImageSize } from '@/common/interfaces/SizeBreakpoints';\n\nimport { CUTOUTS } from '@/store/getters';\n\nconst CutoutComponentProps = Vue.extend({\n props: {\n baseClass: String,\n index: Number,\n animate: {\n type: String,\n default: 'leaves',\n },\n sizes: {\n type: Object as () => ImageSizes,\n default: {\n def: new ImageSize([100, 100]),\n sizes: {\n md: new ImageSize([200, 200]),\n },\n },\n },\n },\n});\n\n@Component({\n components: {\n ResponsiveImage,\n },\n})\nexport default class CutoutComponent extends CutoutComponentProps {\n @Getter(CUTOUTS)\n public cutout!: (index: number) => ImageItem;\n\n get image() {\n return this.cutout(this.index);\n }\n\n get classes() {\n if (!this.baseClass) return null;\n\n const cutoutClass = `${this.baseClass}__cutout`;\n\n return [cutoutClass, `${cutoutClass}--${this.index}`];\n }\n}\n","import { render, staticRenderFns } from \"./CutoutComponent.vue?vue&type=template&id=1d6e778c&\"\nimport script from \"./CutoutComponent.ts?vue&type=script&lang=ts&\"\nexport * from \"./CutoutComponent.ts?vue&type=script&lang=ts&\"\nimport style0 from \"./CutoutComponent.scss?vue&type=style&index=0&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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vimeo-player',{ref:\"player\",staticClass:\"vimeo-player\",attrs:{\"options\":_vm.options,\"video-id\":_vm.videoId},on:{\"fullscreenchange\":_vm.onFullScreenChange,\"seeked\":_vm.onPlay,\"play\":_vm.onPlay,\"pause\":_vm.onPause,\"ended\":_vm.onEnded}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/ts-loader/index.js??ref--0!./VimeoVideoPlayer.ts?vue&type=script&lang=ts&\"; export default mod; export * from \"-!../../../node_modules/ts-loader/index.js??ref--0!./VimeoVideoPlayer.ts?vue&type=script&lang=ts&\"","import { Component, Vue, Watch } from 'vue-property-decorator';\nimport { videoPlayer } from 'vue-video-player';\nimport VideoItem from '@/common/interfaces/VideoItem';\n\nimport { SegmentElement } from '@/plugins/utm/SegmentElement';\n\nconst VimeoVideoPlayerProps = Vue.extend({\n props: {\n video: Object as () => VideoItem,\n options: Object,\n fluid: Boolean,\n isActiveSlide: Boolean,\n autoplay: Boolean,\n externalStop: Boolean,\n noAnalytics: Boolean,\n controls: {\n type: Array as () => string[],\n default: () => ['nodownload'],\n },\n },\n});\n\n@Component({\n components: {\n videoPlayer,\n },\n})\nexport default class VimeoVideoPlayer extends VimeoVideoPlayerProps {\n playing = false\n playingInterval: number;\n full_screen = false\n options = {\n byline: false,\n title: false,\n vimeo_logo: false,\n autoplay: this.$props.autoplay\n }\n get videoId() {\n if (this.video.Url.includes('external/')) {\n return this.video.Url.split('external/')[1].split('.hd')[0]\n }\n if (this.video.Url.includes('progressive_redirect')) {\n return this.video.Url.split('playback/')[1].split('/rendition')[0]\n }\n }\n onFullScreenChange(event) {\n this.full_screen = event.fullscreen\n }\n @Watch('playing')\n playingChanged() {\n if (this.playing) {\n this.setPlayingInterval()\n }\n if (!this.playing && this.playingInterval) {\n clearInterval(this.playingInterval)\n this.playingInterval = null\n }\n }\n setPlayingInterval() {\n if (!this.playingInterval) {\n this.playingInterval = setInterval(this.onPlaying, 10000)\n }\n }\n async getSegmentProps(event, data) {\n const sound = await data.getVolume()\n return {\n full_screen: this.full_screen,\n position: Math.floor(event.seconds),\n sound: Math.floor(sound * 100),\n total_length: Math.floor(event.duration),\n video_player: 'vimeo',\n asset_source: this.video.Url,\n }\n }\n async onPlay(event, data) {\n this.playing = true\n if (event) {\n const props = await this.getSegmentProps(event, data)\n SegmentElement.sendEvent('videoPlaybackStarted', props, true)\n }\n }\n async onPlaying() {\n // @ts-ignore\n const player = this.$refs.player.player\n const seconds = await player.getCurrentTime()\n const duration = await player.getDuration()\n const sound = await player.getVolume()\n SegmentElement.sendEvent('videoContentPlaying', {\n full_screen: this.full_screen,\n position: Math.ceil(seconds),\n sound: Math.floor(sound * 100),\n total_length: Math.floor(duration),\n video_player: 'vimeo',\n asset_source: this.video.Url,\n }, true)\n }\n async onEnded(event, data) {\n this.playing = false\n if (event) {\n const props = await this.getSegmentProps(event, data)\n SegmentElement.sendEvent('videoPlaybackCompleted', props, true)\n }\n }\n onPause() {\n this.playing = false\n }\n}\n","import { render, staticRenderFns } from \"./VimeoVideoPlayer.vue?vue&type=template&id=75265c1d&\"\nimport script from \"./VimeoVideoPlayer.ts?vue&type=script&lang=ts&\"\nexport * from \"./VimeoVideoPlayer.ts?vue&type=script&lang=ts&\"\nimport style0 from \"./VimeoVideoPlayer.scss?vue&type=style&index=0&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":""}