https://sallinggroup.com/_nuxt/UiCollageDesktop.vue.MKBsuT7f.js

1import{_ as U}from"./UiImage.vue.DWj56fV3.js";import{_ as $}from"./UiVideo.vue.FpyKpeap.js";import{_ as N}from"./UiPlay.vue.7kwTJ8Kq.js";import{_ as E}from"./UiBox.vue.DHsTCB2v.js";import{u as I}from"./useDrawer.DqJXRrzT.js";import{c as R}from"./states.DMUNVbvB.js";import{d as S,A,b as _,i as o,m as t,e as p,f as n,g as l,y as h,o as c,t as f,p as O}from"./entry.Ckf0ULWG.js";const j={class:"container"},P={class:"flex items-center gap-4"},T={class:"flex flex-col gap-4 w-full"},W={class:"flex flex-col gap-4 w-full"},q={class:"grid gap-4 w-full"},F={class:"flex flex-col justify-between"},G={key:0,class:"text-display3-sm lg:text-display3 mb-4"},H={class:"flex flex-col gap-4 w-full"},a=`
2      xxs:100vw
3      xs:100vw
4      sm:100vw
5      md:338px
6      lg:500px
7      xl:500px
8      xxl:500px
9      2xl:500px`,ee=S({__name:"UiCollageDesktop",props:{images:{},videoId:{},title:{}},setup(w){const{setDrawerOpen:x,possibleDrawerStates:v}=I(),y=v.VIDEO_DRAWER,k=R(),z=w,{images:e,videoId:i,title:m}=A(z),u=[e.value[0],e.value[1]],r=[e.value[2],e.value[3],e.value[4]],d=[e.value[5],e.value[6]],g=[e.value[7],e.value[8]],C=()=>{i!=null&&i.value&&(k.value=i.value,x({id:y,open:!0}))};return(D,J)=>{const s=U,b=$,V=N,B=E;return c(),_("div",j,[o("div",P,[o("div",T,[t(s,{image:u[0],width:"338",height:"254",sizes:a,class:"aspect-4-3"},null,8,["image"]),t(s,{image:u[1],width:"338",height:"450",sizes:a,class:"aspect-3-4","cut-corner":"bottom-left"},null,8,["image"])]),o("div",W,[t(s,{image:r[0],width:"338",height:"338",sizes:a,class:"aspect-1-1"},null,8,["image"]),l(i)?n("",!0):(c(),p(s,{key:0,image:r[2],width:"338",height:"190",sizes:a,class:"aspect-16-9"},null,8,["image"])),l(i)?(c(),p(b,{key:1,"video-id":l(i),"is-background":!0,"auto-play":!0,title:l(m)},null,8,["video-id","title"])):n("",!0),t(s,{image:r[1],width:"338",height:"254",sizes:a,class:"aspect-4-3"},null,8,["image"])]),o("div",q,[t(s,{image:d[0],width:"338",height:"254",sizes:a,class:"aspect-4-3 w-full"},null,8,["image"]),t(B,{class:"w-full"},{default:h(()=>[o("div",F,[l(m)?(c(),_("p",G,f(l(m)),1)):n("",!0),l(i)?(c(),p(V,{key:1,color:"text-primary",onClick:C},{default:h(()=>[O(f(D.$t("play_button_label")),1)]),_:1})):n("",!0)])]),_:1}),t(s,{image:d[1],width:"338",height:"254",sizes:a,class:"aspect-4-3 w-full"},null,8,["image"])]),o("div",H,[t(s,{image:g[0],width:"338",height:"450",sizes:a,class:"aspect-3-4","cut-corner":"top-right","corner-size":"width"},null,8,["image"]),t(s,{image:g[1],width:"338",height:"338",sizes:a,class:"aspect-1-1"},null,8,["image"])])])])}}});export{ee as _};