https://www.wikibubbles.com/_app/immutable/nodes/62.BaFila0r.js

1import{p as ie,O as xe,o as _e,t as e,j as X,q as R,T as ye,X as ke,b as p,h as ne,a as d,u as s,P as we,d as l,k as h,w as o,l as le,x,A as w,f as se,R as Le,G as U,E as Z,$ as Ce,F as q,H as J,N as Se,g as We}from"../chunks/B9CB7g5B.js";import{D as $e}from"../chunks/C3EAm5EM.js";import{g as Be}from"../chunks/B2NLFfPp.js";import{a as ee}from"../chunks/zNOjGNx8.js";import{m as Ue}from"../chunks/CZyNnWfb.js";import{F as je}from"../chunks/DJM9LsI9.js";import{G as De}from"../chunks/CY-IIK2U.js";var Ee=p('<link href="https://api.mapbox.com/mapbox-gl-js/v2.9.1/mapbox-gl.css" rel="stylesheet"/>'),Fe=p('<div class="absolute top-3 left-3 bg-white/95 p-2 md:p-3 rounded-lg shadow-lg text-[0.7rem] md:text-xs z-10"><div class="flex items-center gap-2"><div class="w-2.5 h-2.5 md:w-3 md:h-3 bg-blue-500 rounded-full border-2 border-white shadow-sm"></div> <span class="text-gray-700 font-medium"> </span></div></div>'),Me=p('<div class="relative w-full h-full min-h-[280px] rounded-xl overflow-hidden shadow-md bg-gray-100"><div class="w-full h-full min-h-[280px]"></div> <!></div>');function Ne(K,P){ie(P,!0);let t=xe(P,"locations",19,()=>[]),j=X(void 0),i=X(null),A=X(!1),z=X("");_e(()=>{e(j)&&(ee.accessToken=Ue,R(i,new ee.Map({container:e(j),style:"mapbox://styles/mapbox/outdoors-v11",center:[100,10],zoom:4}),!0),e(i).once("idle",()=>{R(A,!0)}))}),ye(()=>{e(i)&&(e(i).remove(),R(i,null))});function G(u){if(!e(i))return;e(i).getSource("sites")&&(e(i).getLayer("sites-labels")&&e(i).removeLayer("sites-labels"),e(i).getLayer("sites-layer")&&e(i).removeLayer("sites-layer"),e(i).removeSource("sites"));const _=u.filter(n=>{var $,L,C,S;return((L=($=n==null?void 0:n.location)==null?void 0:$.divesiteCenter)==null?void 0:L.latitude)!=null&&((S=(C=n==null?void 0:n.location)==null?void 0:C.divesiteCenter)==null?void 0:S.longitude)!=null&&typeof n.divesiteName=="string"});if(_.length===0)return;const F=_.map(n=>({type:"Feature",geometry:{type:"Point",coordinates:[n.location.divesiteCenter.longitude,n.location.divesiteCenter.latitude]},properties:{id:n.id,name:n.divesiteName}}));e(i).addSource("sites",{type:"geojson",data:{type:"FeatureCollection",features:F},promoteId:"id"}),e(i).addLayer({id:"sites-labels",type:"symbol",source:"sites",layout:{"text-field":["coalesce",["get","name"],""],"text-font":["Open Sans Semibold","Arial Unicode MS Bold"],"text-size":12,"text-offset":[0,1],"text-anchor":"top"},paint:{"text-color":"#1f2937","text-halo-color":"#ffffff","text-halo-width":2}}),e(i).addLayer({id:"sites-layer",type:"circle",source:"sites",paint:{"circle-radius":8,"circle-stroke-width":2,"circle-color":"#3B82F6","circle-stroke-color":"#ffffff"}});const M=n=>{var C,S;if(!((C=n.features)!=null&&C.length))return;const $=(S=n.features[0].properties)==null?void 0:S.id;if(!$)return;const L=u.find(Q=>Q.id===$);L&&Be(`/sites/${L.countrySlug}/${L.nameSlug}`)};e(i).on("click","sites-layer",M),e(i).on("click","sites-labels",M),e(i).on("mouseenter","sites-layer",()=>e(i).getCanvas().style.cursor="pointer"),e(i).on("mouseleave","sites-layer",()=>e(i).getCanvas().style.cursor=""),e(i).on("mouseenter","sites-labels",()=>e(i).getCanvas().style.cursor="pointer"),e(i).on("mouseleave","sites-labels",()=>e(i).getCanvas().style.cursor="");const D=new ee.LngLatBounds;_.forEach(n=>{D.extend([n.location.divesiteCenter.longitude,n.location.divesiteCenter.latitude])}),e(i).fitBounds(D,{padding:60,maxZoom:14})}ke(()=>{if(!e(i)||!e(A)||!t().length)return;const u=t().map(_=>_.id).sort().join(",");u!==e(z)&&(G(t()),R(z,u,!0))});var E=Me();ne("g6pzx6",u=>{var _=Ee();d(u,_)});var I=s(E);we(I,u=>R(j,u),()=>e(j));var O=l(I,2);{var V=u=>{var _=Fe(),F=s(_),M=l(s(F),2),D=s(M);o(M),o(F),o(_),x(n=>w(D,`${n??""}
2          dive site(s)`),[()=>t().filter(n=>{var $,L,C,S;return((L=($=n==null?void 0:n.location)==null?void 0:$.divesiteCenter)==null?void 0:L.latitude)!=null&&((S=(C=n==null?void 0:n.location)==null?void 0:C.divesiteCenter)==null?void 0:S.longitude)!=null}).length]),d(u,_)};h(O,u=>{t().length>0&&u(V)})}o(E),d(K,E),le()}var Pe=p('<meta name="description"/>'),Te=p('<img class="h-32 w-32 shrink-0 rounded-xl object-cover sm:h-40 sm:w-40"/>'),Ae=p('<span class="rounded-full bg-teal-50 px-3 py-0.5 text-sm font-medium text-teal-700"> </span>'),ze=p('<div class="flex flex-wrap gap-2"></div>'),Ge=p('<p class="mt-2 text-gray-600"> </p>'),Ie=p('<section class="mb-10"><h2 class="text-lg font-semibold text-gray-900">About</h2> <p class="mt-2 whitespace-pre-wrap text-gray-600"> </p></section>'),He=p('<li><a target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-blue-600 hover:underline"><!> Website</a></li>'),Re=p('<li><a class="text-blue-600 hover:underline"> </a></li>'),qe=p('<li><a target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-2 text-blue-600 hover:underline"><span></span> </a></li>'),Oe=p('<section><h2 class="text-lg font-semibold text-gray-900">Contact</h2> <ul class="mt-3 space-y-2"><!> <!> <!></ul></section>'),Ve=p('<section><h2 class="text-lg font-semibold text-gray-900">Business hours</h2> <p class="mt-2 whitespace-pre-wrap text-gray-600"> </p></section>'),Xe=p('<section class="mb-10"><h2 class="text-lg font-semibold text-gray-900">Location</h2> <p class="mt-2 text-gray-600"> </p></section>'),Ze=p(' <a class="text-blue-600 hover:underline"> </a>',1),Je=p('<span class="text-gray-700"> </span>'),Ke=p('<span class="text-gray-500">(preferred way)</span>'),Qe=p('<li class="flex items-center gap-2"><!> <!></li>'),Ye=p('<section class="mb-10"><h2 class="text-lg font-semibold text-gray-900">Book now</h2> <ul class="mt-3 list-none space-y-2 p-0"></ul></section>'),et=p('<img alt="" class="aspect-square rounded-lg object-cover"/>

2'),tt=p('<section class="mb-10"><h2 class="text-lg font-semibold text-gray-900">Gallery</h2> <div class="mt-3 grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4"></div></section>'),at=p('<div class="mt-6 h-[360px] rounded-xl overflow-hidden"><!></div>'),rt=p('<section class="mb-10"><h2 class="text-lg font-semibold text-gray-900">Dive sites</h2> <div class="mt-4 dive-sites-grid"></div> <!></section>'),ot=p('<main class="min-h-screen bg-gray-50"><div class="bg-white border-b border-gray-200"><div class="mx-auto max-w-4xl px-4 py-8 sm:px-6 lg:px-8"><div class="flex flex-col gap-6 sm:flex-row sm:items-start"><!> <div class="min-w-0 flex-1"><!> <h1 class="mt-1 text-2xl font-bold text-gray-900 sm:text-3xl"> </h1> <!></div></div></div></div> <div class="mx-auto max-w-4xl px-4 py-8 sm:px-6 lg:px-8"><!> <div class="mb-10 grid gap-8 sm:grid-cols-2"><!> <!></div> <!> <!> <!> <!></div></main> <!>',1);function ct(K,P){ie(P,!0);let t=Z(()=>P.data.shop),j=Z(()=>P.data.diveSites??[]);const i=Z(()=>[{key:"instagram",label:"Instagram",href:e(t).instagram,icon:"i-mdi:instagram"},{key:"facebook",label:"Facebook",href:e(t).facebook,icon:"i-mdi:facebook"},{key:"telegram",label:"Telegram",href:e(t).telegram,icon:"i-mdi:telegram"},{key:"whatsapp",label:"WhatsApp",href:e(t).whatsapp,icon:"i-mdi:whatsapp"},{key:"viber",label:"Viber",href:e(t).viber,icon:"i-mdi:phone"},{key:"tiktok",label:"TikTok",href:e(t).tiktok,icon:"i-mdi:tiktok"}].filter(a=>a.href&&a.href.trim()!=="")),A=Z(()=>[{key:"bookingEmail",label:"Email",value:e(t).bookingEmail,href:e(t).bookingEmail?`mailto:${e(t).bookingEmail}`:""},{key:"bookingPhone",label:"Phone",value:e(t).bookingPhone,href:e(t).bookingPhone?`tel:${e(t).bookingPhone}`:""},{key:"bookingWhatsapp",label:"WhatsApp",value:e(t).bookingWhatsapp,href:e(t).bookingWhatsapp?e(t).bookingWhatsapp.startsWith("http")?e(t).bookingWhatsapp:`https://wa.me/${e(t).bookingWhatsapp.replace(/\D/g,"")}`:""},{key:"bookingLine",label:"Line",value:e(t).bookingLine,href:e(t).bookingLine?e(t).bookingLine.startsWith("http")?e(t).bookingLine:`https://line.me/ti/p/~${e(t).bookingLine}`:""},{key:"bookingUrl",label:"Booking URL",value:e(t).bookingUrl,href:e(t).bookingUrl||""}].filter(a=>a.value&&a.value.trim()!==""));var z=ot();ne("1srtxpd",a=>{var r=Pe();x(()=>U(r,"content",e(t).description||`${e(t).shopName} on WikiBubbles`)),Le(()=>{Ce.title=`${(e(t).shopName||"Shop")??""} – WikiBubbles`}),d(a,r)});var G=se(z),E=s(G),I=s(E),O=s(I),V=s(O);{var u=a=>{var r=Te();x(()=>{U(r,"src",e(t).imageUrl),U(r,"alt",e(t).shopName)}),d(a,r)};h(V,a=>{e(t).imageUrl&&a(u)})}var _=l(V,2),F=s(_);{var M=a=>{var r=ze();q(r,21,()=>e(t).categories,J,(v,f)=>{var c=Ae(),g=s(c,!0);o(c),x(()=>w(g,e(f))),d(v,c)}),o(r),d(a,r)};h(F,a=>{e(t).categories.length>0&&a(M)})}var D=l(F,2),n=s(D,!0);o(D);var $=l(D,2);{var L=a=>{var r=Ge(),v=s(r,!0);o(r),x(f=>w(v,f),[()=>[e(t).shopCity,e(t).shopCountry].filter(Boolean).join(", ")]),d(a,r)};h($,a=>{(e(t).shopCity||e(t).shopCountry)&&a(L)})}o(_),o(O),o(I),o(E);var C=l(E,2),S=s(C);{var Q=a=>{var r=Ie(),v=l(s(r),2),f=s(v,!0);o(v),o(r),x(()=>w(f,e(t).description)),d(a,r)};h(S,a=>{e(t).description&&a(Q)})}var Y=l(S,2),te=s(Y);{var ve=a=>{var r=Oe(),v=l(s(r),2),f=s(v);{var c=W=>{var b=He(),y=s(b),m=s(y);De(m,{class:"h-5 w-5 shrink-0"}),We(),o(y),o(b),x(k=>U(y,"href",k),[()=>e(t).website.startsWith("http")?e(t).website:`https://${e(t).website}`]),d(W,b)};h(f,W=>{e(t).website&&W(c)})}var g=l(f,2);{var B=W=>{var b=Re(),y=s(b),m=s(y,!0);o(y),o(b),x(()=>{U(y,"href",`tel:${e(t).phone??""}`),w(m,e(t).phone)}),d(W,b)};h(g,W=>{e(t).phone&&W(B)})}var H=l(g,2);q(H,17,()=>e(i),J,(W,b)=>{var y=qe(),m=s(y),k=s(m),T=l(k);o(m),o(y),x(N=>{U(m,"href",N),Se(k,1,`${e(b).icon??""} h-5 w-5`),w(T,` ${e(b).label??""}`)},[()=>e(b).href.startsWith("http")?e(b).href:`https://${e(b).href}`]),d(W,y)}),o(v),o(r),d(a,r)};h(te,a=>{(e(t).website||e(t).phone||e(i).length>0)&&a(ve)})}var de=l(te,2);{var pe=a=>{var r=Ve(),v=l(s(r),2),f=s(v,!0);o(v),o(r),x(()=>w(f,e(t).businessHours)),d(a,r)};h(de,a=>{e(t).businessHours&&a(pe)})}o(Y);var ae=l(Y,2);{var ce=a=>{var r=Xe(),v=l(s(r),2),f=s(v,!0);o(v),o(r),x(()=>w(f,e(t).shopLocation)),d(a,r)};h(ae,a=>{e(t).shopLocation&&a(ce)})}var re=l(ae,2);{var ge=a=>{var r=Ye(),v=l(s(r),2);q(v,21,()=>e(A),J,(f,c)=>{var g=Qe(),B=s(g);{var H=m=>{var k=Ze(),T=se(k),N=l(T),be=s(N,!0);o(N),x(()=>{w(T,`${e(c).label??""}: `),U(N,"href",e(c).href),U(N,"target",e(c).key==="bookingUrl"||e(c).key==="bookingWhatsapp"||e(c).key==="bookingLine"?"_blank":void 0),U(N,"rel",e(c).key==="bookingUrl"||e(c).key==="bookingWhatsapp"||e(c).key==="bookingLine"?"noopener noreferrer":void 0),w(be,e(c).value)}),d(m,k)},W=m=>{var k=Je(),T=s(k);o(k),x(()=>w(T,`${e(c).label??""}: ${e(c).value??""}`)),d(m,k)};h(B,m=>{e(c).href?m(H):m(W,!1)})}var b=l(B,2);{var y=m=>{var k=Ke();d(m,k)};h(b,m=>{e(c).key===e(t).preferredBookingMethod&&m(y)})}o(g),d(f,g)}),o(v),o(r),d(a,r)};h(re,a=>{e(A).length>0&&a(ge)})}var oe=l(re,2);{var fe=a=>{var r=tt(),v=l(s(r),2);q(v,21,()=>e(t).galleryImages,J,(f,c)=>{var g=et();x(()=>U(g,"src",e(c))),d(f,g)}),o(v),o(r),d(a,r)};h(oe,a=>{e(t).galleryImages.length>0&&a(fe)})}var me=l(oe,2);{var he=a=>{var r=rt(),v=l(s(r),2);q(v,21,()=>e(j),g=>g.id,(g,B)=>{$e(g,{get location(){return e(B)},sidebar:!0})}),o(v);var f=l(v,2);{var c=g=>{var B=at(),H=s(B);Ne(H,{get locations(){return e(j)}}),o(B),d(g,B)};h(f,g=>{g(c)})}o(r),d(a,r)};h(me,a=>{e(j).length>0&&a(he)})}o(C),o(G);var ue=l(G,2);je(ue,{}),x(()=>w(n,e(t).shopName||"Shop")),d(K,z),le()}export{ct as component};