https://www.landrover.co.id/_nuxt/components/block-jlr-modern-card.7a3073d.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[388,389,494],{1301:function(e,t,r){var content=r(1609);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,r(12).default)("b85d3c0c",content,!0,{sourceMap:!1})},1608:function(e,t,r){"use strict";r(1301)},1609:function(e,t,r){var d=r(11)((function(i){return i[1]}));d.push([e.i,'.jlr-modern-card-item{-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;height:100%;overflow:hidden}.jlr-modern-card-item,.jlr-modern-card-item__spacer{position:relative;width:100%}.jlr-modern-card-item__spacer:before{aspect-ratio:1.778;content:"";display:block;position:relative;width:100%}.jlr-modern-card-item__spacer:after{background:linear-gradient(180deg,transparent,#000 62%);bottom:0;content:"";height:90px;left:0;position:absolute;width:100%;z-index:1}.jlr-modern-card-item__image{display:block;height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.jlr-modern-card-item__image img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.jlr-modern-card-item__panel{align-items:center;background:#000;display:flex;flex:1;flex-direction:column;gap:24px;margin-top:-30px;padding:24px 24px 30px;position:relative;text-align:center;z-index:1}.jlr-modern-card-item__panel__top{display:flex;flex-direction:column;gap:8px}.jlr-modern-card-item__title{max-width:52ch}.jlr-modern-card-item__text{-webkit-font-smoothing:auto;margin:0;max-width:52ch}.jlr-modern-card-item__actions{align-items:center;display:flex;flex-direction:column;gap:24px;margin-top:auto;width:100%}.jlr-modern-card-item__actions>.jlr-button{justify-content:center;text-align:center;width:100%}.jlr-modern-card-item__actions>.jlr-modern-card-item__secondary{display:flex;flex-direction:column;gap:8px;width:100%}.jlr-modern-card-item .jlr-modern-card-item__actions .jlr-modern-card-item__secondary .jlr-cta,.jlr-modern-card-item .jlr-modern-card-item__actions .jlr-modern-card-item__secondary .jlr-cta__icon{color:#fff}@media(min-width:768px)and (max-width:1279px){.jlr-modern-card-item__title{font-size:1.125rem;letter-spacing:.05625rem;line-height:1.125rem}}@media(max-width:768px){.jlr-modern-card-item .jlr-modern-card-item__button.jlr-button--has-icon{align-items:center;display:inline-flex;gap:24px;padding-left:20px;padding-right:20px}.jlr-modern-card-item .jlr-modern-card-item__button.jlr-button--has-icon .jlr-button__icon{position:static}}@media(min-width:768px){.jlr-modern-card-item__panel{margin-top:-39px;padding:30px 25px}.jlr-modern-card-item__actions>.jlr-button{justify-content:center;text-align:center;width:auto}.jlr-modern-card-item__actions>.jlr-modern-card-item__secondary{display:flex;flex-direction:column;gap:8px;width:auto}}@media(min-width:1280px){.jlr-modern-card-item{display:grid}.jlr-modern-card-item__text{max-width:70ch}.jlr-modern-card-item__actions{flex-direction:row;flex-wrap:wrap;gap:30px;justify-content:center}.jlr-modern-card-item__spacer{align-self:start;grid-column:1;grid-row:1}.jlr-modern-card-item__spacer:before{aspect-ratio:1.457;display:none}.jlr-modern-card-item__spacer:after{display:block;padding-bottom:120px;position:static;width:100%}.jlr-modern-card-item__image{height:auto;position:relative}.jlr-modern-card-item__panel{align-self:end;background:transparent;grid-column:1;grid-row:1;margin-top:0;padding:75px 50px 50px}.jlr-modern-card-item__panel:after,.jlr-modern-card-item__panel:before{content:"";display:block;left:0;position:absolute;right:0;z-index:-1}.jlr-modern-card-item__panel:before{background:linear-gradient(180deg,transparent,#000 62%);height:158px;top:-14px}.jlr-modern-card-item__panel:after{background:#000;bottom:0;top:143px}}@media(min-width:1920px){.jlr-modern-card-item__spacer:before{aspect-ratio:1.596}.jlr-modern-card-item__spacer:after{padding-bottom:0}.jlr-modern-card-item__panel{gap:30px}}',""]),d.locals={},e.exports=d},1930:function(e,t,r){var content=r(2658);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[e.i,content,""]]),content.locals&&(e.exports=content.locals);(0,r(12).default)("01de7508",content,!0,{sourceMap:!1})},2217:function(e,t,r){"use strict";r.r(t);var d={name:"JlrModernCardItem",props:{item:{type:Object,default:()=>({})},preload:{type:Boolean,default:!1},imgLoading:{type:String,default:"lazy",validator:e=>["lazy","eager"].includes(e)},fetchPriority:{type:String,default:"auto",validator:e=>["high","low","auto"].includes(e)}},computed:{hasImage(){return Boolean(this.item["rdx-image"]&&this.item["rdx-image"].id)},primaryButtons(){return(this.item["rdx-buttons"]||[]).filter((button=>button&&button.link_text))},secondaryLinks(){return(this.item["rdx-links"]||[]).filter((link=>link&&link.link_text))},imagesList(){return this.hasImage?[{id:this.item["rdx-image"].id,srcset:[{width:1600,height:900},{width:1280,height:720},{width:1024,height:576},{width:768,height:432},{width:640,height:360},{width:480,height:270},{width:320,height:180}],sizes:[{width:"min(80vw, 1600px)","min-width":1280},{width:"60vw","min-width":768},{width:"calc(100vw - 60px)"}]}]:[]}}},l=(r(1608),r(3)),component=Object(l.a)(d,(function(){var e=this,t=e._self._c;return t("article",{staticClass:"jlr-modern-card-item"},[t("div",{staticClass:"jlr-modern-card-item__spacer"},[e.hasImage?t("JlrUiAtomsPicture",{staticClass:"jlr-modern-card-item__image",attrs:{"images-list":e.imagesList,alt:e.item["rdx-image"]&&e.item["rdx-image"].alt||"",ratio:"none",preload:e.preload,loading:e.imgLoading,"fetch-priority":e.fetchPriority,width:1600,height:900}}

