https://www.naturskyddsforeningen.se/_next/static/chunks/5499.21b0742eb29d91b4.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5499],{7454:function(e,s){"use strict";s.Z=[{featureType:"administrative",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"administrative.country",elementType:"geometry.stroke",stylers:[{visibility:"off"}]},{featureType:"administrative.province",elementType:"geometry.stroke",stylers:[{visibility:"off"}]},{featureType:"landscape",elementType:"geometry",stylers:[{visibility:"on"},{color:"#e3e3e3"}]},{featureType:"landscape",elementType:"geometry.fill",stylers:[{color:"#ffffff"}]},{featureType:"landscape.natural",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"poi",elementType:"all",stylers:[{visibility:"off"}]},{featureType:"road",elementType:"all",stylers:[{visibility:"off",color:"#cccccc"}]},{featureType:"road",elementType:"geometry.fill",stylers:[{lightness:"68"}]},{featureType:"road",elementType:"geometry.stroke",stylers:[{lightness:"100"}]},{featureType:"road",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"transit",elementType:"labels.icon",stylers:[{visibility:"off"}]},{featureType:"transit.line",elementType:"geometry",stylers:[{visibility:"off"}]},{featureType:"transit.line",elementType:"labels.text",stylers:[{visibility:"off"}]},{featureType:"transit.station.airport",elementType:"geometry",stylers:[{visibility:"off"}]},{featureType:"transit.station.airport",elementType:"labels",stylers:[{visibility:"off"}]},{featureType:"water",elementType:"geometry",stylers:[{color:"#FFFFFF"}]},{featureType:"water",elementType:"geometry.fill",stylers:[{color:"#c8e7ef"}]},{featureType:"water",elementType:"labels",stylers:[{visibility:"off"}]}]},85499:function(e,s,l){"use strict";l.r(s),l.d(s,{default:function(){return _}});var t=l(85893),i=l(89755),a=l.n(i),r=l(37485),n=l(58282),o=l(86848),d=l(28499),c=l(98265),m=l.n(c),p=l(67294),f=l(2482),y=l(93967),u=l.n(y),g=l(7454),h=l(66832);l(64172);var x=l(2261),v=l(78818),b=l(1666),j=l.n(b);function w(e){let{activity:s}=e,[l,i]=(0,p.useState)(null),[r,n]=(0,p.useState)(!1);return((0,p.useEffect)(()=>n(!0),[]),r)?(0,t.jsxs)(x.tq,{className:j().swiper,modules:[h.W_,h.s5],slidesPerView:1,onSwiper:i,children:[s.files.map((e,s)=>(0,t.jsx)(x.o5,{children:(0,t.jsx)("figure",{className:"relative aspect-w-4 aspect-h-3",children:(0,t.jsx)(a(),{src:e.url,alt:(null==e?void 0:e.title)||"Bild",layout:"fill",objectFit:"cover"})})},s)),(0,t.jsx)("button",{type:"button","aria-label":"F\xf6reg\xe5ende",onClick:()=>null==l?void 0:l.slidePrev(),className:"absolute z-10 flex items-center justify-center w-10 h-10 transition-all bg-white rounded-full swiper-nav bottom-4 left-4",children:(0,t.jsx)(v.Z,{className:"w-5 h-auto transform rotate-180"})}),(0,t.jsx)("button",{type:"button","aria-label":"N\xe4sta",onClick:()=>null==l?void 0:l.slideNext(),className:"absolute z-10 flex items-center justify-center w-10 h-10 transition-all bg-white rounded-full swiper-nav bottom-4 right-4",children:(0,t.jsx)(v.Z,{className:"w-5 h-auto"})})]}):null}function _(e){let{block:s}=e,l={private:"Enskild v\xe4gkant",municipal:"Kommunal v\xe4gkant",state:"Statlig v\xe4gkant"},[i,a]=(0,p.useState)(null),c=s.attrs.species,y={started:"#f0e100",living:"#68a635",demo:"#68a53f"},h=(e,s,l,t)=>{var i;let r=new s.drawing.DrawingManager({drawingMode:s.drawing.OverlayType.POLYLINE}),n=JSON.parse(t.coordinates.coordinates),o=new s.Polyline({path:n,geodesic:!0,strokeColor:null!==(i=y[t.status])&&void 0!==i?i:"#fff",strokeOpacity:.9,strokeWeight:4});o.setMap(e),o.setEditable(!1),r.setOptions({drawingControl:!1,drawingMode:null,drawingControlOptions:{drawingModes:[]}}),r.setMap(e),t.speciesToShowOnMap.forEach(s=>{s.markers.forEach(l=>{let t=new window.google.maps.Marker({position:new window.google.maps.LatLng(l.lat,l.lng),map:e});window.google.maps.event.addListener(t,"click",function(){a(s)})})})},x=e=>{let{marker:s}=e;if(null===s)return null;let l=c.find(e=>e.specie_key==s.specie_key);return l?(0,t.jsx)("div",{className:m().cardHolder,children:(0,t.jsxs)("div",{className:m().card,children:[(0,t.jsx)("div",{onClick:()=>a(null),className:u()(m().hideBtn),children:(0,t.jsx)(f.Z,{className:u()("close","black")})}),(null==l?void 0:l.specie_image)&&(0,t.jsx)("figure",{className:"relative aspect-w-4 aspect-h-3",children:(0,t.jsx)("img",{src:l.specie_image})}),(0,t.jsxs)("div",{className:"p-4 text-base",children:[(0,t.jsxs)("h4",{children:[l.specie_name," 

