https://foodvalleybike.com/_next/static/chunks/5139.2d226e8f454526ea.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5139,7520],{5897:(e,t,l)=>{l.d(t,{Ay:()=>m,Cw:()=>x});var n=l(5155),o=l(1217),i=l(6722),r=l(7429),a=l(8564);let c="#95a5a6";function s(e,t){return"https://www.google.com/maps/dir/?api=1&destination=".concat(e,",").concat(t)}function d(e,t){let l="".concat(e," ").concat(null!=t?t:"").trim();return"https://www.google.com/maps/search/?api=1&query=".concat(encodeURIComponent(l))}function p(e){return"tel:".concat(e.replace(/[^\d+]/g,""))}let u={display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},f={color:"var(--primary-color1)",textDecoration:"none",fontWeight:600,whiteSpace:"nowrap"},g={...f,color:"#4285F4"};function m(e){var t,l,m;let{data:h,variant:x="card",view:b="grid"}=e,{t:y}=(0,a.s9)(),v=(0,r.PZ)(null!=(t=h.category)?t:""),w=null!=(l=null==v?void 0:v.color)?l:c,k="popup"===x,j=!k&&"list"===b,_=h.coverUrl,I=(0,n.jsxs)("div",{className:"d-flex flex-wrap align-items-center gap-3 mt-auto",style:{fontSize:k?12:13},children:[(0,n.jsxs)("a",{href:s(h.lat,h.lng),target:"_blank",rel:"noopener noreferrer",style:f,children:[(0,n.jsx)("i",{className:"bi bi-signpost-2 me-1"})," ",y("cta_directions")]}),(0,n.jsxs)("a",{href:d(h.nameIt,h.municipality),target:"_blank",rel:"noopener noreferrer",style:g,title:y("mappa_google_place_card"),children:[(0,n.jsx)("i",{className:"bi bi-google me-1"})," ",y("cta_google_search")]}),h.phone&&(0,n.jsxs)("a",{href:p(h.phone),style:f,children:[(0,n.jsx)("i",{className:"bi bi-telephone me-1"})," ",y("cta_call")]}),h.externalLink&&(0,n.jsxs)("a",{href:h.externalLink,target:"_blank",rel:"noopener noreferrer",style:f,children:[(0,n.jsx)("i",{className:"bi bi-globe me-1"})," ",y("cta_website")]})]}),z=(0,n.jsxs)("div",{style:{position:"relative",flexShrink:0,width:j?220:"100%",height:k?120:j?170:180,background:"".concat(w,"1f")},children:[_?(0,n.jsx)(o.default,{src:_,alt:h.nameIt,fill:!0,style:{objectFit:"cover"}}):(0,n.jsx)("div",{style:{position:"absolute",inset:0,background:w,display:"flex",alignItems:"center",justifyContent:"center"},children:(0,n.jsx)("i",{className:"bi ".concat(null!=(m=null==v?void 0:v.icon)?m:"bi-geo-alt"),style:{fontSize:k?24:48,color:"#fff"}})}),v&&(0,n.jsxs)("span",{style:{position:"absolute",top:10,left:10,background:w,color:"#fff",padding:"3px 10px",borderRadius:14,fontSize:12,fontWeight:600},children:[(0,n.jsx)("i",{className:"bi ".concat(v.icon," me-1")}),(0,n.jsx)(i.default,{it:v.labelIt,en:v.labelEn})]})]});return(0,n.jsxs)("div",{style:{display:"flex",flexDirection:j?"row":"column",background:"#fff",borderRadius:12,overflow:"hidden",border:k?"none":"1px solid #eee",width:k?240:"100%",height:"100%"},children:[z,(0,n.jsxs)("div",{style:{padding:k?"12px 12px 4px":18,flex:1,display:"flex",flexDirection:"column",minWidth:0},children:[j?(0,n.jsx)("h5",{style:{marginBottom:4,fontSize:18},children:h.nameIt}):(0,n.jsx)("h6",{style:{marginBottom:4,fontSize:k?15:16},children:h.nameIt}),h.municipality&&(0,n.jsxs)("span",{style:{fontSize:12,color:"#888",marginBottom:8},children:[(0,n.jsx)("i",{className:"bi bi-geo-alt me-1"}),h.municipality]}),h.descriptionIt&&(0,n.jsx)("p",{style:{fontSize:13,color:"#555",lineHeight:1.5,marginBottom:10,...u},children:h.descriptionIt}),I]})]})}function h(e){return e.replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e])}function x(e){var t,l,n,o,i,a,u;let f=e.category?(0,r.PZ)(e.category):void 0,g=null!=(l=null!=(t=null==f?void 0:f.color)?t:e.fallbackColor)?l:c,m=null!=(o=null!=(n=null==f?void 0:f.icon)?n:e.fallbackIcon)?o:"bi-geo-alt",x=e.coverUrl?h(e.coverUrl):null,b=null!=(a=null!=(i=e.municipality)?i:e.subtitle)?a:null,y=f?'<span style="display:inline-block;background:'.concat(g,';color:#fff;padding:3px 10px;border-radius:14px;font-size:12px;font-weight:600;margin-bottom:6px;"><i class="bi ').concat(f.icon,'"></i> ').concat(h(f.labelIt),"</span>"):"",v=x?"<div style=\"height:110px;background:#eee center/cover no-repeat url('".concat(x,"');border-radius:8px 8px 0 0;margin:-2px -2px 8px;\"></div>"):'<div style="height:64px;background:'.concat(g,';border-radius:8px 8px 0 0;margin:-2px -2px 8px;display:flex;align-items:center;justify-content:center;"><i class="bi ').concat(m,'" style="color:#fff;font-size:24px;"></i></div>'),w=b?'<div style="font-size:12px;color:#888;margin-bottom:6px;"><i class="bi bi-geo-alt"></i> '.concat(h(b),"</div>"):"",k=e.descriptionIt?'<p style="font-size:13px;color:#555;line-height:1.45;margin:0 0 8px;">'.concat(h(function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:110,l=e.trim();return l.length>t?"".concat(l.slice(0,t-1),"…"):l}(e.descriptionIt)),"</p>"):"",j=function(e,t,l){let n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"var(--primary-color1)";return'<a href="'.concat(h(e),'" target="_blank" rel="noopener noreferrer" style="color:').concat(n,';text-decoration:none;font-weight:600;white-space:nowrap;"><i class="bi ').concat(t,'"></i> ').concat(l,"</a>")},_=[j(s(e.lat,e.lng),"bi-signpost-2","Indicazioni"),j(d(e.nameIt,null!=(u=e.municipality)?u:null),"bi-google","Apri in Google","#4285F4")];return e.detailUrl&&_.push(j(e.detailUrl,"bi-box-arrow-up-right","Vedi scheda")),e.phone&&_.push(j(p(e.phone),"bi-telephone","Chiama")),e.externalLink&&_.push(j(e.externalLink,"bi-globe","Sito")),'<div style="width:230px;">'.concat(v,'<div style="padding:0 2px 2px;">').concat(y,'<div style="font-weight:700;font-size:14px;margin-bottom:2px;">').concat(h(e.nameIt),"</div>

