https://www.landrover.com.sg/_nuxt/components/block-jlr-dual-frame-carousel-new.73be578.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[263,493],{1952:function(e,l,r){var content=r(2702);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,r(12).default)("0d5b0b9a",content,!0,{sourceMap:!1})},2701:function(e,l,r){"use strict";r(1952)},2702:function(e,l,r){var o=r(11)((function(i){return i[1]}));o.push([e.i,'.jlr-dual-frame-carousel *,.jlr-dual-frame-carousel * *,.jlr-dual-frame-carousel * :after,.jlr-dual-frame-carousel * :before,.jlr-dual-frame-carousel :after,.jlr-dual-frame-carousel :before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jlr-dual-frame-carousel .jlr-grid{overflow:hidden;position:relative}@media(min-width:1280px){.jlr-dual-frame-carousel .jlr-grid{overflow:visible}}.jlr-dual-frame-carousel .jlr-carousel{min-width:0;width:100%}.jlr-dual-frame-carousel .jlr-carousel ::part(container){position:static}.jlr-dual-frame-carousel .jlr-carousel ::part(button-prev){left:-40px}.jlr-dual-frame-carousel .jlr-carousel ::part(button-next){right:-40px}.jlr-dual-frame-carousel .jlr-carousel ::part(button-next),.jlr-dual-frame-carousel .jlr-carousel ::part(button-prev){display:none}.jlr-dual-frame-carousel .jlr-carousel ::part(pagination){height:0;left:0;position:absolute;text-align:left;top:0;width:100%}.jlr-dual-frame-carousel .jlr-carousel ::part(pagination):before{aspect-ratio:16/9;content:"";display:block;margin-bottom:36px;opacity:0;pointer-events:none;width:100%}.jlr-dual-frame-carousel .jlr-carousel .jlr-carousel__loader-box{padding-bottom:44px}.jlr-dual-frame-carousel .jlr-carousel .jlr-carousel__loader-box .jlr-loader{position:absolute;right:0}.jlr-dual-frame-carousel .jlr-carousel--has-fraction-pagination .jlr-carousel__loader-box,.jlr-dual-frame-carousel .jlr-carousel--has-loader .jlr-carousel__loader-box{left:0;position:absolute;top:0;width:100%}.jlr-dual-frame-carousel .jlr-carousel--has-fraction-pagination .jlr-carousel__loader-box:before,.jlr-dual-frame-carousel .jlr-carousel--has-loader .jlr-carousel__loader-box:before{aspect-ratio:16/9;content:"";display:block;margin-bottom:24px;width:100%}.jlr-dual-frame-carousel .jlr-carousel--has-loader ::part(pagination){left:50px}.jlr-dual-frame-carousel .jlr-carousel--has-loader .jlr-carousel__fraction-pagination{left:0}.jlr-dual-frame-carousel .jlr-carousel .jlr-carousel__fraction-pagination{bottom:0;position:absolute;z-index:2}.jlr-dual-frame-carousel__native-video.jlr-native-video{animation:none;opacity:0;pointer-events:none}.jlr-dual-frame-carousel__slider-img{align-self:flex-start;order:-1;position:relative}.jlr-dual-frame-carousel__slider-img .jlr-youtube-player{bottom:0;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;width:100%;z-index:1}.jlr-dual-frame-carousel__slider-img .jlr-youtube-player__container{height:100%;width:100%}.jlr-dual-frame-carousel__slider-img .jlr-youtube-player__container iframe{height:100%;left:auto;position:absolute;top:-50%;width:100%}.jlr-dual-frame-carousel__slider-img--video-playing .jlr-dual-frame-carousel__native-video,.jlr-dual-frame-carousel__slider-img--video-playing .jlr-youtube-player{opacity:1;pointer-events:all;z-index:4}.jlr-dual-frame-carousel__slider-img .cookie-consent__default-placeholder{bottom:0;position:absolute;width:100%}.jlr-dual-frame-carousel__yt-icon-box{align-items:center;background:#0c121c;cursor:pointer;display:flex;height:100px;justify-content:center;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}.jlr-dual-frame-carousel__yt-icon-box .jlr-icon{color:#fff;display:inline-flex;font-size:4.25rem;height:4.25rem;line-height:4.25rem;width:4.25rem}.jlr-dual-frame-carousel .jlr-column-template{margin-top:24px}.jlr-dual-frame-carousel .jlr-column-template .jlr-icon{line-height:1}.jlr-dual-frame-carousel .jlr-youtube-player__container{z-index:22}.jlr-dual-frame-carousel .jlr-youtube-player__container iframe{height:100%;top:0}.jlr-dual-frame-carousel--has-slider .jlr-column-template{margin-top:94px}

