https://www.landrovercambodia.com/_nuxt/components/block-jlr-masonry.27a6751.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[375,193,503],{1311:function(e,t,r){var content=r(1621);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,r(12).default)("4f29c879",content,!0,{sourceMap:!1})},1620:function(e,t,r){"use strict";r(1311)},1621:function(e,t,r){var o=r(11)((function(i){return i[1]}));o.push([e.i,'.jlr-native-video-frame{position:relative;width:100%}.jlr-native-video-frame:before{content:"";display:block;padding-top:56.25%;position:relative;width:100%}.jlr-native-video-frame--background{height:100%;left:0;position:absolute;top:0;width:100%}.jlr-native-video-frame--background:before{display:none}.jlr-native-video-frame__loader.jlr-loader{bottom:24px;height:42px;position:absolute;right:24px;width:42px}',""]),o.locals={},e.exports=o},1966:function(e,t,r){var content=r(2733);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,r(12).default)("5c9a6e51",content,!0,{sourceMap:!1})},2225:function(e,t,r){"use strict";r.r(t);var o={name:"NativeVideoJlrFrame",components:{JlrNativeVideo:()=>r.e(4).then(r.bind(null,3613))},props:{src:{type:String,default:null},playOnMount:{type:Boolean,default:!1},muted:{type:Boolean,default:!1},asBackgroundVideo:{type:Boolean,default:!1},theme:{required:!0,type:String},loop:{type:Boolean,default:!1},time:{type:Number,default:0},preload:{type:Boolean,default:!1},backdropOnPause:{type:Boolean,default:!1},sources:{type:Array,default:()=>[]},posterData:{type:Object,default:()=>({})}},computed:{isMuted(){return!!this.playOnMount||this.muted},nativeVideo(){return this.$refs.nativeVideo||null},holderClasses(){return["jlr-native-video-frame",{"jlr-native-video-frame--background":this.asBackgroundVideo}]}},methods:{toggleNativeVideo(){this.nativeVideo.toggleVideoPlaying()}}},l=(r(1620),r(3)),component=Object(l.a)(o,(function(){var e=this,t=e._self._c;return t("div",{class:e.holderClasses},[e.src||e.sources.length?t("JlrNativeVideo",{ref:"nativeVideo",attrs:{"video-src":e.src,"video-sources":e.sources,"play-on-mount":e.playOnMount,muted:e.isMuted,loop:e.loop,preload:e.preload,"poster-data":e.posterData,"backdrop-on-pause":e.backdropOnPause,"as-background-video":""},scopedSlots:e._u([{key:"default",fn:function(r){var{isPlaying:o={isPlaying:!1},isTouched:l=!1}=r;return[l?e._e():e._t("poster"),e._v(" "),t("JlrUiLoader",{key:o,staticClass:"jlr-native-video-frame__loader",attrs:{time:e.time,"is-paused":!o,"is-active":!0,theme:e.theme},on:{"state-change":e.toggleNativeVideo}})]}}],null,!0)}):e._e()],1)}),[],!1,null,null,null);t.default=component.exports;installComponents(component,{JlrUiLoader:r(783).default})},2732:function(e,t,r){"use strict";r(1966)},2733:function(e,t,r){var o=r(11)((function(i){return i[1]}));o.push([e.i,'.jlr-masonry-block .jlr-grid{margin-top:25px}.jlr-masonry-block--top-space-0 .jlr-grid,.jlr-masonry-block--top-space-0 .jlr-masonry-block__image,.jlr-masonry-block--y-space-0 .jlr-grid,.jlr-masonry-block--y-space-0 .jlr-masonry-block__image{margin-top:0}.jlr-masonry-block__image.jlr-image{display:block;height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}