1").concat(w).concat(k,'<div style="display:flex;flex-wrap:wrap;gap:10px;font-size:12px;">').concat(_.join(""),"</div></div></div>")}},6722:(e,t,l)=>{l.d(t,{default:()=>i});var n=l(5155),o=l(8564);function i(e){let{it:t,en:l}=e,{locale:i}=(0,o.s9)();return(0,n.jsx)(n.Fragment,{children:"en"===i?l||t||"":t||""})}},7520:(e,t,l)=>{l.r(t),l.d(t,{default:()=>d});var n=l(5155),o=l(2115),i=l(5897),r=l(8564);let a="https://unpkg.com/[email protected]/dist/leaflet.css",c="https://unpkg.com/[email protected]/dist/leaflet.js",s="#e8852b";function d(e){let{markers:t,polylines:l,height:d=600,selectedItem:p,highlightStage:u,onTileModeChange:f}=e,{t:g}=(0,r.s9)(),m=(0,o.useRef)(null),h=(0,o.useRef)(null),x=(0,o.useRef)(null),b=(0,o.useRef)(null),y=(0,o.useRef)(new Map),v=(0,o.useRef)(null),w=(0,o.useRef)(null),k=(0,o.useRef)(null),j=(0,o.useRef)([]),[_,I]=(0,o.useState)(!1),[z,L]=(0,o.useState)("osm");return(0,o.useEffect)(()=>{let e=window.localStorage.getItem("fvb_mappa_tile");("osm"===e||"satellite"===e)&&L(e)},[]),(0,o.useEffect)(()=>{window.localStorage.setItem("fvb_mappa_tile",z),null==f||f(z)},[z,f]),(0,o.useEffect)(()=>{let e=!0;return new Promise((e,t)=>{if(window.L)return e(window.L);if(!document.querySelector('link[href="'.concat(a,'"]'))){let e=document.createElement("link");e.rel="stylesheet",e.href=a,document.head.appendChild(e)}if(document.querySelector('script[src="'.concat(c,'"]'))){let t=setInterval(()=>{window.L&&(clearInterval(t),e(window.L))},100)}else{let l=document.createElement("script");l.src=c,l.async=!0,l.onload=()=>e(window.L),l.onerror=t,document.head.appendChild(l)}}).then(t=>{if(!e||!m.current)return;x.current=t;let n=t.map(m.current,{zoomControl:!0,scrollWheelZoom:!0});h.current=n,w.current=t.tileLayer("https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png",{attribution:"\xa9 OpenStreetMap",maxZoom:18}),k.current=t.tileLayer("https://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",{attribution:"Tiles \xa9 Esri",maxZoom:19});let o=[];j.current=[],l.forEach(e=>{if(e.coords.length>1){let l=t.polyline(e.coords,{color:e.color,weight:5,opacity:.85}).addTo(n);j.current.push({layer:l,pl:e}),e.coords.forEach(e=>o.push(e))}}),b.current=t.layerGroup().addTo(n),o.length>0?n.fitBounds(o,{padding:[40,40]}):n.setView([44.92,10.25],10),I(!0)}),()=>{e=!1,j.current=[],h.current&&(h.current.remove(),h.current=null)}},[]),(0,o.useEffect)(()=>{if(!_)return;let e=h.current,t=w.current,l=k.current;e&&t&&l&&("satellite"===z?(e.hasLayer(t)&&e.removeLayer(t),e.hasLayer(l)||e.addLayer(l)):(e.hasLayer(l)&&e.removeLayer(l),e.hasLayer(t)||e.addLayer(t)))},[z,_]),(0,o.useEffect)(()=>{if(_)for(let{layer:t,pl:l}of j.current){var e;let n="satellite"===z&&null!=(e=l.satelliteColor)?e:l.color;t.setStyle({color:n})}},[z,_]),(0,o.useEffect)(()=>{if(!_)return;let e=x.current,l=b.current;e&&l&&(l.clearLayers(),y.current.clear(),t.forEach(t=>{var n;let o=e.divIcon({html:'<div style="background:'.concat(t.color,';width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,0.4);"><i class="bi ').concat(t.icon,'" style="color:#fff;font-size:13px;"></i></div>'),className:"fvb-poi-icon",iconSize:[26,26],iconAnchor:[13,13]}),r=t.title.replace(/[&<>"']/g,e=>({"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"})[e]),a=e.marker([t.lat,t.lng],{icon:o,zIndexOffset:null!=(n=t.zIndexOffset)?n:0}).addTo(l).bindTooltip(r).bindPopup((0,i.Cw)({nameIt:t.title,category:t.category,municipality:t.municipality,subtitle:t.subtitle,descriptionIt:t.description,coverUrl:t.cover,phone:t.phone,externalLink:t.website,lat:t.lat,lng:t.lng,fallbackColor:t.color,fallbackIcon:t.icon,detailUrl:t.detailUrl}),{maxWidth:260,minWidth:232});y.current.set(t.id,a)}))},[t,_]),(0,o.useEffect)(()=>{if(!_||!p||!h.current)return;let e=h.current;if(p.bounds?e.fitBounds(p.bounds,{padding:[40,40],maxZoom:14}):null!=p.lat&&null!=p.lng&&e.flyTo([p.lat,p.lng],16,{duration:.6}),null!=p.id){let e=y.current.get(p.id);e&&setTimeout(()=>e.openPopup(),650)}},[p,_]),(0,o.useEffect)(()=>{var e;if(!_||!h.current)return;let t=x.current,l=h.current;if(v.current&&(l.removeLayer(v.current),v.current=null),!u)return;let n=t.featureGroup();u.coords&&u.coords.length>1&&t.polyline(u.coords,{color:s,weight:7,opacity:.85}

