(window.webpackJsonp=window.webpackJsonp||[]).push([[180],{1620:function(e,o,t){var content=t(2124);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,t(5).default)("deee5fe2",content,!0,{sourceMap:!1})},2123:function(e,o,t){"use strict";t(1620)},2124:function(e,o,t){var n=t(4)((function(i){return i[1]}));n.push([e.i,".jlr-house-of-brands-block{display:flex;flex-direction:column;height:100vh;width:100%}.jlr-house-of-brands-block__item{align-items:center;display:flex;flex:1 0 0;flex-direction:column;gap:52px;justify-content:center;overflow:hidden;position:relative}.jlr-house-of-brands-block__item__bg{width:100%}.jlr-house-of-brands-block__item__bg,.jlr-house-of-brands-block__item__bg.jlr-image{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0}.jlr-house-of-brands-block__item__bg.jlr-image{min-width:100%;width:auto}.jlr-house-of-brands-block__item__bg.jlr-youtube-player--inline{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}.jlr-house-of-brands-block__item__bg .jlr-youtube-player__container,.jlr-house-of-brands-block__item__bg .jlr-youtube-player__container>div{height:100%;left:0;position:absolute;top:0;width:100%}.jlr-house-of-brands-block__item__bg iframe{aspect-ratio:16/9;display:block;height:calc(100vh + 120px);left:50%;min-width:100vw;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:auto}.jlr-house-of-brands-block__item__logo{z-index:1}.jlr-house-of-brands-block__item .jlr-button{z-index:3}.jlr-house-of-brands-block__item__logo{display:block;height:12px;width:auto}.jlr-house-of-brands-block__item__button-hidden.jlr-button.jlr-button--type-primary{height:100%;left:0;opacity:0;position:absolute;top:0;width:100%;z-index:2}@media(min-width:1280px){.jlr-house-of-brands-block{flex-direction:row}.jlr-house-of-brands-block__item__logo{height:14px}}@media(min-width:1461px){.jlr-house-of-brands-block__item{gap:68px}.jlr-house-of-brands-block__item__logo{height:23px}}",""]),n.locals={},e.exports=n},2761:function(e,o,t){"use strict";t.r(o);var n=t(29),r={defender:"Defender_White-Logo_HOB.webp","range-rover":"Range-Rover_White-Logo_HOB.webp",discovery:"Discovery_White-Logo_HOB.webp"},l={autoplay:0,autohide:1,disablekb:1,controls:0,showinfo:0,modestbranding:1,iv_load_policy:3,loop:0,fs:0,rel:0,enablejsapi:1,mute:1,origin:"https://www.youtube.com",suggestedQuality:"hd1080"},d={name:"JlrHouseOfBrands",components:{JlrYoutubePlayerInline:()=>Promise.all([t.e(2),t.e(7)]).then(t.bind(null,1856))},props:{groups:{type:Array,default:()=>[]},id:{type:String,default:"0"}},computed:{ytConfig:()=>l},methods:{getImage:e=>!!r[e]&&r[e],onVideoEnd(e){var o;this.$refs[e]&&(null==(o=this.$refs[e][0])||o.playVideo())},onGroupMouseEnter(e,o){if(this.$refs["button-"+e]&&this.$refs["button-"+e][0].$el.classList.add("hovered"),this.hasAnimationVideo(o)&&this.hasBackgroundImage(o)){var t=this.$refs["animation-video-"+e][0]||!1;4===t.readyState?(null==t||t.pause(),t.currentTime=0,null==t||t.play(),this.toggleAnimationVideo(o,e,!0)):(null==t||t.load(),null==t||t.play())}},onGroupMouseLeave(e,o){this.$refs["button-"+e]&&this.$refs["button-"+e][0].$el.classList.remove("hovered"),this.toggleAnimationVideo(o,e,!1)},hasBackgroundImage(e){var o;return(null==(o=e["bg-image"])?void 0:o.id)&&!e.yt},hasYouTube:e=>e.yt,hasAnimationVideo:e=>e.animation_video,onVideoLoaded(e,o,t){e.target.readyState&&this.toggleAnimationVideo(o,t,!0)},toggleAnimationVideo(e,o,t){if(void 0===t&&(t=!1),this.hasAnimationVideo(e)&&this.hasBackgroundImage(e)){var n=this.$refs["animation-video-"+o][0]||!1,r=this.$refs["bg-image-"+o][0].$el||!1;t?(n.style.display="block",r.style.display="none"):(n.style.display="none",r.style.display="block")}},sendEventToDataLayer(e){Object(n.a)("modelSelection",{data:{eventAction:e["rdx-link"].url,clickText:e["rdx-link"].link_text,model:e.brand}})}}},c=(t(2123),t(0)),component=Object(c.a)(d,(function(){var e=this,o=e._self._c;return o("JlrUiAtomsSection",{staticClass:"jlr-house-of-brands-block",attrs:{"grid-modifier-class":"xy-space-0"},scopedSlots:e._u([{key:"content",fn:function(){return e._l(e.groups,(function(n,i){return o("div",{key:"HoB--"+e.id+"--"+i,staticClass:"jlr-house-of-brands-block__item"},[e.hasBackgroundImage(n)?o("JlrUiAtomsImage",{ref:"bg-image-"+i,refInFor:!0,staticClass:"jlr-house-of-brands-block__item__bg",attrs:{image:n["bg-image"],sizes:[1920,1600,1024,640],heights:[1080,900,576,360],fetchpriority:"high",loading:"eager"}}):e._e(),e._v(" "),o("client-only",[e.hasYouTube(n)?o("RdxCookieConsent",{attrs:{scope:"optional"}},[o("JlrYoutubePlayerInline",{ref:"bg_videos-"+i,refInFor:!0,staticClass:"jlr-house-of-brands-block__item__bg",attrs:{nocookie:!0,"play-on-mount":!0,"video-id":n.yt,"player-vars":e.ytConfig,"show-after-play":""},on:{ended:function(o){return e.onVideoEnd("bg_videos-"+i)}}})],1):e._e()],1),e._v(" "),e.hasAnimationVideo(n)?o("video",{ref:"animation-video-"+i,refInFor:!0,staticClass:"jlr-house-of-brands-block__item__bg jlr-house-of-brands-block__item__bg--animated",staticStyle:{display:"none"},attrs:{muted:"",playsinline:"",preload:"none",display:"none"},domProps:{muted:!0},on:{loadeddata:function(o){return e.onVideoLoaded(o,n,i)}}},[o("source",{attrs:{src:n.animation_video,type:"video/mp4"}})]):e._e(),e._v(" "),o("img",{staticClass:"jlr-house-of-brands-block__item__logo",attrs:{alt:n.brand,width:"790",height:"24",src:t(200)("./"+e.getImage(n.brand))}}),e._v(" "),n["rdx-link"]?o("JlrUiLinkButton",{ref:"button-"+i,refInFor:!0,attrs:{href:n["rdx-link"].url,theme:"dark-theme",icon:n["rdx-link"].icon,target:n["rdx-link"].target,"label-text":n["rdx-link"].link_text,"form-id":n["rdx-link"].rdx_forms_form_id,"hidden-fields":n["rdx-link"].hidden_fields,type:n["rdx-link"].type,item:n["rdx-link"],"ui-type":n["rdx-link"].ui_type},nativeOn:{click:function(o){return e.sendEventToDataLayer(n)}}}):e._e(),e._v(" "),n["rdx-link"]?o("JlrUiLinkButton",{staticClass:"jlr-house-of-brands-block__item__button-hidden",attrs:{href:n["rdx-link"].url,icon:n["rdx-link"].icon,target:n["rdx-link"].target,"label-text":" ","form-id":n["rdx-link"].rdx_forms_form_id,"hidden-fields":n["rdx-link"].hidden_fields,type:n["rdx-link"].type,item:n["rdx-link"],"ui-type":n["rdx-link"].ui_type},nativeOn:{mouseenter:function(o){return e.onGroupMouseEnter(i,n)},mouseleave:function(o){return e.onGroupMouseLeave(i,n)},click:function(o){return e.sendEventToDataLayer(n)}}}):e._e()],1)}))},proxy:!0}])})}),[],!1,null,null,null);o.default=component.exports;installComponents(component,{JlrUiAtomsImage:t(88).default,JlrUiLinkButton:t(86).default,JlrUiAtomsSection:t(87).default})}}]);