https://hiker.bg/assets/EventDetailsView-CO7g0V0C.js

1import{d as ue,u as ce,r as m,c,w as ve,G as de,D as _e,N as he,H as ge,f as s,i as e,a as K,t as l,b as v,e as W,k as h,_ as d,I as me,F as $,l as Z,g as r,n as U,j as J,h as pe,p as Q,T as ke,O as be,q as n,s as fe}from"./index-BDt9-qUU.js";import{u as ye}from"./useBackNav-B75oDn6q.js";import{L as I}from"./leaflet-src-mOISiJkK.js";/* empty css                */import{e as we}from"./eventService-CZlY6QEU.js";import"./_commonjsHelpers-CqkleIqs.js";const $e={class:"page page--wide scrollable-view detail-page"},Le={key:0,class:"detail__state"},Ce={key:1,class:"detail__state evnf"},Ee={class:"evnf__t"},Me={class:"muted"},Te={class:"dhead"},ze=["aria-label"],Be={class:"grow"},De={class:"row dhead__badges"},Ie={class:"badge badge--accent"},Pe={key:0,class:"badge"},Re={class:"display dhead__t"},xe={class:"row dhead__a"},Ne=["href"],Se=["href"],Ue=["aria-label"],Fe=["src","alt"],Ve={key:1,class:"hg__empty"},Ae={class:"hg__ctl"},Oe={key:0,class:"hg__side"},je=["onClick"],Ge=["src","alt","onError"],qe={key:0,class:"hg__more"},He={key:1,class:"hg__strip"},Ke=["onClick"],We=["src","alt","onError"],Ze={class:"dcols"},Je={class:"stack detail__main"},Qe={class:"dh2"},Xe={class:"detail__kv"},Ye={class:"kv"},et={key:0,class:"kv"},tt={key:1,class:"kv"},at={class:"evdd-org"},lt={class:"evorg__ava"},nt=["src","alt"],st={key:2,class:"kv"},ot={key:3,class:"kv"},it=["href"],rt={key:0},ut={class:"dh2"},ct={class:"evdesc"},vt={key:1},dt={class:"dh2"},_t={class:"rowcard__img ph"},ht={class:"rowcard__b"},gt={class:"rowcard__n"},mt={key:0,class:"dside"},pt={class:"panel"},kt={class:"panel__body"},bt={class:"detail__kv"},ft={class:"kv"},yt={class:"data"},wt=["href"],$t=["src"],Lt={class:"lightbox__counter"},Ct={key:0,class:"trtoast"},X=400,Et=ue({__name:"EventDetailsView",setup(Mt){const Y=_e(),{t:ee,locale:F}=ce(),{goBack:V}=ye({name:"events"}),A=m(!0),o=m(null),p=m(null);function L(t,a){return F.value!=="bg"&&a&&a.trim()?a:t??""}const k=c(()=>o.value?L(o.value.titleBg,o.value.titleEn):""),C=c(()=>o.value?L(o.value.locationBg,o.value.locationEn):""),E=c(()=>o.value?L(o.value.descriptionBg,o.value.descriptionEn):""),O=c(()=>F.value==="bg"?"bg-BG":"en-US"),te=c(()=>o.value?new Date(o.value.eventDate).toLocaleDateString(O.value,{day:"numeric",month:"long"}):""),ae=c(()=>o.value?new Date(o.value.eventDate).toLocaleDateString(O.value,{weekday:"long",day:"numeric",month:"long",year:"numeric"}):""),M=c(()=>p.value?L(p.value.nameBg,p.value.nameEn):""),j=c(()=>p.value?.logoUrl||null),le=c(()=>M.value.trim().split(/\s+/).slice(0,2).map(t=>t.charAt(0).toUpperCase()).join("")),w=c(()=>o.value?.organizerWebsiteUrl||p.value?.websiteUrl||null),T=m(!1),G=c(()=>o.value?.locationLat!=null&&o.value?.locationLng!=null),ne=c(()=>G.value?`https://www.google.com/maps/search/?api=1&query=${o.value.locationLat},${o.value.locationLng}`:"#"),z=m("");let P;function se(t){z.value=t,clearTimeout(P),P=setTimeout(()=>{z.value=""},2400)}async function oe(){const t=window.location.href;try{if(navigator.share){await navigator.share({title:k.value,url:t});return}await navigator.clipboard.writeText(t),se(ee("detail.linkCopied"))}catch{}}const i=m([]);ve(o,t=>{i.value=[...t?.photoUrls??[]].filter(Boolean)},{immediate:!0});const R=c(()=>i.value.slice(1,5)),q=c(()=>Math.max(i.value.length-5,0)),ie=c(()=>`hg--n${Math.min(Math.max(i.value.length,1),5)}`);function x(t){t&&(i.value=i.value.filter(a=>a!==t))}const b=m(!1),_=m(0);function B(t){i.value.length&&(_.value=Math.min(t,i.value.length-1),b.value=!0)}function H(t){if(b.value){if(t.key==="Escape"){b.value=!1;return}t.key==="ArrowLeft"&&_.value>0&&_.value--,t.key==="ArrowRight"&&_.value<i.value.length-1&&_.value++}}const D=m(null);let g=null,f=null;async function re(t){if(f?.disconnect(),f=null,g&&(g.remove(),g=null),await be(),!D.value||t.locationLat==null||t.locationLng==null)return;g=I.map(D.value,{center:[t.locationLat,t.locationLng],zoom:13,zoomControl:!1}),I.tileLayer("https://bgmtile.kade.si/{z}/{x}/{y}.png",{maxZoom:19,attribution:""}).addTo(g);const a=I.divIcon({className:"evpin",html:'<span class="evpin__dot"></span>',iconSize:[22,22],iconAnchor:[11,11]});I.marker([t.locationLat,t.locationLng],{icon:a}).addTo(g),f=new ResizeObserver(()=>

1g?.invalidateSize()),f.observe(D.value)}return de(async()=>{window.addEventListener("keydown",H);const t=Y.params.id,[a,N]=await Promise.all([we.get(t).catch(()=>null),he.list().catch(()=>[])]);o.value=a,a&&(p.value=N.find(u=>u.id===a.providerId)??null,a.locationLat!=null&&a.locationLng!=null&&await re(a)),A.value=!1}),ge(()=>{window.removeEventListener("keydown",H),clearTimeout(P),f?.disconnect(),f=null,g?.remove(),g=null}),(t,a)=>{const N=me("RouterLink");return n(),s($,null,[e("div",$e,[A.value?(n(),s("div",Le,l(t.$t("app.loading")),1)):o.value?(n(),s($,{key:2},[e("div",Te,[e("button",{class:"btn btn--icon","aria-label":t.$t("detail.back"),onClick:a[0]||(a[0]=(...u)=>Z(V)&&Z(V)(...u))},[v(d,{name:"left"})],8,ze),e("div",Be,[e("div",De,[e("span",Ie,[v(d,{name:"calendar"}),h(" "+l(te.value),1)]),C.value?(n(),s("span",Pe,[v(d,{name:"pin"}),h(" "+l(C.value),1)])):r("",!0)]),e("h1",Re,l(k.value),1)]),e("div",xe,[w.value?(n(),s("a",{key:0,class:"btn btn--primary",href:w.value,target:"_blank",rel:"noopener"},[v(d,{name:"external"}),h(" "+l(t.$t("events.organizerBtn")),1)],8,Ne)):r("",!0),o.value.organizerPhone?(n(),s("a",{key:1,class:"btn",href:`tel:${o.value.organizerPhone}`},[v(d,{name:"phone"}),h(" "+l(t.$t("events.call")),1)],8,Se)):r("",!0),e("button",{class:"btn btn--icon","aria-label":t.$t("detail.share"),onClick:oe},[v(d,{name:"share"})],8,Ue)])]),e("div",{class:U(["hg",ie.value])},[e("div",{class:U(["hg__main hg__cell",{ph:!i.value.length}])},[i.value.length?(n(),s("img",{key:0,src:i.value[0],alt:k.value,onClick:a[1]||(a[1]=u=>B(0)),onError:a[2]||(a[2]=u=>x(i.value[0]))},null,40,Fe)):(n(),s("span",Ve,l(k.value),1)),e("div",Ae,[i.value.length>1?(n(),s("button",{key:0,class:"hg__btn",onClick:a[3]||(a[3]=u=>B(0))},[v(d,{name:"image"}),h(" "+l(t.$t("hut.allPhotos")),1)])):r("",!0)])],2),R.value.length?(n(),s("div",Oe,[(n(!0),s($,null,J(R.value,(u,y)=>(n(),s("button",{key:`side-${y}`,class:"hg__cell",onClick:S=>B(y+1)},[e("img",{src:u,alt:k.value,onError:S=>x(u)},null,40,Ge),y===R.value.length-1&&q.value>0?(n(),s("span",qe," +"+l(q.value)+" "+l(t.$t("hut.morePhotos")),1)):r("",!0)],8,je))),128))])):r("",!0),i.value.length>1?(n(),s("div",He,[(n(!0),s($,null,J(i.value.slice(1),(u,y)=>(n(),s("button",{key:`strip-${y}`,class:"hg__cell",onClick:S=>B(y+1)},[e("img",{src:u,alt:k.value,onError:S=>x(u)},null,40,We)],8,Ke))),128))])):r("",!0)],2),e("div",Ze,[e("div",Je,[e("section",null,[e("h2",Qe,l(t.$t("detail.practical")),1),e("dl",Xe,[e("div",Ye,[e("dt",null,l(t.$t("events.dateLabel")),1),e("dd",null,l(ae.value),1)]),C.value?(n(),s("div",et,[e("dt",null,l(t.$t("events.locationLabel")),1),e("dd",null,l(C.value),1)])):r("",!0),M.value?(n(),s("div",tt,[e("dt",null,l(t.$t("events.organizerLabel")),1),e("dd",at,[e("span",lt,[j.value?(n(),s("img",{key:0,src:j.value,alt:M.value},null,8,nt)):(n(),s($,{key:1},[h(l(le.value),1)],64))]),h(" "+l(M.value),1)])])):r("",!0),o.value.maxParticipants!=null?(n(),s("div",st,[e("dt",null,[v(d,{name:"users"}),h(" "+l(t.$t("events.maxParticipants")),1)]),e("dd",null,l(o.value.maxParticipants),1)])):r("",!0),w.value?(n(),s("div",ot,[e("dt",null,l(t.$t("events.website")),1),e("dd",null,[e("a",{href:w.value,target:"_blank",rel:"noopener"},l(w.value),9,it)])])):r("",!0)])]),E.value?(n(),s("section",rt,[e("h2",ut,l(t.$t("events.descriptionTitle")),1),e("div",{class:U(["clamp",{"is-open":T.value||E.value.length<=X}])},[e("p",ct,l(E.value),1)],2),E.value.length>X?(n(),s("button",{key:0,class:"linkbtn",onClick:a[4]||(a[4]=u=>T.value=!T.value)},l(T.value?t.$t("hut.showLess"):t.$t("hut.showMore")),1)):r("",!0)])):r("",!0),o.value.publicRouteId?(n(),s("section",vt,[e("h2",dt,l(t.$t("events.linkedRoute")),1),e("button",{class:"rowcard",onClick:a[5]||(a[5]=u=>t.$router.push({name:"trail-details",params:{id:o.value.publicRouteId}}))},[e("div",_t,[v(d,{name:"route"})]),e("div",ht,[e("div",gt,l(t.$t("events.viewRoute")),1)]),v(d,{name:"right",class:"rowcard__c"})])])):r("",!0)]),G.value?(n(),s("aside",mt,[e("div",pt,[e("div",{ref_key:"miniMapEl",ref:D,class:"minimap"},null,512),e("div",kt,[e("dl",bt,[e("div",ft,[e("dt",null,l(t.$t("detail.coordinates")),1),e("dd",yt,l(o.value.locationLat.toFixed(5))+", "+l(o.value.locationLng.toFixed(5)),1)])]),e("a",{class:"btn btn--sm btn--block detail__gmaps",href:ne.value,target:"_blank",rel:"noopener"},[v(d,{name:"external"}),h(" "+l(t.$t("detail.openGoogleMaps")),1)],8,wt)])])])):r("",!0)])],64)):(n(),s("div",Ce,[e("p",Ee,l(t.$t("events.notFound")),1),e("p",Me,l(t.$t("events.notFoundHint")),1),v(N,{class:"btn btn--primary",to:{name:"events"}},{default:W(()=>[v(d,{name:"left"}),h(" "+l(t.$t("events.backToEvents")),1)]),_:1})]))]),(n(),K(Q,{to:"body"},[b.value?(n(),s("div",{key:0,class:"lightbox",onClick:a[9]||(a[9]=pe(u=>b.value=!1,["self"]))}

1,[e("button",{class:"lightbox__close",onClick:a[6]||(a[6]=u=>b.value=!1)},[...a[10]||(a[10]=[e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"2",width:"24",height:"24"},[e("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18 18 6M6 6l12 12"})],-1)])]),_.value>0?(n(),s("button",{key:0,class:"lightbox__nav lightbox__nav--prev",onClick:a[7]||(a[7]=u=>_.value--)}," ‹ ")):r("",!0),e("img",{src:i.value[_.value],class:"lightbox__img"},null,8,$t),_.value<i.value.length-1?(n(),s("button",{key:1,class:"lightbox__nav lightbox__nav--next",onClick:a[8]||(a[8]=u=>_.value++)}," › ")):r("",!0),e("div",Lt,l(_.value+1)+" / "+l(i.value.length),1)])):r("",!0)])),(n(),K(Q,{to:"body"},[v(ke,{name:"trtoast"},{default:W(()=>[z.value?(n(),s("div",Ct,l(z.value),1)):r("",!0)]),_:1})]))],64)}}}),Rt=fe(Et,[["__scopeId","data-v-f0b470ac"]]);export{Rt as default};