1(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{2051:function(e,t,o){var content=o(2891);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,o(12).default)("42ee950a",content,!0,{sourceMap:!1})},2890:function(e,t,o){"use strict";o(2051)},2891:function(e,t,o){var n=o(11)((function(i){return i[1]}));n.push([e.i,".jlr-native-video{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.jlr-native-video--inline{animation:fade-in .3s forwards;overflow:hidden;position:absolute;top:0}.jlr-native-video__container{height:100%;width:100%}.jlr-native-video__container__backdrop{background-color:rgba(12,18,28,.66);height:100%;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:1}.jlr-native-video__container__backdrop--visible{opacity:1}@media(min-width:1024px){.jlr-native-video__container{width:100%}}.jlr-native-video__video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.jlr-native-video__video--16-9{aspect-ratio:1.7777777778}.jlr-native-video__video--16-6-5{aspect-ratio:2.4615384615}.jlr-native-video--visible,.jlr-native-video-background{opacity:1}.jlr-native-video--hidden{opacity:0}
1",""]),n.locals={},e.exports=n},3622:function(e,t,o){"use strict";o.r(t);function n(e,t,o,n,r,d,l){try{var v=e[d](l),c=v.value}catch(e){return void o(e)}v.done?t(c):Promise.resolve(c).then(n,r)}var r={props:{videoSrc:{type:String,default:""},isVisible:{type:Boolean,default:!1},asBackgroundVideo:{type:Boolean,default:!1},playOnMount:{type:Boolean,default:!1},showControls:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},loop:{type:Boolean,default:!1},ratio:{type:String,default:"16-9"},backdropOnPause:{type:Boolean,default:!1},preload:{type:Boolean,default:!1},videoSources:{type:Array,default:()=>[]},styles:{type:Object,default:()=>({})},posterData:{type:Object,default:()=>({})}},data:()=>({isPlaying:!1,isTouched:!1}),head(){return{link:this.posterPreload}},computed:{videoContainerClasses(){return{"jlr-native-video--visible":!this.isVisible,"jlr-native-video-default":!this.asBackgroundVideo,"jlr-native-video-background":this.asBackgroundVideo,"jlr-native-video--hidden":this.isVisible}},backdropClasses(){return{"jlr-native-video__container__backdrop":!0,"jlr-native-video__container__backdrop--visible":this.backdropOnPause&&!this.isPlaying}},sources(){return this.videoSources.length?this.videoSources:[{src:this.videoSrc,media:""}]},posterSrc(){var{id:e,width:t,height:o}=this.posterData||{};if(!e||!t)return"";var n=o?"/h/"+o:"";return this.$config.mediaLibraryUrl+"/api/v2/images/"+e+"/w/"+t+n+".jpg"},posterPreload(){var{preload:e}=this.posterData||{};return this.posterSrc&&e?[{rel:"preload",as:"image",href:this.posterSrc,fetchpriority:"high"}]:[]}},mounted(){this.playOnMount&&this.asBackgroundVideo&&window.addEventListener("visibilitychange",this.handleVisibilityChange),this.playOnMount&&(this.$refs.nativeVideoRef.muted=!0,this.playVideo())},beforeDestroy(){window.removeEventListener("visibilitychange",this.handleVisibilityChange)},methods:{handleVisibilityChange(){"visible"===document.visibilityState&&this.playOnMount&&this.asBackgroundVideo&&setTimeout((()=>{this.playVideo()}),100)},pauseVideo(){var e;this.isTouched=!0,null==(e=this.$refs.nativeVideoRef)||e.pause()},playVideo(){var e,t=this;return(e=function*(){t.isTouched=!0;try{var e,o;null==(e=t.$refs.nativeVideoRef)||e.load();var n=null==(o=t.$refs.nativeVideoRef)?void 0:o.play();void 0!==n&&(yield n)}catch(e){console.error("Error playing native video:",e)}},function(){var t=this,o=arguments;return new Promise((function(r,d){var l=e.apply(t,o);function v(e){n(l,r,d,v,c,"next",e)}function c(e){n(l,r,d,v,c,"throw",e)}v(void 0)}))})()},stopVideo(){this.pauseVideo(),this.$refs.nativeVideoRef.currentTime=0},onVideoEnded(){this.$emit("ended")},onVideoPlay(e){this.isPlaying=!0,this.$emit("play",e)},onVideoPause(e){this.isPlaying=!1,this.$emit("pause",e)},toggleVideoPlaying(){this.isPlaying?this.pauseVideo():this.playVideo()}}},d=r,l=(o(2890),o(3)),component=Object(l.a)(d,(function(){var e=this,t=e._self._c;return t("div",{staticClass:"jlr-native-video jlr-native-video--inline"},[t("div",{staticClass:"jlr-native-video__container"},[t("div",{class:e.videoContainerClasses},[t("video",{ref:"nativeVideoRef",staticClass:"jlr-native-video__video",class:{["jlr-native-video__video--"+e.ratio]:e.ratio},style:e.styles,attrs:{controls:e.showControls,loop:e.loop,preload:e.preload?"auto":"none",poster:e.posterSrc,playsinline:""},domProps:{muted:e.muted},on:{ended:e.onVideoEnded,play:e.onVideoPlay,pause:e.onVideoPause}},e._l(e.sources,(function(source,e){return t("source",{key:"video-source-"+e,attrs:{src:source.src,media:source.media,type:"video/mp4"}})})),0)]),e._v(" "),e.backdropOnPause?t("div",{class:e.backdropClasses}):e._e()]),e._v(" "),e._t("default",null,{isPlaying:e.isPlaying,isTouched:e.isTouched})],2)}),[],!1,null,null,null);t.default=component.exports}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.