https://www.velux.co.uk/dist/velux-marketing/client/assets/HotspotBlockVDS-772e27dd.js

1import{m as Re}from"./lodash-de8cc594.js";import{a0 as J,f as a,D as p,E as T,P as d,K as D,r as k,w as j,J as y,u as l,au as q,ak as G,aD as fe,H as $e,a as ue,n as me,R as pe,S as se,I,F as E,G as ae,bb as De,aK as he,Z as Le,b6 as Me,bv as xe,az as ze,aI as Oe,U as Ve,a8 as ye,V as re,T as ge,a6 as Ae,a7 as Ne}from"./vendor-0404560d.js";import{_ as ne,i as Fe,I as Ue,a as Xe}from"./index-afea52c0.js";import"./axios-c3c6769d.js";import"./vee-validate-378e8b8c.js";import"./swiper-0a0ef14b.js";/*! @license Third-party license notices: /dist/velux-marketing/client/THIRD_PARTY_NOTICES.txt */const We=["aria-pressed","aria-label"],Qe={class:"block h-full w-full overflow-visible",viewBox:"0 0 128 128",fill:"none","aria-hidden":"true"},je=["filter"],Ge={class:"text-velux-white"},Ke={class:"text-velux-white"},Ye=["r"],qe=["id"],Je=J({__name:"HotspotMarker",props:{hotspotId:{default:""},isSelected:{type:Boolean,default:!1},isIntroAnimated:{type:Boolean,default:!1}},emits:["select-marker"],setup(m,{emit:R}){const t=m,u=R,g=()=>u("select-marker",t.hotspotId),h=a(()=>t.isSelected?"text-velux-red-800":"text-velux-grey-800"),P=a(()=>t.isSelected?16:24),_=a(()=>({"marker-outer-circle-intro":t.isIntroAnimated})),H=a(()=>`marker-shadow-${t.hotspotId||"default"}`);return(w,n)=>(p(),T("button",{type:"button",class:"hotspot-marker flex h-16 w-16 items-center justify-center cursor-pointer","data-test-id":"hotspot-marker","aria-pressed":t.isSelected,"aria-label":`Open hotspot ${t.hotspotId}`,onClick:g},[(p(),T("svg",Qe,[d("g",{class:"circle-wrapper",filter:`url(#${H.value})`},[d("g",Ge,[d("circle",{class:D(["marker-outer-circle",_.value]),opacity:"0.5",cx:"64",cy:"64",r:"64",fill:"currentColor"},null,2)]),d("g",{class:D(["marker-middle-circle",h.value])},[...n[0]||(n[0]=[d("circle",{opacity:"0.7",cx:"64",cy:"64",r:"48",fill:"currentColor"},null,-1)])],2),d("g",Ke,[d("circle",{class:"marker-inner-circle",cx:"64",cy:"64",r:P.value,fill:"currentColor"},null,8,Ye)])],8,je),d("defs",null,[d("filter",{id:H.value,x:"0",y:"0",width:"128",height:"128",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},[...n[1]||(n[1]=[d("feDropShadow",{dx:"0",dy:"16",stdDeviation:"16","flood-color":"#28231F","flood-opacity":"0.08"},null,-1)])],8,qe)])]))],8,We))}});const Ze=ne(Je,[["__scopeId","data-v-35701b7d"]]),et={class:"flex flex-row justify-between"},tt={class:"flex gap-4 items-center"},ot=50,st=J({__name:"HotspotSlider",props:{selectedIndex:{default:-1},stepperTitle:{default:"explore"},hotspotCount:{default:0}},emits:["selected-index","close"],setup(m,{emit:R}){const t=m,u=k(t.selectedIndex>=0?t.selectedIndex:0),g=k(0),h=r=>{g.value=r.changedTouches[0].clientX},P=r=>{const s=r.changedTouches[0].clientX-g.value;Math.abs(s)<ot||_(s<0?"next":"previous")},_=r=>{t.hotspotCount<=0||(r==="previous"?u.value=Math.max(0,u.value-1):r==="next"&&(u.value=Math.min(t.hotspotCount-1,u.value+1)))},H=a(()=>u.value===0?"hotspot-slider-button-disabled":"text-velux-black cursor-pointer"),w=a(()=>u.value===t.hotspotCount-1?"hotspot-slider-button-disabled":"text-velux-black cursor-pointer"),n=R;return j(()=>u.value,r=>{n("selected-index",r)}),j(()=>t.selectedIndex,r=>{r>=0&&(u.value=r)}),(r,s)=>(p(),T("div",{class:"flex flex-col gap-4 select-none",onTouchstartPassive:h,onTouchendPassive:P},[d("div",et,[d("div",tt,[d("div",{class:D([H.value])},[y(l(q),{variant:"previous",type:"open",size:"xxxs",onHandleClick:s[0]||(s[0]=f=>_("previous"))})],2),y(l(G),{class:"vds-font-label-xs uppercase text-velux-black",field:`${m.stepperTitle} ${u.value+1}/${m.hotspotCount}`,"data-test":"HotspotStepperTitle"},null,8,["field"]),d("div",{class:D([w.value])},[y(l(q),{variant:"next",type:"open",size:"xxxs",onHandleClick:s[1]||(s[1]=f=>_("next"))})],2)]),y(l(q),{variant:"close",type:"open",size:"xxxs",onHandleClick:s[2]||(s[2]=f=>n("close"))})]),y(l(fe)),$e(r.$slots,"default",{},void 0,!0),y(l(fe))],32))}});const at=ne(st,[["__scopeId","data-v-b0f3a560"]]),nt=["aria-busy"],lt={class:"flex flex-wrap gap-2 vds_l:items-baseline vds_l:justify-between","data-test-id":"skeleton"},rt={class:"hidden vds_l:flex"},it={class:"flex flex-col gap-2 mb-2"},ct={key:1,class:"skeleton-block h-7 w-40 rounded"},dt={class:"flex flex-wrap gap-2 vds_l:items-baseline vds_l:justify-between"},ut={key:1},pt={class:"hidden vds_l:flex"},vt=J({__name:"HotspotCard",props:{hotspot:{},variant:{},isLoading:{type:Boolean}},emits:["close","reload"],setup(m,{emit:R}){const t=m,u=R,g=a(()=>t.isLoading??!1),h=a(()=>t.hotspot?.tag??""),P=a(()=>r.value?t.hotspot?.errorTitle??"":t.hotspot?.cardTitle??""),_=a(()=>r.value?t.hotspot?.errorDescription??"":t.hotspot?.cardDescription??""),H=a(()=>t.hotspot?.priceTag),w=a(()=>t.variant==="product"),n=a(()=>t.variant==="description"),r=a(()=>t.variant==="error"),s=a(()=>t.hotspot?.errorButtonText??""),f=a(()=>t.hotspot?.errorButtonIcon??"alert-triangle"),z=a(()=>t.hotspot?.primaryButtonLink?.href??""),K=a(()=>t.hotspot?.primaryButtonLink?.target??""),F=a(()=>t.hotspot?.primaryButtonText??t.hotspot?.primaryButtonLink?.text??""),L=a(()=>t.hotspot?.secondaryButtonLink?.href??""),V=a(()=>t.hotspot?.secondaryButtonLink?.target??""),U=a(()=>t.hotspot?.secondaryButtonText??t.hotspot?.secondaryButtonLink?.text??""),x=a(()=>({"text-center":r.value})),M=k(null),O=k(!1),i=k(!0),C=k(!0),$=a(()=>O.value&&!i.value),A=a(()=>O.value&&!C.value);let X=null;const N=()=>{const S=M.value;if(!S){O.value=!1,i.value=!0,C.value=!0;return}const v=S.scrollHeight-S.clientHeight>1;O.value=v,i.value=!v||S.scrollTop<=1,C.value=!v||S.scrollTop+S.clientHeight>=S.scrollHeight-1},Z=a(()=>({"gap-2":n.value||r.value,"gap-6":w.value})),Y=()=>{X?.disconnect(),M.value&&(X=new ResizeObserver(()=>{N()}),X.observe(M.value))},le=()=>{N()};return ue(()=>{me(()=>{Y(),N()})}),pe(()=>{X?.disconnect()}),j(()=>[_.value,n.value,r.value],()=>{me(()=>{Y(),N()})}),(S,v)=>(p(),T("div",{class:D(["flex flex-col gap-4 vds_l:p-6 w-full",[x.value]]),"aria-busy":g.value},[g.value?(p(),T(se,{key:0},[d("div",lt,[v[3]||(v[3]=d("div",{class:"skeleton-block h-5 w-20 rounded"},null,-1)),d("div",rt,[y(l(q),{variant:"close",type:"open",size:"xxxs",onHandleClick:v[0]||(v[0]=ee=>u("close"))})])]),d("div",it,[v[6]||(v[6]=d("div",{class:"skeleton-block h-6 w-3/4 rounded"},null,-1)),n.value?(p(),T(se,{key:0},[v[4]||(v[4]=d("div",{class:"skeleton-block h-4 w-full rounded"},null,-1)),v[5]||(v[5]=d("div",{class:"skeleton-block h-4 w-5/6 rounded"},null,-1))],64)):I("",!0),w.value?(p(),T("div",ct)):I("",!0)]),v[7]||(v[7]=d("div",{class:"skeleton-block h-12 w-full rounded"},null,-1)),v[8]||(v[8]=d("div",{class:"skeleton-block h-12 w-full rounded"},null,-1))],64)):(p(),T(se,{key:1},[d("div",dt,[h.value&&!r.value?(p(),E(l(De),{key:0,size:"xs","is-filled":"","

1is-disabled":""},{default:ae(()=>[y(l(G),{field:h.value},null,8,["field"])]),_:1})):(p(),T("div",ut)),d("div",pt,[y(l(q),{variant:"close",type:"open",size:"xxxs",onHandleClick:v[1]||(v[1]=ee=>u("close"))})])]),d("div",{ref_key:"cardBodyScrollRef",ref:M,class:"card-body-scroll",onScroll:le},[d("div",{class:D(["flex flex-col mb-2 min-h-0 flex-1",[Z.value]])},[$.value?(p(),E(l(he),{key:0,variant:"custom","transparency-mode":"linear",direction:"top",open:!0,"custom-variant-classes":"from-velux-white/95 to-transparent !sticky inset-x-0 !top-0 !bottom-auto !h-12 !-mb-12 pointer-events-none !z-10 !rotate-180"})):I("",!0),P.value?(p(),E(l(G),{key:1,class:"vds-font-body-m text-velux-black",field:P.value,"data-test-id":"cardTitle"},null,8,["field"])):I("",!0),_.value&&(n.value||r.value)?(p(),E(l(G),{key:2,class:"vds-font-body-m text-velux-grey-800",field:_.value,"data-test-id":"cardDescription"},null,8,["field"])):I("",!0),A.value?(p(),E(l(he),{key:3,variant:"custom","transparency-mode":"linear",direction:"bottom","custom-variant-classes":"from-transparent to-velux-white/95 !sticky inset-x-0 !bottom-[-1px] !top-auto !h-12 !-mt-12 pointer-events-none !z-10",open:!0})):I("",!0),H.value&&w.value?(p(),E(l(Me),Le({key:4,size:"m",variant:"light"},H.value),null,16)):I("",!0)],2)],544),r.value?I("",!0):(p(),E(l(xe),{key:0,variant:"primary","icon-position":"trailing","icon-name":"direction-arrow-right",size:"s","auto-height":!0,href:z.value,target:K.value,text:F.value,class:"py-4"},null,8,["href","target","text"])),r.value?I("",!0):(p(),E(l(xe),{key:1,variant:"secondary",size:"s","auto-height":!0,href:L.value,target:V.value,text:U.value,class:"py-4"},null,8,["href","target","text"])),r.value?(p(),E(l(ze),{key:2,"data-test-id":"error-button",variant:"secondary",size:"s","auto-height":!0,"icon-name":f.value,"icon-position":"leading",text:s.value,class:"py-4",onHandleClick:v[2]||(v[2]=ee=>u("reload"))},null,8,["icon-name","text"])):I("",!0)],64))],10,nt))}});const _e=ne(vt,[["__scopeId","data-v-0efcd99e"]]),ie={Description:"description",Product:"product",Error:"error"},ft={class:"flex flex-col gap-6"},Q=32,ke=8,oe=327,mt=394,ht=50,xt=40,yt=60,ce="hotspot-selected",gt=J({__name:"Hotspot",props:{blockId:{default:""},wrapperElement:{default:null},media:{},hotspots:{default:()=>[]},stepperTitle:{},hotspotQueryParam:{default:"hotspotId"},mediaAspectRatio:{default:"1/1"},imageSizes:{default:()=>({default:4,mobile:4,sm:8,md:12})},lazy:{type:Boolean,default:!0},hideCredit:{type:Boolean,default:!0},hideCaption:{type:Boolean,default:!0},customHeight:{type:Boolean,default:!1},activeHotspotId:{default:""},errorTitle:{},errorDescription:{},errorButtonText:{}},emits:["reload"],setup(m,{emit:R}){const t=m,u=R;let g=null;const h=k(null),P=k(null),{isMobile:_,isTablet:H}=Fe(),{trackDataLayer:w}=Ue(),n=k(0),r=k(0),s=k(t.activeHotspotId??""),f=k(!1),z=e=>{if(typeof window>"u"||typeof document>"u")return;const o=new URL(window.location.href);e?o.searchParams.set(t.hotspotQueryParam,e):o.searchParams.delete(t.hotspotQueryParam),window.history.replaceState(window.history.state,"",o.toString())},K=()=>{!s.value||typeof window>"u"||typeof document>"u"||new URLSearchParams(window.location.search).get(t.hotspotQueryParam)!==s.value||z("")},F=e=>{!e||typeof window>"u"||window.dispatchEvent(new CustomEvent(ce,{detail:{blockId:t.blockId,hotspotId:e}}))},L=(e=!0)=>{s.value="",e&&z("")},V=e=>{!s.value||e.detail?.blockId===t.blockId||L(!1)};ue(()=>{document.addEventListener("click",A),window.addEventListener(ce,V),h.value&&(g=new ResizeObserver(e=>{const o=e[0];o&&(n.value=o.contentRect.width,r.value=o.contentRect.height)}),g.observe(h.value))}),pe(()=>{K(),document.removeEventListener("click",A),window.removeEventListener(ce,V),g?.disconnect()});const U=a(()=>({default:t.mediaAspectRatio,sm:t.mediaAspectRatio,md:t.mediaAspectRatio})),x=a(()=>{const e=t.hotspots.find(o=>o.id===s.value);if(!f.value)return e;if(f.value&&e)return{...e,variant:ie.Error}}),M=a(()=>f.value?ie.Error:x.value?.variant??ie.Description),O=a(()=>t.hotspots.findIndex(e=>e.id===s.value)),i=e=>{const o=t.hotspots[e]?.id??"";s.value=o,z(o),F(o)},C=e=>{const o=s.value===e?"":e;if(o){const c=t.hotspots.find(b=>b.id===o);w("track_click",!1,{cta_category:"hotspot_marker",element_description:c?.cardTitle||c?.tag||o,hotspot_id:o,section_name:t.blockId})}s.value=o,z(o),F(o)},$=()=>{s.value&&L()},A=e=>{if(!s.value)return;const o=e.target;o&&(P.value?.contains(o)||L())},X=()=>{f.value||(f.value=!0)},N=()=>{x.value&&u("reload",x.value)},Z=(e,o,c)=>Math.min(Math.max(e,o),c),Y=(e,o)=>{if(n.value===0||r.value===0)return{x:e,y:o};const c=n.value/100,b=r.value/100,B=Q/c,W=100-B,ve=Q/b,Ee=100-ve;return{x:Z(e,B,W),y:Z(o,ve,Ee)}},le=(e,o)=>{const c=Y(e,o);return{left:`${c.x}%`,top:`${c.y}%`}},S=a(()=>

1{if(!x.value)return null;const{coordinates:{x:e,y:o}}=x.value;return Y(e,o)}),v=e=>e<=ht?"left":"right",ee=e=>e<=xt?"top":e<=yt?"middle":"bottom",be=e=>e==="left"?"right":"left",Te=e=>{const o=e/100*n.value,c=Q+ke;if(!h.value||!t.wrapperElement)return{left:o-c,right:n.value-o-c};const b=h.value.getBoundingClientRect(),B=t.wrapperElement.getBoundingClientRect(),W=b.left+o-B.left;return{left:W-c,right:B.width-W-c}},Ce=(e,o)=>{if(n.value===0)return e;const c=Te(o),b=c.left>=oe,B=c.right>=oe;if(e==="right"){if(B)return"right";if(b)return"left"}return b?"left":B||c.right>=c.left?"right":"left"},te=a(()=>{if(!S.value)return;const e=S.value,o=ee(e.y),c=v(e.x),b=be(c);return{coordinates:e,row:o,side:Ce(b,e.x)}}),Ie=a(()=>{const e=te.value?.side,o=te.value?.row;return{"absolute z-20 hidden vds_l:flex":!0,"-translate-x-full":e==="left","-translate-y-1/2":o==="middle","-translate-y-full":o==="bottom"}}),He=a(()=>{if(!x.value||!te.value)return{};const{coordinates:{x:e,y:o},row:c,side:b}=te.value,B=Q+ke,W={top:`calc(${o}% - ${Q}px)`,middle:`${o}%`,bottom:`calc(${o}% + ${Q}px)`};return{left:b==="right"?`calc(${e}% + ${B}px)`:`calc(${e}% - ${B}px)`,top:W[c]}}),Pe=a(()=>x.value?{width:`${oe}px`,maxWidth:`${oe}px`,maxHeight:`${mt}px`,overflow:"hidden"}:{}),Se=a(()=>({hidden:!s.value,"vds_l:hidden":!0})),Be=e=>{!e||typeof window>"u"||typeof document>"u"||!_.value&&!H.value||h.value?.scrollIntoView({behavior:"smooth",block:"start"})};return j(()=>t.activeHotspotId,e=>{e!==s.value&&(s.value=e??"")}),j(s,e=>{Be(e)}),j(()=>t.media,()=>{f.value=!1},{deep:!0}),(e,o)=>(p(),T("div",ft,[d("div",null,[d("div",{ref_key:"containerRef",ref:h,class:"relative"},[y(l(Oe),{media:t.media,aspect:m.mediaAspectRatio,"aspect-breakpoints":U.value,"device-column-span":m.imageSizes,lazy:m.lazy,"hide-credit":m.hideCredit,"hide-caption":m.hideCaption,"custom-height":m.customHeight,onImageLoadError:X,onClickMediaItem:$},null,8,["media","aspect","aspect-breakpoints","device-column-span","lazy","hide-credit","hide-caption","custom-height"]),(p(!0),T(se,null,Ve(m.hotspots,(c,b)=>(p(),E(Ze,{key:c.id,class:"absolute z-10 -translate-x-1/2 -translate-y-1/2 transition-all duration-200 ease-out",style:ye(le(c.coordinates.x,c.coordinates.y)),"hotspot-id":c.id,"is-selected":c.id===s.value,"is-intro-animated":b===0,onSelectMarker:C,onClick:o[0]||(o[0]=re(()=>{},["stop"]))},null,8,["style","hotspot-id","is-selected","is-intro-animated"]))),128)),y(ge,{name:"hotspot-popup",mode:"out-in"},{default:ae(()=>[x.value?(p(),T("div",{key:s.value,ref_key:"popupRef",ref:P,class:D([Ie.value,"vds_l:bg-velux-white vds_l:opacity-95 vds_l:shadow-small-down"]),style:ye([He.value,Pe.value]),onClick:o[1]||(o[1]=re(()=>{},["stop"]))},[y(_e,{hotspot:x.value,"is-loading":x.value.isLoading,variant:M.value,onClose:L,onReload:N}

1,null,8,["hotspot","is-loading","variant"])],6)):I("",!0)]),_:1})],512)]),y(at,{class:D([Se.value]),"selected-index":O.value,"stepper-title":m.stepperTitle,"hotspot-count":m.hotspots.length,onSelectedIndex:i,onClose:L,onClick:o[2]||(o[2]=re(()=>{},["stop"]))},{default:ae(()=>[y(ge,{name:"hotspot-slider-card",mode:"out-in"},{default:ae(()=>[x.value?(p(),E(_e,{key:`slider-${s.value}`,hotspot:x.value,"is-loading":x.value.isLoading,variant:M.value,onReload:N},null,8,["hotspot","is-loading","variant"])):I("",!0)]),_:1})]),_:1},8,["class","selected-index","stepper-title","hotspot-count"])]))}});const _t=ne(gt,[["__scopeId","data-v-0591fd83"]]),de={ImageOnly:"onlyImage",TextFirst:"textFirst",ImageFirst:"imageFirst"},kt=["id","data-section-name","data-test-layout-width"],we="hotspotId",Pt=J({__name:"HotspotBlockVDS",props:{rendering:{},fields:{},params:{}},setup(m){const R=m,t={rendering:{uid:"",datasourceHasLanguageVersion:""},fields:{id:"",title:{value:""},currency:{value:""},description:{value:""},hotspots:[],image:{value:{src:"",alt:""}},generalErrorMessage:{value:""},wideErrorMessage:{value:""},refreshCtaText:{value:""},sliderText:{value:""}},params:{mediaAspectRatioValue:"1/1",isNarrowVariant:"",blockVariantValue:de.ImageFirst}},{fields:u,params:g}=Re(t,R),{uid:h}=R.rendering,{renderingIndex:P}=Xe(),_=k(null),H=k(""),w=k(null),n=g.isNarrowVariant==="1",r=a(()=>n?"narrow":"wide"),s=g.blockVariantValue===de.TextFirst,f=g.blockVariantValue===de.ImageOnly,z=f?"3/4":g.mediaAspectRatioValue,K=u.title.value||"",F=u.description.value||"",L=u.sliderText?.value||"explore";ue(()=>{if(_.value=document.getElementById(h),typeof window>"u"||typeof document>"u")return;const i=new URLSearchParams(window.location.search).get(we)?.trim();if(!i)return;U.some($=>$.id===i)&&(H.value=i,w.value=setTimeout(()=>{_.value?.scrollIntoView({behavior:"smooth",block:"center"}),w.value=null},350))}),pe(()=>{w.value&&(clearTimeout(w.value),w.value=null)});const V=i=>{const C=Number.parseFloat(i??"");return Number.isFinite(C)?C:null},U=u.hotspots.map(i=>{const C=i.id?.trim(),$=V(i.xCoordinate?.value),A=V(i.yCoordinate?.value);return!C||$===null||A===null?null:{id:C,coordinates:{x:$,y:A},variant:i.cardType?.fields?.Value?.value||"description",primaryButtonText:i.primaryCtaText?.value,primaryButtonLink:i.primaryCtaLink?.value,secondaryButtonText:i.secondaryCtaText?.value,secondaryButtonLink:i.secondaryCtaLink?.value,tag:i.tag?.value||"",cardTitle:i.title?.value,cardDescription:i.description?.value,priceTag:{value:i.price?.value,currency:u.currency?.value,preText:i.textBeforePrice?.value,postText:i.textAfterPrice?.value,disclaimerText:i.disclaimerText?.value},errorButtonIcon:"multimedia-controls-refresh",errorButtonText:u.refreshCtaText?.value,errorTitle:u.generalErrorMessage?.value,errorDescription:u.wideErrorMessage?.value}}).filter(i=>i!==null),x=()=>{typeof window<"u"&&typeof document<"u"&&window.location.reload()},M=a(()=>({"new_l:col-span-12 new_l:col-start-7":f&&!n,"new_l:col-span-8 new_l:col-start-9":f&&n,"new_l:col-span-8":!f&&n,"new_l:col-span-10":!f&&!n,"new_l:col-start-1":!f&&!s&&!n,"new_l:col-start-5":!f&&!s&&n,"new_l:col-start-15":!f&&s&&!n,"new_l:col-start-13":!f&&s&&n})),O=a(()=>({"order-first":s,"new_l:col-span-7":n,"new_l:col-span-12":!n,"new_l:col-start-1":s&&!n,"new_l:col-start-5":s&&n,"new_l:col-start-13":!s&&!n,"new_l:col-start-14":!s&&n}));return(i,C)=>{const $=Ae("component-name");return Ne((p(),T("section",{id:l(h),"data-section-name":l(P)(l(h)).id,"data-test-layout-width":r.value,class:"new_vlx-container new_vlx-grid gap-6"},[y(_t,{class:D(["col-span-full",[M.value]]),"block-id":l(h),"wrapper-element":_.value,media:[l(u).image.value],"media-aspect-ratio":l(z),hotspots:l(U),"active-hotspot-id":H.value,"hotspot-query-param":we,"stepper-title":l(L),onReload:x},null,8,["class","block-id","wrapper-element","media","media-aspect-ratio","hotspots","active-hotspot-id","stepper-title"]),f?I("",!0):(p(),T("div",{key:0,class:D(["flex flex-col gap-6 col-span-full self-center",[O.value]])},[y(l(G),{field:l(K),class:"vds-font-headline-s"},null,8,["field"]),y(l(G),{field:l(F),class:"vds-font-body-m"},null,8,["field"])],2))],8,kt)),[[$]])}}});

1export{Pt as default};