https://my.trendbible.com/assets/ImagesWithText4Blocks-DVwf1M0o.js

1import{_ as g,i as n,r as k,o as c,c as o,a,n as t,t as s,F as r,d as b,e as d,g as u}from"./index-CcMSqm_z.js";const x={props:{block:{type:Object,required:!0}},methods:{},components:{VLazyImage:n}},v={class:"related__inner inner"},f={class:"grid-x grid-margin-x medium-up-2 large-up-4 card-mb-reset"},h=["subFieldKey","subField"],L={key:0,class:"card__image"},y={class:"card__image card__image--mask"},B={class:"card__text"},V=["innerHTML"];function w(z,i,e,H,M,N){const _=k("v-lazy-image");return c(),o("aside",{class:"images-with-text-4-blocks","data-scroll-section":"",style:t({"background-color":e.block.fields["images-text-4-block__background-colour"][0].value,color:e.block.fields["images-text-4-block__text-colour"][0].value})},[a("div",v,[a("h2",{class:"display-4",style:t({color:e.block.fields["images-text-4-block__text-colour"][0].value})},s(e.block.fields["images-text-4-block__title"][0].value),5),a("p",{class:"display-2",style:t({color:e.block.fields["images-text-4-block__text-colour"][0].value})},s(e.block.fields["images-text-4-block__sub-title"][0].value),5),a("div",f,[(c(!0),o(r,null,b(e.block.fields["images-text-4-block__card_title"],(m,l)=>(c(),o("div",{key:"sf-large-cards-"+l,subFieldKey:l,subField:m,class:"card cell"},[e.block.fields["images-text-4-block__card-arrow"][l].value!="on"?(c(),o(r,{key:0},[e.block.fields["images-text-4-block__card_image"][l].value?(c(),o("div",L,[d(_,{src:e.block.fields["images-text-4-block__card_image"][l].value.temporary_url,alt:e.block.fields["images-text-4-block__card_image"][l].value.alt_tag},null,8,["src","alt"]),a("span",{style:t({color:e.block.fields["images-text-4-block__card_image_credit_colour"][l].value}),class:"image-credit"},s(e.block.fields["images-text-4-block__card_image_credit"][l].value),5)])):u("",!0)],64)):(c(),o("div",{key:1,class:"card__image--container",style:t({"background-color":e.block.fields["images-text-4-block__card-arrow-colour"][l].value})},[a("div",y,[d(_,{src:e.block.fields["images-text-4-block__card_image"][l].value.temporary_url,alt:e.block.fields["images-text-4-block__card_image"][l].value.alt_tag},null,8,["src","alt"]),i[0]||(i[0]=a("svg",{width:"0",height:"0"},[a("clipPath",{id:"svgPath",clipPathUnits:"objectBoundingBox"},[a("path",{d:"M0 0L0 0.40794L0.29863 0.40794L0.00258289 0.70397L0.29863 1L0.59726 0.701387V1H1L1 0L0 0Z"})])],-1)),a("span",{style:t({color:e.block.fields["images-text-4-block__card_image_credit_colour"][l].value}),class:"image-credit"},s(e.block.fields["images-text-4-block__card_image_credit"][l].value),5)])],4)),a("div",B,[a("h3",{class:"h5",style:t({color:e.block.fields["images-text-4-block__text-colour"][0].value})},s(e.block.fields["images-text-4-block__card_title"][l].value),5),a("div",{innerHTML:e.block.fields["images-text-4-block__card_text"][l].value,style:t({color:e.block.fields["images-text-4-block__text-colour"][0].value})},null,12,V)])],8,h))),128))])])],4)}const T=g(x,[["render",w]]);export{T as default};