https://www.nemosciencemuseum.nl/_next/static/chunks/3733.88a459e03230a8aa.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3733],{98196:function(e,a,t){t.d(a,{X6:function(){return r},e9:function(){return o},iv:function(){return s}});var n=t(88060),l=t(68512);let i={[n.Z.HOMEPAGE]:{multilanguage:!0,defaultReferencable:!1,singleton:!0},[n.Z.SITE_CONFIG]:{multilanguage:!1,defaultReferencable:!1,singleton:!0},[n.Z.DISCOVER_OVERVIEW]:{multilanguage:!0,defaultReferencable:!0,singleton:!0},[n.Z.EDUCATION_OVERVIEW]:{multilanguage:!0,defaultReferencable:!1,singleton:!0},[n.Z.TO_DO_OVERVIEW]:{multilanguage:!0,defaultReferencable:!0,singleton:!0,pathPrefix:{nl:"doen",en:"to-do"}},[n.Z.PLAN_YOUR_VISIT_OVERVIEW]:{multilanguage:!0,defaultReferencable:!0,singleton:!0},[n.Z.PLAN_YOUR_VISIT_PAGE]:{multilanguage:!0,defaultReferencable:!0,pathPrefix:{nl:"plan-je-bezoek",en:"plan-your-visit"},dynamicParam:"[slug]"},[n.Z.STORY_PAGE]:{multilanguage:!0,defaultReferencable:!0,pathPrefix:{nl:"stories",en:"stories"},dynamicParam:"[slug]"},[n.Z.ROOFTOP_DASHBOARD]:{multilanguage:!0,defaultReferencable:!0,singleton:!0,pathPrefix:{nl:"dakplein-in-data",en:"rooftop-square-in-data"}},[n.Z.CONTENT_PAGE]:{multilanguage:!0,defaultReferencable:!0,pathPrefix:{nl:"",en:""},dynamicParam:"[...slug]"},[n.Z.EXHIBITION_PAGE]:{multilanguage:!0,defaultReferencable:!0,pathPrefix:{nl:"doen/tentoonstelling",en:"to-do/exhibition"},dynamicParam:"[slug]"},[n.Z.ACTIVITY_PAGE]:{multilanguage:!0,defaultReferencable:!0,pathPrefix:{nl:"doen/activiteit",en:"to-do/event"},dynamicParam:"[slug]"},[n.Z.DISCOVER_PAGE]:{multilanguage:!0,defaultReferencable:!0,pathPrefix:{nl:"ontdek",en:"discover"},dynamicParam:"[slug]"},[n.Z.EDUCATION_PAGE]:{multilanguage:!0,defaultReferencable:!0,pathPrefix:{nl:"onderwijs-aanbod",en:"education-programme"},dynamicParam:"[slug]"},[n.Z.TO_DO_THEME]:{multilanguage:!0,defaultReferencable:!1},[n.Z.TO_DO_AUDIENCE]:{multilanguage:!0,defaultReferencable:!1},[n.Z.TO_DO_LOCATION]:{multilanguage:!0,defaultReferencable:!1},[n.Z.TO_DO_EVENT_TYPE]:{multilanguage:!0,defaultReferencable:!1},[n.Z.EDUCATION_THEME]:{multilanguage:!0,defaultReferencable:!1},[n.Z.EDUCATION_LESSON]:{multilanguage:!0,defaultReferencable:!1},[n.Z.EDUCATION_LEVEL]:{multilanguage:!0,defaultReferencable:!1},[n.Z.PARTNER]:{multilanguage:!0,defaultReferencable:!1}};({...Object.values(i).reduce((e,a)=>{let t=e;return a.pathPrefix&&(t={...t,["/".concat(a.pathPrefix[l.Z])]:Object.entries(a.pathPrefix).reduce((e,a)=>{let[t,n]=a;return{...e,[t]:"/".concat(n)}},{})},a.dynamicParam&&(t={...t,["/".concat(a.pathPrefix[l.Z],"/").concat(a.dynamicParam)]:Object.entries(a.pathPrefix).reduce((e,t)=>{let[n,l]=t;return{...e,[n]:"/".concat(l,"/").concat(a.dynamicParam)}},{})})),t},{})});let r=Object.entries(i).reduce((e,a)=>{let[t,n]=a;return n.multilanguage?[...e,t]:e},[]),o=Object.entries(i).reduce((e,a)=>{let[t,n]=a;return n.defaultReferencable?[...e,t]:e},[]),s=Object.entries(i).reduce((e,a)=>{let[t,n]=a;return n.singleton?[...e,t]:e},[]);a.ZP=i},5939:function(e,a,t){t.r(a),t.d(a,{default:function(){return j}});var n=t(57437),l=t(2265),i=t(66454),r=t(45008),o=t(34043),s=t(58237),c=t(18890),u=t(71371);function d(){let e=(0,r._)(["\n            width: 329px;\n        "]);return d=function(){return e},e}let f=o.ZP.div.withConfig({componentId:"sc-330f6d6d-0"})([".slide{width:85%;position:relative;"," &.initial-slide{background-color:",";}}.size-helper{width:100%;}.icon-wrapper{position:relative;margin-left:0.1em;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;","{svg{width:100%;height:100%;}}&::before{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:",";border-radius:50%;transition:transform 0.3s ease-out;transform:scale(0);}}.icon{position:relative;transition:color 0.3s ease-out;}.teaser{aspect-ratio:auto 329 / 500;color:",";display:flex;flex-direction:column;justify-content:center;text-decoration:none;&:hover{.icon-wrapper{.icon{color:",";}&::before{transform:scale(1);}}}.content{padding:30px;display:flex;flex-direction:column;gap:20px;}}.tag-list{display:flex;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;}.teaser-label{font-family:",";text-transform:uppercase;font-size:16px;}.teaser-title{font-family:",";font-size:32px;line-height:1.2;.icon{display:inline;}}"],c.Z.sm(d()),s.ZP.colors.black,u.Z,s.ZP.colors.green,s.ZP.colors.white,s.ZP.colors.black,s.ZP.fonts.heading,s.ZP.fonts.default);t(7354);var g=t(7674),m=t(91017),p=t(42586),h=t(5951),b=t(23791),x=t(84046),P=t(27648),_=t(98196),O=t(88060),y=t(27705),E=t(10468);let Z={speed:500,spaceBetween:0,slidesPerView:"auto",allowTouchMove:!0,watchOverflow:!0,grabCursor:!0,keyboard:{enabled:!0}},R=e=>{let{visibleStats:a}=e,t=(0,p.useTranslations)("rooftop_teaser"),l=(0,p.useLocale)(),i="/".concat("en"===l?"en/":"").concat(_.ZP[O.Z.ROOFTOP_DASHBOARD].pathPrefix[l]);return(0,n.jsx)(P.default,{href:i,className:"teaser",children:(0,n.jsxs)("div",{className:"content",children:[(0,n.jsx)("p",{className:"teaser-label",children:t("label")}),(0,n.jsxs)("h3",{className:"teaser-title",children:[t("title"),

