https://www.kyst-kyststien.dk/_nuxt/CDtwLiiz2.js

1import{Ba as e,Ea as t,Hi as l,Ia as a,Kn as i,La as r,Qi as n,Rt as s,Ya as o,aa as c,ba as u,ia as d,io as h,it as p,ka as f,kt as g,la as m,mt as v,na as w,no as y,oa as x,oo as k,pt as _,ra as b,so as C,tr as E,ua as O,ut as S,wa as L}from"./cEYMgSOO.js";import{t as z}from"./BSEImNwF2.js";var I={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 86 22",fill:"none","aria-hidden":"true",focusable:"false"};var M={render:function(e,l){return t(),x("svg",I,[...l[0]||(l[0]=[b("path",{d:"M10.6134 21L1 11.197L11 1",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),b("path",{d:"M84.166 12C84.7183 12 85.166 11.5523 85.166 11C85.166 10.4477 84.7183 10 84.166 10L84.166 12ZM84.166 11L84.166 10L1.30763 10L1.30763 11L1.30763 12L84.166 12L84.166 11Z",fill:"currentColor"},null,-1)])])}},A={viewBox:"0 0 30 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"};var D={render:function(e,l){return t(),x("svg",A,[...l[0]||(l[0]=[b("path",{d:"M19.7253 0.255859L29.1661 9.69653L19.3457 19.5166",stroke:"currentColor","stroke-width":"2","stroke-linecap":"round","stroke-linejoin":"round"},null,-1),b("path",{d:"M0 9.88623L28.8584 9.88623",stroke:"currentColor","stroke-width":"2"},null,-1)])])}},H={viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"};var P={render:function(e,l){return t(),x("svg",H,[...l[0]||(l[0]=[b("circle",{cx:"12",cy:"12",r:"11",stroke:"currentColor","stroke-width":"2"},null,-1),b("rect",{x:"9",y:"8",width:"2",height:"8",fill:"currentColor"},null,-1),b("rect",{x:"13",y:"8",width:"2",height:"8",fill:"currentColor"},null,-1)])])}},U={viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false"};var V={render:function(e,l){return t(),x("svg",U,[...l[0]||(l[0]=[b("circle",{cx:"12",cy:"12",r:"11",stroke:"currentColor","stroke-width":"2"},null,-1),b("path",{d:"M10 8L16 12L10 16V8Z",fill:"currentColor"},null,-1)])])}},j=[{left:0,top:0,width:17/64,height:13/36},{left:0,top:22/36,width:12/64,height:11/36},{left:14/64,top:17/36,width:7/64,height:12/36},{left:23/64,top:21/36,width:23/64,height:15/36},{left:.5,top:0,width:11/64,height:.5},{left:.75,top:8/36,width:.25,height:.5},{left:19/64,top:2/36,width:9/64,height:13/36}],F={key:0,class:h(["flex flex-col justify-between p-2xl gap-2xl","absolute top-0 left-0 w-65% h-full","overflow-y-scroll overscroll-none"])},T={class:"flex gap-2xl"},Y={class:h(["flex flex-col gap-y-3xs","w-fit max-w-1/2 text-display-lg"])},B=["onClick","textContent"],q={class:h(["c-spinderihallerne-front-page-header-desktop__content-teaser","w-1/2 text-body-md-regular text-subtle whitespace-pre-line pt-2xs","flex flex-col items-end w-40ch max-w-40ch"])},N=["innerHTML"],Z={class:"c-spinderihallerne-front-page-header-desktop__items"},$=["tabindex","onClick","onMouseenter","onMouseleave"],K={class:"w-full h-full"},Q=["onCanplay"],R=["src"],G=["textContent"],J=["aria-label"],W={__name:"SpinderihallerneFrontPageHeaderDesktop",props:{items:{type:Array,default:()=>[]}},setup(i){const m=i,v=a("elements"),_=a("videos"),E=o([]),I=o([]),A=o(!1),H=o(!1),U=o(!0),W=o(null),X=o(null),ee=o(0),te=w(()=>j.map(e=>{const t=e.top+e.height/2,l=e.left+e.width/2,a=Math.atan2(.5-t,.5-l);return{x:-.9*Math.cos(a),y:-.9*Math.sin(a)}}));function le(e){U.value=null===W.value,v.value?.forEach((t,l)=>{t.style["z-index"]=l==e?2:1}),window.requestAnimationFrame(()=>{u(()=>W.value=e)})}function ae(){U.value=!0,window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{u(()=>W.value=null)})})}return L(()=>{H.value=!0}),S("keydown",e=>{"Escape"===e.key&&ae()}),S("scroll",()=>{ee.value=window.scrollY/window.innerHeight,ee.value=Math.max(Math.min(ee.value,1),0)}),r(A,e=>{if(e)for(let t=0;t<_.value.length;t++)_.value[t]?.pause();else null!==W.value&&_.value[W.value]?.play()}),r(W,()=>{if(null===W.value)for(let e=0;e<_.value.length;e++)_.value[e]?.pause();else A.value||_.value[W.value]?.play()}),(a,r)=>{const o=s,w=p;return t(),x("div",{ref:"root",class:h(["c-spinderihallerne-front-page-header-desktop",{"c-spinderihallerne-front-page-header-desktop--is-mounted":y(H)},{"c-spinderihallerne-front-page-header-desktop--has-transition":y(U)}]),style:k({"--progress":y(ee)})},[O(l,{name:"t-spinderihallerne-front-page-header-desktop-content"},{default:e(()=>[null!==y(W)?(t(),x("div",F,[b("button",{class:"c-spinderihallerne-front-page-header-desktop__content-back w-fit","aria-label":"Tilbage til oversigten",onClick:ae},[O(y(M),{class:"h-20"})]),b("div",T,[b("div",Y,[(t(!0),x(n,null,f(y(j),(e,l)=>(t(),x("button",{key:l,class:h(["c-spinderihallerne-front-page-header-desktop__content-title","w-fit text-left text-strong opacity-30 hover:opacity-50",{"c-spinderihallerne-front-page-header-desktop__content-title--active !opacity-100":y(W)===l}]),onClick:()=>le(l),textContent:C(i.items[l]?.title)},null,10,B))),128))]),b("div",q,[b("span",{class:"opacity-60 w-full",innerHTML:i.items[y(W)]?.teaser},null,8,N),i.items[y(W)]?.link?.url?.length?(t(),d(o,{key:0,to:i.items[y(W)].link.url,class:h(["w-60 h-60 rounded-full bg-primary","flex items-center justify-center","mt-md"]),"aria-label":"Læs mere om {{ items[activeIndex]?.title }}"},{default:e(()=>[O(y(D),{class:"text-strong h-20",alt:""})]),_:1},8,["to"])):c("",!0)])])])):c("",!0)]),_:1}),b("div",Z,[(t(!0),x(n,null,f(y(j).filter((e,t)=>

1t<i.items.length),(e,l)=>(t(),x("button",{key:l,ref_for:!0,ref_key:"elements",ref:v,tabindex:null===y(W)?"":0,class:h(["c-spinderihallerne-front-page-header-desktop__item","absolute bg-#0001 group",{"c-spinderihallerne-front-page-header-desktop__item--active":y(W)===l}]),style:k({"--top":100*e.top+"%","--left":100*e.left+"%","--width":100*e.width+"%","--height":100*e.height+"%","--offset-x":100*y(te)[l]?.x+"svw","--offset-y":100*y(te)[l]?.y+"svh"}),"aria-label":"Vis mere om {{ items[index]?.title }}",onClick:()=>{null===y(W)?le(l):ae()},onMouseenter:e=>function(e,t){X.value=e,!I.value[e]&&m.items[e]?.video&&(I.value[e]=!0),A.value||W.value===e||u(()=>{t.target.querySelector("video")?.play()})}(l,e),onMouseleave:e=>function(e,t){X.value=null,W.value!==e&&t.target.querySelector("video")?.pause()}(l,e)},[b("div",K,[i.items[l]?.image?.cropUrl?.length?(t(),d(w,{key:0,class:"w-full h-full",fit:"cover",sizes:"40vw",src:i.items[l].image.cropUrl,width:i.items[l].image.width,height:i.items[l].image.height,alt:i.items[l].image.altText,"img-attrs":{fetchpriority:"high"},loading:"eager"},null,8,["src","width","height","alt"])):c("",!0),i.items[l]?.video&&y(I)[l]?(t(),x("video",{key:1,ref_for:!0,ref_key:"videos",ref:_,role:"presentation",muted:"",loop:"",playsinline:"",class:h(["absolute top-0 left-0 w-full h-full object-cover object-center","opacity-0 duration-300 ease-in-out",{"opacity-100":y(E)[l]}]),onCanplay:()=>y(E)[l]=!0},[b("source",{src:i.items[l].video.url,type:"video/mp4"},null,8,R)],42,Q)):c("",!0)]),i.items[l]?.title?.length?(t(),x("div",{key:0,class:h(["c-spinderihallerne-front-page-header-desktop__title","duration-200 ease-in-out opacity-0","absolute top-0 left-0 w-full h-full","p-sm bg-#0006 text-#ffff",{"group-hover:opacity-100":l!==y(W)}]),"aria-hidden":"true"},[b("div",{class:"text-left text-heading-lg",textContent:C(i.items[l].title)},null,8,G)],2)):c("",!0)],46,$))),128))]),b("button",{class:h(["absolute bottom-xs right-xl z-5","flex items-center gap-10","text-body-sm-regular opacity-80 hover:opacity-100","text-#fff mix-blend-difference","p-12 translate-12"]),onClick:r[0]||(r[0]=()=>A.value=!y(A))},[y(A)?(t(),d(y(V),{key:1,class:"h-24",alt:""})):(t(),d(y(P),{key:0,class:"h-24",alt:""})),b("span",{class:"pt-.2em inline-block","aria-label":y(A)?("localize"in a?a.localize:y(g))("PLAY_VIDEO",{capitalize:!0}):("localize"in a?a.localize:y(g))("PAUSE_VIDEO",{capitalize:!0})},C(y(A)?("localize"in a?a.localize:y(g))("PLAY_VIDEO",{capitalize:!0}):("localize"in a?a.localize:y(g))("PAUSE_VIDEO",{capitalize:!0})),9,J)]),O(y(z),{class:h(["c-spinderihallerne-front-page-header-desktop__logo-mark","absolute bottom-0 right-0 w-1/2 z-4"])})],6)}}},X={class:"c-spinderihallerne-front-page-header-mobile"},ee={class:h(["relative grid","grid-cols-24 gap-y-betweenBlocks pb-betweenBlocks"])},te={class:h(["c-spinderihallerne-front-page-header-mobile__media","w-full h-full bg-#0001"])},le=["textContent"],ae={__name:"SpinderihallerneFrontPageHeaderMobile",props:{items:{type:Array,default:()=>[]}},setup:l=>(a,i)=>{const r=p,o=s;return t(),x("div",X,[b("div",ee,[(t(!0),x(n,null,f(l.items,(a,i)=>(t(),d(o,{key:i,to:a.link?.url,class:h(["c-spinderihallerne-front-page-header-mobile__item","flex flex-col gap-y-sm h-fit"])},{default:e(()=>[b("div",te,[a?.image?.cropUrl?.length?(t(),d(r,{key:0,class:"w-full h-full",fit:"cover",sizes:"90vw",src:a.image.cropUrl,width:a.image.width,height:a.image.height,alt:a.image.altText},null,8,["src","width","height","alt"])):c("",!0)]),b("div",{class:h(["text-left text-heading-lg text-subtle",{"px-layout-margin":[1,5].includes(i)}]),textContent:C(l.items[i].title)},null,10,le)]),_:2},1032,["to"]))),128))]),O(y(z),{class:h(["c-spinderihallerne-front-page-header-mobile__logo-mark","absolute right-0 origin-right-bottom","h-40vw z-4"])})])}},ie={class:"c-spinderihallerne-front-page-info"},re={key:0,class:h(["flex flex-col gap-y-lg >=1280:flex-row gap-x-layout-gutter"])},ne={class:"flex flex-col gap-y-3xs >=656:flex-row 656:flex-wrap gap-x-lg"},se={key:0,class:">=1280:ml-auto 1280:w-7/12col flex flex-col gap-y-3xs"}

