https://www.xpel.com/_nuxt/DYlBFcdn.js

1import{_ as k}from"./yOot5u6L.js";import{ah as v,bV as y,ax as s,aa as l,ac as c,av as n,a4 as a,aQ as I,a2 as e,aH as g,cs as z,bT as L,aV as S}from"./gtL6pf2-.js";import{_ as C}from"./BlEEytc3.js";import{b as R}from"./CmpFLWgZ.js";import{s as u}from"./BBDR7Sje.js";import{c as i}from"./Bkz9PuSx.js";import"./iO2fNkVo.js";import"./CFIbyqu3.js";import"./BpNifhL4.js";import"./DIuEaS-r.js";import"./BiRwdywk.js";const B=["data-cslp"],T={class:"top-media"},V={__name:"MediaWithTextCollage",props:{theme:{type:String,default:"light",validator:y},textFirst:{type:Boolean,default:!1},textPosition:{type:String,default:"middle",validator:t=>["top","middle","bottom"].includes(t)},subtitle:{type:String,default:""},title:{type:String,default:""},copy:{type:String,default:""},anchorLink:{type:String,default:""},buttonLabel:{type:String,default:""},buttonLink:{type:String,default:""},topLeftImage:{type:Object,required:!0},topRightImage:{type:Object,required:!0},bottomImage:{type:Object,required:!0},videoUrl:{type:String,default:""},...R},setup(t){const m=t,{blockCslp:h,fieldCslp:r}=L(()=>m.cslp,()=>m.blockType),d=u([{breakpoint:i.mediaQueries.xl,size:`calc(${i.widths.xl}px * (0.60 / 2 - 2rem))`},{breakpoint:s.md,size:"calc((100vw - 14.28vw) * (0.60 / 2 - 1.5rem))"},{breakpoint:s.lg,size:"calc((100vw - 14.28vw) * (0.60 / 2 - 2rem))"},{size:"calc(50vw - 12.8vw - 1rem)"}]),p=u([{breakpoint:i.mediaQueries.xl,size:`calc(${i.widths.xl}px * 0.60)`},{breakpoint:s.md,size:"calc((100vw - 14.28vw) * 0.60)"},{size:"calc(100vw - 12.8vw)"}]);return(_,$)=>{const o=k,b=z,f=C,x=I,w=S;return l(),c(w,{spacing:"",theme:t.theme,class:"media-with-text-collage","anchor-link":t.anchorLink,"data-cslp":e(h)},{default:n(()=>[a(x,null,{default:n(()=>[a(f,{"text-first":t.textFirst,"text-position":t.textPosition,subtitle:t.subtitle,title:t.title,copy:t.copy,"button-label":t.buttonLabel,"button-link":t.buttonLink,"field-cslp":e(r)},{media:n(()=>[g("div",{class:"media-collage","data-cslp":e(r).media||void 0},[g("div",T,[a(o,{class:"top-image top-left-image","image-src":t.topLeftImage?.url,"alt-text":t.topLeftImage?.alt||"",srcset:t.topLeftImage?.srcset,width:t.topLeftImage?.width,height:t.topLeftImage?.height,sizes:e(d),"use-picture-format":!1},null,8,["image-src","alt-text","srcset","width","height","sizes"]),a(o,{class:"top-image top-right-image","image-src":t.topRightImage?.url,"alt-text":t.topRightImage?.alt||"",srcset:t.topRightImage?.srcset,width:t.topRightImage?.width,height:t.topRightImage?.height,sizes:e(d),"use-picture-format":!1},null,8,["image-src","alt-text","srcset","width","height","sizes"])]),t.videoUrl?(l(),c(b,{key:0,class:"bottom-media","video-url":t.videoUrl,"display-audio-icons":!1,poster:t.bottomImage?.url,"component-type":"div"},null,8,["video-url","poster"])):(l(),c(o,{key:1,class:"bottom-media","image-src":t.bottomImage?.url,"alt-text":t.bottomImage?.alt||"",srcset:t.bottomImage?.srcset,width:t.bottomImage?.width,height:t.bottomImage?.height,sizes:e(p),"use-picture-format":!1},null,8,["image-src","alt-text","srcset","width","height","sizes"]))],8,B)]),_:1},8,["text-first","text-position","subtitle","title","copy","button-label","button-link","field-cslp"])]),_:1})]),_:1},8,["theme","anchor-link","data-cslp"])}}},H=v(V,[["__scopeId","data-v-a26432c1"]]);export{H as default};