1@media(min-width:768px){.jlr-dual-frame-carousel .jlr-column-template{grid-column:span 2/span 2;margin-top:-4px;width:74%}.jlr-dual-frame-carousel--has-slider .jlr-column-template{margin-top:66px}.jlr-dual-frame-carousel__slider-img{grid-column:span 2/span 2}.jlr-dual-frame-carousel .jlr-columns-layout__text{max-width:720px}}@media(min-width:1280px){.jlr-dual-frame-carousel .jlr-column-template{padding-bottom:50px}.jlr-dual-frame-carousel__slide--center .jlr-column-template{display:flex;flex-direction:column;justify-content:center;padding-top:50px}.jlr-dual-frame-carousel--right .jlr-dual-frame-carousel__slider-img{order:0}.jlr-dual-frame-carousel .jlr-column-template{grid-column:span 1/span 1;margin-top:0;width:100%}.jlr-dual-frame-carousel .jlr-carousel ::part(button-next),.jlr-dual-frame-carousel .jlr-carousel ::part(button-prev){display:block}.jlr-dual-frame-carousel .jlr-carousel ::part(pagination){bottom:30px;top:auto}.jlr-dual-frame-carousel .jlr-carousel ::part(pagination):before{display:none}.jlr-dual-frame-carousel .jlr-carousel--has-fraction-pagination .jlr-carousel__loader-box,.jlr-dual-frame-carousel .jlr-carousel--has-loader .jlr-carousel__loader-box{bottom:0}.jlr-dual-frame-carousel .jlr-carousel--has-fraction-pagination .jlr-carousel__loader-box:before,.jlr-dual-frame-carousel .jlr-carousel--has-loader .jlr-carousel__loader-box:before{display:none}.jlr-dual-frame-carousel .jlr-carousel--has-loader .jlr-loader{bottom:0;left:28%;position:absolute;top:auto}.jlr-dual-frame-carousel--right .jlr-carousel ::part(pagination){left:0;text-align:left}.jlr-dual-frame-carousel--right .jlr-carousel--has-loader .jlr-carousel__loader{left:23%}.jlr-dual-frame-carousel--right .jlr-carousel--has-loader ::part(pagination){left:50px;text-align:left}.jlr-dual-frame-carousel--right .jlr-carousel--has-loader .jlr-carousel__fraction-pagination{left:0}.jlr-dual-frame-carousel--left .jlr-carousel ::part(pagination){right:0;text-align:right}.jlr-dual-frame-carousel--left .jlr-carousel--has-fraction-pagination .jlr-carousel__fraction-pagination{left:auto;right:0}.jlr-dual-frame-carousel--left .jlr-carousel--has-fraction-pagination.jlr-carousel--has-loader .jlr-carousel__fraction-pagination{right:0}.jlr-dual-frame-carousel--left .jlr-carousel--has-loader .jlr-carousel__loader-box .jlr-loader{left:auto;right:28%}.jlr-dual-frame-carousel--left .jlr-carousel--has-loader ::part(pagination){right:50px;right:auto;text-align:right}}',""]),o.locals={},e.exports=o},3476:function(e,l,r){"use strict";r.r(l);var o=r(197);function t(){return t=Object.assign?Object.assign.bind():function(e){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var l in source)Object.prototype.hasOwnProperty.call(source,l)&&(e[l]=source[l])}return e},t.apply(this,arguments)}var d={autoplay:0,autohide:0,disablekb:1,controls:1,color:"white",showinfo:0,modestbranding:1,iv_load_policy:3,loop:0,fs:0,rel:0,ecver:2,enablejsapi:1,mute:1,origin:"https://www.youtube.com",suggestedQuality:"hd1080"},n={name:"JlrDualFrameCarouselNew",components:{JlrYoutubePlayerInline:()=>Promise.all([r.e(6),r.e(189)]).then(r.bind(null,2206)),JlrNativeVideo:()=>r.e(4).then(r.bind(null,3612))},mixins:[Object(o.a)({groupAdded:"onGroupAdded",groupSelected:"onGroupSelected"})],props:{fields:{required:!0,type:Object},groups:{required:!0,type:Array},id:{required:!0,type:String}},data:()=>({isPaused:!1,isActive:!0,isVideoPlayed:!1,currentSlideIndex:0,isVideoInitialized:!1,key:null}),computed:{sliderRef(){return"dual-frame-"+this.id},extendedGroups(){return this.groups.map((e=>t({},e,{box_color:this.fields.box_color})))},carousel(){return this.$refs[this.sliderRef]},sliderOptions(){return{pagination:{clickable:this.hasMultipleGroups},navigation:{enabled:this.hasMultipleGroups},loop:!0,spaceBetween:28,allowTouchMove:this.hasMultipleGroups,noSwiping:!this.hasMultipleGroups}},ytConfig:()=>d,hasMultipleGroups(){return this.groups.length>1},isAutoplayEnabled(){return!this.fields.disable_autoplay},isLoaderActive(){return this.hasMultipleGroups&&this.isAutoplayEnabled}},mounted(){this.initializeAutoplay()},methods:{initializeAutoplay(){this.isPaused=this.fields.disable_autoplay,this.carousel.fixLoop()},youtubeVideoRef(){return this.$refs["backgroundVideo-"+this.currentSlideIndex]||null},nativeVideoRef(){return this.$refs["nativeVideo-"+this.currentSlideIndex]||null}