1(0,n.jsx)("span",{className:"icon-wrapper",children:(0,n.jsx)(x.Z,{className:"icon",name:"arrow_diagonal",size:30})})]}),!!a.length&&(0,n.jsx)("ul",{className:"tag-list",children:a.map((e,a)=>(0,n.jsx)("li",{className:"tag-item",children:(0,n.jsx)(b.Z,{label:e.label,icon:e.icon})},a))})]})})};var j=e=>{let{items:a,header:t,id:r}=e,[o,s]=(0,l.useState)(),[c,u]=(0,l.useState)(!0),[d,b]=(0,l.useState)(!0),x=(0,p.useLocale)(),[P,_]=(0,l.useState)(void 0),O=(0,p.useTranslations)("rooftop_dashboard"),j=(0,l.useRef)(null);(0,l.useEffect)(()=>{(async function(){b(!0);try{let e=await fetch("/api/rooftop-dashboard/data"),{data:a}=await e.json();s(a)}catch(e){console.error(e)}finally{b(!1)}})()},[]),(0,l.useEffect)(()=>{d||e();async function e(){u(!0);try{let e=await fetch("/api/rooftop-dashboard/story-of-the-day",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({currentLocale:x,sensorData:o})}),{data:a}=await e.json();_(a)}catch(e){console.error(e)}finally{u(!1)}}},[d]);let v=(0,l.useMemo)(()=>(null==P?void 0:P.story)?P.relevantStats.reduce((e,a)=>("time_of_year"===a.type&&e.push({label:O("time_of_year.".concat(a.value)),icon:"calendar"}),"time_of_day"===a.type&&e.push({label:O("time_of_day.".concat(a.value)),icon:"clock"}),"air_temperature"===a.type&&e.push({label:(0,h.bk)(a.value),icon:"temperature"}),"air_humidity"===a.type&&e.push({label:O("levels.".concat(a.value)),icon:"drop"}),e),[]):[],[P]),[N,T]=(0,l.useState)(!1),{width:w}=(0,y.Z)();return(0,l.useEffect)(()=>{if(!j.current)return;let e=j.current.getBoundingClientRect().width,t=P?2:1;T(Math.floor(e/329)+1<a.length+t)},[w,a.length,P,v]),(0,n.jsxs)(f,{children:[(0,n.jsx)(E.ZP,{children:(0,n.jsx)("div",{className:"size-helper",ref:j})}),(0,n.jsx)(g.Z,{id:r,swiperConfig:{...{...g.d,...Z}},header:t,isSwiperNeeded:N,children:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(i.o5,{className:"initial-slide slide",children:(0,n.jsx)(R,{visibleStats:v})}),(0,n.jsx)(i.o5,{className:"slide",children:!c&&(null==P?void 0:P.story)&&(0,n.jsx)(m.Z,{item:null==P?void 0:P.story})}),!c&&a.filter(e=>e._id!==(null==P?void 0:P.story._id)).map((e,a)=>(0,n.jsx)(i.o5,{className:"slide",children:(0,n.jsx)(m.Z,{item:e})},a))]})})]})}},83003:function(e,a,t){t.d(a,{Z:function(){return n.S}});var n=t(64897)}}]);