1).addTo(n),(null!=(e=u.ringPoints)?e:[]).forEach(e=>{t.circleMarker(e,{radius:14,color:s,weight:3,fillOpacity:0}).addTo(n)}),n.addTo(l),v.current=n,u.coords&&u.coords.length>1?l.fitBounds(u.coords,{padding:[40,40]}):u.bounds&&l.fitBounds(u.bounds,{padding:[50,50]})},[u,_]),(0,n.jsxs)("div",{style:{position:"relative",width:"100%",height:d},children:[(0,n.jsx)("div",{ref:m,style:{width:"100%",height:"100%",borderRadius:16,overflow:"hidden",background:"#e9ecef"}}),(0,n.jsxs)("div",{className:"mappa-tile-toggle",children:[(0,n.jsxs)("button",{type:"button",onClick:()=>L("osm"),className:"osm"===z?"active":"","aria-label":g("mappa_osm_view_label"),children:[(0,n.jsx)("i",{className:"bi bi-map"})," ",g("nav_mappa")]}),(0,n.jsxs)("button",{type:"button",onClick:()=>L("satellite"),className:"satellite"===z?"active":"","aria-label":g("mappa_satellite_view_label"),children:[(0,n.jsx)("i",{className:"bi bi-globe-americas"})," ",g("mappa_satellite_view")]})]}),(0,n.jsx)("style",{children:"\n        .mappa-tile-toggle { position: absolute; top: 80px; right: 10px; z-index: 1000; display: flex; gap: 0; background: #fff; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.2); overflow: hidden; }\n        .mappa-tile-toggle button { border: none; background: #fff; padding: 8px 12px; font-size: 12px; font-weight: 600; cursor: pointer; color: #555; display: flex; align-items: center; gap: 6px; }\n        .mappa-tile-toggle button.active { background: var(--primary-color1); color: #fff; }\n        .mappa-tile-toggle button:not(.active):hover { background: #f0f0f0; }\n      "})]})}}}]);