{"version":3,"sources":["webpack:///./src/images/klimaatverandering-wateroverlast-zeespiegelstijging.jpg","webpack:///./src/images/klimaatverandering-droogte-nederland.jpg","webpack:///./src/images/klimaatverandering-wateroverlast-zeespiegelstijging-mobile.jpg","webpack:///./src/images/klimaatverandering-hitte-nederland-mobile.jpg","webpack:///./src/images/klimaatverandering-hitte-nederland.jpg","webpack:///./src/images/klimaatverandering-extreme-buien-nederland-mobile.jpg","webpack:///./src/pages/klimaat.tsx","webpack:///./src/images/klimaatverandering-extreme-buien-nederland.jpg","webpack:///./src/images/klimaatverandering-droogte-nederland-mobile.jpg"],"names":["module","exports","SectionWrapper","styled","div","props","withPadding","SectionsWrapper","InputWrapperStyled","MobileLayoutStyled","DesktopLayoutStyled","DarkSectionStyled","colorPalette","black","GraySectionStyled","concrete","ClimatePage","location","useState","lockBody","setLockBody","OBJECTID","postcode","Tropische_dagen_huidig","tropische_dagen_2050","neerslagtekort_huidig","neerslagtekort_2050","overstromingsdiepte","jaarlijkse_neerslag_huidig","jaarlijkse_neerslag_2050","data","setData","useEffect","URLSearchParams","search","get","localStorage","getItem","climateApi","getData","then","response","features","length","attributes","navigate","wateroverlastData","getChartProps","hitteData","transChartformValues","droogteData","isBodyLocked","onToggle","value","title","subtitle","image","imageMobile1","href","cardTitle","cardContent","scrollTo","withScroll","text","action","altAction","isMobile","id","imageMobile2","imageMobile3","imageMobile4","level","description","image1","alt","direction","size","image2","image3","image4","hasPadding"],"mappings":"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","file":"component---src-pages-klimaat-tsx-064fe8c8dd0d5d024c13.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/klimaatverandering-wateroverlast-zeespiegelstijging-4d81d3e7f6b0af34a2c1825835901be4.jpg\";","module.exports = __webpack_public_path__ + \"static/klimaatverandering-droogte-nederland-8105638e0b51fadb346cfab50b7a9173.jpg\";","module.exports = __webpack_public_path__ + \"static/klimaatverandering-wateroverlast-zeespiegelstijging-mobile-1b1f0d8ea7400be7ad36f07b238250f3.jpg\";","module.exports = __webpack_public_path__ + \"static/klimaatverandering-hitte-nederland-mobile-85039324abfe85497e262ae88851101a.jpg\";","module.exports = __webpack_public_path__ + \"static/klimaatverandering-hitte-nederland-fce31488db448a80532c623f3ed65b63.jpg\";","module.exports = __webpack_public_path__ + \"static/klimaatverandering-extreme-buien-nederland-mobile-43923fb835b88438ec111de00b27a1f0.jpg\";","import React, { FC, useEffect, useState } from 'react';\nimport styled from 'styled-components';\nimport { Layout, Seo } from '@components/core';\nimport { climateApi } from '@api/geo';\nimport { colorPalette } from '@shared/theme';\nimport { IClimateResponse } from '@shared/interfaces';\nimport image1 from '../images/klimaatverandering-extreme-buien-nederland.jpg';\nimport image2 from '../images/klimaatverandering-hitte-nederland.jpg';\nimport image3 from '../images/klimaatverandering-droogte-nederland.jpg';\nimport image4 from '../images/klimaatverandering-wateroverlast-zeespiegelstijging.jpg';\nimport imageMobile1 from '../images/klimaatverandering-extreme-buien-nederland-mobile.jpg';\nimport imageMobile2 from '../images/klimaatverandering-hitte-nederland-mobile.jpg';\nimport imageMobile3 from '../images/klimaatverandering-droogte-nederland-mobile.jpg';\nimport imageMobile4 from '../images/klimaatverandering-wateroverlast-zeespiegelstijging-mobile.jpg';\nimport {\n\tAccordion,\n\tAddressInput,\n\tCardDirection,\n\tCarousel,\n\tChart,\n\tEsriForm,\n\tgetChartProps,\n\tHeader,\n\tImageCard,\n\tInfoSection,\n\tInfoSectionMobile,\n\tJumbotron,\n\tRangeChart,\n\tSocialBar,\n\tSocialInfo,\n\tSpoiler,\n\ttransChartformValues,\n\tWaterLevel,\n} from '@components/ui';\nimport { navigate } from 'gatsby';\n\ninterface IClimatePageProps {\n\tlocation: {\n\t\tsearch: string;\n\t};\n}\n\ninterface IStyledProps {\n\twithPadding?: boolean;\n\tdirection?: CardDirection;\n}\n\nconst SectionWrapper = styled.div`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\n\t${(props: IStyledProps) => {\n\t\treturn props.withPadding\n\t\t\t? 'padding: 200px 60px 0 60px'\n\t\t\t: 'padding: 20px 60px 0';\n\t}};\n\n\t@media screen and (max-width: 992px) {\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tflex-direction: column;\n\t}\n`;\n\nconst SectionsWrapper = styled.div`\n\tdisplay: flex;\n\tjustify-content: center;\n\tmax-width: 1280px;\n\tflex-direction: column;\n\tmargin: 0 auto;\n\n\t@media screen and (max-width: 992px) {\n\t\tmargin: 36px auto 0;\n\t\tmax-width: 480px;\n\t}\n`;\n\nconst InputWrapperStyled = styled.div`\n\tposition: sticky;\n\tdisplay: flex;\n\talign-items: center;\n\ttop: -30px;\n\tleft: 0;\n\tpadding: 40px 60px 0;\n\theight: 62px;\n\tbackground-color: transparent;\n\tz-index: 99;\n\n\t@media screen and (max-width: 992px) {\n\t\tdisplay: none;\n\t}\n`;\n\nconst MobileLayoutStyled = styled.div`\n\tdisplay: none;\n\tflex-direction: column;\n\n\t@media screen and (max-width: 992px) {\n\t\tdisplay: flex;\n\t}\n`;\n\nconst DesktopLayoutStyled = styled.div`\n\tdisplay: none;\n\tflex-direction: column;\n\n\t@media screen and (min-width: 992px) {\n\t\tdisplay: flex;\n\t}\n`;\n\nconst DarkSectionStyled = styled.div`\n\tbackground-color: ${colorPalette.black};\n`;\n\nconst GraySectionStyled = styled.div`\n\tbackground-color: ${colorPalette.concrete};\n\n\t@media screen and (max-width: 992px) {\n\t\tmargin-top: -45px;\n\t}\n`;\n\nconst ClimatePage: FC<IClimatePageProps> = ({ location }) => {\n\tconst [lockBody, setLockBody] = useState<boolean>(false);\n\tconst [data, setData] = useState<IClimateResponse>({\n\t\tOBJECTID: 0,\n\t\tpostcode: '',\n\t\tTropische_dagen_huidig: '0',\n\t\ttropische_dagen_2050: '0',\n\t\tneerslagtekort_huidig: '',\n\t\tneerslagtekort_2050: '',\n\t\toverstromingsdiepte: '0',\n\t\tjaarlijkse_neerslag_huidig: '',\n\t\tjaarlijkse_neerslag_2050: '',\n\t});\n\n\tuseEffect(() => {\n\t\tconst urlParams = new URLSearchParams(location.search);\n\t\tconst postcode =\n\t\t\turlParams.get('postcode') || localStorage.getItem('postcode');\n\n\t\tif (!postcode) {\n\t\t\tnavigate('');\n\t\t\treturn;\n\t\t}\n\n\t\tclimateApi.getData(postcode).then((response) => {\n\t\t\tif (response.features.length) {\n\t\t\t\tsetData(response.features[0].attributes);\n\t\t\t}\n\t\t});\n\t}, [location.search]);\n\n\tconst wateroverlastData = getChartProps(1200, 200, [\n\t\tdata.jaarlijkse_neerslag_huidig,\n\t\tdata.jaarlijkse_neerslag_2050,\n\t]);\n\n\tconst hitteData = transChartformValues([\n\t\tdata.Tropische_dagen_huidig,\n\t\tdata.tropische_dagen_2050,\n\t]);\n\n\tconst droogteData = getChartProps(360, 60, [\n\t\tdata.neerslagtekort_huidig,\n\t\tdata.neerslagtekort_2050,\n\t]);\n\n\treturn (\n\t\t<Layout isBodyLocked={lockBody}>\n\t\t\t<Seo />\n\t\t\t<SocialBar />\n\t\t\t<Header onToggle={setLockBody} />\n\t\t\t<Jumbotron postcode={data.postcode} />\n\t\t\t<InputWrapperStyled>\n\t\t\t\t<AddressInput value={data.postcode} />\n\t\t\t</InputWrapperStyled>\n\t\t\t<SectionsWrapper>\n\t\t\t\t<MobileLayoutStyled>\n\t\t\t\t\t<InfoSectionMobile\n\t\t\t\t\t\ttitle=\"Wateroverlast\"\n\t\t\t\t\t\tsubtitle=\"Het gaat natter worden\"\n\t\t\t\t\t\timage={imageMobile1}\n\t\t\t\t\t\thref=\"https://www.arcgis.com/apps/Media/index.html?appid=d370ef526f444e2d8fa3ccf5bb1abb01\"\n\t\t\t\t\t\tcardTitle=\"Gemiddelde hoeveelheid neerslag per jaar in mm\"\n\t\t\t\t\t\tcardContent={\n\t\t\t\t\t\t\t<Spoiler\n\t\t\t\t\t\t\t\twithPadding\n\t\t\t\t\t\t\t\tscrollTo=\"#hitte\"\n\t\t\t\t\t\t\t\twithScroll\n\t\t\t\t\t\t\t\ttext=\"Heel veel natter…de gemiddelde hoeveelheid neerslag per jaar gaat overal in Nederland toenemen, in alle verschillende klimaatscenario’s. In de grafiek kunt u de gemiddelde hoeveelheid neerslag per jaar bekijken voor uw omgeving, nu en in 2050.\"\n\t\t\t\t\t\t\t\taction=\"Extra uitleg over wateroverlast?\"\n\t\t\t\t\t\t\t\taltAction=\"Uitleg verbergen\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Chart {...wateroverlastData} isMobile />\n\t\t\t\t\t</InfoSectionMobile>\n\n\t\t\t\t\t<InfoSectionMobile\n\t\t\t\t\t\tid=\"hitte\"\n\t\t\t\t\t\twithPadding\n\t\t\t\t\t\ttitle=\"Hitte\"\n\t\t\t\t\t\thref=\"https://www.arcgis.com/apps/Media/index.html?appid=9018f8f6e1e84e2d9c086e8616a30c3f\"\n\t\t\t\t\t\tsubtitle=\"De zomers worden extremer, winters worden milder\"\n\t\t\t\t\t\timage={imageMobile2}\n\t\t\t\t\t\tcardTitle=\"Aantal tropische <br /> dagen boven 30 °C\"\n\t\t\t\t\t\tcardContent={\n\t\t\t\t\t\t\t<Spoiler\n\t\t\t\t\t\t\t\tscrollTo=\"#droogte\"\n\t\t\t\t\t\t\t\twithScroll\n\t\t\t\t\t\t\t\twithPadding\n\t\t\t\t\t\t\t\ttext=\"Veel tropische dagen klinkt misschien leuk, maar langdurige blootstelling aan hitte is voor niemand goed. Voor veel ouderen en zieken kan dit weer zelfs gevaarlijk zijn. In de toekomst zal het aantal tropische dagen boven de 30 °C in Nederland alleen maar verder toenemen. De grafiek toont het gemiddelde aantal tropische dagen boven 30 °C voor uw omgeving.\"\n\t\t\t\t\t\t\t\taction=\"Extra uitleg over hitte?\"\n\t\t\t\t\t\t\t\taltAction=\"Uitleg verbergen\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<RangeChart {...hitteData} />\n\t\t\t\t\t</InfoSectionMobile>\n\n\t\t\t\t\t<InfoSectionMobile\n\t\t\t\t\t\tid=\"droogte\"\n\t\t\t\t\t\twithPadding\n\t\t\t\t\t\ttitle=\"Droogte\"\n\t\t\t\t\t\thref=\"https://www.arcgis.com/apps/Media/index.html?appid=30ef321d1f824a41b9846de30838a440\"\n\t\t\t\t\t\tsubtitle=\"Minder neerslag in de zomer, meer neerslag in de winter\"\n\t\t\t\t\t\timage={imageMobile3}\n\t\t\t\t\t\tcardTitle=\"Gemiddelde neerslagtekort <br /> (mm) per jaar\"\n\t\t\t\t\t\tcardContent={\n\t\t\t\t\t\t\t<Spoiler\n\t\t\t\t\t\t\t\twithPadding\n\t\t\t\t\t\t\t\twithScroll\n\t\t\t\t\t\t\t\tscrollTo=\"#overstroming\"\n\t\t\t\t\t\t\t\ttext=\"Voor het meten van droogte wordt het neerslagtekort gebruikt. De grafiek toont het gemiddelde neerslagtekort in het huidige klimaat en voor het klimaat rond 2050. Minder neerslag heeft onder andere invloed op lage grondwaterstanden en bodemdaling met onomkeerbare schade als gevolg.\"\n\t\t\t\t\t\t\t\taction=\"Extra uitleg over droogte?\"\n\t\t\t\t\t\t\t\taltAction=\"Uitleg verbergen\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Chart {...droogteData} isMobile />\n\t\t\t\t\t</InfoSectionMobile>\n\n\t\t\t\t\t<InfoSectionMobile\n\t\t\t\t\t\tid=\"overstroming\"\n\t\t\t\t\t\twithPadding\n\t\t\t\t\t\thref=\"https://www.arcgis.com/apps/Media/index.html?appid=8709d6b980714f4caf06e823babfada9\"\n\t\t\t\t\t\ttitle=\"Overstroming\"\n\t\t\t\t\t\tsubtitle=\"De kans op natte voeten wordt groter\"\n\t\t\t\t\t\timage={imageMobile4}\n\t\t\t\t\t\tcardContent={\n\t\t\t\t\t\t\t<Spoiler\n\t\t\t\t\t\t\t\twithScroll\n\t\t\t\t\t\t\t\tscrollTo=\"#veelgesteldevragen\"\n\t\t\t\t\t\t\t\ttext=\"De overstromingsdiepte bepaalt de mate waarin een gebied wordt blootgesteld aan de effecten van een overstroming. De overstromingsdiepte is van grote invloed op de omvang van de schade en het aantal slachtoffers door een overstroming. De grafiek toont de overstromingsdiepte in uw omgeving en de mogelijke impact daarvan.\"\n\t\t\t\t\t\t\t\taction=\"Extra uitleg over overstroming?\"\n\t\t\t\t\t\t\t\twithPadding\n\t\t\t\t\t\t\t\taltAction=\"Uitleg verbergen\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t<WaterLevel\n\t\t\t\t\t\t\tlevel={data.overstromingsdiepte || '0'}\n\t\t\t\t\t\t\tdescription=\"De maximale overstromingsdiepte voor uw locatie is\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</InfoSectionMobile>\n\t\t\t\t</MobileLayoutStyled>\n\n\t\t\t\t<DesktopLayoutStyled>\n\t\t\t\t\t<SectionWrapper>\n\t\t\t\t\t\t<InfoSection\n\t\t\t\t\t\t\thref=\"https://www.arcgis.com/apps/Media/index.html?appid=d370ef526f444e2d8fa3ccf5bb1abb01\"\n\t\t\t\t\t\t\ttitle=\"Wateroverlast\"\n\t\t\t\t\t\t\ttext=\"Heel veel natter…de gemiddelde hoeveelheid neerslag per jaar gaat overal in Nederland toenemen, in alle verschillende klimaatscenario’s. In de grafiek kunt u de gemiddelde hoeveelheid neerslag per jaar bekijken voor uw omgeving, nu en in 2050.\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tHet gaat natter worden\n\t\t\t\t\t\t</InfoSection>\n\t\t\t\t\t\t<ImageCard\n\t\t\t\t\t\t\timage={image1}\n\t\t\t\t\t\t\tcardTitle=\"Gemiddelde hoeveelheid <br /> neerslag per jaar in mm\"\n\t\t\t\t\t\t\talt=\"Hoeveelheid neerslag per jaar neemt overal in Nederland toe als gevolg van klimaatverandering. Wat is het effect in uw omgeving?\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Chart {...wateroverlastData} />\n\t\t\t\t\t\t</ImageCard>\n\t\t\t\t\t</SectionWrapper>\n\t\t\t\t\t<SectionWrapper withPadding>\n\t\t\t\t\t\t<InfoSection\n\t\t\t\t\t\t\thref=\"https://www.arcgis.com/apps/Media/index.html?appid=9018f8f6e1e84e2d9c086e8616a30c3f\"\n\t\t\t\t\t\t\tdirection=\"right\"\n\t\t\t\t\t\t\ttitle=\"Hitte\"\n\t\t\t\t\t\t\ttext=\"Veel tropische dagen klinkt misschien leuk, maar langdurige blootstelling aan hitte is voor niemand goed. Voor veel ouderen en zieken kan dit weer zelfs gevaarlijk zijn. In de toekomst zal het aantal tropische dagen boven de 30 °C in Nederland alleen maar verder toenemen. De grafiek toont het gemiddelde aantal tropische dagen boven 30 °C voor uw omgeving.\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tDe zomers worden extremer, winters worden milder.\n\t\t\t\t\t\t</InfoSection>\n\t\t\t\t\t\t<ImageCard\n\t\t\t\t\t\t\tdirection=\"right\"\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\timage={image2}\n\t\t\t\t\t\t\tcardTitle=\"Aantal tropische dagen boven 30 °C\"\n\t\t\t\t\t\t\talt=\"Hittegolf en hittestress: wat betekent klimaatverandering voor uw omgeving?\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<RangeChart {...hitteData} />\n\t\t\t\t\t\t</ImageCard>\n\t\t\t\t\t</SectionWrapper>\n\t\t\t\t\t<SectionWrapper withPadding>\n\t\t\t\t\t\t<InfoSection\n\t\t\t\t\t\t\thref=\"https://www.arcgis.com/apps/Media/index.html?appid=30ef321d1f824a41b9846de30838a440\"\n\t\t\t\t\t\t\ttitle=\"Droogte\"\n\t\t\t\t\t\t\ttext=\"Voor het meten van droogte wordt het neerslagtekort gebruikt. De grafiek toont het gemiddelde neerslagtekort in het huidige klimaat en voor het klimaat rond 2050. Minder neerslag heeft onder andere invloed op lage grondwaterstanden en bodemdaling met onomkeerbare schade als gevolg.\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tMinder neerslag in de zomer, meer neerslag in de winter\n\t\t\t\t\t\t</InfoSection>\n\t\t\t\t\t\t<ImageCard\n\t\t\t\t\t\t\timage={image3}\n\t\t\t\t\t\t\tcardTitle=\"Gemiddelde neerslagtekort (mm) per jaar\"\n\t\t\t\t\t\t\talt=\"Droogte door klimaatverandering, hoe zit het in mijn omgeving?\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Chart {...droogteData} />\n\t\t\t\t\t\t</ImageCard>\n\t\t\t\t\t</SectionWrapper>\n\n\t\t\t\t\t<SectionWrapper withPadding>\n\t\t\t\t\t\t<InfoSection\n\t\t\t\t\t\t\thref=\"https://www.arcgis.com/apps/Media/index.html?appid=8709d6b980714f4caf06e823babfada9\"\n\t\t\t\t\t\t\tdirection=\"right\"\n\t\t\t\t\t\t\ttitle=\"Overstroming\"\n\t\t\t\t\t\t\ttext=\"De overstromingsdiepte bepaalt de mate waarin een gebied wordt blootgesteld aan de effecten van een overstroming. De overstromingsdiepte is van grote invloed op de omvang van de schade en het aantal slachtoffers door een overstroming. De grafiek toont de overstromingsdiepte in uw omgeving en de mogelijke impact daarvan.\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tDe kans op natte voeten wordt groter\n\t\t\t\t\t\t</InfoSection>\n\t\t\t\t\t\t<ImageCard\n\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\tdirection=\"right\"\n\t\t\t\t\t\t\timage={image4}\n\t\t\t\t\t\t\talt=\"Zorgen wateroverlast en zeespiegelstijging voor een overstromingsrisico in uw omgeving?\"\n\t\t\t\t\t\t\thasPadding={false}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<WaterLevel\n\t\t\t\t\t\t\t\tlevel={data.overstromingsdiepte || '0'}\n\t\t\t\t\t\t\t\tdescription=\"De maximale overstromingsdiepte <br /> voor uw locatie is\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</ImageCard>\n\t\t\t\t\t</SectionWrapper>\n\t\t\t\t</DesktopLayoutStyled>\n\n\t\t\t\t<SocialInfo />\n\t\t\t</SectionsWrapper>\n\n\t\t\t<DarkSectionStyled>\n\t\t\t\t<Accordion />\n\t\t\t</DarkSectionStyled>\n\t\t\t<Carousel />\n\t\t\t<GraySectionStyled>\n\t\t\t\t<EsriForm />\n\t\t\t</GraySectionStyled>\n\t\t</Layout>\n\t);\n};\n\nexport default ClimatePage;\n","module.exports = __webpack_public_path__ + \"static/klimaatverandering-extreme-buien-nederland-83fe83aec2af4ca65e3428d0494baea3.jpg\";","module.exports = __webpack_public_path__ + \"static/klimaatverandering-droogte-nederland-mobile-4287a3362e778f1f9ebf1e50c9cb2a22.jpg\";"],"sourceRoot":""}