https://www.naturskyddsforeningen.se/_next/static/chunks/2506.d3929cb76078e7ec.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2506],{2506:function(e,t,l){"use strict";l.r(t),l.d(t,{default:function(){return g}});var a=l(85893),n=l(93967),s=l.n(n),o=l(67294),r=l(36926),i=l(89755),c=l.n(i),d=l(44151),u=l.n(d),h=l(98992),m=function(e){let{data:t,className:l,aspectRatio:n=!1,hovered:o=!1,onMouseEnter:i=()=>{},onMouseLeave:d=()=>{}}=e,m={className:"object-cover object-center",src:t.image.url,alt:t.image.alt,loading:"lazy"},{theme:v}=(0,r.gt)(),x=s()("w-16 h-16 md:w-24 md:h-24 text-center absolute top-1/2 left-1/2 z-20 focus:outline-none",u().playButton),f=s()("block absolute top-0 left-0 w-full h-full rounded-full",u().buttonAnimation,u().btnColor,null==v?void 0:v.accentColor);return n?m.layout="fill":(m.width=t.image.width,m.height=t.image.height),m.sizes=t.image.sizes,(0,a.jsx)("a",{href:t.url,className:"block ".concat(l," ").concat(u().video," ").concat(o?"hover":""),onMouseLeave:d,onMouseEnter:i,children:(0,a.jsxs)("figure",{className:"relative ".concat(n||""),children:[(0,a.jsx)("div",{className:"w-full h-full ".concat(u().overlay)}),(0,a.jsxs)("button",{"aria-label":"Spela video",className:x,children:[(0,a.jsx)("div",{className:f}),(0,a.jsx)(h.Z,{className:"w-4 md:w-[22px] h-auto ml-6.5 md:ml-10"})]}),t.image.url&&(0,a.jsx)("div",{className:u().blockChildImage,children:(0,a.jsx)(c(),{...m})})]})})},v=l(826),x=l.n(v),f=l(37485),_=l(67483),p=l(44107),b=l(38054),j=l(39826);function g(e){var t,l;let n,{block:s}=e,{button:r,videos:i,heading:c,text:d}=s.attrs,[u,h]=(0,o.useState)(!1);if(0===i.length)return null;let m=[];return i.forEach((e,t)=>{0===t?n=e:m.push(e)}),(0,a.jsxs)(f.Z,{width:"bleed",block:s,children:[c&&d&&(0,a.jsx)("header",{className:x().header,children:(0,a.jsx)(b.Z,{heading:c,text:d,className:"inner-header"})}),(0,a.jsxs)(_.Z,{gap:m.length>0?"none":"normal",layout:"left",hovered:u,setHovered:h,data:{url:n.video,poster:{url:n.image.url,alt:n.image.alt,sizes:"(max-width: 1024px) 100vw, (min-width: 1024px) 50vw"}},className:x().mainArticle,children:[(0,a.jsx)(p.Z,{article:n,hovered:u,setHovered:h}),0===m.length&&r.url&&(0,a.jsx)(j.Z,{theme:null!==(t=r.theme)&&void 0!==t?t:"lime",tagName:"a",ariaLabel:r.label,href:r.url,target:r.target,className:x().articleButton,children:r.label})]}),m.length>0&&(0,a.jsxs)("div",{className:x().plate,children:[(0,a.jsx)("div",{className:x().wrapper,children:m.map((e,t)=>(0,a.jsx)(N,{article:e},"blurbVideo-".concat(t)))}),(null==r?void 0:r.url)&&(0,a.jsx)("div",{className:x().buttonWrapper,children:(0,a.jsx)(j.Z,{theme:null!==(l=r.theme)&&void 0!==l?l:"light-lime",tagName:"a",ariaLabel:r.label,href:r.url,target:r.target,className:x().button,children:r.label})})]})]})}let N=e=>{let{article:t}=e,[l,n]=(0,o.useState)(!1),{theme:i}=(0,r.gt)();return t.tag=!1,(0,a.jsxs)("div",{className:s()({"text-white":(null==i?void 0:i.txtColor)==="white"}),children:[(0,a.jsx)(m,{data:t,className:"block mb-3",hovered:l,aspectRatio:"aspect-w-16 aspect-h-12",onMouseLeave:()=>{n(!1)},onMouseEnter:()=>{n(!0)}}),(0,a.jsx)(p.Z,{article:t,hovered:l,setHovered:n})]})}},44107:function(e,t,l){"use strict";l.d(t,{Z:function(){return r}});var a=l(85893),n=l(5493),s=l(93967),o=l.n(s);function r(e){let{article:t,hideTag:l=!1,setHovered:s=()=>{},hovered:r=!1}=e;return(0,a.jsxs)("div",{className:"flex flex-col items-start",children:[t.tag.label&&!l&&(0,a.jsx)(n.Z,{children:(0,a.jsx)("a",{href:t.tag.url,children:t.tag.label})}),(0,a.jsx)("a",{className:"pb-4",href:t.url,onMouseEnter:()=>s(!0),onMouseLeave:()=>s(!1),children:(0,a.jsx)("h2",{className:o()("text-has-hover-effect",{"text-hover-effect":r}),children:t.title})}),(0,a.jsx)("p",{className:"mb-2 text-lg",children:t.lead}),(0,a.jsx)("div",{className:"text-meta",children:(0,a.jsx)(()=>{var e;let l=t.meta.dateline.readTime>0&&t.meta.dateline.readTime+" min att l\xe4sa";return[t.meta.byline&&"Av: "+t.meta.byline,(null===(e=t.meta.dateline)||void 0===e?void 0:e.showModified)?t.meta.dateline.modified:t.meta.dateline.created,l].filter(Boolean).join(" • ")},{})})]})}},98992:function(e,t,l){"use strict";l.d(t,{Z:function(){return n}});var a=l(85893);function n(e){let{className:t="w-20"}=e;return(0,a.jsx)("svg",{role:"img","aria-label":"Spela upp",xmlns:"http://www.w3.org/2000/svg",className:t,viewBox:"0 0 22 28",children:(0,a.jsx)("path",{d:"M0 0v28l22-14L0 0Z"})})}},38054:function(e,t,l){"use strict";l.d(t,{Z:function(){return i}});var a=l(85893),n=l(93967),s=l.n(n),o=l(37692),r=l.n(o);function i(e){let{icon:t,heading:l,text:n,align:o,className:i}=e,d=n&&n.length>0;

