https://www.fort-kniepass.at/_nuxt/CYe28VV2.js

1import{_ as V}from"./D_2IpcxH.js";import O from"./DfLz2KyL.js";import{_ as R}from"./B-4d3FVk.js";import{d as $,w as j,k as x,o as F,r as _,e as w,q as c,K as G,b as a,m as n,n as d,f as m,P as K,u as g,aB as U,c as p,t as W,F as J,ak as P,v as Q}from"./B3z-cBjx.js";import{a as X,u as Y,s as ee,i as te}from"./BvliDShR.js";import{u as oe}from"./CGwe4gDw.js";import{u as ne}from"./BqoAGSns.js";import"./Bcf23SdH.js";import"./pau7EpaV.js";const ae={class:"pt-frame bg-secondary relative"},se={class:"container-6 mb-8"},re=["title","data-point"],le={key:0,class:"fixed-pane fixed overscroll-contain bg-white z-500 right-20px top-20px w-[calc(100%_-_40px)] max-w-800px h-[calc(100dvh_-_40px)] overflow-auto"},ie={class:"p-8 md:p-frame !pt-120px relative"},ue={key:0},ce=["innerHTML"],de=["alt","src"],me=["innerHTML"],we=$({__name:"T3CeMaskOverviewMap",props:{header:{},headerLayout:{},headerPosition:{},headerLink:{},subheader:{},uid:{},index:{},appearance:{},summary:{},bodytext:{},fortress:{}},async setup(z){let v,C;const r=z,{data:y,fetchData:L}=oe(),{pageData:B}=([v,C]=j(()=>G()),v=await v,C(),v),M=x(()=>(B.value?.i18n.find(t=>t.active===1)).hreflang);L({path:"/items/locations",query:{fields:["*","translations.*"],filter:{site:{_eq:r.fortress}},sort:"sort",deep:{translations:{_filter:{languages_code:{_eq:M.value}}}}}});const{draggable:S}=ne(),q=_(["other"]),i=_(null),o=_(null),T=_(null),l=x(()=>r.fortress==="hohensalzburg"?{center:[47.79525,13.047863],bounds:[[47.7942284,13.0460823],[47.7961553,13.0496764]],initalZoom:19}:r.fortress==="hohenwerfen"?{center:[47.482855,13.189062],bounds:[[47.483494,13.187462],[47.481971,13.190726]],initalZoom:19.3}:r.fortress==="mauterndorf"?{center:[47.137335,13.6782074],bounds:[[47.137741,13.677946],[47.136981,13.678804]],initalZoom:20}:r.fortress==="kniepass"?{center:[47.482855,13.189062],bounds:[[47.483494,13.187462],[47.481971,13.190726]],initalZoom:22.6}:{center:[0,0],bounds:[[0,0],[0,0]]}),E=x(()=>({zoomControl:!1,dragging:!0,zoomSnap:.3,zoomDelta:.3,trackResize:!0,scrollWheelZoom:!1,gestureHandling:!0,zoom:l.value.initalZoom,maxBounds:l.value.bounds,maxBoundsViscosity:1,maxZoom:28.6})),H=e=>{i.value=e,e.fitBounds(l.value.bounds),e.on("drag",function(){e.panInsideBounds(l.value.bounds,{animate:!1})}),window.addEventListener("resize",function(){e.fitBounds(l.value.bounds)})};F(()=>{setTimeout(()=>{const s=document.querySelectorAll(".mymarker");s&&s.forEach(u=>u.addEventListener("keydown",function(b){b.key==="Enter"&&k(Z(Number(b.currentTarget.dataset.point)))}))},500),setTimeout(()=>{const s=document.querySelectorAll(".leaflet-marker-icon");s&&s.forEach(u=>u.setAttribute("tabindex","-1"))},500);const t=new URLSearchParams(window.location.search).get("poi");t&&(D(),setTimeout(()=>{k(Z(Number(t)))},300))});function Z(e){return y.value.filter(t=>t.id===e)[0]}const A=x(()=>y.value?y.value.filter(e=>e.location&&q.value.includes(e.category)):[]),k=e=>{console.log("opened"),o.value=e,console.log(o.value),setTimeout(function(){S();let t=document.querySelector(".fixed-pane"),s=t?.querySelector(".close-btn");t&&(s.focus(),t?.addEventListener("keyup",function(u){u.key=="Escape"&&h()}))},300)},h=()=>{o.value=null};function D(){T.value?.scrollIntoView({behavior:"smooth"})}const I=()=>{if(i.value){const e=i.value.getZoom();i.value.setZoom(e+.3)}},N=()=>{if(i.value){const e=i.value.getZoom();i.value.setZoom(e-.3)}};return(e,t)=>{const s=V,u=O,b=R;return a(),w(b,null,{default:c(()=>[n("div",ae,[n("div",se,[d(s,K(r,{headerPosition:"text-center"}),null,16),r.bodytext?(a(),w(u,{key:0,content:r.bodytext},null,8,["content"])):m("",!0)]),n("div",{ref_key:"mapContainer",ref:T,class:"container-8 p-1.5rem flex gap-4 flex-wrap justify-end"},[n("div",{class:"zoom bg-primary rounded-full py-10px px-14px flex gap-8px items-center"},[n("button",{class:"cursor-pointer size-20px pl-0 bg-transparent text-white","aria-label":"Zoom Out",onClick:N},[...t[0]||(t[0]=[n("span",{class:"i-custom-minus size-20px block"},null,-1)])]),n("button",{class:"cursor-pointer size-20px pl-0 bg-transparent text-white","aria-label":"Zoom In",onClick:I},[...t[1]||(t[1]=[n("span",{class:"i-custom-plus size-20px block"},null,-1)])])])],512),d(g(te),{class:"map w-full aspect-4/3 md:aspect-video",useGlobalLeaflet:!1,center:l.value.center,options:E.value,bounds:l.value.bounds,style:{"z-index":"0",background:"transparent"},onReady:H},{default:c(()=>

1[d(g(X),{url:`/map-${z.fortress}.svg`,bounds:l.value.bounds},null,8,["url","bounds"]),d(U,{name:"marker-fade",tag:"template"},{default:c(()=>[(a(!0),p(J,null,W(A.value,f=>(a(),w(g(Y),{key:f.id,"lat-lng":[f?.location?.coordinates[1],f?.location?.coordinates[0]],onClick:pe=>k(f)},{default:c(()=>[d(g(ee),{iconSize:-1,popupAnchor:[0,-25]},{default:c(()=>[n("div",{class:"mymarker text-white rounded-full transform -translate-x-1/2 -translate-y-1/2 bg-primary before:bg-primary flex items-center justify-center size-30px md:size-44px relative",title:f.translations[0]?.title,tabindex:"0","data-point":f.id},[...t[2]||(t[2]=[n("span",{class:"i-custom-mappin size-6 text-white"},null,-1)])],8,re)]),_:2},1024)]),_:2},1032,["lat-lng","onClick"]))),128))]),_:1})]),_:1},8,["center","options","bounds"]),d(P,{name:"fade"},{default:c(()=>[o.value&&o.value?.translations[0]?.text?(a(),p("div",{key:0,class:"fixed z-499 inset-0 overscroll-contain bg-black bg-opacity-80 backdrop-filter backdrop-blur",onClick:h})):m("",!0)]),_:1}),d(P,{name:"slidein"},{default:c(()=>[o.value&&o.value?.translations[0]?.text?(a(),p("div",le,[n("div",ie,[n("button",{"aria-label":"Close Infowindow",class:"close-btn cursor-pointer size-60px bg-primary absolute rounded-full left-35px top-35px flex items-center justify-center",onClick:h},[...t[3]||(t[3]=[n("span",{class:"i-custom-close size-5 text-white"},null,-1)])]),o.value?.translations[0]?.title?(a(),p("header",ue,[n("h2",null,Q(o.value?.translations[0]?.title),1)])):m("",!0),o.value?.translations[0]?.description?(a(),p("p",{key:1,innerHTML:o.value?.translations[0]?.description},null,8,ce)):m("",!0),o.value?.translations[0]?.image?(a(),p("img",{key:2,alt:o.value?.translations[0]?.title,src:o.value?.translations[0]?.image},null,8,de)):m("",!0),o.value?.translations[0]?.text?(a(),p("div",{key:3,innerHTML:o.value?.translations[0]?.text},null,8,me)):m("",!0)])])):m("",!0)]),_:1})])]),_:1})}}});

1export{we as default};