1,isBackgroundVideoSlide(){return null!==this.youtubeVideoRef},isNativeVideoSlide(){return null!==this.nativeVideoRef},startBackgroundVideo(){var e,l;(this.isBackgroundVideoSlide()||this.isNativeVideoSlide())&&(this.isPaused=!0,this.isVideoPlayed=!0,null==(e=this.youtubeVideoRef())||null==(e=e[0])||e.playVideo(),null==(l=this.nativeVideoRef())||null==(l=l[0])||l.playVideo())},stopBackgroundVideo(){var e,l;(this.youtubeVideoRef()||this.nativeVideoRef())&&(null==(e=this.youtubeVideoRef())||null==(e=e[0])||e.pauseVideo(0),null==(l=this.nativeVideoRef())||null==(l=l[0])||l.pauseVideo(),this.isVideoPlayed=!1)},onVideoEnd(){this.stopBackgroundVideo()},onGroupAdded(e){this.$nextTick((()=>{this.$refs[this.sliderRef].slideTo(e),this.key=Date.now()}))},onGroupSelected(e){this.$refs[this.sliderRef].slideTo(e)},onLoaderAnimationEnd(){this.carousel.nextSlide()},onLoaderStateChange(){this.isPaused=!this.isPaused},onSlideChangeTransitionStart(e){var{activeIndex:l,realIndex:r,isLoopActive:o}=e;this.currentSlideIndex=o?r:l,this.restartLoader(),this.isVideoInitialized=!0},restartLoader(){this.isActive=!1,setTimeout((()=>{this.isActive=!0}))},onSlideChange(){this.isBackgroundVideoSlide()&&this.stopBackgroundVideo()},getBackgroundImageList(image){var e=null==image?void 0:image.id;return e?[{id:e,srcset:[{width:1600},{width:1216},{width:1024},{width:884},{width:725},{width:640}],sizes:[{width:"100vw"},{width:"880px","min-width":1460},{width:"60vw","min-width":1280}]}]:[]}}},c=(r(2701),r(3)),component=Object(c.a)(n,(function(){var e=this,l=e._self._c;return l("JlrUiAtomsSection",{class:["jlr-dual-frame-carousel","jlr-dual-frame-carousel--"+e.fields.image_alignment,{"jlr-dual-frame-carousel--has-slider":e.hasMultipleGroups}],attrs:{theme:e.fields.box_color,columns:1,"grid-modifier-class":e.fields.padding_grid_class}},[l("JlrUiCarousel",{key:e.key,ref:e.sliderRef,attrs:{"has-loader":e.isLoaderActive,"is-loader-active":e.isActive,"is-loader-paused":e.isPaused,"has-fraction-pagination":e.hasMultipleGroups,theme:e.fields.box_color,"slide-duration":6e3,options:e.sliderOptions,loop:"","block-id":e.id},on:{"loader-animation-end":e.onLoaderAnimationEnd,"loader-state-change":e.onLoaderStateChange,"slide-change":e.onSlideChange,"slide-change-transition-start":e.onSlideChangeTransitionStart},scopedSlots:e._u([{key:"carousel-ssr-placeholder",fn:function(){return[l("JlrUiAtomsGrid",{attrs:{columns:3,"grid-modifier-class":"xy-space-0"}},[l("JlrUiColumnTemplate",{attrs:{group:e.extendedGroups[0],"heading-size":"l","paragraph-size":"m"}}),e._v(" "),l("div",{staticClass:"jlr-dual-frame-carousel__slider-img"},[l("JlrUiAtomsPicture",{attrs:{"images-list":e.getBackgroundImageList(e.extendedGroups[0]["rdx-image"]),"image-title":e.extendedGroups[0].heading}})],1)],1)]},proxy:!0}])},e._l(e.extendedGroups,(function(r,o){return l("JlrUiCarouselSlide",{key:"group['rdx-image']-"+o,class:"jlr-dual-frame-carousel__slide--"+r.vertical_alignment,attrs:{theme:r.box_color}},[l("JlrUiAtomsGrid",{attrs:{columns:3,"grid-modifier-class":"xy-space-0"}},[l("JlrUiColumnTemplate",{attrs:{group:r,"heading-size":"l","paragraph-size":"m"}}),e._v(" "),l("div",{staticClass:"jlr-dual-frame-carousel__slider-img",class:{"jlr-dual-frame-carousel__slider-img--video-playing":e.isVideoPlayed}},[l("JlrUiAtomsPicture",{attrs:{"images-list":e.getBackgroundImageList(r["rdx-image"]),"image-title":r.heading}}),e._v(" "),r.youtube&&!r.native_video?l("client-only",[l("RdxCookieConsent",{attrs:{scope:"optional","default-placeholder":""}},[l("JlrYoutubePlayerInline",{ref:"backgroundVideo-"+o,refInFor:!0,attrs:{"video-id":r.youtube,"player-vars":e.ytConfig},on:{ended:e.onVideoEnd}})],1)],1):e._e(),e._v(" "),r.native_video?l("JlrNativeVideo",{ref:"nativeVideo-"+o,refInFor:!0,staticClass:"jlr-dual-frame-carousel__native-video",attrs:{"video-src":r.native_video,"as-background-video":"","show-controls":"",muted:"",preload:0===o||e.isVideoInitialized},on:{ended:e.onVideoEnd}}):e._e(),e._v(" "),!r.youtube&&!r.native_video||e.isVideoPlayed?e._e():l("div",{staticClass:"jlr-dual-frame-carousel__yt-icon-box",on:{click:function(l){return e.startBackgroun

1dVideo()}}},[l("JlrUiAtomsIcon",{staticClass:"jlr-dual-frame-carousel__yt-icon",attrs:{icon:"icon-play"}})],1)],1)],1)],1)})),1)],1)}),[],!1,null,null,null);l.default=component.exports;installComponents(component,{JlrUiColumnTemplate:r(325).default,JlrUiAtomsPicture:r(318).default,JlrUiAtomsIcon:r(50).default,JlrUiAtomsGrid:r(320).default,JlrUiCarouselSlide:r(710).default,JlrUiCarousel:r(750).default,JlrUiAtomsSection:r(124).default})},692:function(e,l,r){var content=r(707);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,r(12).default)("5a5f18a7",content,!0,{sourceMap:!1})},706:function(e,l,r){"use strict";r(692)},707:function(e,l,r){var o=r(11)((function(i){return i[1]}));o.push([e.i,".jlr-slide.swiper-slide{flex-shrink:0}.jlr-slide.swiper-slide.jlr-slide--default{width:80%}.jlr-slide.swiper-slide.jlr-slide--adjacent{width:84%}@media(min-width:768px){.jlr-slide.swiper-slide.jlr-slide--adjacent{width:69%}}",""]),o.locals={},e.exports=o},710:function(e,l,r){"use strict";r.r(l);var o={name:"CarouselSlide",props:{theme:{type:String,default:"white"},isImageLazyLoaded:{type:Boolean,default:!1},variant:{type:String,default:null,validator:e=>null===e||"default"===e||"adjacent"===e}},computed:{classes(){return["jlr-slide","jlr-slide--"+this.theme,this.variant?"jlr-slide--"+this.variant:null]}}},t=(r(706),r(3)),component=Object(t.a)(o,(function(){var e=this;return(0,e._self._c)("swiper-slide",{class:e.classes,attrs:{lazy:e.isImageLazyLoaded}},[e._t("default")],2)}),[],!1,null,null,null);l.default=component.exports}}]);