1,oe=["textContent"],ce={__name:"SpinderihallerneFrontPageInfo",props:{about:Object},setup(l){const a={VE_HOUSE_IS_OPEN_TODAY:g("VE_HOUSE_IS_OPEN_TODAY",{capitalize:!0}),VE_HOUSE_IS_CLOSED_TODAY:g("VE_HOUSE_IS_CLOSED_TODAY",{capitalize:!0})},i=["monday","tuesday","wednesday","thursday","friday","saturday","sunday"],r=E(),s=w(()=>{const e=r?.site?.footer?.findUs?.openingHours,t=i[(new Date).getDay()-1],l=e?.hours?.weekdays?.find(({day:e})=>e===t)?.items?.[0],n=l?.opens?.replace(":","."),s=l?.closes?.replace(":",".");return{label:n&&s?a.VE_HOUSE_IS_OPEN_TODAY+(n&&s?` ${n} - ${s}`:""):a.VE_HOUSE_IS_CLOSED_TODAY,link:e?.link}});return(a,i)=>{const r=_;return t(),x("address",ie,[l.about?.shortcuts?.length?(t(),x("div",re,[b("div",ne,[(t(!0),x(n,null,f(l.about?.shortcuts,(l,a)=>(t(),d(r,{key:a,to:l?.link?.url,target:l?.link?.target,icon:"start",class:"h-fit text-spinderihallerneFrontPageInfoSm"},{default:e(()=>[m(C(l?.link?.name),1)]),_:2},1032,["to","target"]))),128))]),y(s)?.label||y(s)?.link?.url?(t(),x("div",se,[y(s)?.label?(t(),x("p",{key:0,class:"text-spinderihallerneFrontPageInfoMd",textContent:C(y(s).label)},null,8,oe)):c("",!0),y(s)?.link?.url?(t(),d(r,{key:1,to:y(s).link.url,target:y(s).link.target,icon:"start",class:"h-fit text-spinderihallerneFrontPageInfoSm"},{default:e(()=>[m(C(y(s).link?.name),1)]),_:1},8,["to","target"])):c("",!0)])):c("",!0)])):c("",!0)])}}},ue={class:"d-spinderihallerne-front-page"},de={key:0,class:"sr-only"},he={class:"d-spinderihallerne-front-page__header hidden >=960:block"},pe={class:"relative"},fe={class:"px-layout-margin relative z-2"},ge={__name:"SpinderihallerneFrontPage",props:{intro:Object,breadcrumb:Array,heroItems:Array,about:Object,contentElements:Array},setup(e){const l=i()||{};return(a,i)=>{const r=W,n=ae,s=ce,o=v;return t(),x("article",ue,[y(l)?.name?(t(),x("h1",de,C(y(l).name),1)):c("",!0),b("div",he,[b("div",pe,[O(r,{items:e.heroItems,class:"sticky top-siteHeader overflow-clip"},null,8,["items"]),i[0]||(i[0]=b("div",{class:">=960:h-100vh"},null,-1))])]),O(n,{items:e.heroItems,class:">=960:hidden"},null,8,["items"]),O(s,{intro:e.intro,about:e.about},null,8,["intro","about"]),b("div",fe,[O(o,{"block-list":e.contentElements},null,8,["block-list"])])])}}};export{ge as default};