https://www.sensus.se/_next/static/chunks/6610.e0635eeae3f4cd44.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1135,6610],{11135:(e,a,l)=>{"use strict";l.r(a),l.d(a,{default:()=>r});var _=l(37876);l(14232);var t=l(15039),s=l.n(t),i=l(12911),n=l.n(i);let r=e=>{let{title:a="",tag:l="",modifiers:t=[],children:i=""}=e,r=s()(n().Title,t.map(e=>[n()["Title--".concat(e)]]),{[n()["Title--HasChildren"]]:!!i});return(0,_.jsxs)("div",{className:r,children:[l&&(0,_.jsx)("span",{className:n().Title__Tag,children:l}),a&&(0,_.jsx)("h2",{className:n().Title__Title,children:a}),i]})}},12911:e=>{e.exports={Title:"Title_Title__huj7D","Title--NoMargin":"Title_Title--NoMargin__rXNIa",Title__Tag:"Title_Title__Tag__9w45T",Title__Title:"Title_Title__Title__yj_r8","Title--HasChildren":"Title_Title--HasChildren__eEoxs"}},49563:e=>{e.exports={Map__MainDesc:"MapPoiBlock_Map__MainDesc__Urmn8",Map__Map:"MapPoiBlock_Map__Map__5d0MY",Map__InfoWindow:"MapPoiBlock_Map__InfoWindow__aOLzp",Map__Title:"MapPoiBlock_Map__Title__sA9hi",Map__Link:"MapPoiBlock_Map__Link__mzGkp",Map__Icon:"MapPoiBlock_Map__Icon___GLeh",Map__Address:"MapPoiBlock_Map__Address__wriOI",Map__Marker:"MapPoiBlock_Map__Marker__M2NOa",Map__Marker__Content:"MapPoiBlock_Map__Marker__Content__CLkoS",Map__Cluster:"MapPoiBlock_Map__Cluster__41h1l"}},56610:(e,a,l)=>{"use strict";l.r(a),l.d(a,{default:()=>C});var _=l(3576),t=l(62701),s=l(65699),i=l(51280),n=l(37876),r=l(14232),o=l(38018),p=l(57447),c=l(45432),M=l(15039),d=l.n(M),u=l(49563),k=l.n(u),h=l(11135);let m={height:"500px",width:"100%"},T={lat:62.38583179,lng:16.321998712},f=e=>{let{items:a}=e,l=(0,p.ko)(),[o,M]=(0,r.useState)(null),[d,u]=(0,r.useState)({}),h={render:e=>{let{count:a,position:l}=e,_=document.createElement("div");return _.textContent=a,_.className=k().Map__Cluster,new google.maps.marker.AdvancedMarkerElement({position:l,content:_})}},f=(0,r.useMemo)(()=>l?new c.w1({map:l,renderer:h}):null,[l]);(0,r.useEffect)(()=>{if(!l||0===a.length)return;let e=new google.maps.LatLngBounds;if(a.forEach(a=>{e.extend({lat:a.position.lat,lng:a.position.lng})}),1===a.length){l.setZoom(18),l.setCenter(e.getCenter());return}l.fitBounds(e)},[a,l]),(0,r.useEffect)(()=>{f&&(f.clearMarkers(),f.addMarkers(Object.values(d)))},[f,d]);let C=(0,r.useCallback)((e,a)=>{u(l=>{if(e&&l[a]||!e&&!l[a])return l;if(e)return(0,t._)((0,_._)({},l),{[a]:e});{let{[a]:e}=l;return(0,s._)(l,[a].map(i._))}})},[]),j=e=>{M(e)},N=()=>{M(null)};return(0,n.jsxs)(p.T5,{style:m,defaultCenter:T,defaultZoom:5,disableDefaultUI:!0,mapId:"sensus-poi-map",onClick:()=>N(),children:[a&&a.map(e=>(0,n.jsx)(x,{item:e,onMarkerClick:j,setMarkerRef:C},e.id)),o&&(0,n.jsx)(p.Fu,{position:{lat:o.position.lat,lng:o.position.lng},pixelOffset:[0,-25],onCloseClick:()=>N(),children:(0,n.jsx)(g,(0,_._)({},o))})]})},x=e=>{let{item:a,onMarkerClick:l,setMarkerRef:_}=e,t=(0,r.useCallback)(e=>_(e,a.id),[_,a.id]),s=a.icon||"fas fa-map-marker-alt";return(0,n.jsx)(p.J8,{ref:t,position:{lat:a.position.lat,lng:a.position.lng},collisionBehavior:p.tC.REQUIRED,onClick:()=>l(a),children:(0,n.jsx)("div",{className:k().Map__Marker,children:(0,n.jsx)("span",{className:d()(k().Map__Marker__Content,s)})})},a.id)},g=e=>{let{title:a="",info:l="",link:_=""}=e;return(0,n.jsxs)("div",{className:k().Map__InfoWindow,children:[(0,n.jsx)("h3",{className:k().Map__Title,children:a}),l&&(0,n.jsx)("p",{className:k().Map__Address,children:l}),_&&(0,n.jsxs)("a",{className:k().Map__Link,href:_,target:"_blank",children:["L\xe4s mer h\xe4r",(0,n.jsx)("span",{className:d()(k().Map__Icon,"fas fa-arrow-right")})]})]})},C=e=>{let{title:a="",preTitle:l="",description:_="",poiList:t=[]}=e,{googleMapsV3Apikey:s}=(0,r.useContext)(o.BR);return(0,n.jsxs)("div",{children:[(a||l)&&(0,n.jsx)(h.default,{title:a,tag:l}),_&&(0,n.jsx)("p",{className:k().Map__MainDesc,children:_}),(0,n.jsx)(p.c4,{apiKey:s,language:"sv",className:k().Map,children:(0,n.jsx)(f,{items:t,openItem:null,labels:[]})})]})}}}]);
2//# sourceMappingURL=6610.e0635eeae3f4cd44.js.map