https://longevity-cities.com/assets/MapDesktopLayout-DgwqU_Xt.js

1import{u as rt,j as e}from"./index-DtMfLgNe.js";import{r,o as ge,S as Y,X as st,P as D,G as nt}from"./lucide-icons-Dqzz7N0e.js";import{C as lt}from"./ClientOnly-CTPiSIUw.js";import{LongevityMap as at}from"./LongevityMap.client-Xn5frmxg.js";import{u as ot,S as it,a as ct,b as V,M as ut}from"./map.hooks-PcAazQRK.js";import{I as dt}from"./input-DQbBe-z2.js";import{S as mt}from"./SegmentedControl-D-9L7ltX.js";import{S as xt,a as ft,b as ht,c as pt,d as J}from"./select-u2Q5N5az.js";import{C as ve,a as bt,b as gt}from"./map.constants-cMEwpyfw.js";import{P as vt,p as wt}from"./payment-DItXYmpq.js";import{a as kt}from"./neutrality-YUdy4tXb.js";import{b as jt}from"./track-DWzooEyE.js";import{u as yt}from"./useTranslation-C4Ehv_gR.js";import{ae as Nt,af as Rt,ag as $t,ah as Ct,k as It}from"./lucide-icons-rest-DWfPyifQ.js";import"./useCartoBasemapKey-D4rfZ1wB.js";import"./location.client-CMcl0h4r.js";import"./is-bot-yLI7ehMk.js";import"./geo.client-s6lCZ-yG.js";import"./haversine-BDGt-Lxa.js";import"./logger.client-DNHUA4ld.js";import"./spring-physics-BCqTZPnx.js";import"./Trans-B8BHBO7y.js";import"./extends-CF3RwP-h.js";import"./context-DsRNOqCb.js";import"./map.utils-Bfb4u1jD.js";import"./utils-D5rpQlo1.js";import"./components-D7vTYkMN.js";import"./index-DM_KIGVi.js";import"./Honeypot-C34rPtZW.js";import"./index-D7yEI4CJ.js";import"./index-Dc_FVRD7.js";import"./button-D7clnSYk.js";import"./index-FduIPWRI.js";import"./index-YgjaM7nn.js";import"./index-Fp4hThsL.js";import"./index-xh1yBCuW.js";import"./Combination-Co7zXQSd.js";import"./tslib.es6-CRrOrkzB.js";import"./index-B3J3wppF.js";import"./dialog-_Ac2DITf.js";import"./label-CpIBzadX.js";import"./textarea-hNjhlVPm.js";import"./FormErrorDisplay-0Ec9Wx_D.js";import"./required-BJzzVsBW.js";import"./use-keyboard-lift-K5pwaZGM.js";import"./useIsomorphicLayoutEffect-D29kWCIN.js";import"./tooltip-HxbIeLul.js";import"./floating-ui.react-dom-fEE_OXAU.js";import"./index-BdQq_4o_.js";import"./index-W-aoS4hG.js";import"./index-C23bPI9f.js";import"./index-BBlHhaEK.js";import"./index-Be4PsJLK.js";import"./index-DhKpIOmH.js";import"./index-jDALOZFj.js";import"./categories-guIgxxru.js";import"./capacitor-shell.client-C2Oa3kxv.js";const Lt=[0,1,2,3,4,5];function St(o){return o.resultCount>0?"results":o.isLoading?"loading":o.hasActiveFilters?"noMatch":"empty"}function Mr({filteredSpots:o,mapFilteredSpots:we,slicedSpots:v,search:i,onSearchChange:m,category:R,onCategoryChange:H,selectedTags:Q,onTagsChange:_,selectedPayment:P,onPaymentChange:W,paymentAvailable:ee=!1,paymentCountry:ke,onSelect:d,onShowMore:je,hasMore:ye,selectedSpot:u,initialView:Ne,initialAction:Re,isLoggedIn:$e=!1,userLocation:te,onUserLocationFound:Ce,openNowOnly:w,onOpenNowChange:K,selectedPrice:$,onPriceChange:O,sortBy:Ie,onSortChange:Le,showSavedOnly:h,onShowSavedChange:Z,onBoundsChanged:re,filterCounts:k,savedFilterEmpty:Se=!1,isLoadingSpots:Be}){const{t:n}=yt("map"),{lang:Ee}=rt(),C=Ee==="de"?"de":"en",[x,I]=r.useState(!1),{recentSearches:L,saveSearch:G,clearRecentSearches:Te}=ot(),[Me,p]=r.useState(!1),[Fe,Ae]=r.useState(),[q,se]=r.useState(!1),[j,ze]=r.useState("standard"),ne=r.useRef(null),S=r.useRef(null),le=r.useRef(null),ae=r.useRef(null),oe=r.useRef(),y=r.useRef(null),ie=r.useRef(0),ce=r.useRef(null),f=r.useRef(null),B=r.useRef(!1),ue=r.useRef([]),de=r.useRef(null),N=r.useRef(null),U=r.useRef(!1),E=Me&&L.length>0&&!i,T=r.useCallback(t=>{const s=ue.current.slice(0,L.length);s.length!==0&&s[(t+s.length)%s.length]?.focus()},[L.length]),De=r.useCallback(t=>{m(t),p(!1),f.current?.focus()},[m]),He=r.useCallback(t=>{ce.current?.contains(t.relatedTarget)||(G(i),p(!1))},[G,i]),_e=r.useCallback(()=>{const t=ne.current;t&&(se(!0),Promise.resolve(t()).finally(()=>se(!1)))},[]),Pe=r.useCallback(t=>{ne.current=t},[]),We=r.useCallback(t=>{S.current=t},[]),Ke=r.useCallback(()=>{S.current?.zoomIn()},[]),M=r.useCallback(()=>{S.current?.zoomOut()},[]),Oe=r.useCallback(t=>{le.current=t},[]),Ze=r.useCallback(t=>{ae.current=t},[]),b=r.useCallback(t=>{t!==oe.current&&(oe.current=t,ae.current?.(t))},[]),me=r.useCallback(t=>{const s=t.target.closest("[data-spot-id]");b(s?.dataset.spotId)},[b]),xe=r.useCallback(()=>b(void 0),[b]);r.useEffect(()=>{u&&b(void 0)},[u,b]);const[g,Ge]=r.useState(null),qe=r.useCallback((t,s)=>{Ge(t),re?.(t,s)},[re]),fe=r.useMemo(()=>!i.trim()||!g||o.length===0?0:o.filter(t=>t.lat<g.south||t.lat>

1g.north||t.lng<g.west||t.lng>g.east).length,[i,g,o]),Ue=r.useCallback(()=>{S.current?.fitToPoints(o.map(t=>({lat:t.lat,lng:t.lng})),{left:x?52:380})},[o,x]),Xe=r.useCallback(()=>{const t=j==="standard"?"satellite":"standard";ze(t),le.current?.(t)},[j]),Ye=r.useCallback(()=>{H("all"),O(null),K(!1),_([]),W([]),Z(!1),m("")},[H,O,K,_,W,Z,m]),Ve=r.useCallback(()=>{M(),setTimeout(M,260)},[M]),F=!!u,he=u?._id,pe=r.useCallback(t=>{y.current&&(ie.current=y.current.scrollTop),N.current={rowId:t._id,origin:null},d(t)},[d]),Je=r.useCallback(t=>{const s=document.activeElement;N.current={rowId:null,origin:s instanceof HTMLElement?s:null},d(t)},[d]);r.useLayoutEffect(()=>{if(F)return;y.current&&(y.current.scrollTop=ie.current);const t=N.current,s=U.current;if(N.current=null,U.current=!1,!t||!s)return;((t.rowId?document.getElementById(`spot-card-desktop-${t.rowId}`)?.querySelector("button"):null)??(t.origin?.isConnected?t.origin:null))?.focus({preventScroll:!0})},[F]),r.useLayoutEffect(()=>{!he||!N.current||(de.current?.focus({preventScroll:!0}),U.current=!0)},[he]);const X=r.useCallback(()=>{d(void 0)},[d]);r.useEffect(()=>{if(!F)return;const t=s=>{s.key==="Escape"&&(document.querySelector('[data-state="open"][role="dialog"], [data-state="open"][role="alertdialog"]')||X())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[F,X]),r.useEffect(()=>{const t=s=>{if(s.key!=="/"||s.metaKey||s.ctrlKey||s.altKey)return;const a=s.target;a&&(a.isContentEditable||/^(INPUT|TEXTAREA|SELECT)$/.test(a.tagName))||document.querySelector('[data-state="open"][role="dialog"], [data-state="open"][role="alertdialog"]')||(s.preventDefault(),B.current=!0,I(!1),d(void 0),f.current?.focus())};return document.addEventListener("keydown",t),()=>document.removeEventListener("keydown",t)},[d]),r.useEffect(()=>{!B.current||!f.current||(B.current=!1,f.current.focus())});const Qe=R!=="all"||i.trim().length>0||$!==null||w||Q.length>0||h,A=St({resultCount:v.length,isLoading:!!Be,hasActiveFilters:Qe}),et=r.useMemo(()=>{const t={};for(const s of v)t[s._id]=()=>pe(s);return t},[v,pe]),z=j==="satellite",l=z?{bg:"var(--glass-ink)",border:"border-white/10",headerBorder:"border-white/10",title:"text-white/70",btnHover:"text-white/50 hover:text-white/80 hover:bg-white/10",searchBg:"bg-white/10 border border-white/20 focus-within:bg-white/15 focus-within:border-white/35",searchOutline:"focus-within:outline-white",kbd:"border-white/20 bg-white/5 text-neutral-300",searchIcon:"text-neutral-300",searchInput:"text-white placeholder:text-neutral-300",countText:"text-neutral-300",sortText:"text-neutral-300",linkText:"text-white focus-visible:outline-white",listBg:"bg-white/95",showMoreBtn:"text-white/70 hover:text-white bg-white/5 hover:bg-white/10",pillInactive:"bg-white/10 text-neutral-300 hover:bg-white/20 hover:text-white/80"}:{bg:"rgba(255, 255, 255, 0.55)",border:"border-neutral-200/60",headerBorder:"border-neutral-200/40",title:"text-muted-foreground",btnHover:"text-muted-foreground hover:text-neutral-900 hover:bg-black/5",searchBg:"bg-white border border-neutral-200 shadow-depth-well focus-within:border-neutral-300",searchOutline:"focus-within:outline-ring",kbd:"border-neutral-200 bg-neutral-50 text-muted-foreground",searchIcon:"text-muted-foreground",searchInput:"text-neutral-900 placeholder:text-muted-foreground",countText:"text-muted-foreground",sortText:"text-muted-foreground",linkText:"text-ink focus-visible:outline-ring",listBg:"",showMoreBtn:"text-muted-foreground hover:text-neutral-900 bg-black/5 hover:bg-black/10",pillInactive:"bg-black/5 text-neutral-700 hover:bg-black/10 hover:text-neutral-900"};return e.jsxs("div",{className:"relative w-full h-full",children:[e.jsx("style",{children:'@keyframes mapPanelSwap{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){[style*="mapPanelSwap"]{animation:none!important}}'}),e.jsx("div",{className:"absolute inset-0",style:{contain:"strict"},children:e.jsx(lt,{fallback:e.jsx("div",{className:"w-full h-full bg-neutral-100 flex items-center justify-center",children:e.jsx("div",{className:"flex flex-col items-center gap-2 animate-pulse",children:e.jsxs("svg",{className:"w-8 h-8 text-neutral-300",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z"}),e.jsx("circle",{cx:"12",cy:"10",r:"3"})]})})}),children:e.jsx(at,{spots:we,selectedSpot:u,initialView:Ne,onLocationReady:Pe,onZoomReady:We,onSpotHover:Ae,onHoverReady:Ze,onSpotSelect:Je,onUserLocationFound:Ce,onMapStyleReady:Oe,onBoundsChanged:qe})})}),e.jsxs("aside",{className:`
2          absolute top-0 left-0 bottom-0
3          z-[1050]
4          border-r ${l.border}
5          flex flex-col
6          overflow-hidden
7          ${x?"w-[52px]":"w-[380px]"}
8        `,style:{background:l.bg,backdropFilter:"blur(24px) saturate(1.4)",WebkitBackdropFilter:"blur(24px) saturate(1.4)",contain:"layout style paint"},children:[x?e.jsx("div",{className:"flex flex-col items-center py-3 gap-3",children:e.jsx("button",{onClick:()=>I(!1),className:`flex items-center justify-center rounded-md ${l.btnHover} transition-colors w-9 h-9`,"aria-label":n("controls.expandSidebar"),children:e.jsx(Nt,{className:"w-4 h-4"})})}):e.jsxs("div",{className:"h-8 mx-3 mt-3 mb-1 flex items-center gap-1.5",children:[e.jsx(ge,{className:`w-3.5 h-3.5 flex-shrink-0 ${l.title}`}),e.jsx("span",{className:`flex-1 text-xs font-normal ${l.title} leading-none tracking-tight`,children:"Longevity Map"}),e.jsx("button",{onClick:()=>I(!0),className:`flex items-center justify-center rounded-md ${l.btnHover} transition-colors w-7 h-7 flex-shrink-0`,"aria-label":n("controls.collapseSidebar"),children:e.jsx(Rt,{className:"w-4 h-4"})})]}),x?e.jsx("div",{className:"flex flex-col items-center pt-2",children:e.jsx("button",{onClick:()=>{B.current=!0,I(!1)},className:`w-9 h-9 flex items-center justify-center rounded-md ${l.btnHover} transition-colors`,"aria-label":n("controls.openSearch"),children:e.jsx(Y,{className:"w-4 h-4"})})}):u?e.jsx("div",{ref:de,tabIndex:-1,role:"region","aria-label":u.name,className:`flex-1 min-h-0 focus:outline-none ${l.listBg}`,style:{animation:"mapPanelSwap 200ms cubic-bezier(0.22, 1, 0.36, 1) both"},children:e.jsx(it,{spot:u,votes:u.votes??0,onBack:X,lang:C,t:n,userLocation:te})},u._id):e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"relative px-3 pt-2 pb-2",ref:ce,onBlur:He,children:[e.jsxs("div",{className:`flex items-center gap-2 px-3 py-2.5 rounded-xl ${l.searchBg} ${l.searchOutline} focus-within:outline focus-within:outline-2 focus-within:outline-offset-2 transition-[background-color,border-color] duration-150 ease-out`,children:[e.jsx(Y,{className:`w-4 h-4 ${l.searchIcon} flex-shrink-0`}),e.jsx(dt,{ref:f,value:i,onChange:t=>m(t.target.value),onFocus:()=>p(!0),onKeyDown:t=>{if(t.key==="ArrowDown"&&E){t.preventDefault(),T(0);return}if(t.key==="ArrowUp"&&E){t.preventDefault(),T(-1);return}t.key==="Enter"&&(G(i),p(!1)),t.key==="Escape"&&(E?p(!1):i&&m(""))},placeholder:n("search"),className:`flex-1 h-7 min-w-0 border-0 bg-transparent shadow-none focus-visible:outline-none focus-visible:outline-0 text-sm ${l.searchInput}`}

8),!i&&e.jsx("kbd",{"aria-hidden":!0,className:`hidden xl:flex flex-shrink-0 h-5 w-5 items-center justify-center rounded border ${l.kbd} text-2xs font-semibold leading-none`,children:"/"}),i&&e.jsx("button",{type:"button",onClick:()=>{m(""),f.current?.focus()},"aria-label":n("clearSearch"),className:`relative after:absolute after:-inset-2 after:content-[''] w-6 h-6 flex-shrink-0 flex items-center justify-center rounded-full ${z?"bg-white/10 hover:bg-white/20":"bg-black/5 hover:bg-black/10"} transition-colors`,children:e.jsx(st,{className:`w-3 h-3 ${l.searchIcon}`})})]}),E&&e.jsxs("div",{className:`absolute left-0 right-0 top-full mt-1 rounded-xl ${z?"bg-neutral-800/95":"bg-white/95"} backdrop-blur-lg shadow-lg border ${l.border} z-50 overflow-hidden`,onMouseDown:t=>t.preventDefault(),children:[e.jsxs("div",{className:"flex items-center justify-between px-3 pt-2 pb-1",children:[e.jsx("span",{className:`text-2xs font-semibold uppercase tracking-wider ${l.countText}`,children:n("recentSearches")}),e.jsx("button",{type:"button",onClick:Te,className:`text-2xs ${l.sortText} hover:underline`,children:n("clearRecent")})]}),L.map((t,s)=>e.jsxs("button",{type:"button",ref:a=>{ue.current[s]=a},className:`w-full text-left px-3 py-2 text-sm ${z?"text-white/80 hover:bg-white/10 focus-visible:bg-white/10":"text-neutral-900 hover:bg-neutral-50 focus-visible:bg-neutral-50"} transition-colors flex items-center gap-2`,onClick:()=>De(t),onKeyDown:a=>{a.key==="ArrowDown"&&(a.preventDefault(),T(s+1)),a.key==="ArrowUp"&&(a.preventDefault(),T(s-1)),a.key==="Escape"&&(p(!1),f.current?.focus())},children:[e.jsx(Y,{className:`w-3 h-3 ${l.searchIcon}`}),t]},t))]})]}),(()=>{const t=ve[R]??ve.all;return t.price||t.openNow||t.plantBased||t.payment&&ee?e.jsxs("div",{className:"relative px-3 pt-2 pb-1 flex items-center gap-1.5 overflow-x-auto scrollbar-hide",children:[t.price&&e.jsx(mt,{className:"flex-shrink-0 h-8 p-0.5 items-center [@media(pointer:coarse)]:h-auto",ariaLabel:n("priceRange.1")+"/"+n("priceRange.2")+"/"+n("priceRange.3"),value:$?String($):"",onChange:a=>{const c=Number(a);O($===c?null:c)},options:[{value:"1",label:"€"},{value:"2",label:"€€"},{value:"3",label:"€€€"}]}),t.openNow&&e.jsxs("button",{"aria-pressed":w,onClick:()=>K(!w),className:`flex-shrink-0 flex items-center gap-1 px-3 h-8 [@media(pointer:coarse)]:min-h-11 rounded-full text-2xs transition-colors ${w?"bg-ink font-semibold text-white":`font-normal ${l.pillInactive}`}`,children:[n("openNow"),k!=null&&e.jsx("span",{className:`tabular-nums ${w?"text-white/60":"text-muted-foreground"}`,children:k.openNow})]}),t.plantBased&&(()=>{const a=Q.includes("plant-based");return e.jsxs("button",{"aria-pressed":a,onClick:()=>_(a?[]:["plant-based"]),className:`flex-shrink-0 flex items-center gap-1.5 px-3 h-8 [@media(pointer:coarse)]:min-h-11 rounded-full text-2xs transition-colors ${a?"bg-ink font-semibold text-white":`font-normal ${l.pillInactive}`}`,children:[e.jsx($t,{className:"w-3.5 h-3.5"}),n("tags.plant-based"),k!=null&&e.jsx("span",{className:`tabular-nums ${a?"text-white/60":"text-muted-foreground"}`,children:k.plantBased})]})})(),t.payment&&ee&&vt.map(a=>{const c=P.includes(a),be=k?.payment?.[a];return e.jsxs("button",{"aria-pressed":c,onClick:()=>W(c?P.filter(tt=>tt!==a):[...P,a]),className:`flex-shrink-0 flex items-center gap-1 px-3 h-8 [@media(pointer:coarse)]:min-h-11 rounded-full text-2xs transition-colors ${c?"bg-ink font-semibold text-white":`font-normal ${l.pillInactive}`}`,children:[n(wt(a,ke)),be!=null&&e.jsx("span",{className:`tabular-nums ${c?"text-white/60":"text-muted-foreground"}`,children:be})]},a)})]}):null})(),e.jsx("span",{className:"sr-only","aria-live":"polite","aria-atomic":"true",children:A==="loading"?n("emptyState.loading"):n("count",{count:o.length})}),o.length>0&&e.jsxs("div",{className:`mx-3 mt-2 mb-1 pt-2 pb-1 flex items-center justify-between border-t ${l.headerBorder}`,children:[e.jsx("span",{className:`text-xs ${l.countText}`,children:n("count",{count:o.length})}),e.jsxs(xt,{value:Ie,onValueChange:t=>Le(t),children:[e.jsx(ft,{className:`w-auto min-w-[70px] h-6 border-0 bg-transparent shadow-none focus-visible:outline-none text-xs ${l.sortText}`,children:e.jsx(ht,{})}),e.jsxs(pt,{className:"z-floating",children:[e.jsx(J,{value:"distance",className:"text-xs",children:n("sort.nearest")}),kt(R)&&e.jsx(J,{value:"votes",className:"text-xs",children:n("sort.mostLiked")}),e.jsx(J,{value:"default",className:"text-xs",children:n("sort.featured")})]})]})]}),fe>0&&e.jsxs("div",{className:`mx-3 mb-1 pb-2 flex items-center justify-between gap-2 border-b ${l.headerBorder}`,children:[e.jsx("span",{className:`text-xs ${l.countText} truncate`,children:n("offscreenResults",{count:fe})}),e.jsx("button",{onClick:Ue,className:`flex-shrink-0 text-xs font-normal underline underline-offset-2 hover:opacity-70 transition-opacity duration-150 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 ${l.linkText}`,children:n("controls.zoomToResults")})]}),e.jsx("div",{ref:y,className:`flex-1 overflow-y-auto stable-scrollbar ${l.listBg}`,children:A==="results"?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"divide-y divide-neutral-200",onMouseOver:me,onFocus:me,onMouseLeave:xe,onBlur:xe,children:v.map(t=>e.jsx("div",{id:`spot-card-desktop-${t._id}`,"data-spot-id":t._id,className:Fe===t._id?"bg-neutral-50/60":void 0,children:e.jsx(ct,{spot:t,selected:!1,onSelect:et[t._id],votes:t.votes??0,userLocation:te})},t._id))}),ye&&e.jsx("div",{className:"px-3 py-3",children:e.jsx("button",{onClick:je,className:`w-full py-2.5 rounded-xl text-xs font-semibold transition-colors ${l.showMoreBtn}`,children:n("showMore",{count:o.length-v.length})})}),e.jsx("div",{className:"border-t border-neutral-200 px-4",children:e.jsx(V,{lang:C,triggerSize:"sm",triggerClassName:"w-full inline-flex items-center gap-1.5 min-h-[44px] text-sm font-semibold text-ink hover:opacity-70 transition-opacity duration-150",triggerIcon:e.jsxs(e.Fragment,{children:[e.jsx(D,{className:"w-4 h-4"}),e.jsx("span",{children:n("suggestSpot")}

8)]})})})]}):A==="loading"?e.jsx("div",{className:"divide-y divide-neutral-200","aria-hidden":!0,children:Lt.map(t=>e.jsxs("div",{className:"py-3 px-4 min-h-[44px] flex flex-col gap-1.5 animate-pulse",children:[e.jsx("div",{className:"h-3.5 w-2/5 rounded bg-neutral-200"}),e.jsx("div",{className:"h-2.5 w-3/5 rounded bg-neutral-100"})]},t))}):A==="noMatch"?e.jsx(ut,{onClearFilters:Ye,onZoomOut:Ve,savedFilterEmpty:Se}):e.jsxs("div",{className:"flex flex-col items-center justify-center gap-3 px-4 py-16 text-center",children:[e.jsx("p",{className:"text-sm text-muted-foreground",children:n("emptyState.subtitle")}),e.jsx(V,{lang:C,triggerSize:"sm",triggerClassName:"inline-flex items-center gap-1.5 min-h-[44px] px-3 text-sm font-normal text-ink underline underline-offset-2 hover:opacity-70 transition-opacity duration-150",triggerIcon:e.jsxs(e.Fragment,{children:[e.jsx(D,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:n("emptyState.suggest")})]})})]})})]})]}),e.jsx("div",{className:`absolute bottom-4 z-[1100] ${x?"left-[68px]":"left-[396px]"}`,children:e.jsx(V,{lang:C,triggerSize:"sm",triggerClassName:"flex items-center gap-1.5 h-11 px-4 rounded-control bg-ink text-white border border-ink shadow-md hover:bg-ink/90 hover:text-white hover:shadow-lg text-sm font-semibold transition duration-200 active:scale-95",defaultOpen:Re==="suggest",triggerIcon:e.jsxs(e.Fragment,{children:[e.jsx(D,{className:"w-4 h-4"}),e.jsx("span",{children:n("suggestSpot","Suggest a spot")})]})})}),e.jsxs("div",{className:`absolute top-4 z-[1060] flex gap-1.5 overflow-x-auto scrollbar-hide right-[68px] ${x?"left-[68px]":"left-[396px]"}`,style:{maskImage:"linear-gradient(to right, black calc(100% - 28px), transparent)",WebkitMaskImage:"linear-gradient(to right, black calc(100% - 28px), transparent)"},children:[$e&&e.jsxs("button",{"aria-pressed":h,onClick:()=>Z(!h),className:`flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 [@media(pointer:coarse)]:min-h-11 rounded-full text-xs shadow-md border transition-[color,background-color,border-color,transform] duration-150 ease-out active:scale-95 ${h?"bg-ink font-semibold text-white border-ink":"bg-white/90 font-normal text-neutral-700 border-neutral-200/60 hover:bg-white"}`,style:h?void 0:{backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)"},children:[e.jsx("svg",{className:"w-3.5 h-3.5",viewBox:"0 0 24 24",fill:h?"currentColor":"none",stroke:"currentColor",strokeWidth:"2",children:e.jsx("path",{d:"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"})}),n("saved")]}),bt.filter(t=>t!=="all").map(t=>{const s=R===t,a=gt[t]||ge;return e.jsxs("button",{"aria-pressed":s,onClick:()=>{const c=s?"all":t;jt({event:"map_filter_click",props:{content_type:c}}),H(c)},className:`flex-shrink-0 flex items-center gap-1.5 px-3 py-1.5 [@media(pointer:coarse)]:min-h-11 rounded-full text-xs shadow-md border transition-[color,background-color,border-color,transform] duration-150 ease-out active:scale-95 ${s?"bg-ink font-semibold text-white border-ink":"bg-white/90 font-normal text-neutral-700 border-neutral-200/60 hover:bg-white"}`,style:s?void 0:{backdropFilter:"blur(12px)",WebkitBackdropFilter:"blur(12px)"},children:[e.jsx(a,{className:"w-3.5 h-3.5"}),e.jsx("span",{children:n(`categories.${t}`)})]},t)})]}),e.jsx("div",{className:"absolute top-4 right-4 z-[1100] flex flex-col gap-2 items-center",children:e.jsxs("div",{className:"flex flex-col border border-neutral-200/60 rounded-full shadow-md overflow-hidden",style:{background:"rgba(255,255,255,0.55)",backdropFilter:"blur(24px) saturate(1.4)",WebkitBackdropFilter:"blur(24px) saturate(1.4)"},children:[e.jsx("button",{onClick:_e,disabled:q,className:`w-10 h-10 flex items-center justify-center hover:bg-black/5 active:bg-black/10 transition-colors disabled:opacity-50 disabled:cursor-not-allowed ${q?"animate-pulse":""}`,"aria-label":n("controls.locate"),children:e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",style:{transform:"rotate(45deg)"},children:e.jsx("path",{d:"M12 2L4.5 20.3l.7.7L12 18l6.8 3 .7-.7L12 2z",fill:q?"#1A1A1A":"none",stroke:"#1A1A1A",strokeWidth:"2",strokeLinejoin:"round"})})}),e.jsx("div",{className:"h-px bg-neutral-200 mx-2"}),e.jsx("button",{onClick:Xe,className:"w-10 h-10 flex items-center justify-center hover:bg-black/5 active:bg-black/10 transition-colors","aria-label":n(j==="standard"?"controls.satellite":"controls.standard"),children:j==="standard"?e.jsx(nt,{className:"w-4 h-4 text-ink"}):e.jsx(Ct,{className:"w-4 h-4 text-ink"})})]})}),e.jsx("div",{className:"absolute bottom-12 right-4 z-[1100]",children:e.jsxs("div",{className:"flex flex-col border border-neutral-200/60 rounded-full shadow-md overflow-hidden",style:{background:"rgba(255,255,255,0.55)",backdropFilter:"blur(24px) saturate(1.4)",WebkitBackdropFilter:"blur(24px) saturate(1.4)"},children:[e.jsx("button",{onClick:Ke,className:"w-10 h-10 flex items-center justify-center hover:bg-neutral-50 active:bg-neutral-100 transition-colors","aria-label":n("controls.zoomIn"),children:e.jsx(D,{className:"w-4 h-4 text-ink"})}),e.jsx("div",{className:"h-px bg-neutral-200 mx-2"}),e.jsx("button",{onClick:M,className:"w-10 h-10 flex items-center justify-center hover:bg-neutral-50 active:bg-neutral-100 transition-colors","aria-label":n("controls.zoomOut"),children:e.jsx(It,{className:"w-4 h-4 text-ink"})})]})})]})}export{Mr as MapDesktopLayout,St as resolveMapListState};