https://wyzdom.ai/_nuxt/D0zmYmdI.js

1import{d as oe,ak as he,J as pe,ap as xe,o as a,a as d,a2 as P,n as v,h as R,i as l,av as se,g as c,c as p,P as Te,b as U,x as H,k as o,au as re,_ as Z,a0 as ne,F as le,r as be,w as Be,I as Ie,p as Ce,a3 as Ve,K as de,aw as ue}from"./CNB_PrB2.js";import{d as Se,h as Le,_ as ce,b as we,c as Pe,e as Me,L as me}from"./zc4jajfm.js";import{V as Re}from"./DvB-jgUm.js";import $e from"./C-AhT58k.js";import{M as Ee}from"./hzH8rSF4.js";import{A as ae}from"./B_LYO5se.js";import{u as ve}from"./OG77DCfG.js";import{u as He}from"./B5r4LbIU.js";import{g as Ue}from"./DwuQGuFE.js";import{H as We,u as Ae}from"./BZ1RaqbF.js";import De from"./CxyobHrC.js";import{_ as je}from"./D66OWHfa.js";import Fe from"./ClMuUcKo.js";import Ye from"./CFXN6VVU.js";import{u as Ge}from"./CFeaC0zc.js";import{u as ze}from"./BvADOnxo.js";import{u as Ne}from"./Daj0NedC.js";import{u as Oe}from"./D68N1nOO.js";import{u as Xe}from"./CYRNhh5M.js";import{u as qe}from"./Bw3LEFke.js";import{u as Je}from"./ClaXnbSS.js";import{u as Ke}from"./DLhPQkzn.js";import"./CfpK_-GB.js";import"./45iaEE0C.js";import"./DUHz7PzY.js";import"./CHp6OlW2.js";import"./CnCX04Bg.js";import"./DcuSmGIr.js";import"./CMsKDPNV.js";import"./Dt2GHrS1.js";import"./Stjfq0Lv.js";import"./CtWdB5h5.js";import"./CjKu3G7G.js";import"./BY4fxgA1.js";import"./Q8pfYJEn.js";import"./CJpXZDtd.js";import"./DsAdb6wV.js";import"./CP2snJvX.js";const Qe=["data-ratio","data-edit-text"],Ze={key:0,class:"media-label main-font flex flex-col items-start justify-end"},_e=["data-section"],et=["data-section"],tt=["data-item-id"],it=["data-item-id"],at=["data-item-id"],lt={key:2,class:"blank-img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 200 200",fill:"none",role:"img",preserveAspectRatio:"xMidYMid meet","data-testid":"media"},ot=["data-item-id"],nt=["data-section","data-item-id"],st=["src"],rt=["src"],dt=["data-section","data-item-id"],ut={class:"blank-img blank-video",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 200 200","xml:space":"preserve"},ct=oe({__name:"MediaItem",props:{item:{},sectionSettings:{},sectionId:{},allMediaItems:{},itemIndex:{},isHovered:{type:Boolean},dataMasonryRatio:{},updateContent:{type:Function},sendEvent:{type:Function}},setup(e){const f=Le.readLinkValue,m=he(),{inspectorActive:W}=pe(m),t=H(null),i=e,{isBuilder:T}=xe(),$=ve(()=>i.sectionId,"media",()=>i.item.id,{hasConfiguredRatio:()=>i.sectionSettings.hasRatio,configuredRatio:()=>i.sectionSettings.aspectRatio,mediaShape:()=>i.sectionSettings.mediaShape,fallbackAspectRatio:"1:1"}),r=$.isGenerating,C=$.previewUrl,M=o(()=>$.aspectStyle.value),V=ve(()=>i.sectionId,"videoCover",()=>i.item.id,{hasConfiguredRatio:()=>i.sectionSettings.hasRatio,configuredRatio:()=>i.sectionSettings.aspectRatio,mediaShape:()=>i.sectionSettings.mediaShape,fallbackAspectRatio:"16:9"}),B=V.isGenerating,A=V.previewUrl,Y=o(()=>{if(B.value)return"";if(A.value)return A.value;const y=i.item.mediaVideoCoverSrc;return!y||y==="/img/dummy.svg"?w.value&&i.item.mediaPexelsCover||"":y}),x=o(()=>i.sectionSettings.mediaShape==="circle"||i.sectionSettings.layout==="bento"||i.sectionSettings.layout==="masonry"||r.value?"":i.sectionSettings.hasRatio?i.sectionSettings.aspectRatio??"":""),I=H({});function h(y,u){I.value[y]=u}function D(y){I.value[y]=null}const g=(y,u)=>I.value[y]===u,L=o(()=>W.value),_=o(()=>{const y={};if(i.sectionSettings.customRadius&&(y["--box-radius"]=`${i.sectionSettings.radius}px`,y["--mobile-radius"]=`${i.sectionSettings.mobileRadius}px`),i.sectionSettings.layout==="masonry"&&(N.value||j.value)&&i.dataMasonryRatio){const Q={"1:1":"1 / 1","4:3":"4 / 3","16:9":"16 / 9","3:4":"3 / 4"}[i.dataMasonryRatio]||"4 / 3";y["--masonry-preview-ar"]=Q}return i.sectionSettings.layout==="masonry"&&typeof i.item.mediaHeight=="number"&&i.item.mediaHeight>0&&(y["--media-height"]=`${i.item.mediaHeight}px`),y}),G=H(!1),ee=()=>{G.value=!0},te=()=>{t.value||(G.value=!1)},{debouncedUpdateContent:z}=Se(i.sectionId),X=o(()=>i.item.mediaLabelTitle&&re(i.item.mediaLabelTitle)),q=o(()=>i.item.mediaLabelText&&re(i.item.mediaLabelText)),b=o(()=>i.item.mediaType==="image"?"img":i.item.videoType==="youtube"?"video-yt":i.item.videoType==="pexels"&&i.item.mediaPexelsVideo?"video-pexels":"video-sp"),J=o(()=>b.value==="video-sp"?i.item.mediaVideoSrc:b.value==="video-pexels"?i.item.mediaPexelsVideo:i.item.mediaYouTubeSrc||"/img/dummy-video.svg"),N=o(()=>b.value==="img"&&i.item.mediaImgSrc==="/img/dummy.svg"),j=o(()=>b.value!=="img"&&b.value!=="video-pexels"&&(!J.value||J.value==="/img/dummy-video.svg")),ie=o(()=>b.value==="video-sp"&&!j.value),w=o(()=>b.value==="video-pexels"),K=o(()=>b.value==="video-yt"&&!j.value),S=o(()=>b.value==="img"&&i.item.mediaImgSrc!=="/img/dummy.svg"),{getYoutubeEmbedUrl:n,isDirectVideoUrl:O}=He(),F=o(()=>{switch(i.item.focalPoint){case"top-left":return"object-left-top";case"top-center":return"object-center-top";case"top-right":return"object-right-top";case"center-left":return"object-left-center";case"center-center":return"object-center";case"center-right":return"object-right-center";case"bottom-left":return"object-left-bottom";case"bottom-center":return"object-center-bottom";case"bottom-right":return"object-right-bottom";default:return""}}),s=o(()=>({"has-shadow":i.sectionSettings.hasBoxShadow})),E=o(()=>b.value==="img"?"Image":"Video"),ke=y=>Ue(y);return(y,u)=>{const Q=Te;return a(),d("div",{class:v(["media-item media-wrapper relative group/item",[e.sectionSettings.mediaShape,s.value]]),onMouseenter:ee,onMouseleave:te,style:P(_.value),"data-ratio":x.value,"data-section-setting":"video","data-edit-text":E.value},[q.value||g(e.item.id,"mediaLabelText")||X.value||g(e.item.id,"mediaLabelTitle")?(a(),d("div",Ze,[X.value||g(e.item.id,"mediaLabelTitle")?(a(),d("div",{key:0,"data-section":"media-"+e.item.order,"data-section-setting":"mediaLabelTitle","data-edit-text":"Title",class:"label-title main-font pointer-events-auto"},[R(se,{content:e.item.mediaLabelTitle,showBubbleMenu:!1,"onUpdate:content":u[0]||(u[0]=k=>l(z)({key:"mediaLabelTitle",value:k,parent:"media",id:e.item.id})),onFocus:u[1]||(u[1]=()=>h(e.item.id,"mediaLabelTitle")),onBlur:u[2]||(u[2]=()=>D(e.item.id))},null,8,["content"])],8,_e)):c("",!0),q.value||g(e.item.id,"mediaLabelText")?(a(),d("div",{key:1,"data-section":"media-"+e.item.order,"data-section-setting":"mediaLabelText","data-edit-text":"Text",class:"text body-font pointer-events-auto"},[R(se,{content:e.item.mediaLabelText,"onUpdate:content":u[3]||(u[3]=k=>l(z)({key:"mediaLabelText",value:k,parent:"media",id:e.item.id})),onFocus:u[4]||(u[4]=()=>h(e.item.id,"mediaLabelText")),onBlur:u[5]||(u[5]=()=>D(e.item.id))},null,8,["content"])],8,et)):c("",!0)])):c("",!0),S.value&&!l(C)&&!l(r)?(a(),d("div",{key:1,"data-section-setting":"mediaImg","data-ai-target":"media","data-item-id":e.item.id,class:v(e.sectionSettings.mediaShape)},[e.item.imgLinkType&&e.item.imgLinkType!=="none"&&e.item.imgLink&&!L.value?(a(),p(Q,{key:0,to:l(f)(e.item.imgLink,e.item.imgLinkType),target:e.item.imgTarget||"_self",external:e.item.imgTarget==="_blank",class:"absolute inset-0 z-10","aria-label":"Image action"},null,8,["to","target","external"])):c("",!0),R(ce,{class:v(F.value),src:e.item.mediaImgSrc,transformations:{},alt:""},null,8,["class","src"])],10,tt)):l(C)?(a(),d("div",{key:2,"data-section-setting":"mediaImg","data-ai-target":"media","data-item-id":e.item.id,class:v([e.sectionSettings.mediaShape,"relative"])},[R(ce,{class:v(F.value),src:l(C),transformations:{},alt:""},null,8,["class","src"])],10,it)):N.value||l(r)?(a(),d("div",{key:3,"data-section-setting":"mediaImg","data-ai-target":"media","data-item-id":e.item.id,class:v([e.sectionSettings.mediaShape,"relative"])},[l(T)&&l(r)?(a(),p(ae,{key:0,sectionId:e.sectionId,itemId:e.item.id,isCircle:e.sectionSettings.mediaShape==="circle",containerStyle:M.value},null,8,["sectionId","itemId","isCircle","containerStyle"])):c("",!0),e.item.imgLinkType&&e.item.imgLinkType!=="none"&&e.item.imgLink&&!L.value&&!l(r)?(a(),p(Q,{key:1,to:l(f)(e.item.imgLink,e.item.imgLinkType),target:e.item.imgTarget||"_self",external:e.item.imgTarget==="_blank",class:"absolute inset-0 z-10","aria-label":"Image action"},null,8,["to","target","external"])):c("",!0),N.value&&!l(r)?(a(),d("svg",lt,[U("path",{class:v([e.sectionSettings.mediaShape==="circle"?"origin-center scale-[0.86]":"origin-center scale-[1.1]",{"origin-center !scale-[0.95]":e.sectionSettings.hasRatio}]),d:"M120.2 115.7v-31c0-2.5-2-4.5-4.5-4.5h-31c-2.5 0-4.5 2-4.5 4.4v31.1c0 2.5 2 4.5 4.4 4.5h31.1c2.5 0 4.5-2 4.5-4.5m-27-13 4.8 6.5 6.8-9.8c.5-.6 1.4-.6 1.8 0l7.8 12.4c.6.7 0 1.7-.9 1.7H87c-1 0-1.5-1-.9-1.8l5.6-9q.8-.9 1.7 0",fill:"#fff"},null,2)])):c("",!0)],10,at)):c("",!0),ie.value||w.value?(a(),d("div",{key:4,class:v(["video-wrapper bg-black relative",e.sectionSettings.mediaShape]),"data-section-setting":"video","data-ai-target":"videoCover","data-item-id":e.item.id},[l(T)&&l(B)?(a(),p(ae,{key:0,sectionId:e.sectionId,itemId:e.item.id,target:"videoCover",isCircle:e.sectionSettings.mediaShape==="circle"},null,8,["sectionId","itemId","isCircle"])):c("",!0),U("div",{class:v({"pointer-events-none":L.value})},[(a(),p(Re,{key:w.value?`pexels:${e.item.mediaPexelsVideo}`:`sp:${e.item.mediaVideoSrc}`,src:w.value?e.item.mediaPexelsVideo:e.item.mediaVideoSrc,autoplay:e.item.autoplay,controls:e.item.controls,loop:e.item.loop,play:e.item.play,playPulse:e.item.playPulse,cover:Y.value,customPlayButton:e.item.customPlayButton,playButtonText:e.item.playButtonText,playButtonStyle:e.item.customPlayButton?ke(e.item):{},playButtonCustomRadius:e.item.playButtonCustomRadius,hasPlayButtonTextBold:e.item.hasPlayButtonTextBold,hasPlayButtonTextItalic:e.item.hasPlayButtonTextItalic,hasPlayButtonTextStrike:e.item.hasPlayButtonTextStrike,hasPlayButtonTextUnderline:e.item.hasPlayButtonTextUnderline,hasPlayButtonTextUppercase:e.item.hasPlayButtonTextUppercase}

1,null,8,["src","autoplay","controls","loop","play","playPulse","cover","customPlayButton","playButtonText","playButtonStyle","playButtonCustomRadius","hasPlayButtonTextBold","hasPlayButtonTextItalic","hasPlayButtonTextStrike","hasPlayButtonTextUnderline","hasPlayButtonTextUppercase"]))],2)],10,ot)):c("",!0),K.value?(a(),d("div",{key:5,class:v(["video-wrapper",e.sectionSettings.mediaShape]),"data-section":"media-"+e.item.order,"data-section-setting":"video","data-ai-target":"videoCover","data-item-id":e.item.id},[l(O)(e.item.mediaYouTubeSrc)?(a(),d("video",{key:0,src:e.item.mediaYouTubeSrc,autoplay:"",loop:"",muted:"",playsinline:"",style:{width:"100%",height:"100%","object-fit":"cover"}},null,8,st)):(a(),d("iframe",{key:1,class:v({"pointer-events-none":L.value}),width:"560",height:"315",src:l(n)(e.item.mediaYouTubeSrc||"","normal",{loop:e.item.loop}),title:"Video player",frameborder:"0",allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; fullscreen",allowfullscreen:""},null,10,rt))],10,nt)):c("",!0),j.value?(a(),d("div",{key:6,class:v([e.sectionSettings.mediaShape,"relative"]),"data-section":"media-"+e.item.order,"data-section-setting":"video","data-ai-target":"videoCover","data-item-id":e.item.id},[l(T)&&l(B)?(a(),p(ae,{key:0,sectionId:e.sectionId,itemId:e.item.id,target:"videoCover",isCircle:e.sectionSettings.mediaShape==="circle"},null,8,["sectionId","itemId","isCircle"])):c("",!0),(a(),d("svg",ut,[U("path",{class:v([e.sectionSettings.mediaShape==="circle"?"origin-center !scale-[0.75]":"origin-center !scale-[0.85]"]),fill:"#fff",d:"M117.3,96.1L88,79.1c-3.5-2-8,0.5-8,4.6v33.9c0,4.1,4.4,6.6,8,4.6l29.4-17C120.9,103.2,120.9,98.1,117.3,96.1z"},null,2)]))],10,dt)):c("",!0),(L.value||t.value==="mediaHeight")&&e.sectionSettings.layout==="masonry"?(a(),p(Ee,{key:7,modelValue:e.item.mediaHeight,"onUpdate:modelValue":[u[6]||(u[6]=k=>e.item.mediaHeight=k),u[7]||(u[7]=k=>{e.item.mediaHeight=k})],min:120,max:900,"send-event":e.sendEvent,"always-visible":!1,onDragging:u[8]||(u[8]=k=>{t.value=k?"mediaHeight":t.value==="mediaHeight"?null:t.value}),onChangeEnd:u[9]||(u[9]=k=>l(z)({key:"mediaHeight",value:k,parent:"media",id:e.item.id}))},null,8,["modelValue","send-event"])):c("",!0),R($e,{"is-visible":L.value&&e.isHovered&&G.value,items:e.allMediaItems,"item-index":e.itemIndex,"section-id":e.sectionId,"duplicate-title":"Duplicate media","remove-title":"Remove media","update-content":e.updateContent,"send-event":e.sendEvent,"items-key":"media","max-items":20,"is-generating":l(r)},null,8,["is-visible","items","item-index","section-id","update-content","send-event","is-generating"])],46,Qe)}}}),mt={},vt={class:"!w-[18px] !h-[17px]","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 14"};function yt(e,f){return a(),d("svg",vt,[...f[0]||(f[0]=[ne('<rect class="cls-1 fill-[#fff]" width="10" height="8" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" y="10" width="4" height="4" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="6" y="10" width="4" height="4" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="12" width="4" height="4" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="12" y="6" width="4" height="8" rx="1.3" ry="1.3"></rect>',5)])])}const gt=Z(mt,[["render",yt]]),ft={},ht={class:"!w-[18px] !h-[17px]","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 14"};function pt(e,f){return a(),d("svg",ht,[...f[0]||(f[0]=[ne('<rect class="cls-1 fill-[#fff]" width="4" height="8" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" y="10" width="4" height="4" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="6" width="4" height="5" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="6" y="7" width="4" height="7" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="12" width="4" height="7" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="12" y="9" width="4" height="5" rx="1.3" ry="1.3"></rect>',6)])])}const xt=Z(ft,[["render",pt]]),bt={},St={class:"!w-[18px] !h-[16px]","data-name":"Layer 1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 14"};function wt(e,f){return a(),d("svg",St,[...f[0]||(f[0]=[ne('<rect class="cls-2 fill-[#fff] opacity-50" y="8.19" width="4" height="5.81" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="6" y="8.19" width="4" height="5.81" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="12" y="8.19" width="4" height="5.81" rx="1.3" ry="1.3"></rect><rect class="cls-1 fill-[#fff]" width="4" height="5.91" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="6" width="4" height="5.91" rx="1.3" ry="1.3"></rect><rect class="cls-2 fill-[#fff] opacity-50" x="12" width="4" height="5.91" rx="1.3" ry="1.3"></rect>',6)])])}const kt=Z(bt,[["render",wt]]),Tt=["data-hint","onClick","aria-label"],ye=34,ge=8,fe=5,Bt=oe({__name:"LayoutSwitcher",props:{modelValue:{},alwaysVisible:{type:Boolean},offsetY:{},offsetX:{},anchor:{}},emits:["update:modelValue","changeEnd"],setup(e,{emit:f}){const m=e,W=f,t=o(()=>m.alwaysVisible===!0),i=o(()=>typeof m.offsetY=="number"?m.offsetY:-50),T=o(()=>typeof m.offsetX=="number"?m.offsetX:0),$=o(()=>m.anchor==="top-left"?"anchor-top-left":"anchor-top-right"),r=o(()=>[{key:"grid",value:"grid",label:"Grid"},{key:"masonry",value:"masonry",label:"Masonry"},{key:"bento",value:"bento",label:"Bento"}]),C=o(()=>{const h=Math.max(0,r.value.findIndex(g=>g.value===m.modelValue));return{transform:`translateX(${fe+h*(ye+ge)}px)`}}),M=o(()=>{const h={top:`${i.value}px`};return m.anchor==="top-left"?h.left=`${T.value}px`:h.right=`${T.value}px`,h});function V(h){W("update:modelValue",h),W("changeEnd",h)}const B=o(()=>i.value<0&&!t.value),A=o(()=>fe*2+ye*r.value.length+ge*Math.max(0,r.value.length-1)),Y=o(()=>({top:`${i.value}px`,width:`${A.value}px`,height:`${Math.abs(i.value)}px`,right:m.anchor==="top-right"?`${T.value}px`:"auto",left:m.anchor==="top-left"?`${T.value}px`:"auto"})),x=we(),I=o(()=>x.value>=1024);

1return(h,D)=>(a(),d(le,null,[I.value&&B.value?(a(),d("div",{key:0,class:"hover-bridge",style:P(Y.value),"aria-hidden":"true"},null,4)):c("",!0),I.value?(a(),d("div",{key:1,class:v(["layout-switcher-overlay",[$.value,{visible:t.value}]]),style:P(M.value),role:"group","aria-label":"Layout switcher"},[U("div",{class:"switcher-indicator",style:P(C.value),"aria-hidden":"true"},null,4),(a(!0),d(le,null,be(r.value,g=>(a(),d("button",{key:g.key,class:v(["switcher-item with-hint black center-hint",{active:g.value===e.modelValue}]),type:"button","data-controls-section":"none","data-hint":g.label,onClick:Be(L=>V(g.value),["stop","prevent"]),"aria-label":g.label},[(a(),p(Ie(g.value==="bento"?gt:g.value==="masonry"?xt:kt)))],10,Tt))),128))],6)):c("",!0)],64))}}),It=Z(Bt,[["__scopeId","data-v-f77270db"]]),Ct=["data-columns"],mi=oe({__name:"mediaGallery",props:{section:{}},emits:["sendEvent"],setup(e,{emit:f}){const m=e,{isBuilder:W}=xe(),t=H(m.section.settings),i=he(),{latestAdminUpdate:T,inspectorActive:$}=pe(i),r=H(null),C=o(()=>$.value),M=o(()=>C.value&&B.value&&L.value),V=Pe(),B=o(()=>W.value&&V.value===m.section.id),A=()=>{V.value=m.section.id},Y=()=>{V.value===m.section.id&&(V.value=null)};Ce(()=>m.section.settings,(S,n,O)=>{T.value.sectionId===m.section.id&&(t.value=S)},{deep:!0});const{debouncedUpdateContent:x}=Se(m.section.id),I=H(null),{noTitles:h}=Ae(o(()=>t.value)),D=o(()=>{var S;return I.value&&((S=I.value)==null?void 0:S.focusedInput)||null}),g=we(),L=o(()=>g.value>=1024),_=S=>{const n=["1:1","4:3","16:9","3:4","4:3","1:1","16:9","4:3"];return n[S%n.length]},{verticalTopSpaceClass:G,verticalBottomSpaceClass:ee}=ze(t),{maxWidthClass:te}=Je(),{contentAlignmentClass:z}=Oe(t),X=o(()=>({"!pt-0 no-top-p pt-remove":t.value.topSpace,"!pb-0 no-bottom-p pb-remove":t.value.bottomSpace,"!pl-0 no-left-p pl-remove":t.value.leftSpace,"!pr-0 no-right-p pr-remove":t.value.rightSpace})),{mediaBorder:q}=Ne(t),{weightTextStyle:b}=Ge(t),{buttonStyleComputed:J}=qe(t),{sectionStyleObject:N}=Xe(t),{bgFocalPointClass:j}=Ke(t),ie=f,w=S=>ie("sendEvent",S),K=H(null);return Me(K,w),(S,n)=>{var O,F;return a(),d("section",{ref_key:"sectionElement",ref:K,"data-section":"background","data-section-type":"mediaGallery",onMouseenter:A,onMouseleave:Y,class:v(["media-gallery",t.value.customClass,t.value.sectionStyle==="custom"&&t.value.backgroundType==="gradient"?"gradient-color":"",t.value.sectionStyle,t.value.sectionStyle==="colored"?`${t.value.paletteTheme||((F=(O=l(i).page)==null?void 0:O.styles)==null?void 0:F.defaultPaletteTheme)||"light"}-palette-theme`:"",l(j),{divider:t.value.divider},{"image-bg":t.value.backgroundImage},{"dark-divider":t.value.dividerStyle==="dark","light-divider":t.value.dividerStyle==="light"}]),style:P(l(N))},[Ve(S.$slots,"default"),t.value.blur&&t.value.backgroundImage?(a(),d("div",{key:0,class:"blurred-background",style:P({"--bg-blur":t.value.blur+"px"})},null,4)):c("",!0),U("div",{"data-section":"alignment",class:v(["container relative",[l(G),l(ee),{"!max-w-none full-width":t.value.fullWidth},X.value]]),style:P([{minHeight:t.value.fullHeight?"100dvh":"auto"},l(te)(t.value.layoutWidth),l(q)])},[C.value&&(B.value||r.value==="contentSpacing")?(a(),p(De,{key:0,"top-desktop":t.value.verticalTopSpace,"bottom-desktop":t.value.verticalBottomSpace,"top-mobile":t.value.verticalTopMobileSpace,"bottom-mobile":t.value.verticalBottomMobileSpace,"remove-top":t.value.topSpace,"remove-bottom":t.value.bottomSpace,"send-event":w,onDragging:n[0]||(n[0]=s=>{r.value=s?"contentSpacing":r.value==="contentSpacing"?null:r.value}),onChangeEnd:n[1]||(n[1]=({key:s,value:E})=>{t.value[s]=E,l(x)({key:s,value:E})})},null,8,["top-desktop","bottom-desktop","top-mobile","bottom-mobile","remove-top","remove-bottom"])):c("",!0),(M.value||r.value==="layoutWidth:left")&&!t.value.fullWidth?(a(),p(me,{key:1,modelValue:t.value.layoutWidth,"onUpdate:modelValue":n[2]||(n[2]=s=>t.value.layoutWidth=s),min:768,max:1536,step:48,side:"left",sendEvent:w,onDragging:n[3]||(n[3]=s=>{r.value=s?"layoutWidth:left":r.value==="layoutWidth:left"?null:r.value}),onChangeEnd:n[4]||(n[4]=s=>

1l(x)({key:"layoutWidth",value:s}))},null,8,["modelValue"])):c("",!0),(M.value||r.value==="layoutWidth:right")&&!t.value.fullWidth?(a(),p(me,{key:2,modelValue:t.value.layoutWidth,"onUpdate:modelValue":n[5]||(n[5]=s=>t.value.layoutWidth=s),min:768,max:1536,step:48,side:"right",sendEvent:w,onDragging:n[6]||(n[6]=s=>{r.value=s?"layoutWidth:right":r.value==="layoutWidth:right"?null:r.value}),onChangeEnd:n[7]||(n[7]=s=>l(x)({key:"layoutWidth",value:s}))},null,8,["modelValue"])):c("",!0),R(We,{ref_key:"headerBlockElement",ref:I,class:v([l(z)]),section:t.value,"section-id":e.section.id,style:P([t.value.sectionStyle==="custom"?{"--text-color":t.value.textStyle}:{}]),customStyle:{button:l(J),subTitle:[t.value.sectionStyle==="custom"?{"--text-color":t.value.textStyle}:{}],text:[l(b)]}},null,8,["class","section","section-id","style","customStyle"]),t.value.media&&t.value.media.length>0?(a(),d("div",{key:3,class:v(["media-gallery-box group relative switcher-container !z-[40]",{"no-headings":l(h)&&!D.value}])},[n[12]||(n[12]=U("div",{class:"switchers-bridge","aria-hidden":"true",style:{position:"absolute",top:"-50px",left:"0",height:"50px",width:"307px","z-index":"9999","pointer-events":"auto",background:"transparent"}},null,-1)),M.value?de((a(),p(It,{key:0,"model-value":t.value.layout||"grid","always-visible":!1,"offset-y":-50,"offset-x":0,anchor:"top-left","onUpdate:modelValue":n[8]||(n[8]=s=>t.value.layout=s),onChangeEnd:n[9]||(n[9]=s=>l(x)({key:"layout",value:s}))},null,8,["model-value"])),[[ue,!r.value]]):c("",!0),M.value?de((a(),p(Fe,{key:1,"model-value":t.value.columns||1,"always-visible":!1,"offset-y":-50,"offset-x":138,anchor:"top-left","onUpdate:modelValue":n[10]||(n[10]=s=>t.value.columns=s),onChangeEnd:n[11]||(n[11]=s=>l(x)({key:"columns",value:s}))},null,8,["model-value"])),[[ue,!r.value]]):c("",!0),U("div",{class:v(["media-gallery-grid gap-6 relative",{flex:t.value.layout!=="bento"&&t.value.layout!=="masonry"},{"flex-wrap":t.value.layout!=="bento"&&t.value.layout!=="masonry"},{masonry:t.value.layout==="masonry"},{bento:t.value.layout==="bento"},{"!gap-0 no-gaps":t.value.removeGaps},{"justify-center":t.value.itemAlignment==="center","justify-end":t.value.itemAlignment==="right"}]),style:P([t.value.layout==="bento"?{"--bento-cols":String(t.value.columns||1)}:{}]),"data-columns":t.value.columns},[(a(!0),d(le,null,be(t.value.media,(s,E)=>(a(),p(ct,{key:s.order,sectionSettings:t.value,item:s,"data-section":"media-"+s.order,"section-id":e.section.id,"data-masonry-ratio":t.value.layout==="masonry"?_(E):null,class:v({"with-border":t.value.hasMediaBorder}),"all-media-items":t.value.media,"item-index":E,"is-hovered":B.value,"update-content":l(x),"send-event":w},null,8,["sectionSettings","item","data-section","section-id","data-masonry-ratio","class","all-media-items","item-index","is-hovered","update-content"]))),128))],14,Ct),R(Ye,{"is-visible":C.value&&B.value,items:t.value.media,"section-id":m.section.id,"button-text":"Add item","update-content":l(x),"send-event":w,"items-key":"media","preset-type":m.section.presetType,"max-items":20},null,8,["is-visible","items","section-id","update-content","preset-type"]),R(je,{model:t.value,"update-content":l(x)},null,8,["model","update-content"])],2)):c("",!0)],6)],38)}}});export{mi as default};