1.jlr-masonry-block__copy{display:flex;flex-direction:column;margin-top:24px;order:1}.jlr-masonry-block__copy--top{justify-content:flex-start}.jlr-masonry-block__copy--bottom{justify-content:flex-end}.jlr-masonry-block__copy--center{justify-content:center}.jlr-masonry-block__copy .jlr-column-template__heading{margin-bottom:8px}.jlr-masonry-block__grid-wrapper{grid-gap:15px;display:grid;gap:15px;grid-template-areas:"video video video video video video video video video video video video" "image_2 image_2 image_2 image_2 image_2 image_2 image_3 image_3 image_3 image_3 image_3 image_3";grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.jlr-masonry-block__grid-wrapper--video-bottom{grid-template-areas:"image_2 image_2 image_2 image_2 image_2 image_2 image_3 image_3 image_3 image_3 image_3 image_3" "video video video video video video video video video video video video"}.jlr-masonry-block__grid-wrapper .image1{display:none;grid-area:image1}.jlr-masonry-block__grid-wrapper .video{grid-area:video}.jlr-masonry-block__grid-wrapper .image_2{grid-area:image_2}.jlr-masonry-block__grid-wrapper .image_3{grid-area:image_3}.jlr-masonry-block__grid-wrapper .image_2:before,.jlr-masonry-block__grid-wrapper .image_3:before,.jlr-masonry-block__grid-wrapper .video:before{content:"";display:block;padding-bottom:56.25%;width:100%}.jlr-masonry-block__grid__item{position:relative}.jlr-masonry-block__grid-holder{display:flex;flex-wrap:wrap;gap:32px}.jlr-masonry-block__grid-holder .item1,.jlr-masonry-block__grid-holder .item2{flex:100%}.jlr-masonry-block__grid-holder .item2{order:-1}@media(min-width:768px){.jlr-masonry-block .jlr-grid{margin-top:40px}.jlr-masonry-block__image{align-self:center;margin-top:0}

1.jlr-masonry-block__copy{display:flex;flex-direction:row;grid-column:span 2;margin-top:0;order:1}.jlr-grid--columns-3-reversed .jlr-masonry-block__copy{order:1}.jlr-masonry-block__copy .jlr-column-template__heading{margin-bottom:4px}.jlr-masonry-block__copy__content-holder{flex:1;padding-right:20px}.jlr-masonry-block__copy__buttons-holder{margin-top:-24px;padding-right:59px;width:auto}.jlr-masonry-block__grid-wrapper{gap:21px;grid-column:span 2;grid-template-areas:"image1 image1 image1 image1 video video video video video video video video" "image_2 image_2 image_2 image_2 image_2 image_2 image_3 image_3 image_3 image_3 image_3 image_3"}.jlr-masonry-block__grid-wrapper--video-bottom{grid-template-areas:"image_2 image_2 image_2 image_2 image_2 image_2 image_3 image_3 image_3 image_3 image_3 image_3" "image1 image1 image1 image1 video video video video video video video video"}.jlr-masonry-block .image1{display:block}}@media(min-width:1280px){.jlr-masonry-block .jlr-grid{margin-top:60px}.jlr-masonry-block__copy{flex-direction:column;grid-column:span 1;order:0}.jlr-masonry-block__copy__content-holder{flex:initial;padding-right:20px}.jlr-masonry-block__copy__buttons-holder{margin-top:0;padding-right:0}.jlr-masonry-block__image{margin-top:0}.jlr-masonry-block--y-space-0 .jlr-grid{margin-bottom:0;margin-top:0}.jlr-masonry-block--top-space-0 .jlr-grid{margin-top:0}.jlr-masonry-block__grid-wrapper{gap:19px}.jlr-masonry-block__grid-holder{flex-wrap:nowrap;gap:39px}.jlr-masonry-block__grid-holder .item1{flex:37.35}.jlr-masonry-block__grid-holder .item2{flex:62.65;order:0}}@media(min-width:1920px){.jlr-masonry-block__grid-wrapper{gap:30px}}',""]),o.locals={},e.exports=o},3491:function(e,t,r){"use strict";r.r(t);var o={name:"JlrMasonry",components:{NativeVideoJlrFrame:r(2225).default},props:{fields:{required:!0,type:Object},groups:{required:!0,type:Array},onceVisible:{type:Boolean,default:!1}},computed:{headerFontVariant(){return"jdx"===this.$config.theme?"secondary":null},playOnMount(){return!this.fields.disable_autoplay}},methods:{getItemImageList(image,e,t){var r=null==image?void 0:image.id;return r&&e&&t?[{id:r,srcset:e,sizes:t}]:[]}}},l=(r(2732),r(3)),component=Object(l.a)(o,(function(){var e=this,t=e._self._c;return t("div",[t("JlrUiAtomsSection",{staticClass:"jlr-masonry-block",class:["jlr-masonry-block--"+e.fields.padding_grid_class],attrs:{id:e.fields.block_scroll_id||"",theme:e.fields.box_color,columns:"3",dir:e.fields.dir,"is-reversed":e.fields.is_reversed,"grid-modifier-class":e.fields.padding_grid_class,"data-cy":"masonry-block","data-cy-visible-once":e.onceVisible}},[t("JlrUiColumnTemplate",{staticClass:"jlr-masonry-block__copy",class:["jlr-masonry-block__copy--"+e.fields.vertical_alignment]},[t("div",{staticClass:"jlr-masonry-block__copy__content-holder"},[e.fields.heading?t("JlrUiAtomsHeading",{staticClass:"jlr-column-template__heading",attrs:{"data-cy":"masonry__title",theme:e.fields.box_color,level:e.fields.header_tag,"font-variant":e.headerFontVariant,size:e.fields.header_size,html:e.$htmlFilter(e.fields.heading)}}):e._e(),e._v(" "),e.fields.paragraph?t("JlrUiAtomsParagraph",{staticClass:"jlr-column-template__paragraph",attrs:{"data-cy":"masonry__paragraph",theme:e.fields.box_color,html:e.$htmlFilter(e.fields.paragraph),size:"m"}}):e._e()],1),e._v(" "),t("div",{staticClass:"jlr-masonry-block__copy__buttons-holder"},[e._l(e.fields["rdx-buttons"],(function(r,o){return t("div",{key:(r?r.url:"")+"-"+o},[r?t("JlrUiDynamicLinkButton",{staticClass:"jlr-column-template__button",attrs:{href:r.url,theme:e.fields.box_color,

1icon:r.icon,target:r.target,type:r.type,"form-id":r.rdx_forms_form_id,"hidden-fields":r.hidden_fields,"label-text":r.link_text,"ui-type":r.ui_type,item:r}}):e._e()],1)})),e._v(" "),e._l(e.fields["rdx-links"],(function(r,o){return t("div",{key:(r?r.url:"")+"-"+o+"}"},[r?t("JlrUiDynamicCta",{staticClass:"jlr-column-template__link",attrs:{href:r.url,type:r.type,"form-id":r.rdx_forms_form_id,"hidden-fields":r.hidden_fields,theme:e.fields.box_color,target:r.target,"label-text":r.link_text,item:r}}):e._e()],1)}))],2)]),e._v(" "),t("div",{class:["jlr-masonry-block__grid-wrapper","jlr-masonry-block__grid-wrapper--"+e.fields.img_video_grid]},[t("div",{staticClass:"jlr-masonry-block__grid__item image1"},[t("JlrUiAtomsPicture",{attrs:{"data-cy":"masonry__image1","images-list":e.getItemImageList(e.fields.image_1,[{width:640,height:640},{width:1024,height:1024},{width:1600,height:1600}],[{width:"33vw"},{width:"274px","min-width":1920},{width:"280px","min-width":1460},{width:"20vw","min-width":1280}]),alt:e.fields.image_1.alt||"","img-class-list":["jlr-masonry-block__image"],ratio:"1-1"}})],1),e._v(" "),t("div",{staticClass:"jlr-masonry-block__grid__item video"},[t("JlrUiAtomsPicture",{attrs:{"data-c":"masonry__image-video-placeholder","images-list":e.getItemImageList(e.fields.image_video_placeholder,[{width:640,height:360},{width:1024,height:576},{width:1600,height:900}],[{width:"100vw"},{width:"577px","min-width":1920},{width:"580px","min-width":1460},{width:"50vw","min-width":1280},{width:"66vw","min-width":768}]),alt:e.fields.image_video_placeholder.alt||"","img-class-list":["jlr-masonry-block__image"]}}),e._v(" "),e.fields.native_video_background&&e.onceVisible?t("NativeVideoJlrFrame",{attrs:{src:e.fields.native_video_background,theme:e.fields.video_ui_theme,loop:!0,muted:!0,preload:!0,"play-on-mount":e.playOnMount,"as-background-video":""},scopedSlots:e._u([{key:"poster",fn:function(){return[t("JlrUiAtomsPicture",{attrs:{"data-cy":"masonry__image-video-placeholder","images-list":e.getItemImageList(e.fields.image_video_placeholder,[{width:640,height:360},{width:1024,height:576},{width:1600,height:900}],[{width:"100vw"},{width:"577px","min-width":1920},{width:"580px","min-width":1460},{width:"50vw","min-width":1280},{width:"66vw","min-width":768}]),alt:e.fields.image_video_placeholder.alt||"","img-class-list":["jlr-masonry-block__image"]}})]},proxy:!0}],null,!1,3754547329)}):e._e()],1),e._v(" "),t("div",{staticClass:"jlr-masonry-block__grid__item image_2"},[t("JlrUiAtomsPicture",{attrs:{"data-cy":"masonry__image-2","images-list":e.getItemImageList(e.fields.image_2,[{width:640,height:360},{width:1024,height:576},{width:1600,height:900}],[{width:"50vw"},{width:"425px","min-width":1920},{width:"430px","min-width":1460},{width:"33vw","min-width":1280}]),alt:e.fields.image_2.alt||"","img-class-list":["jlr-masonry-block__image"]}})],1),e._v(" "),t("div",{staticClass:"jlr-masonry-block__grid__item image_3"},[t("JlrUiAtomsPicture",{attrs:{"data-cy":"masonry__image-3","images-list":e.getItemImageList(e.fields.image_3,[{width:640,height:360},{width:1024,height:576},{width:1600,height:900}],[{width:"50vw"},{width:"425px","min-width":1920},{width:"430px","min-width":1460},{width:"33vw","min-width":1280}]),alt:e.fields.image_3.alt||"","img-class-list":["jlr-masonry-block__image"]}})],1)])],1)],1)}),[],!1,null,null,null);t.default=component.exports;installComponents(component,{JlrUiAtomsHeading:r(194).default,JlrUiAtomsParagraph:r(195).default,JlrUiDynamicLinkButton:r(126).default,JlrUiDynamicCta:r(199).default,JlrUiColumnTemplate:r(325).default,JlrUiAtomsPicture:r(318).default,JlrUiAtomsSection:r(124).default})},743:function(e,t,r){var content=r(780);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,r(12).default)("58057b4a",content,!0,{sourceMap:!1})},779:function(e,t,r){"use strict";r(743)},780:function(e,t,r){var o=r(11)((function(i){return i[1]}));o.push([e.i,".jlr-loader{height:inherit;position:relative;width:inherit}.jlr-loader:hover{cursor:pointer}.jlr-loader:hover .jlr-loader__circle{fill:hsla(0,0%,100%,.2)}.jlr-loader.is-active .jlr-loader__animated-circle{animation-name:loader-spin-animation;animation-timing-function:linear}.jlr-loader.is-animation-paused .jlr-loader__icon{padding:0}.jlr-loader.is-animation-paused .jlr-loader__icon:before{margin-left:4px;width:13px}.jlr-loader.is-animation-paused .jlr-loader__animated-circle{animation-play-state:paused;opacity:0}

1.jlr-loader.is-animation-paused .jlr-loader__circle{stroke:#000}.jlr-loader__animated-circle-box,.jlr-loader__circle-box{transform:rotate(-90deg)}.jlr-loader__animated-circle-box{filter:drop-shadow(0 0 2px rgba(0,0,0,.25));left:0;position:absolute;top:0}.jlr-loader__animated-circle,.jlr-loader__circle{stroke-linecap:round;stroke-width:4px;transition:all .5s ease}.jlr-loader__animated-circle{stroke:#000}.jlr-loader__circle{stroke:#acacac}.jlr-loader__controls{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.jlr-loader__icon:before{margin:0 0 0 .5px;width:17px}.jlr-loader--dark-theme.is-animation-paused .jlr-loader__circle{stroke:#fff}.jlr-loader--dark-theme .jlr-loader__circle{stroke:hsla(0,0%,100%,.45)}.jlr-loader--dark-theme .jlr-loader__animated-circle{stroke:#fff}@keyframes loader-spin-animation{to{stroke-dashoffset:0}}.jlr-loader .icon-pause,.jlr-loader .icon-play{transition:none}.jlr-loader .icon-pause{padding-top:3px}",""]),o.locals={},e.exports=o},783:function(e,t,r){"use strict";r.r(t);var o={name:"Loader",props:{isActive:{type:Boolean,default:!0},isPaused:{type:Boolean,default:!1},radius:{type:Number,default:45},animatedCircleClass:{type:String,default:""},circleClass:{type:String,default:""},time:{type:Number,default:6e3},theme:{type:String,default:"light-theme"},clockwise:{type:Boolean,default:!0},delay:{type:Number,default:0}},data:()=>({animatedElement:"",isAnimationEnded:!1}),computed:{circleTotalLength(){return Math.ceil(6.28*this.radius)},circleTotalOffset(){return this.clockwise?this.circleTotalLength:-this.circleTotalLength},loaderIcon(){var e=this.isPaused?"play":"pause";return"lrdx"===this.$config.theme?"icon-"+e:"icon-"+e+"-evo-jaguar"}},mounted(){this.animatedElement=this.$refs.animated,this.animatedElement.addEventListener("animationend",this.onAnimationEnd)},beforeDestroy(){this.animatedElement.removeEventListener("animationend",this.onAnimationEnd)},methods:{toggleState(){this.$emit("state-change"),this.isPaused||(this.isAnimationEnded=!1)},onAnimationEnd(){this.isAnimationEnded=!0,this.$emit("animation-end")}}},l=(r(779),r(3)),component=Object(l.a)(o,(function(){var e=this,t=e._self._c;return t("div",{staticClass:"jlr-loader",class:[{"is-animation-paused":e.isPaused,"is-active":e.isActive&&!e.isAnimationEnded},"jlr-loader--"+e.theme],attrs:{"data-cy":"slider-loader"},on:{click:e.toggleState}},[t("svg",{staticClass:"jlr-loader__circle-box",attrs:{viewBox:"50 50 100 100"}},[t("circle",{staticClass:"jlr-loader__circle",class:e.circleClass,style:{"stroke-dasharray":e.circleTotalLength},attrs:{cx:100,cy:100,r:e.radius,fill:"none"}})]),e._v(" "),t("svg",{staticClass:"jlr-loader__animated-circle-box",class:"jlr-loader--"+e.theme,attrs:{viewBox:"50 50 100 100"}},[t("circle",{ref:"animated",staticClass:"jlr-loader__animated-circle",class:e.animatedCircleClass,style:{"animation-duration":e.time+"ms","animation-delay":e.delay+"ms","stroke-dasharray":e.circleTotalLength,"stroke-dashoffset":e.isAnimationEnded?0:e.circleTotalOffset,transition:e.isAnimationEnded?"none":"stroke-dashoffset 0.3s"},attrs:{cx:100,cy:100,r:e.radius,fill:"none"}})]),e._v(" "),e._t("default",(function(){return[t("div",{staticClass:"jlr-loader__controls"},[e._t("controls",(function(){return[t("JlrUiAtomsIcon",{staticClass:"jlr-loader__icon",attrs:{icon:e.loaderIcon,theme:e.theme,size:"18"}})]}))],2)]}))],2)}),[],!1,null,null,null);t.default=component.exports;installComponents(component,{JlrUiAtomsIcon:r(50).default})}}]);