1):e._e()],1),e._v(" "),t("div",{staticClass:"jlr-modern-card-item__panel"},[t("div",{staticClass:"jlr-modern-card-item__panel__top"},[e.item.heading?t("JlrUiAtomsHeading",{staticClass:"jlr-modern-card-item__title",attrs:{level:Number(e.item.header_tag)||3,size:"l",theme:"dark-theme",html:e.$htmlFilter(e.item.heading)}}):e._e(),e._v(" "),e.item.subheading?t("JlrUiAtomsParagraph",{staticClass:"jlr-modern-card-item__subheading",attrs:{size:"m",theme:"dark-theme",html:e.$htmlFilter(e.item.subheading)}}):e._e()],1),e._v(" "),e.item.paragraph?t("JlrUiAtomsParagraph",{staticClass:"jlr-modern-card-item__text",attrs:{size:"l",theme:"dark-theme",html:e.$htmlFilter(e.item.paragraph)}}):e._e(),e._v(" "),e.primaryButtons.length||e.secondaryLinks.length?t("div",{staticClass:"jlr-modern-card-item__actions"},[e._l(e.primaryButtons,(function(button,i){return t("JlrUiLinkButton",{key:"modern-card-button-"+i,staticClass:"jlr-modern-card-item__button",attrs:{"label-text":button.link_text,href:button.url,type:button.type,target:button.target,icon:button.icon,"ui-type":button.ui_type||"primary",item:button,theme:"dark-theme"}})})),e._v(" "),e._l(e.secondaryLinks,(function(link,e){return t("JlrUiCta",{key:"modern-card-cta-"+e,staticClass:"jlr-modern-card-item__secondary",attrs:{"label-text":link.link_text,href:link.url,type:link.type,target:link.target,item:link,theme:"dark-theme"}})}))],2):e._e()],1)])}),[],!1,null,null,null);t.default=component.exports;installComponents(component,{JlrUiAtomsPicture:r(318).default,JlrUiAtomsHeading:r(194).default,JlrUiAtomsParagraph:r(195).default,JlrUiLinkButton:r(317).default,JlrUiCta:r(319).default})},2657:function(e,t,r){"use strict";r(1930)},2658:function(e,t,r){var d=r(11)((function(i){return i[1]}));d.push([e.i,".jlr-modern-card{overflow-x:hidden}.jlr-modern-card:not(.is-single) .jlr-grid__wrapper{display:block}.jlr-modern-card__slider,.jlr-modern-card__slider-placeholder{box-sizing:border-box;min-width:0;padding-inline:25px;width:100vw}.jlr-modern-card .jlr-carousel__fraction-pagination{margin-top:24px}.jlr-modern-card__slider ::part(container){overflow:visible}.jlr-modern-card__slider-placeholder{display:flex;gap:10px;overflow:hidden;padding-inline:0}.jlr-modern-card__slide-placeholder,.jlr-modern-card__slide.swiper-slide{height:auto;width:calc(100vw - 60px)}.jlr-modern-card__slide{display:flex}.jlr-modern-card__slide-placeholder{display:flex;flex:0 0 auto}.jlr-modern-card__single{display:block;width:100%}@media(min-width:768px){.jlr-modern-card__slider{padding-inline:30px}.jlr-modern-card__slide-placeholder,.jlr-modern-card__slide.swiper-slide{width:60vw}}@media(min-width:1280px){.jlr-modern-card__slider{padding-inline:60px}.jlr-modern-card__slider-placeholder{gap:35px}.jlr-modern-card__slide-placeholder,.jlr-modern-card__slide.swiper-slide{max-width:1600px;width:80vw}}@media(min-width:1920px){.jlr-modern-card__slider{padding-inline:130px}.jlr-modern-card__slider-placeholder{gap:40px}}",""]),d.locals={},e.exports=d},3454:function(e,t,r){"use strict";r.r(t);var d={name:"JlrModernCard",props:{fields:{type:Object,default:()=>({})},groups:{type:Array,default:()=>[]},isATF:{type:Boolean,default:()=>!1}},computed:{isSingle(){return 1===this.groups.length},isCarousel(){return this.groups.length>1},theme(){return this.fields.theme||"white-theme"},blockId(){return this.fields.block_scroll_id||"modern-card-"+this._uid},gridModifierClasses(){return this.isSingle?"":["x-space-0",this.fields.padding_grid_class||""].join(" ")},options:()=>({slidesPerView:"auto",spaceBetween:10,centeredSlides:!0,centeredSlidesBounds:!0,watchOverflow:!0,breakpoints:{1280:{spaceBetween:35},1920:{spaceBetween:40}}})}},l=(r(2657),r(3)),component=Object(l.a)(d,(function(){var e=this,t=e._self._c;return t("JlrUiAtomsSection",{class:["jlr-modern-card",{"is-single":e.isSingle}],attrs:{theme:e.theme,"grid-modifier-class":e.gridModifierClasses,"data-cy":"modern-card"}},[e.isSingle?t("BlockJlrModernCardItem",{staticClass:"jlr-modern-card__single",attrs:{item:e.groups[0],preload:e.isATF,"img-loading":e.isATF?"eager":"lazy","fetch-priority":e.isATF?"high":"auto"}}):e.isCarousel?t("JlrUiCarousel",{staticClass:"jlr-modern-card__slider",attrs:{options:e.options,"block-id":e.blockId,theme:e.theme,"has-loader":!1,"has-fraction-pagination":""},scopedSlots:e._u([{key:"carousel-ssr-placeholder",fn:function(){return[t("div",{staticClass:"jlr-modern-card__slider-placeholder"},e._l(e.groups,(function(r,d){return t("div",{key:"modern-card-ph-"+d,staticClass:"jlr-modern-card__slide-placeholder"},[t("BlockJlrModernCardItem",{attrs:{item:r,preload:e.isATF&&0===d,"img-loading":e.isATF&&d<2?"eager":"lazy","fetch-priority":e.isATF&&0===d?"high":"auto"}})],1)})),0)]},proxy:!0}])},e._l(e.groups,(function(r,d){return t("JlrUiCarouselSlide",{key:"modern-card-"+d,staticClass:"jlr-modern-card__slide"},[t("BlockJlrModernCardItem",{attrs:{item:r,preload:e.isATF&&0===d,"img-loading":e.isATF&&d<1?"eager":"lazy","fetch-priority":e.isATF&&0===d?"high":"auto"}})],1)}

1)),1):e._e()],1)}),[],!1,null,null,null);t.default=component.exports;installComponents(component,{BlockJlrModernCardItem:r(2217).default,JlrUiCarouselSlide:r(710).default,JlrUiCarousel:r(750).default,JlrUiAtomsSection:r(124).default})},692:function(e,t,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,t,r){"use strict";r(692)},707:function(e,t,r){var d=r(11)((function(i){return i[1]}));d.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%}}",""]),d.locals={},e.exports=d},710:function(e,t,r){"use strict";r.r(t);var d={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]}}},l=(r(706),r(3)),component=Object(l.a)(d,(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);t.default=component.exports}}]);