1(",l.specie_latin_name,")"]}),(0,t.jsx)("p",{children:l.specie_description}),l.specie_red_listed&&(0,t.jsx)(t.Fragment,{children:"R\xf6dlistad"})]})]})}):null};return(0,t.jsx)(t.Fragment,{children:(0,t.jsx)(r.Z,{block:s,children:s.attrs.info.distances.map((e,a)=>{var r;let c=null==e?void 0:null===(r=e.coordinates)||void 0===r?void 0:r.coordinates,f=!0;return c?c=JSON.parse(e.coordinates.coordinates):(f=!1,c=[{lat:0,lng:0}]),(0,t.jsxs)("div",{className:"mb-10",children:[(0,t.jsx)("h1",{className:"mb-4",children:e.title}),(0,t.jsxs)("p",{className:"font-serif text-2xl",children:[l[e.type],(0,t.jsx)("br",{}),e.hasOrganization&&e.organization&&(0,t.jsxs)(t.Fragment,{children:["V\xe4gstr\xe4ckan ing\xe5r i ",e.organization,(0,t.jsx)("br",{})]}),(e.coordinates.meters/1e3).toFixed(2)," KM",(0,t.jsx)("br",{})]}),""!==e.content&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h2",{className:"mb-4 mt-15",children:"Information"}),(0,t.jsx)("p",{className:"preamble",children:e.description})]}),e.media.length>0&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h2",{className:"mb-4 mt-15",children:"Bilder"}),e.media.map((e,s)=>(0,t.jsx)(p.Fragment,{children:(0,t.jsx)("img",{className:m().distanceImage,src:e})},s))]}),e.activities.length>0&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)("div",{className:"flex items-center mb-10 mt-15",children:[(0,t.jsx)("h2",{children:"V\xe5ra aktiviteter"}),(0,t.jsxs)("span",{className:"block px-4 py-2 ml-4 bg-summer-green-50 rounded-[32px]",children:[e.activities.length," st"]})]}),(0,t.jsx)("div",{className:"grid grid-cols-1 md:grid-cols-2 md:gap-10 lg:grid-cols-3",children:e.activities.map((e,l)=>(0,t.jsx)("div",{children:(0,t.jsxs)("div",{className:"rounded-[4px] overflow-hidden mb-10",children:[e.files.length>0?(0,t.jsx)(w,{activity:e}):(0,t.jsx)("figure",{className:"relative aspect-w-4 aspect-h-3",children:(0,t.jsx)(n.Z,{className:"object-cover"})}),(0,t.jsxs)("div",{className:"p-4 bg-white",children:[(0,t.jsxs)("div",{className:"flex items-start gap-4 mb-2",children:[(0,t.jsx)("div",{children:(0,t.jsx)(o.J,{svg:s.attrs.activities[e.activity].icon.content})}),(0,t.jsxs)("div",{children:[(0,t.jsx)("h5",{className:"mb-2 font-sans font-medium",children:s.attrs.activities[e.activity].activity_name}),(0,t.jsx)("span",{className:"block text-xs leading-3 font-bold uppercase tracking-[1px]",children:"completed"===e.status?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"inline-block mr-2 rounded-full w-3 h-3 bg-[#F8AF8F]"}),(0,t.jsx)("span",{className:"relative -top-[1px]",children:"Planerad"})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("span",{className:"inline-block w-3 h-3 mr-2 rounded-full bg-summer-green-100"}),(0,t.jsx)("span",{className:"relative -top-[1px]",children:"Genomf\xf6rd"})]})})]})]}),(0,t.jsx)("p",{className:"text-base",children:e.description})]})]})},l))})]}),f&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("h2",{className:"mb-10 mt-15",children:"Karta med artfynd och sk\xf6tsel\xe5tg\xe4rder"}),(0,t.jsxs)("div",{className:"w-full h-[800px]",children:[(0,t.jsx)(d.ZP,{yesIWantToUseGoogleMapApiInternals:!0,className:"relative",bootstrapURLKeys:{key:"AIzaSyCW6-0ePU8pRlbrzRMeBumaniIYvqrJGpc",libraries:["drawing"]},center:{lat:c[0].lat,lng:c[0].lng},zoom:12,onGoogleApiLoaded:s=>{let{map:l,maps:t}=s;return h(l,t,a,e)},options:{styles:g.Z,fullscreenControl:!0,zoomControl:!0,scrollwheel:!0,disableDefaultUI:!0,mapTypeId:"hybrid",mapTypeControl:!0},disableDoubleClickZoom:!0},e.id),(0,t.jsx)(x,{marker:i})]})]})]},a)})})})}},98265:function(e){e.exports={mapHolder:"flowerfieldMap_mapHolder__etDS5",slider:"flowerfieldMap_slider__wfKxl",sliderHolder:"flowerfieldMap_sliderHolder__DS_3h",slideButtonLeft:"flowerfieldMap_slideButtonLeft__wC827",slideButtonRight:"flowerfieldMap_slideButtonRight__dRjhA",slideImage:"flowerfieldMap_slideImage__do5Bf",imageHolder:"flowerfieldMap_imageHolder__M71wz",map:"flowerfieldMap_map__jBJYd",flowerfieldMap:"flowerfieldMap_flowerfieldMap__Rjy6F",hideBtn:"flowerfieldMap_hideBtn__9C4L2",cardHolder:"flowerfieldMap_cardHolder__JEa93",card:"flowerfieldMap_card__PAd96",legend:"flowerfieldMap_legend__eRz8L",distanceImage:"flowerfieldMap_distanceImage__N5N_E"}}}]);

2//# sourceMappingURL=5499.21b0742eb29d91b4.js.map