1if(0===[t,l,n].filter(Boolean).length)return null;let u=[r().wrapper,i,{"block-header":!0,"no-text":!d,"no-icon":!t,center:"center"===o,"inner-column":"inner-column"===o}];return(0,a.jsxs)("div",{className:s()(u),children:[(0,a.jsx)(c,{icon:t}),(0,a.jsx)("h2",{children:l}),d&&(0,a.jsx)("div",{className:"lead",dangerouslySetInnerHTML:{__html:n}})]})}let c=e=>{let{icon:t}=e;return t?(0,a.jsx)("div",{className:"icon",dangerouslySetInnerHTML:{__html:t}}):null}},5493:function(e,t,l){"use strict";var a=l(85893),n=l(93967),s=l.n(n),o=l(95677),r=l.n(o);t.Z=function(e){let{className:t="",children:l}=e;return(0,a.jsx)("span",{className:s()(r().headingLabel,t),children:l})}},67483:function(e,t,l){"use strict";l.d(t,{Z:function(){return d}});var a=l(85893),n=l(3961),s=l(37485),o=l(16068),r=l.n(o),i=l(93967),c=l.n(i);function d(e){let{headline:t,data:l,layout:o,children:i,gap:d="normal",hovered:u=!1,setHovered:h=()=>{},className:m}=e;return(0,a.jsx)(s.Z,{width:"bleed",gap:d,className:c()(r().videoBlock,r()["layout-"+o],m),children:(0,a.jsxs)(s.Z,{width:"full",gap:d,children:[t&&(0,a.jsx)("h3",{className:r().headline,children:t}),(0,a.jsxs)("div",{className:r().videoGrid,children:[(0,a.jsx)(n.Z,{data:l,className:r().videoContainer,onMouseEnter:()=>{h(!0)},onMouseLeave:()=>{h(!1)},hovered:u}),(0,a.jsx)("div",{className:r().videoContent,children:i})]})]})})}},3961:function(e,t,l){"use strict";l.d(t,{Z:function(){return x}});var a=l(85893),n=l(67294),s=l(44151),o=l.n(s),r=l(98992),i=l(89755),c=l.n(i),d=l(15655),u=l.n(d),h=l(36926),m=l(93967),v=l.n(m);function x(e){let{data:t,className:l,figureClasses:s,onMouseEnter:i=()=>{},onMouseLeave:d=()=>{},hovered:m=!1}=e,{theme:x}=(0,h.gt)(),[f,_]=(0,n.useState)(!0),[p,b]=(0,n.useState)(!1),[j,g]=(0,n.useState)(!1),N=(0,n.useRef)(null);if((0,n.useEffect)(()=>{b(!0)},[]),!p)return null;let w=["w-16 h-16 md:w-24 md:h-24 text-center absolute top-1/2 left-1/2 z-20 focus:outline-none",o().playButton],k=["block absolute top-0 left-0 w-full h-full rounded-full",o().btnColor,o().buttonAnimation,null==x?void 0:x.accentColor];return(0,a.jsx)("div",{className:v()([l,o().video,{hover:m}]),onMouseLeave:d,onMouseEnter:i,children:(0,a.jsxs)("figure",{className:v()(["relative w-full h-full aspect-w-16 aspect-h-9",s]),children:[f&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:o().overlay}),(0,a.jsxs)("button",{"aria-label":"Spela video",className:v()(w),onClick:()=>{var e;_(!1),g(!0),null===(e=N.current)||void 0===e||e.seekTo(0,"seconds")},children:[(0,a.jsx)("span",{className:v()(k)}),(0,a.jsx)(r.Z,{className:"w-4 md:w-[22px] h-auto ml-6.5 md:ml-10"})]})]}),t.poster&&f&&(0,a.jsx)(c(),{className:"z-10 object-cover object-center w-full h-full",src:t.poster.url,alt:t.poster.alt,sizes:t.poster.sizes,layout:"fill",loading:"lazy"}),(0,a.jsx)(u(),{ref:N,url:t.url,playing:j,controls:!0,width:"100%",height:"100%"})]})})}},826:function(e){e.exports={mainArticle:"video-teasers_mainArticle__jM_Df",wrapper:"video-teasers_wrapper__qM6x_",header:"video-teasers_header__fbqHb",buttonWrapper:"video-teasers_buttonWrapper__O_9eO",button:"video-teasers_button__0V1hU",articleButton:"video-teasers_articleButton__y38Dn",plate:"video-teasers_plate__q9kDA"}},37692:function(e){e.exports={wrapper:"block-header_wrapper__Lsr3y"}},95677:function(e){e.exports={headingLabel:"headingLabel_headingLabel__jtxJp"}},16068:function(e){e.exports={videoBlock:"textVideoBlock_videoBlock__MzPcd",videoContent:"textVideoBlock_videoContent__3tX0d","layout-left":"textVideoBlock_layout-left__yxXOs",videoContainer:"textVideoBlock_videoContainer__SVlYs",videoGrid:"textVideoBlock_videoGrid__2q7BR",headline:"textVideoBlock_headline__2Pakx"}},44151:function(e){e.exports={playButton:"video_playButton__iyckp",buttonAnimation:"video_buttonAnimation__YW2A3",btnColor:"video_btnColor__yd85a",video:"video_video__Z16Di",overlay:"video_overlay__C8icQ"}}}]);
2//# sourceMappingURL=2506.d3929cb76078e7ec.js.map