{"version":3,"sources":["assets/hh-bg.jpg","assets/logo-delfsland.svg","components/HeadMeta.js","components/Icons.js","components/AccessibilityButton.js","views/Home.js","helpers/colorCluster.js","components/ClusterResult.js","api.js","hooks/useReducer.js","components/IconButton.js","components/DevFilterITem.js","hooks/useViewport.js","hooks/useIsMobile.js","components/ThemeFilter.js","components/ThemeFilterModal.js","components/LogoDelfsland.js","components/SkipLink.js","components/WaterwerkLogoDark.js","components/Header.js","views/ClusterIndex.js","components/Logo.js","helpers/imageParse.js","components/ContextPopper.js","helpers/wordList.js","hooks/useParesedDispositionContent.js","components/DispositionCard.js","components/AreaFilter.js","components/SearchFilter.js","components/DispositionPagination.js","components/CloseButton.js","components/AreaModal.js","components/DispositionCardModal.js","components/DispositionModal.js","views/DispositionIndex.js","components/SliderPagination.js","components/Slider.js","components/DispositionSlider.js","assets/kader.png","assets/play-icon.svg","assets/close-icon.svg","components/VideoTranscript.js","components/VideoModal.js","hooks/useFocusOnFirstElement.js","views/ThemeDetail.js","components/AccessibilityDetail.js","App.js","reportWebVitals.js","fonts/TheMixC5-5_Plain.woff2","fonts/TheMixC5-5iPlainItalic.woff2","fonts/TheMixC5-6_SemiBold.woff2","fonts/TheMixC5-7_Bold.woff2","index.js"],"names":["HeadMeta","pageTitle","Helmet","AreaIcon","id","Kust","width","height","viewBox","fill","xmlns","clipPath","d","Stad","Glas","Gras","Organisatie","Filter","Arrow","ArrowLeft","title","fillColor","ArrowRight","className","BookIcon","AccessibilityIcon","stroke","style","cx","cy","r","ThemeFilterMobileIcon","strokeWidth","x","y","transform","PlusIcon","areaOpen","AccessibilityButton","href","target","variant","iconStroke","animationData","require","Home","backgroundImage","bgImage","backgroundRepeat","backgroundPosition","backgroundSize","src","LogoDelfsland","alt","display","alignItems","textAlign","loop","play","rendererSettings","preserveAspectRatio","role","to","justifyContent","marginBottom","colorByCluster","cluster","ClusterResult","inhoud","image","link","vars","variants","filter","length","getImage","hoofdafbeelding","process","getFacets","a","axios","get","then","data","getDispositionFacets","query","areas","map","join","trim","getThemes","filters","developments","cancelToken","getTheme","getDisposition","Promise","all","dispositionResponse","themeResponse","status","Error","disposition","themeItems","matchingTheme","find","theme","maatregelen","some","themeDisposition","maatregel","themeTitle","themeId","color","console","error","getDispositions","selectedAreas","trimmedQuery","maatregelData","themeData","maatregelItems","updatedDispositions","push","filteredDispositions","isMatchingQuery","toLowerCase","includes","toelichting","isMatchingArea","selectedArea","gebied","value","message","getThesaurus","YouTubeGetID","url","parts","replace","split","undefined","fetchYouTubeData","videoId","API_KEY","fetch","response","ok","statusText","json","items","sendData","snippet","getAccessibilityData","RefContext","createContext","useRefProvider","useContext","RefProvider","children","videoTriggerRef","useRef","videoModalFirstElRef","themesFilterTriggerRef","themesFilterFirstElRef","dynamicRefs","sendRefs","setRef","key","current","React","createRef","focusRef","focus","Provider","updateClusterOrdering","c","order","initialState","globalThemes","videoModal","videoData","videoIsOpen","areaFilterOpen","clusters","themeFilterOpen","developmentsOverlayOpen","dispositionSearch","dispositionColors","reducer","state","action","type","payload","sort","t1","toUpperCase","t2","reduce","acc","elem","forEach","b","label","area","active","development","StateContext","DispatchContext","Reducer","useReducer","dispatch","useEffect","facets","f","name","values","useState","useDispatch","IconButton","forwardRef","ref","ariaLabel","ariaExpanded","glow","onClick","DevFilterItem","callback","checked","onChange","e","htmlFor","getCurrentBreakpoint","largeBreakpoint","breakpoint","ViewportContext","Viewport","window","innerWidth","setWidth","setBreakpoint","handleWindowResize","addEventListener","removeEventListener","useIsMobile","mobileBreakpoint","isMobile","setIsMobile","handleResize","ThemeFilter","navigate","useNavigate","useReactState","currentDevelopments","setCurrentDevelopments","handleOpenDevelopmentsOverlay","handleCloseDevFilterClick","handleDevFilterClick","old","item","search","index","gridTemplateColumns","dev","gridColumn","Math","floor","gridRow","FilterItem","handleClick","ThemeFilterModal","useSearchParams","searchParams","setSearchParams","document","body","classList","toggle","modalElement","getElementById","scrollTop","handleClosePanel","delete","handleClusterClick","handleDevelopmentClick","onKeyDown","event","shiftKey","activeElement","preventDefault","stopPropagation","returnFocus","onFocusReturn","LogoDelfslandComponent","SkipLink","targetId","WaterwerkLogoDark","Header","tabIndex","ClusterIndex","themes","setThemes","pathname","useLocation","useGlobalState","source","CancelToken","filteredClusters","filteredDevelopments","token","xs","catch","log","cancel","result","Logo","props","im","imageWidth","ContextPopper","matchedTextWord","visible","setVisibility","content","setContent","referenceRef","popperRef","usePopper","placement","modifiers","enabled","options","offset","styles","attributes","update","handleDocumentClick","contains","thesaurusData","explanation","popper","zIndex","parseTerm","updatedContent","part","startsWith","term","pattern","RegExp","match","replaceTerm","node","parent","attribs","wordListParser","ReactHtmlParser","useParsedDispositionContent","fetchContent","parsedContent","DispositionCard","ancestors","hideTheme","periodeStart","periodeEind","year","slice","contentOpen","setContentOpen","setAreaOpen","useReducerState","isDispositionModalOpen","top","dateTime","i","AreaFilter","count","SearchFilter","handleSearchFilter","func","timer","timeout","args","clearTimeout","setTimeout","apply","debounce","processSearchFilter","placeholder","onInput","DispositionPagination","maximum","request","page","CloseButton","closeButtonRef","AreaModal","handlers","useSwipeable","onSwiped","preventDefaultTouchmoveEvent","trackMouse","handleCloseModal","DispositionCardModal","isModal","popupRef","closeModal","DispositionModal","loaded","setLoaded","setDisposition","dispositionModalOpen","fetchDisposition","dispositionData","modalEl","getPageValue","queryParams","URLSearchParams","has","isNaN","parseInt","getMaxPages","rest","DispositionIndex","dispositions","setDispositions","setPage","maxPages","setMaxPages","filteredAreas","fetchDispositions","ds","startIndex","endIndex","renderDispositionCards","newPage","scrollTo","behavior","SliderPagination","currentSlide","maxSlides","gotoSlide","next","prev","Array","_","getMaxSlides","size","amount","Slider","setCurrentSlide","setMaxSlides","newMaxSlides","onSwipedLeft","handleNextSlide","onSwipedRight","handlePreviousSlide","left","slide","DispositionSlide","slider","DispositionSlider","dispositionIds","VideoTranscript","transcriptData","setTranscriptData","videoTranscript","transcriptsData","youtubeId","transcript","loadTranscript","VideoModal","location","youTubeData","setYoutubeData","video","videoModalLastElRef","videoModalRef","fetchYoutubeData","getYoutubeData","toString","player","getInternalPlayer","pauseVideo","disabled","isPlaying","CloseIcon","opts","playerVars","autoplay","disablekb","cc_load_policy","hl","onReady","videoTitle","getVideoData","iframe","getIframe","setAttribute","position","useFocusOnFirstElement","trigger","firstFocusableElement","querySelector","renameList","new","optionallyRename","ThemaDetail","useParams","setTheme","setTitle","afb1","setAfb1","afb2","setAfb2","afb3","setAfb3","setVideoId","youtubeData","docs","setDocumenten","links","setLinks","setToelichting","ambitie","setAmbitie","doel","setDoel","clustertekst","setClustertekst","triggerFocus","setTriggerFocus","fetchData","documenten","interneLinks","externeLinks","afbeelding2","afbeelding3","videoURL","retrievedHoofdafbeelding","concat","getThemeIdByTitle","t","handleLinkClick","dangerouslySetInnerHTML","__html","grondslag","ontwikkelingLangeTermijn","ontwikkeling","kader","set","handleVideoButton","PlayIcon","rel","dwarsverbanden","AccessibilityDetail","setData","loading","setLoading","setError","tekst","App","path","element","ThemeDetail","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render"],"mappings":"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","file":"static/js/main.f0009bf9.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/hh-bg.290fee89.jpg\";","export default __webpack_public_path__ + \"static/media/logo-delfsland.c44ad14e.svg\";","import {Helmet} from \"react-helmet\";\r\n\r\nexport const HeadMeta =  ({pageTitle}) => {\r\n    return (\r\n        <Helmet>\r\n            <title>{pageTitle}</title>\r\n        </Helmet>\r\n    )\r\n}\r\n\r\nexport default HeadMeta;","export const AreaIcon = ({ id }) => {\r\n  switch (id) {\r\n    case \"Kust\":\r\n      return <Kust />;\r\n\r\n    case \"Stad\":\r\n      return <Stad />;\r\n\r\n    case \"Glas\":\r\n      return <Glas />;\r\n\r\n    case \"Gras\":\r\n      return <Gras />;\r\n\r\n    default:\r\n      return <Organisatie />;\r\n  }\r\n};\r\n\r\nconst Kust = () => (\r\n  <svg\r\n    width=\"40\"\r\n    height=\"40\"\r\n    viewBox=\"0 0 40 40\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clipPath=\"url(#clip0_348_4893)\">\r\n      <path\r\n        d=\"M34.1463 13.0732C32.4878 13.0732 31.0244 11.7073 31.0244 9.95122C31.0244 8.29268 32.3902 6.82927 34.1463 6.82927C35.8049 6.82927 37.2683 8.19512 37.2683 9.95122C37.2683 11.7073 35.9024 13.0732 34.1463 13.0732ZM34.1463 33.7561C32.4878 33.7561 31.0244 32.3902 31.0244 30.6341C31.0244 28.9756 32.3902 27.5122 34.1463 27.5122C35.8049 27.5122 37.2683 28.878 37.2683 30.6341C37.2683 32.3902 35.9024 33.7561 34.1463 33.7561ZM27.2195 23.3171C25.561 23.3171 24.0976 21.9512 24.0976 20.1951C24.0976 18.5366 25.4634 17.0732 27.2195 17.0732C28.878 17.0732 30.3415 18.439 30.3415 20.1951C30.2439 21.9512 28.878 23.3171 27.2195 23.3171ZM20.4878 13.0732C18.8293 13.0732 17.3659 11.7073 17.3659 9.95122C17.3659 8.29268 18.7317 6.82927 20.4878 6.82927C22.1463 6.82927 23.6098 8.19512 23.6098 9.95122C23.5122 11.7073 22.1463 13.0732 20.4878 13.0732ZM20.4878 33.7561C18.8293 33.7561 17.3659 32.3902 17.3659 30.6341C17.3659 28.9756 18.7317 27.5122 20.4878 27.5122C22.1463 27.5122 23.6098 28.878 23.6098 30.6341C23.5122 32.3902 22.1463 33.7561 20.4878 33.7561ZM13.4634 23.3171C11.8049 23.3171 10.3415 21.9512 10.3415 20.1951C10.3415 18.5366 11.7073 17.0732 13.4634 17.0732C15.122 17.0732 16.5854 18.439 16.5854 20.1951C16.5854 21.9512 15.2195 23.3171 13.4634 23.3171ZM6.73171 13.0732C5.07317 13.0732 3.60976 11.7073 3.60976 9.95122C3.60976 8.29268 4.97561 6.82927 6.73171 6.82927C8.39024 6.82927 9.85366 8.19512 9.85366 9.95122C9.85366 11.7073 8.39024 13.0732 6.73171 13.0732ZM6.73171 33.7561C5.07317 33.7561 3.60976 32.3902 3.60976 30.6341C3.60976 28.9756 4.97561 27.5122 6.73171 27.5122C8.39024 27.5122 9.85366 28.878 9.85366 30.6341C9.85366 32.3902 8.39024 33.7561 6.73171 33.7561ZM37.561 20.1951C37.561 18.7317 38.6341 17.4634 40 17.1707V5.56098C40 4.09756 39.4146 2.73171 38.439 1.7561L38.3415 1.65854C37.3659 0.682927 35.9024 0 34.439 0H30.2439C30.0488 1.46341 28.7805 2.63415 27.2195 2.63415C25.6585 2.63415 24.3902 1.46341 24.1951 0H16.5854C16.3902 1.46341 15.122 2.63415 13.561 2.63415C12 2.63415 10.7317 1.46341 10.5366 0H5.56098C4.09756 0 2.82927 0.585366 1.85366 1.46341C1.65854 1.65854 1.46341 1.85366 1.26829 2.04878C0.487805 3.02439 0 4.19512 0 5.56098V17.1707C1.46341 17.4634 2.53659 18.7317 2.53659 20.1951C2.53659 21.6585 1.46341 22.9268 0 23.2195V34.439C0 37.561 2.53659 40 5.56098 40H10.2439C10.5366 38.6341 11.8049 37.6585 13.2683 37.6585C14.7317 37.6585 15.9024 38.6341 16.2927 40H24.0976C24.3902 38.6341 25.6585 37.6585 27.0244 37.6585C28.4878 37.6585 29.6585 38.6341 29.9512 40H34.5366C37.561 40 40.0976 37.4634 40.0976 34.439V23.2195C38.6341 22.9268 37.561 21.6585 37.561 20.1951Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M27.3171 2.63415C28.8781 2.63415 30.1464 1.46341 30.3415 0H24.2927C24.4878 1.46341 25.7561 2.63415 27.3171 2.63415Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M13.1706 37.6584C11.7072 37.6584 10.5365 38.6341 10.1462 39.9999H16.0975C15.9023 38.7316 14.634 37.6584 13.1706 37.6584Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M13.561 2.63415C15.122 2.63415 16.3903 1.46341 16.5854 0H10.5366C10.7317 1.46341 12 2.63415 13.561 2.63415Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M26.9268 37.7561C25.4634 37.7561 24.2927 38.7317 24 40.0976H29.9512C29.561 38.7317 28.3902 37.7561 26.9268 37.7561Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M38.5365 1.75601L38.439 1.65845C38.439 1.65845 38.439 1.75601 38.5365 1.75601Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M1.85368 1.46338C1.65855 1.56094 1.46343 1.75606 1.26831 2.04874C1.46343 1.85362 1.65855 1.6585 1.85368 1.46338Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M2.53659 20.195C2.53659 18.7316 1.46341 17.4633 0 17.1707V23.2194C1.46341 22.9267 2.53659 21.756 2.53659 20.195Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M27.2196 17.1707C25.5611 17.1707 24.0977 18.5365 24.0977 20.2926C24.0977 21.9511 25.4635 23.4146 27.2196 23.4146C28.8781 23.4146 30.3416 22.0487 30.3416 20.2926C30.244 18.5365 28.8781 17.1707 27.2196 17.1707Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M20.4879 6.92676C18.8294 6.92676 17.366 8.29261 17.366 10.0487C17.366 11.7072 18.7318 13.1707 20.4879 13.1707C22.1465 13.1707 23.6099 11.8048 23.6099 10.0487C23.5123 8.29261 22.1465 6.92676 20.4879 6.92676Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M20.4879 27.6099C18.8294 27.6099 17.366 28.9757 17.366 30.7318C17.366 32.3904 18.7318 33.8538 20.4879 33.8538C22.1465 33.8538 23.6099 32.4879 23.6099 30.7318C23.5123 28.9757 22.1465 27.6099 20.4879 27.6099Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M37.561 20.195C37.561 21.6585 38.6342 22.9267 40.0001 23.2194V17.1707C38.6342 17.4633 37.561 18.7316 37.561 20.195Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M34.1464 6.92676C32.4878 6.92676 31.0244 8.29261 31.0244 10.0487C31.0244 11.7072 32.3903 13.1707 34.1464 13.1707C35.8049 13.1707 37.2683 11.8048 37.2683 10.0487C37.2683 8.29261 35.9025 6.92676 34.1464 6.92676Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M34.1464 27.6099C32.4878 27.6099 31.0244 28.9757 31.0244 30.7318C31.0244 32.3904 32.3903 33.8538 34.1464 33.8538C35.8049 33.8538 37.2683 32.4879 37.2683 30.7318C37.2683 28.9757 35.9025 27.6099 34.1464 27.6099Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M13.4635 17.1707C11.805 17.1707 10.3416 18.5365 10.3416 20.2926C10.3416 21.9511 11.7074 23.4146 13.4635 23.4146C15.122 23.4146 16.5855 22.0487 16.5855 20.2926C16.5855 18.5365 15.2196 17.1707 13.4635 17.1707Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M6.73181 6.92676C5.07328 6.92676 3.60986 8.29261 3.60986 10.0487C3.60986 11.7072 4.97572 13.1707 6.73181 13.1707C8.39035 13.1707 9.85377 11.8048 9.85377 10.0487C9.85377 8.29261 8.39035 6.92676 6.73181 6.92676Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n      <path\r\n        d=\"M6.73181 27.6099C5.07328 27.6099 3.60986 28.9757 3.60986 30.7318C3.60986 32.3904 4.97572 33.8538 6.73181 33.8538C8.39035 33.8538 9.85377 32.4879 9.85377 30.7318C9.85377 28.9757 8.39035 27.6099 6.73181 27.6099Z\"\r\n        fill=\"#F7991C\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_348_4893\">\r\n        <rect width=\"40\" height=\"40\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nconst Stad = () => (\r\n  <svg\r\n    width=\"40\"\r\n    height=\"40\"\r\n    viewBox=\"0 0 40 40\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M39.9999 6.00442V5.53348C39.9999 2.50184 37.4981 0 34.437 0H20.0146V6.00442H39.9999Z\"\r\n      fill=\"#B72845\"\r\n    />\r\n    <path\r\n      d=\"M0 5.56291V6.03385H20.0147V0H5.56291C2.50184 0 0 2.50184 0 5.56291Z\"\r\n      fill=\"white\"\r\n    />\r\n    <path d=\"M39.9999 6.00439H20.0146V12.8624H39.9999V6.00439Z\" fill=\"white\" />\r\n    <path d=\"M20.0147 6.00439H0V12.8624H20.0147V6.00439Z\" fill=\"#B72845\" />\r\n    <path\r\n      d=\"M39.9999 12.8625H20.0146V19.7205H39.9999V12.8625Z\"\r\n      fill=\"#B72845\"\r\n    />\r\n    <path d=\"M20.0147 12.8625H0V19.7205H20.0147V12.8625Z\" fill=\"white\" />\r\n    <path d=\"M39.9999 19.7205H20.0146V26.5784H39.9999V19.7205Z\" fill=\"white\" />\r\n    <path d=\"M20.0147 19.7205H0V26.5784H20.0147V19.7205Z\" fill=\"#B72845\" />\r\n    <path\r\n      d=\"M39.9999 26.6077H20.0146V33.4656H39.9999V26.6077Z\"\r\n      fill=\"#B72845\"\r\n    />\r\n    <path d=\"M20.0147 26.6077H0V33.4656H20.0147V26.6077Z\" fill=\"white\" />\r\n    <path\r\n      d=\"M20.0146 40H34.437C37.4981 40 39.9999 37.4982 39.9999 34.4371V33.4658H20.0146V40Z\"\r\n      fill=\"white\"\r\n    />\r\n    <path\r\n      d=\"M0 33.4658V34.4371C0 37.4982 2.50184 40 5.56291 40H20.0147V33.4658H0Z\"\r\n      fill=\"#B72845\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nconst Glas = () => (\r\n  <svg\r\n    width=\"40\"\r\n    height=\"40\"\r\n    viewBox=\"0 0 40 40\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clipPath=\"url(#clip0_348_5093)\">\r\n      <path\r\n        d=\"M5.54456 0C2.48939 0 0 2.48939 0 5.54456V7.52475L16.3791 0H5.54456Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M40.0002 5.54456C40.0002 2.4611 37.5109 0 34.4557 0H23.7061L40.0002 7.77935V5.54456Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M2.5459 39.0947C3.42284 39.6605 4.44123 39.9999 5.57277 39.9999H14.0593C16.6619 38.8118 20.1131 37.1994 20.1131 37.1994L25.9688 39.9999H34.4271C35.4455 39.9999 36.4073 39.7171 37.2277 39.2362L20.0565 31.0325L2.5459 39.0947Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M0 11.1173V17.2559L20.1132 8.00556L40 17.5105V11.4002L20.0849 1.86694L0 11.1173Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M0 20.8205V26.9591L20.1132 17.737L40 27.2137V21.1033L20.0849 11.5984L0 20.8205Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M0 30.5517V34.4555C0 35.191 0.141443 35.8699 0.39604 36.5205L20.1132 27.4682L39.5191 36.7468C39.8303 36.0396 40 35.2758 40 34.4838V30.8345L20.0849 21.3296L0 30.5517Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M0 26.9591V30.5518L20.0849 21.3014L40 30.8347V27.242L20.1132 17.7371L0 26.9591Z\"\r\n        fill=\"#4C91BF\"\r\n      />\r\n      <path\r\n        d=\"M0.395996 36.5206C0.820324 37.5955 1.58411 38.5008 2.51764 39.1231L20.0565 31.0609L37.2277 39.2646C38.2178 38.6705 39.0099 37.7935 39.4908 36.7469L20.1131 27.4399L0.395996 36.5206Z\"\r\n        fill=\"#4C91BF\"\r\n      />\r\n      <path\r\n        d=\"M16.3791 0L0 7.52475V11.1174L20.0849 1.86704L40 11.4003V7.77935L23.7058 0H16.3791Z\"\r\n        fill=\"#4C91BF\"\r\n      />\r\n      <path\r\n        d=\"M0 17.256V20.8203L20.0849 11.5983L40 21.1032V17.5106L20.1132 8.00562L0 17.256Z\"\r\n        fill=\"#4C91BF\"\r\n      />\r\n      <path\r\n        d=\"M14.0593 40H25.9971L20.1414 37.1995C20.1131 37.1995 16.6619 38.8119 14.0593 40Z\"\r\n        fill=\"#4C91BF\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_348_5093\">\r\n        <rect width=\"40\" height=\"40\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nconst Gras = () => (\r\n  <svg\r\n    width=\"40\"\r\n    height=\"40\"\r\n    viewBox=\"0 0 40 40\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clipPath=\"url(#clip0_348_4972)\">\r\n      <path\r\n        d=\"M40 5.55712C40 2.48237 37.5176 0 34.4429 0H32.835L40 17.7715V5.55712Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M7.24965 20.5642H0V34.6686C0 35.5431 0.22567 36.3611 0.592384 37.0945L7.24965 20.5642Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M24.1748 19.6615L24.203 19.6897L32.1297 0H16.22L24.1748 19.6897V19.6615Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M15.543 0H5.55709C3.49786 0 1.6925 1.12835 0.733398 2.79267L7.55991 19.7179L15.543 0Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M7.58813 19.718L15.7687 40.0001H15.9661L24.1467 19.718H7.58813Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M24.2031 19.718L32.3837 40.0001H32.5811L40 21.608V19.718H24.2031Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M7.58792 19.718L0.620361 36.9818C1.55125 38.7871 3.41303 40.0001 5.55689 40.0001H15.7685L7.58792 19.718Z\"\r\n        fill=\"#23B573\"\r\n      />\r\n      <path\r\n        d=\"M7.58815 19.718L0.733427 2.79272C0.282087 3.61078 0 4.54167 0 5.55718V19.718H7.58815Z\"\r\n        fill=\"#23B573\"\r\n      />\r\n      <path\r\n        d=\"M24.2031 19.7179H40V17.7715L32.835 0H32.1298L24.2031 19.6897V19.7179Z\"\r\n        fill=\"#23B573\"\r\n      />\r\n      <path\r\n        d=\"M7.58813 19.7179H24.1467L24.1749 19.6897L16.22 0H15.543L7.58813 19.7179Z\"\r\n        fill=\"#23B573\"\r\n      />\r\n      <path\r\n        d=\"M24.1748 19.6898V19.718H24.1466L15.9661 40.0001H32.3836L24.203 19.718H24.1748L24.203 19.6898L24.1748 19.6616V19.6898Z\"\r\n        fill=\"#23B573\"\r\n      />\r\n      <path\r\n        d=\"M24.1748 19.7193H24.2044V19.6897L24.1748 19.7193Z\"\r\n        fill=\"#23B573\"\r\n      />\r\n      <path\r\n        d=\"M24.1467 19.7193H24.1763V19.6897L24.1467 19.7193Z\"\r\n        fill=\"#23B573\"\r\n      />\r\n      <path\r\n        d=\"M40 34.4429V21.6079L32.5811 39.9718H34.4428C37.4894 40 40 37.4894 40 34.4429Z\"\r\n        fill=\"#23B573\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_348_4972\">\r\n        <rect width=\"40\" height=\"40\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nconst Organisatie = () => (\r\n  <svg\r\n    width=\"40\"\r\n    height=\"40\"\r\n    viewBox=\"0 0 40 40\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <g clipPath=\"url(#clip0_348_5062)\">\r\n      <path\r\n        d=\"M5.56091 0C2.47763 0 0 2.56776 0 5.7632V34.2653C0 37.4322 2.47763 40.0285 5.56091 40.0285H34.4391C37.4948 40.0285 40 37.4608 40 34.2653V5.7632C40 2.59629 37.5224 0 34.4391 0H5.56091Z\"\r\n        fill=\"#286396\"\r\n      />\r\n      <path\r\n        d=\"M20.2615 2.0542L4.26704 12.0114L4.9828 13.5521L4.95527 14.6077L4.26704 14.7503L4.12939 16.0913L4.7901 16.291L4.84516 35.863H35.733V16.291L36.3111 16.1769V14.6933H35.5127V13.3523L36.1734 11.9829L20.2615 2.0542Z\"\r\n        fill=\"#286396\"\r\n      />\r\n      <path\r\n        d=\"M36.0633 15.8632H35.7329H33.0901H28.9332H26.3179H14.2326H11.5898H7.43286H4.81759H4.45971V15.0643H5.01029H9.80038H30.7226H35.5127H36.0633V15.8632ZM35.4301 34.0657H33.3929V16.5194H35.4301V34.0657ZM35.4301 35.4923H5.09288V34.6934H7.43286H11.5898H14.2326H17.3985H23.097H26.2904H28.9057H33.0626H35.4026V35.4923H35.4301ZM7.13004 34.0657H5.09288V16.5194H7.13004V34.0657ZM13.9298 34.0657H11.8926V16.5194H13.9298V34.0657ZM22.7942 34.0657H17.7013V26.4195C17.7013 26.3624 17.7288 26.3339 17.7563 26.3339H22.7667C22.7667 26.3339 22.8217 26.3624 22.8217 26.4195V34.0657H22.7942ZM28.6304 34.0657H26.5932V16.5194H28.6304V34.0657ZM32.7873 34.0657H29.2085V16.5194H32.7873V34.0657ZM25.9876 16.5194V34.0657H23.3998V26.4195C23.3998 25.9916 23.097 25.6777 22.7667 25.6777H17.7563C17.3985 25.6777 17.1232 26.0201 17.1232 26.4195V34.0372H14.5354V16.5194H25.9876ZM11.287 34.0657H7.70816V16.5194H11.287V34.0657ZM29.5939 14.3796H10.9291L20.2615 8.55931L29.5939 14.3796ZM5.31311 13.6948L20.2615 4.3653L35.2099 13.6948V14.3796H30.8052L20.3991 7.90311C20.3166 7.84605 20.2064 7.84605 20.0963 7.90311L9.71779 14.3796H5.31311V13.6948ZM20.2615 2.36816L35.9256 12.1256L35.4026 13.0672L20.3991 3.7091C20.3166 3.65204 20.2064 3.65204 20.0963 3.7091L5.12041 13.0672L4.59735 12.1256L20.2615 2.36816ZM36.2009 14.3796H35.8155V13.5807L36.6139 12.1542C36.6689 12.0686 36.6689 11.983 36.6414 11.8974C36.6139 11.8118 36.5588 11.7262 36.5037 11.6977L20.3991 1.68342C20.3166 1.62636 20.2064 1.62636 20.0963 1.68342L4.04677 11.7262C3.96418 11.7833 3.93665 11.8403 3.90912 11.9259C3.88159 12.0115 3.90912 12.0971 3.93665 12.1827L4.735 13.6092V14.4081H4.34959C4.10183 14.4081 3.88159 14.6363 3.88159 14.9217V15.9773C3.88159 16.2626 4.10183 16.4908 4.34959 16.4908H4.51476V34.351V35.8061C4.51476 35.9773 4.65241 36.1485 4.81759 36.1485H35.7329C35.8981 36.1485 36.0357 36.0058 36.0357 35.8061V34.351V16.5194H36.2009C36.4487 16.5194 36.6689 16.2911 36.6689 16.0058V14.8931C36.6689 14.6078 36.4487 14.3796 36.2009 14.3796Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M9.0844 18.6877H9.91028V23.3382H9.0844V18.6877ZM8.97429 23.9944H10.0479C10.3232 23.9944 10.5435 23.7662 10.5435 23.4523V18.5736C10.5435 18.2597 10.3232 18.0315 10.0479 18.0315H8.97429C8.69899 18.0315 8.47876 18.2597 8.47876 18.5736V23.4809C8.50629 23.7662 8.69899 23.9944 8.97429 23.9944Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M22.5465 18.6877H23.3724V23.3382H22.5465V18.6877ZM22.4089 23.9944H23.4825C23.7578 23.9944 23.978 23.7376 23.978 23.4523V18.5736C23.978 18.2883 23.7578 18.0315 23.4825 18.0315H22.4089C22.1336 18.0315 21.9133 18.2597 21.9133 18.5736V23.4809C21.9409 23.7662 22.1611 23.9944 22.4089 23.9944Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M17.1508 18.6877H17.9767V23.3382H17.1508V18.6877ZM17.0407 23.9944H18.1143C18.3896 23.9944 18.6099 23.7376 18.6099 23.4523V18.5736C18.6099 18.2883 18.3896 18.0315 18.1143 18.0315H17.0407C16.7654 18.0315 16.5452 18.2597 16.5452 18.5736V23.4809C16.5452 23.7662 16.7654 23.9944 17.0407 23.9944Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M30.5576 18.6877H31.3835V23.3382H30.5576V18.6877ZM30.4475 23.9944H31.5211C31.7964 23.9944 32.0167 23.7376 32.0167 23.4523V18.5736C32.0167 18.2883 31.7964 18.0315 31.5211 18.0315H30.4475C30.1997 18.0315 29.9795 18.2597 29.9795 18.5736V23.4809C29.9795 23.7662 30.1722 23.9944 30.4475 23.9944Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M9.0844 25.7919H9.91028V30.4424H9.0844V25.7919ZM8.97429 31.0987H10.0479C10.3232 31.0987 10.5435 30.8704 10.5435 30.5566V25.6778C10.5435 25.3925 10.3232 25.1357 10.0479 25.1357H8.97429C8.69899 25.1357 8.47876 25.3925 8.47876 25.6778V30.5851C8.50629 30.8704 8.69899 31.0987 8.97429 31.0987Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M30.5576 25.7919H31.3835V30.4424H30.5576V25.7919ZM30.4475 31.0987H31.5211C31.7964 31.0987 32.0167 30.8419 32.0167 30.5566V25.6778C32.0167 25.3925 31.7964 25.1357 31.5211 25.1357H30.4475C30.1997 25.1357 29.9795 25.3925 29.9795 25.6778V30.5851C29.9795 30.8704 30.1722 31.0987 30.4475 31.0987Z\"\r\n        fill=\"white\"\r\n      />\r\n      <path\r\n        d=\"M18.8575 27.1042C18.6923 27.1042 18.5547 27.2469 18.5547 27.4466V32.953C18.5547 33.1242 18.6923 33.2954 18.8575 33.2954C19.0227 33.2954 19.1603 33.1528 19.1603 32.953V27.4466C19.1603 27.2469 19.0227 27.1042 18.8575 27.1042Z\"\r\n        fill=\"white\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"clip0_348_5062\">\r\n        <rect width=\"40\" height=\"40\" fill=\"white\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n);\r\n\r\nexport const Filter = () => (\r\n  <svg\r\n    width=\"16\"\r\n    height=\"16\"\r\n    viewBox=\"0 0 16 16\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M5.33333 11.3571C5.33333 11.1866 5.40357 11.0231 5.5286 10.9026C5.65362 10.782 5.82319 10.7143 6 10.7143H10C10.1768 10.7143 10.3464 10.782 10.4714 10.9026C10.5964 11.0231 10.6667 11.1866 10.6667 11.3571C10.6667 11.5276 10.5964 11.6912 10.4714 11.8117C10.3464 11.9323 10.1768 12 10 12H6C5.82319 12 5.65362 11.9323 5.5286 11.8117C5.40357 11.6912 5.33333 11.5276 5.33333 11.3571ZM2.66667 7.5C2.66667 7.3295 2.7369 7.16599 2.86193 7.04543C2.98695 6.92487 3.15652 6.85714 3.33333 6.85714H12.6667C12.8435 6.85714 13.013 6.92487 13.1381 7.04543C13.2631 7.16599 13.3333 7.3295 13.3333 7.5C13.3333 7.6705 13.2631 7.83401 13.1381 7.95457C13.013 8.07513 12.8435 8.14286 12.6667 8.14286H3.33333C3.15652 8.14286 2.98695 8.07513 2.86193 7.95457C2.7369 7.83401 2.66667 7.6705 2.66667 7.5ZM0 3.64286C0 3.47236 0.070238 3.30885 0.195262 3.18829C0.320287 3.06773 0.489856 3 0.666667 3H15.3333C15.5101 3 15.6797 3.06773 15.8047 3.18829C15.9298 3.30885 16 3.47236 16 3.64286C16 3.81335 15.9298 3.97687 15.8047 4.09743C15.6797 4.21798 15.5101 4.28571 15.3333 4.28571H0.666667C0.489856 4.28571 0.320287 4.21798 0.195262 4.09743C0.070238 3.97687 0 3.81335 0 3.64286Z\"\r\n      fill=\"white\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const Arrow = () => (\r\n  <svg\r\n    width=\"32\"\r\n    height=\"32\"\r\n    viewBox=\"0 0 32 32\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n  >\r\n    <path\r\n      d=\"M23.0887 11L16.4497 18.6306L9.71007 11L8 12.6847L16.4497 22L25 12.6847L23.0887 11Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const ArrowLeft = ({title, fillColor = \"currentColor\"}) => (\r\n  <svg\r\n    width=\"12\"\r\n    height=\"19\"\r\n    viewBox=\"0 0 12 19\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    {title && <title>{title}</title>}\r\n    <path\r\n      d=\"M12 16.8639L3.67568 9.4438L12 1.91125L10.1622 -8.03342e-08L5.40873e-07 9.4438L10.1622 19L12 16.8639Z\"\r\n      fill={fillColor}\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const ArrowRight = ({ className, title }) => (\r\n  <svg\r\n    className={className}\r\n    width=\"12\"\r\n    height=\"19\"\r\n    viewBox=\"0 0 12 19\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    aria-hidden=\"true\"\r\n  >\r\n    <title>{title}</title>\r\n    <path\r\n      d=\"M2.011e-07 2.13612L8.32432 9.5562L2.27915e-08 17.0887L1.83783 19L12 9.5562L1.83783 -4.12983e-07L2.011e-07 2.13612Z\"\r\n      fill=\"currentColor\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nexport const BookIcon = ({ className }) => (\r\n    <svg\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        className={className}\r\n    >\r\n      <title>Open PDF bestand</title>\r\n      <desc>Deze knop opent het PDF-bestand genaamd 'hhd-2223-wbp6-hoofdlijnen-toegankelijk-wcag'.</desc>\r\n      <path d=\"M10.8591 21.9491C10.7804 21.8702 10.7803 21.8702 10.7803 21.8702C10.7016 21.7913 10.623 21.7913 10.4656 21.7124C9.36397 21.1603 8.18363 20.9236 7.0033 20.7659C5.42953 20.6081 3.85576 20.8448 2.28199 21.3969C2.2033 21.3969 2.20324 21.4758 2.12455 21.5547C2.12455 21.7124 2.12455 21.7913 2.12455 21.9491H10.8591ZM21.6393 21.9491C21.718 21.4758 21.718 21.4758 21.2459 21.318C20.6951 21.1603 20.1443 21.0025 19.5935 20.9236C17.7049 20.6081 15.8164 20.687 14.0066 21.3969C13.6918 21.5547 13.2984 21.7124 12.9836 21.8702C12.9836 21.8702 12.9836 21.8702 12.9836 21.9491H21.6393ZM4.56397 2.22878C4.56397 2.30766 4.56397 2.38654 4.56397 2.46542C4.56397 6.80389 4.56397 11.2212 4.56397 15.5597C4.56397 15.7175 4.56393 15.7963 4.72131 15.7963C7.23934 16.4274 9.28526 17.8473 10.9377 19.8982C11.0951 20.1348 11.2525 20.2926 11.4098 20.5292C11.4098 20.5292 11.4098 20.5292 11.4885 20.5292C11.3311 20.0559 11.2525 19.5038 11.0164 19.0305C10.2295 16.9796 8.81312 15.6386 6.68852 15.0864C6.21639 15.0075 6.21641 14.9287 6.21641 14.4554C6.21641 11.6945 6.21641 8.8548 6.21641 6.09396C6.21641 5.0685 6.21641 4.12192 6.21641 3.09647C6.21641 3.01759 6.13774 2.85983 6.13774 2.85983C5.50824 2.62318 5.0361 2.46542 4.56397 2.22878ZM3.77709 7.35606C3.30496 7.51382 2.83279 7.67158 2.36066 7.82934C2.20328 7.90822 2.12455 7.98711 2.12455 8.22375C2.12455 12.3256 2.12455 16.3485 2.12455 20.4503V20.7659C5.03603 19.8982 7.9475 19.8193 10.7803 21.1603C10.7016 21.0814 10.7016 21.0025 10.7016 21.0025C9.04916 18.715 7.0033 17.2162 4.2492 16.5063C3.77707 16.3485 3.69832 16.3485 3.69832 15.8752C3.69832 13.351 3.69832 10.8268 3.69832 8.38151C3.77701 7.98711 3.77709 7.75046 3.77709 7.35606ZM6.84586 0.966677C6.84586 1.04556 6.84586 1.12444 6.84586 1.12444C6.84586 5.46291 6.84586 9.88025 6.84586 14.2187C6.84586 14.3765 6.92461 14.4554 7.0033 14.4554C9.0492 15.0075 10.5443 16.3485 11.4098 18.3206C11.4098 18.3994 11.4885 18.3994 11.4885 18.4783C11.4885 18.3205 11.4885 18.2417 11.4885 18.2417C11.4885 15.0864 11.4885 12.0101 11.4885 8.8548C11.4885 7.90823 11.4886 7.04053 11.2525 6.09396C10.9377 4.51633 10.3082 3.17535 9.04918 2.07101C8.49836 1.51884 7.71144 1.12444 6.84586 0.966677ZM20.2229 4.98962C20.1442 4.98962 20.0656 4.98962 19.9869 4.98962C19.2 5.0685 18.4131 5.14738 17.6262 5.30515C15.659 5.69955 13.9279 6.56724 12.4328 7.82934C12.2754 7.98711 12.1967 8.06599 12.1967 8.30263C12.1967 12.5622 12.1967 16.7429 12.1967 21.0025V21.318C14.5574 19.5038 17.2328 18.6361 20.1442 18.4783V18.1628C20.1442 15.7175 20.1442 13.351 20.1442 10.9057C20.1442 10.8268 20.1442 10.6691 20.1442 10.5902C20.2229 10.4324 20.3016 10.3535 20.5377 10.3535C20.6951 10.3535 20.7738 10.4324 20.8525 10.6691C20.8525 10.7479 20.8525 10.8268 20.8525 10.9057C20.8525 13.5088 20.8525 16.033 20.8525 18.6361C20.8525 19.1094 20.7738 19.1882 20.3017 19.1882C18.8853 19.1882 17.4689 19.4249 16.1311 19.8982C15.8951 19.9771 15.659 20.0559 15.4229 20.1348C17.4688 19.8193 19.5148 19.9771 21.482 20.6081V20.2926V11.4579C21.482 10.3535 21.482 9.24921 21.482 8.14487C21.482 8.06599 21.4819 7.90823 21.4032 7.90823C21.2459 7.82934 21.0099 7.75046 20.7738 7.67158C20.7738 7.98711 20.7738 8.22375 20.7738 8.53928C20.7738 8.77592 20.6164 8.93368 20.459 8.93368C20.223 8.93368 20.0656 8.77592 20.0656 8.53928C20.0656 8.22375 20.0656 7.90822 20.0656 7.5927C20.223 6.72501 20.2229 5.85731 20.2229 4.98962ZM1.4951 8.46039C1.25904 8.46039 1.02295 8.46039 0.786885 8.46039C0.629508 8.46039 0.629547 8.61816 0.629547 8.69704C0.629547 9.64361 0.629547 10.5113 0.629547 11.4579C0.629547 13.9821 0.629547 16.5852 0.629547 19.1094C0.629547 19.1882 0.629547 19.2671 0.629547 19.346C0.629547 19.5038 0.47215 19.5827 0.314773 19.5827C0.157396 19.5827 0 19.5038 0 19.346C0 19.2671 0 19.1882 0 19.1094C0 15.6386 0 12.1678 0 8.61816C0 7.98711 0.314716 7.67158 0.944224 7.67158C1.02291 7.67158 1.10164 7.67158 1.18033 7.67158C1.3377 7.67158 1.49508 7.67158 1.57377 7.43494C1.57377 7.35606 1.73117 7.19829 1.88854 7.19829C2.43936 6.96165 3.06883 6.80389 3.61965 6.64612C3.69834 6.64612 3.77707 6.56724 3.85576 6.56724C3.85576 5.62067 3.85576 4.75298 3.85576 3.8064C3.85576 3.17535 3.85576 2.5443 3.85576 1.91325C3.85576 1.51884 4.0131 1.36108 4.40654 1.43996C4.95736 1.59773 5.5869 1.75549 6.21641 1.91325C6.21641 1.83437 6.21641 1.75549 6.21641 1.67661C6.21641 1.2822 6.21641 0.808914 6.21641 0.414508C6.21641 0.0989829 6.37377 -0.0587796 6.68852 0.0201016C9.28525 0.651152 10.9377 2.30766 11.8033 4.83186C12.0393 5.46291 12.118 6.17284 12.2754 6.80389C12.2754 6.88277 12.2754 6.96165 12.2754 7.04053C12.5901 6.80389 12.9836 6.56725 13.2984 6.3306C14.9508 5.22626 16.7607 4.59521 18.7279 4.35857C19.3574 4.27969 19.9082 4.27969 20.5377 4.20081C20.8524 4.20081 21.0098 4.27969 21.0098 4.59521C21.0098 5.22626 21.0098 5.93619 21.0098 6.56724C21.0098 6.72501 21.0885 6.80389 21.2459 6.88277C21.5607 6.96165 21.8754 7.11941 22.1115 7.19829C22.2688 7.27717 22.2689 7.43494 22.4262 7.51382C22.5049 7.5927 22.5836 7.67158 22.5836 7.67158C22.7409 7.67158 22.8984 7.67158 23.1344 7.67158C23.6066 7.67158 24 7.98711 24 8.53928C24 13.4299 24 18.2417 24 23.1323C24 23.6056 23.6853 24 23.1344 24C19.7508 24 16.3672 24 12.9836 24C12.8262 24 12.6689 23.9211 12.5902 23.8422C12.1967 23.5267 11.8033 23.5267 11.4098 23.8422C11.3311 23.9211 11.1738 24 11.0164 24C7.63279 24 4.32783 24 0.944224 24C0.393404 24 0.0786693 23.6845 0.0786693 23.1323C0.0786693 22.5801 0.0786693 22.028 0.0786693 21.4758C0.0786693 21.1603 0.236046 21.0814 0.472112 21.0814C0.708178 21.0814 0.786885 21.2392 0.786885 21.4758C0.786885 22.028 0.786885 22.5013 0.786885 23.0534C0.786885 23.2112 0.865612 23.2901 1.02299 23.2901C4.24922 23.2901 7.55406 23.2901 10.7803 23.2901C10.859 23.2901 10.9377 23.2112 11.0164 23.2112C11.5672 22.7379 12.3541 22.7379 12.9049 23.2112C12.9836 23.2901 13.0623 23.2901 13.1409 23.2901C16.3672 23.2901 19.6721 23.2901 22.8983 23.2901C23.1344 23.2901 23.1344 23.2112 23.1344 22.9745C23.1344 18.1628 23.1344 13.4299 23.1344 8.61816C23.1344 8.38151 23.0557 8.30263 22.8983 8.38151C22.741 8.38151 22.5836 8.38151 22.3476 8.38151V8.69704V21.8702C22.3476 22.4224 22.2688 22.5013 21.718 22.5013H2.04588C1.57375 22.5013 1.4951 22.4224 1.4951 21.9491C1.4951 17.5317 1.4951 13.0355 1.4951 8.61816V8.46039Z\" />\r\n    </svg>\r\n);\r\n\r\nexport const AccessibilityIcon = ({ className, stroke }) => (\r\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"33\" height=\"32\" viewBox=\"0 0 33 32\" fill=\"none\" className={className} style={{\"color\": \"transparent\"}}>\r\n      <path d=\"M16.5021 9.8125C17.8388 9.8125 18.9246 8.73398 18.9246 7.40625C18.9246 6.07852 17.8388 5 16.5021 5C15.1654 5 14.0797 6.07852 14.0797 7.40625C14.0797 8.73398 15.1654 9.8125 16.5021 9.8125Z\" fill={stroke}/>\r\n      <path d=\"M24.1157 9.84688L24.0941 9.85117L24.0768 9.85547C24.0335 9.86836 23.9903 9.88125 23.947 9.89414C23.1424 10.1305 19.2361 11.2219 16.4805 11.2219C13.9239 11.2219 10.3681 10.2766 9.23035 9.9543C9.11788 9.91133 9.00108 9.87266 8.88428 9.84258C8.06236 9.62774 7.5 10.457 7.5 11.2133C7.5 11.9652 8.17916 12.3219 8.86265 12.5797V12.5926L12.9809 13.8688C13.4005 14.0277 13.513 14.191 13.5692 14.3328C13.7466 14.7883 13.6038 15.6906 13.5562 16.0043L13.3053 17.9379L11.9167 25.5133C11.9124 25.5348 11.9081 25.5562 11.9037 25.5777L11.8951 25.6336C11.7956 26.3254 12.3061 27 13.2794 27C14.1273 27 14.5036 26.4199 14.6637 25.6293C14.6637 25.6293 15.8749 18.8574 16.4805 18.8574C17.0862 18.8574 18.332 25.6293 18.332 25.6293C18.4964 26.4199 18.8684 27 19.7163 27C20.6896 27 21.2044 26.3254 21.1006 25.6293C21.0919 25.5691 21.0789 25.5133 21.066 25.4531L19.6601 17.9465L19.4092 16.0129C19.2275 14.8871 19.3745 14.5133 19.4221 14.4273C19.4221 14.4273 19.4265 14.423 19.4265 14.4188C19.474 14.3328 19.686 14.1395 20.1835 13.9547L24.0465 12.6141C24.0681 12.6098 24.0941 12.6012 24.1157 12.5926C24.8079 12.3348 25.5 11.9781 25.5 11.2219C25.5 10.4656 24.9376 9.63203 24.1157 9.84688Z\" fill={stroke}/>\r\n      <circle cx=\"16.5\" cy=\"16\" r=\"15.5\" stroke={stroke}/>\r\n    </svg>\r\n);\r\n\r\nexport const ThemeFilterMobileIcon = ({ className }) => (\r\n    <svg\r\n        width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" className={className}\r\n    >\r\n      <circle\r\n          cx=\"12\"\r\n          cy=\"12\"\r\n          r=\"11\"\r\n          stroke=\"currentColor\"\r\n          strokeWidth=\"2\"\r\n          fill=\"none\"\r\n      />\r\n      <rect\r\n          x=\"16\"\r\n          y=\"11\"\r\n          width=\"2\"\r\n          height=\"8\"\r\n          transform=\"rotate(90 16 11)\"\r\n          fill=\"currentColor\"\r\n      />\r\n    </svg>\r\n);\r\n\r\nexport const PlusIcon = ({ className, areaOpen, title }) => (\r\n    <svg\r\n        width=\"24\"\r\n        height=\"24\"\r\n        viewBox=\"0 0 24 24\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n        className={className}\r\n    >\r\n      <title>{areaOpen ? `Verberg gebied van maatregel: ${title}` : `Toon gebied van maatregel: ${title}`}</title>\r\n      <circle\r\n          cx=\"12\"\r\n          cy=\"12\"\r\n          r=\"11\"\r\n          stroke=\"currentColor\"\r\n          strokeWidth=\"2\"\r\n          fill=\"none\"\r\n      />\r\n      {!areaOpen && (\r\n          <rect x=\"11\" y=\"8\" width=\"2\" height=\"8\" fill=\"currentColor\"/>\r\n      )}\r\n      <rect\r\n          x=\"16\"\r\n          y=\"11\"\r\n          width=\"2\"\r\n          height=\"8\"\r\n          transform=\"rotate(90 16 11)\"\r\n          fill=\"currentColor\"\r\n      />\r\n    </svg>\r\n);\r\n\r\n\r\n\r\n","import {AccessibilityIcon} from \"./Icons\";\r\n\r\nconst AccessibilityButton = ({href, target = \"_self\", variant = 'light', iconStroke = \"#213165\"}) => {\r\n    return (\r\n        <a\r\n            className={`button button--features ${variant}`}\r\n            href={href}\r\n            target={target}\r\n            aria-label=\"Open PDF bestand: inspectie-wbp6hhdelflandnl-11-2024.pdf\"\r\n        >\r\n            <AccessibilityIcon stroke={iconStroke} />\r\n            <span className=\"button__label\">Toegankelijkheid</span>\r\n        </a>\r\n    )\r\n}\r\nexport default AccessibilityButton;","import Lottie from \"react-lottie-player/dist/LottiePlayerLight\";\r\nimport { Link } from \"react-router-dom\";\r\nimport bgImage from \"../assets/hh-bg.jpg\";\r\nimport LogoDelfsland from \"../assets/logo-delfsland.svg\";\r\nimport HeadMeta from \"../components/HeadMeta\";\r\nimport { BookIcon} from \"../components/Icons\";\r\nimport AccessibilityButton from \"../components/AccessibilityButton\";\r\n\r\nconst animationData = require(\"../assets/logo-animation.json\");\r\n\r\nfunction Home() {\r\n  return (\r\n    <div className=\"Splash\" style={{backgroundImage: `url(${bgImage})`, backgroundRepeat: \"no-repeat\", backgroundPosition: \"center\", backgroundSize: \"cover\"}}>\r\n      <HeadMeta pageTitle=\"Homepagina | Waterwerk WBP6 Hoogheemraadschap van Delfland\" />\r\n      <header className=\"Splash-header\">\r\n        <div className=\"container\">\r\n          <div className=\"row\">\r\n            <div className=\"col-l-1o2 text-align-center text-align-lg-left\">\r\n              <img src={LogoDelfsland} alt=\"Logo Hoogheemraadschap van Delfland\" />\r\n            </div>\r\n            <div className=\"col-l-1o2 text-align-right\" style={{display: \"flex\", alignItems: \"center\"}}>\r\n              <a\r\n                className=\"button button--features\"\r\n                href=\"/files/hhd-2223-wbp6-hoofdlijnen-toegankelijk-wcag.pdf\"\r\n                target=\"_blank\"\r\n                aria-label=\"Open PDF bestand: hhd-2223-wbp6-hoofdlijnen-toegankelijk-wcag.pdf\"\r\n              >\r\n                <BookIcon />\r\n                <span className=\"button__label\">WBP6 op hoofdlijnen</span>\r\n              </a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </header>\r\n      <div className=\"Splash-body\">\r\n        <div className=\"container\">\r\n          <div className=\"row\">\r\n            <div className=\"col-l-2o3 offset-l-1o6\">\r\n              <figure style={{ textAlign: 'center' }}>\r\n                <Lottie\r\n                    loop={false}\r\n                    animationData={animationData}\r\n                    play\r\n                    rendererSettings={{ preserveAspectRatio: \"xMidYMid slice\" }}\r\n                    role=\"img\"\r\n                    aria-labelledby=\"waterwerk-logo\"\r\n                />\r\n                <figcaption className=\"visually-hidden\"  id=\"waterwerk-logo\" >\r\n                  Waterwerk logo\r\n                </figcaption>\r\n              </figure>\r\n              <h1 className=\"Splash-subtitle\">\r\n                het 6de waterbeheer&shy;programma\r\n                <br />\r\n                2022 - 2027\r\n              </h1>\r\n              <div className=\"Splash-actions\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-l-1o2 text-align-center text-align-lg-right\">\r\n                    <Link className=\"button button--alt\" to=\"/themas\">\r\n                      thema’s\r\n                    </Link>\r\n                  </div>\r\n                  <div className=\"col-l-1o2 text-align-center text-align-lg-left\">\r\n                    <Link className=\"button\" to=\"/maatregelen\">\r\n                      maatregelen\r\n                    </Link>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div className=\"container\">\r\n        <div className=\"row\"  style={{display: \"flex\", justifyContent: \"end\", marginBottom: \"32px\"}}>\r\n          <div className=\"col-l-1o2 text-align-right\">\r\n            <AccessibilityButton href=\"/toegankelijkheidsverklaring\" />\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Home;\r\n","export const colorByCluster = (cluster) => {\r\n  switch (cluster) {\r\n    case \"overkoepelende thema’s\":\r\n      return \"purple\";\r\n    case \"waterveiligheid\":\r\n      return \"red\";\r\n    case \"organisatie & bestuur\":\r\n      return \"yellow\";\r\n    case \"waterkwaliteit\":\r\n      return \"green\";\r\n    case \"waterketen\":\r\n      return \"brown\";\r\n    default:\r\n      return \"blue\";\r\n  }\r\n};\r\n","import { Link } from \"react-router-dom\";\r\n\r\nimport { colorByCluster } from \"../helpers/colorCluster\";\r\n\r\nconst getImage = ({ link, variants }) => {\r\n  const vars = variants.filter(({ width }) => width === 640);\r\n  return vars.length > 0 ? vars[0].link : link;\r\n};\r\n\r\nfunction ClusterResult({ title, id, inhoud }) {\r\n  const image = getImage(inhoud.hoofdafbeelding);\r\n  const { cluster } = inhoud;\r\n\r\n  return (\r\n    <Link\r\n      className={`ClusterIndex-result Result Result--${colorByCluster(\r\n        cluster\r\n      )}`}\r\n      to={`/themas/${id}`}\r\n    >\r\n      <article>\r\n        <div\r\n          className=\"Result-image\"\r\n          style={{\r\n            backgroundImage: `url(${process.env.REACT_APP_HOST}${image})`,\r\n          }}\r\n        ></div>\r\n        <div className=\"Result-body\">\r\n          <h3 className=\"Result-title\">{title}</h3>\r\n          <div className=\"Result-more\">Lees meer</div>\r\n          <section className=\"Result-cluster\">\r\n            <h4>Cluster:</h4>\r\n            <div>{cluster}</div>\r\n          </section>\r\n        </div>\r\n      </article>\r\n    </Link>\r\n  );\r\n}\r\n\r\nexport default ClusterResult;\r\n","import axios from \"axios\";\r\n\r\nexport const getAreas = async () => {\r\n  return await axios\r\n    .get(`${process.env.REACT_APP_HOST}meta/Wbp6Gebied`)\r\n    .then(({ data }) => data);\r\n};\r\n\r\nexport const getFacets = async () => {\r\n  return await axios\r\n    .get(`${process.env.REACT_APP_HOST}content/wbp6/facet/thema`)\r\n    .then(({ data }) => {\r\n      return data;\r\n    });\r\n};\r\n\r\nexport const getDispositionFacets = async (query = \"\", areas = []) => {\r\n  return await axios\r\n    .get(\r\n      `${process.env.REACT_APP_HOST}content/wbp6/facet/maatregel?limit=300${\r\n        areas.length > 0\r\n          ? \"?\" + areas.map(({ id }) => \"facet=\" + id).join(\"&\")\r\n          : \"\"\r\n      }${\r\n        query.trim() !== \"\"\r\n          ? (areas.length > 0 ? \"&\" : \"?\") + `text=${query}`\r\n          : \"\"\r\n      }`\r\n    )\r\n    .then(({ data }) => {\r\n      return data;\r\n    });\r\n};\r\n\r\nexport const getDevelopments = async () => {\r\n  return await axios\r\n    .get(`${process.env.REACT_APP_HOST}meta/Wbp6OntwikkelingLangeTermijn`)\r\n    .then(({ data }) => data);\r\n};\r\n\r\nexport const getThemes = async (\r\n  filters = [],\r\n  developments = [],\r\n  cancelToken = null\r\n) => {\r\n  return await axios\r\n    .get(\r\n      `${process.env.REACT_APP_HOST}content/wbp6/list/thema${\r\n        filters.length === 0\r\n          ? \"\"\r\n          : \"?\" + filters.map(({ id }) => \"facet=\" + id).join(\"&\")\r\n      }${\r\n        developments.length === 0\r\n          ? \"\"\r\n          : (filters.length === 0 ? \"?\" : \"&\") +\r\n            developments.map(({ id }) => \"facet=\" + id).join(\"&\")\r\n      }`,\r\n      { cancelToken }\r\n    )\r\n    .then(({ data }) => {\r\n      return data;\r\n    });\r\n};\r\n\r\nexport const getTheme = async (id) => {\r\n  return await axios\r\n    .get(`${process.env.REACT_APP_HOST}content/wbp6/${id}/thema`)\r\n    .then(({ data }) => {\r\n      return data;\r\n    });\r\n};\r\n\r\nexport const getDisposition = async (id) => {\r\n    if (!id) {\r\n        return null;\r\n    }\r\n\r\n    try {\r\n        const [dispositionResponse, themeResponse] = await Promise.all([\r\n            axios.get(`${process.env.REACT_APP_HOST}content/wbp6/${id}/maatregel?limit=300`),\r\n            axios.get(`${process.env.REACT_APP_HOST}content/wbp6/list/thema`)  // Fetch theme data\r\n        ]);\r\n\r\n        if (dispositionResponse.status === 404 || themeResponse.status === 404) {\r\n            throw new Error(\"Resource not found: 404 error\");\r\n        }\r\n\r\n        const disposition = dispositionResponse.data;\r\n        const themeItems = themeResponse.data;\r\n\r\n        const matchingTheme = themeItems.find(theme =>\r\n            theme.maatregelen.some(themeDisposition => themeDisposition.maatregel.id === disposition.id)\r\n        );\r\n\r\n        if (matchingTheme) {\r\n            return {\r\n                ...disposition,\r\n                themeTitle: matchingTheme.title,\r\n                themeId: matchingTheme.id,\r\n                color: matchingTheme.inhoud.cluster || \"\"\r\n            };\r\n        } else {\r\n            throw new Error(\"Matching theme not found for disposition\");\r\n        }\r\n    } catch (error) {\r\n        console.error('Error fetching disposition and theme:', error);\r\n        return null;\r\n    }\r\n};\r\n\r\nexport const getDispositions = async (query = \"\", selectedAreas = []) => {\r\n    const trimmedQuery = query.trim();\r\n\r\n    try {\r\n        const [maatregelData, themeData] = await Promise.all([\r\n            axios.get(`${process.env.REACT_APP_HOST}content/wbp6/list/maatregel?limit=300`),\r\n            axios.get(`${process.env.REACT_APP_HOST}content/wbp6/list/thema`)\r\n        ]);\r\n\r\n        if (maatregelData.status === 404 || themeData.status === 404) {\r\n            throw new Error(\"Resource not found: 404 error\");\r\n        }\r\n\r\n        const maatregelItems = maatregelData.data;\r\n        const themeItems = themeData.data;\r\n\r\n        const updatedDispositions = [];\r\n\r\n        for (const theme of themeItems) {\r\n            for (const themeDisposition of theme.maatregelen) {\r\n                for (const disposition of maatregelItems) {\r\n                    if (themeDisposition.maatregel.id === disposition.id) {\r\n                        updatedDispositions.push({\r\n                            ...themeDisposition.maatregel,\r\n                            disposition,\r\n                            themeTitle: theme.title\r\n                        });\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        const filteredDispositions = updatedDispositions.filter((disposition) => {\r\n            const isMatchingQuery = (\r\n                disposition.disposition.title.toLowerCase().includes(trimmedQuery.toLowerCase()) ||\r\n                disposition.themeTitle.toLowerCase().includes(trimmedQuery.toLowerCase()) ||\r\n                disposition.disposition.inhoud.toelichting.toLowerCase().includes(trimmedQuery.toLowerCase())\r\n            );\r\n\r\n            const isMatchingArea = selectedAreas.length === 0 || selectedAreas.some((selectedArea) => {\r\n                return disposition.disposition.inhoud.gebied.includes(selectedArea.value);\r\n            });\r\n\r\n            return isMatchingQuery && isMatchingArea;\r\n        });\r\n\r\n\r\n        return filteredDispositions;\r\n    } catch (error) {\r\n        console.error(\"Error in getDispositions:\", error.message);\r\n        throw error;\r\n    }\r\n};\r\n\r\nexport const getThesaurus = async () => {\r\n    return await axios\r\n        .get(`${process.env.REACT_APP_HOST}meta/thesaurus`)\r\n        .then(({ data }) => {\r\n            return data[0]?.all;\r\n        });\r\n}\r\n// Helper function to extract YouTube video ID from URL\r\nexport function YouTubeGetID(url) {\r\n    if (!url || typeof url !== 'string') {\r\n        console.error(\"Invalid URL provided\");\r\n        return null;\r\n    }\r\n\r\n    let ID = \"\";\r\n    const parts = url\r\n        .replace(/(>|<)/gi, \"\")\r\n        .split(/(vi\\/|v=|\\/v\\/|youtu\\.be\\/|\\/embed\\/)/);\r\n\r\n    if (parts[2] !== undefined) {\r\n        ID = parts[2].split(/[^0-9a-z_-]/i)[0];\r\n    } else {\r\n        console.error(\"Could not extract YouTube video ID from URL\");\r\n        return null;\r\n    }\r\n    return ID;\r\n}\r\n\r\nexport const fetchYouTubeData = async (videoId) => {\r\n    const API_KEY = \"AIzaSyDncIess6YPfy8SFdT0MtjSGhbEkAoR0z8\";\r\n\r\n    if (!videoId) {\r\n        console.error(\"Invalid YouTube ID\");\r\n        return null;\r\n    }\r\n\r\n    try {\r\n        const response = await fetch(`https://www.googleapis.com/youtube/v3/videos?id=${videoId}&key=${API_KEY}&part=snippet`);\r\n\r\n        if (!response.ok) {\r\n            throw new Error(`Error fetching video data: ${response.statusText}`);\r\n        }\r\n\r\n        const data = await response.json();\r\n\r\n        // Check if the video data is available\r\n        if (data.items && data.items.length > 0) {\r\n            const sendData = data.items[0].snippet;\r\n            sendData['youtube_id'] = videoId;\r\n            return sendData; // Return the snippet of the first video found\r\n        } else {\r\n            throw new Error(\"No video data found\");\r\n        }\r\n    } catch (error) {\r\n        console.error(\"Error during fetchYouTubeData:\", error.message);\r\n        return null; // Return null in case of an error\r\n    }\r\n};\r\n\r\n\r\nexport const getAccessibilityData = async () => {\r\n\r\n    try {\r\n        const response = await axios.get(`${process.env.REACT_APP_HOST}content/wbp6/toegankelijkheidsverklaring/artikel`);\r\n        return response.data;\r\n    } catch (error) {\r\n        throw new Error(error.message);\r\n    }\r\n}\r\n","import React, {useContext, useReducer, createContext, useEffect, useRef} from \"react\";\r\nimport { getDispositionFacets, getFacets, getThemes } from \"../api\";\r\nimport { colorByCluster } from \"../helpers/colorCluster\";\r\n\r\nconst RefContext = createContext(null);\r\n\r\nexport const useRefProvider = () => useContext(RefContext);\r\n\r\nconst RefProvider = ({ children }) => {\r\n  // video refs\r\n  const videoTriggerRef = useRef(null);\r\n  const videoModalFirstElRef = useRef(null);\r\n\r\n  // themes filter refs\r\n  const themesFilterTriggerRef = useRef(null);\r\n  const themesFilterFirstElRef = useRef(null);\r\n\r\n  // Dynamic refs object\r\n  const dynamicRefs = useRef({});\r\n\r\n  // Function to get or create a ref for a given key\r\n  const setRef = (key) => {\r\n    if (!dynamicRefs.current[key]) {\r\n      dynamicRefs.current[key] = React.createRef();\r\n    }\r\n    return dynamicRefs.current[key];\r\n  };\r\n\r\n  // Function to focus a specific ref by its key\r\n    const focusRef = (key) => {\r\n    if (dynamicRefs.current[key] && dynamicRefs.current[key].current) {\r\n      dynamicRefs.current[key].current.focus();\r\n    }\r\n  };\r\n\r\n  const sendRefs =  {\r\n    videoTriggerRef,\r\n    videoModalFirstElRef,\r\n    themesFilterTriggerRef,\r\n    themesFilterFirstElRef,\r\n    setRef,\r\n    focusRef,\r\n  }\r\n  return (\r\n      <RefContext.Provider value={sendRefs}>\r\n        {children}\r\n      </RefContext.Provider>\r\n  );\r\n};\r\n\r\nconst updateClusterOrdering = (c) => {\r\n  let order = 0;\r\n\r\n  switch (c.value) {\r\n    case \"waterketen\":\r\n      order = 4;\r\n      break;\r\n    case \"waterveiligheid\":\r\n      order = 1;\r\n      break;\r\n    case \"waterkwaliteit\":\r\n      order = 2;\r\n      break;\r\n    case \"waterkwantiteit\":\r\n      order = 3;\r\n      break;\r\n    case \"organisatie & bestuur\":\r\n      order = 5;\r\n      break;\r\n    case \"overkoepelende thema’s\":\r\n      order = 6;\r\n      break;\r\n    default:\r\n      break;\r\n  }\r\n  return { ...c, order };\r\n};\r\n\r\nconst initialState = {\r\n  globalThemes: [],\r\n  videoModal: null,\r\n  videoData: null,\r\n  videoIsOpen: false,\r\n  areas: [],\r\n  areaFilterOpen: false,\r\n  clusters: [],\r\n  developments: [],\r\n  themeFilterOpen: false,\r\n  developmentsOverlayOpen: false,\r\n  dispositionSearch: \"\",\r\n  dispositionColors: {},\r\n};\r\n\r\nconst reducer = (state, action) => {\r\n  switch (action.type) {\r\n    case \"set_global_themes\":\r\n      return {\r\n        ...state,\r\n        globalThemes: action.payload.sort((x, y) => {\r\n          const t1 = x.title.toUpperCase();\r\n          const t2 = y.title.toUpperCase();\r\n          return t1 < t2 ? -1 : t1 > t2 ? 1 : 0;\r\n        }),\r\n        dispositionColors: action.payload.reduce((acc, elem) => {\r\n          const { inhoud = {}, maatregelen = [], title = \"\" } = elem;\r\n          const color = colorByCluster(inhoud.cluster);\r\n          maatregelen.forEach(({ maatregel }) => {\r\n            acc[maatregel.id] = { color, title };\r\n          });\r\n          return acc;\r\n        }, {}),\r\n      };\r\n    case \"set_all_areas\":\r\n      return {\r\n        ...state,\r\n        areas: action.payload\r\n          .sort((a, b) => (a.label < b.label ? -1 : a.label > b.label ? 1 : 0))\r\n          .map((area) => {\r\n            return { ...area, active: false };\r\n          }),\r\n      };\r\n    case \"set_area\":\r\n      return {\r\n        ...state,\r\n        areas: state.areas.map((area) => {\r\n          if (area.value === action.payload.id) {\r\n            return { ...area, active: action.payload.state };\r\n          } else {\r\n            return area;\r\n          }\r\n        }),\r\n      };\r\n    case \"open_area_filter\":\r\n      return { ...state, areaFilterOpen: true };\r\n    case \"close_area_filter\":\r\n      return { ...state, areaFilterOpen: false };\r\n    case \"deactivate_all_filters\":\r\n      return {\r\n        ...state,\r\n        areas: state.areas.map((area) => {\r\n          return { ...area, active: false };\r\n        }),\r\n      };\r\n    case \"set_all_clusters\":\r\n      return {\r\n        ...state,\r\n        clusters: action.payload\r\n          .map(updateClusterOrdering)\r\n          .map((c) => {\r\n            return { ...c, active: false };\r\n          })\r\n          .sort((a, b) =>\r\n            a.order < b.order ? -1 : a.order === b.order ? 0 : 1\r\n          ),\r\n      };\r\n    case \"reset_all_clusters\":\r\n      return {\r\n        ...state,\r\n        clusters: state.clusters.map((c) => {\r\n          return { ...c, active: false };\r\n        }),\r\n      };\r\n    case \"set_cluster\":\r\n      return {\r\n        ...state,\r\n        clusters: state.clusters.map((cluster) => {\r\n          if (cluster.value === action.payload.id) {\r\n            return { ...cluster, active: action.payload.state };\r\n          } else {\r\n            return cluster;\r\n          }\r\n        }),\r\n      };\r\n    case \"set_all_developments\":\r\n      return {\r\n        ...state,\r\n        developments: action.payload\r\n          .sort((a, b) => (a.label < b.label ? -1 : a.label > b.label ? 1 : 0))\r\n          .map((development) => {\r\n            return { ...development, active: false };\r\n          }),\r\n      };\r\n    case \"set_development\":\r\n      return {\r\n        ...state,\r\n        developments: state.developments.map((development) => {\r\n          if (development.value === action.payload.id) {\r\n            return { ...development, active: action.payload.state };\r\n          } else {\r\n            return development;\r\n          }\r\n        }),\r\n      };\r\n    case \"set_developments\":\r\n      return {\r\n        ...state,\r\n        developments: action.payload,\r\n      };\r\n    case \"reset_development\":\r\n      return {\r\n        ...state,\r\n        developments: state.developments.map((development) => {\r\n          return { ...development, active: false };\r\n        }),\r\n      };\r\n    case \"open_developments_overlay\":\r\n      return {\r\n        ...state,\r\n        developmentsOverlayOpen: true,\r\n      };\r\n    case \"close_developments_overlay\":\r\n      return {\r\n        ...state,\r\n        developmentsOverlayOpen: false,\r\n      };\r\n    case \"update_disposition_search\":\r\n      return {\r\n        ...state,\r\n        dispositionSearch: action.payload,\r\n      };\r\n    case \"clear_disposition_search\":\r\n      return {\r\n        ...state,\r\n        dispositionSearch: \"\",\r\n      };\r\n    default:\r\n      return state;\r\n  }\r\n};\r\n\r\nconst StateContext = createContext();\r\nconst DispatchContext = createContext();\r\n\r\nconst Reducer = ({ children }) => {\r\n  const [state, dispatch] = useReducer(reducer, initialState);\r\n\r\n  // initial global data load\r\n  useEffect(() => {\r\n    getFacets().then((r) => {\r\n      r.facets.forEach((f) => {\r\n        if (f.name === \"Cluster\") {\r\n          dispatch({ type: \"set_all_clusters\", payload: f.values });\r\n        } else if (f.name === \"Ontwikkeling lange termijn\") {\r\n          dispatch({ type: \"set_all_developments\", payload: f.values });\r\n        }\r\n      });\r\n    });\r\n\r\n    getDispositionFacets().then((r) => {\r\n      r.facets.forEach((f) => {\r\n        if (f.name === \"Gebied\") {\r\n          dispatch({ type: \"set_all_areas\", payload: f.values });\r\n        }\r\n      });\r\n    });\r\n\r\n    getThemes().then((payload) =>\r\n      dispatch({ type: \"set_global_themes\", payload })\r\n    );\r\n  }, []);\r\n\r\n  return (\r\n    <StateContext.Provider value={state}>\r\n      <DispatchContext.Provider value={dispatch}>\r\n        <RefProvider>\r\n          {children}\r\n        </RefProvider>\r\n      </DispatchContext.Provider>\r\n    </StateContext.Provider>\r\n  );\r\n};\r\n\r\nexport default Reducer;\r\n\r\nexport const useState = () => useContext(StateContext);\r\nexport const useDispatch = () => useContext(DispatchContext);\r\n","import React, {forwardRef} from 'react';\r\n\r\nconst IconButton = forwardRef(({ children, ariaLabel, ariaExpanded = false,  className = \"\", glow = false, onClick = () => null }, ref) => {\r\n\r\n    return (\r\n        <button\r\n            onClick={onClick}\r\n            className={`${className} icon-mobile-button ${\r\n                glow ? \"icon-mobile-button--shadow\" : \"\"\r\n            }`}\r\n            aria-label={ariaLabel}\r\n            aria-expanded={ariaExpanded}\r\n            ref={ref}\r\n        >\r\n            {children}\r\n        </button>\r\n    );\r\n});\r\n\r\nexport default IconButton;\r\n","const DevFilterItem = ({ label, active, value, callback }) => {\r\n  return (\r\n    <div className=\"theme-filter__cluster-list-item\">\r\n      <input\r\n        type=\"checkbox\"\r\n        id={`cluster-filter-${value}`}\r\n        checked={active}\r\n        onChange={(e) => {\r\n          callback(value, e.target.checked);\r\n        }}\r\n      />\r\n      <label htmlFor={`cluster-filter-${value}`}>{label.replace(/CO2/g, 'CO₂')}</label>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DevFilterItem;\r\n","import React, { useContext, createContext, useState, useEffect } from \"react\";\r\n\r\nfunction getCurrentBreakpoint(width) {\r\n  if (width >= largeBreakpoint) {\r\n    return \"xl\";\r\n  } else if (width >= breakpoint) {\r\n    return \"l\";\r\n  } else {\r\n    return \"s\";\r\n  }\r\n}\r\n\r\nconst ViewportContext = createContext();\r\n\r\nconst Viewport = ({ children }) => {\r\n  const [width, setWidth] = useState(window.innerWidth);\r\n  const [breakpoint, setBreakpoint] = useState(getCurrentBreakpoint(width));\r\n\r\n  const handleWindowResize = () => {\r\n    setWidth(window.innerWidth);\r\n    setBreakpoint(getCurrentBreakpoint(window.innerWidth));\r\n  };\r\n\r\n  useEffect(() => {\r\n    window.addEventListener(\"resize\", handleWindowResize);\r\n    return () => window.removeEventListener(\"resize\", handleWindowResize);\r\n  }, []);\r\n\r\n  return (\r\n    <ViewportContext.Provider value={{ width, breakpoint }}>\r\n      {children}\r\n    </ViewportContext.Provider>\r\n  );\r\n};\r\n\r\nexport const breakpoint = 900;\r\nexport const largeBreakpoint = 1200;\r\n\r\nexport const useViewport = () => {\r\n  const { width } = useContext(ViewportContext);\r\n  return width;\r\n};\r\n\r\nexport const useBreakpoint = () => {\r\n  const { breakpoint } = useContext(ViewportContext);\r\n  return breakpoint;\r\n};\r\n\r\nexport default Viewport;\r\n","import { useState, useEffect } from 'react';\r\nimport { breakpoint } from \"./useViewport\";\r\n\r\n// Custom hook to check if the device is mobile\r\nconst useIsMobile = (mobileBreakpoint = breakpoint) => {\r\n    const [isMobile, setIsMobile] = useState(window.innerWidth < mobileBreakpoint);\r\n\r\n    useEffect(() => {\r\n        // Update isMobile state on resize\r\n        const handleResize = () => {\r\n            setIsMobile(window.innerWidth < mobileBreakpoint);\r\n        };\r\n\r\n        // Add event listener\r\n        window.addEventListener('resize', handleResize);\r\n\r\n        // Clean up event listener on component unmount\r\n        return () => window.removeEventListener('resize', handleResize);\r\n    }, [mobileBreakpoint]);\r\n\r\n    return isMobile;\r\n};\r\n\r\nexport default useIsMobile;\r\n","import { useEffect, useState as useReactState } from \"react\";\r\nimport {useState, useDispatch, useRefProvider} from \"../hooks/useReducer\";\r\nimport IconButton from \"./IconButton\";\r\nimport { Filter, Arrow } from \"./Icons\";\r\nimport DevFilterItem from \"./DevFilterITem\";\r\nimport useIsMobile from \"../hooks/useIsMobile\";\r\nimport {useNavigate} from \"react-router-dom\";\r\n\r\nconst ThemeFilter = ({ children }) => {\r\n  const navigate = useNavigate();\r\n  const { clusters, developments, developmentsOverlayOpen, themeFilterOpen } = useState();\r\n  const dispatch = useDispatch();\r\n  const { themesFilterTriggerRef, themesFilterFirstElRef } = useRefProvider();\r\n  const isMobile = useIsMobile()\r\n  const [currentDevelopments, setCurrentDevelopments] =\r\n    useReactState(developments);\r\n\r\n  useEffect(() => {\r\n    if (!developmentsOverlayOpen) {\r\n      setCurrentDevelopments(developments);\r\n    }\r\n  }, [developments]);\r\n\r\n  const handleOpenPanelClick = () => {\r\n    if (themesFilterFirstElRef.current) {\r\n      themesFilterFirstElRef.current.focus();\r\n    }\r\n    navigate({\r\n      search: '?open-filters=true',\r\n    });\r\n  };\r\n\r\n  const handleClusterClick = (id, state) => {\r\n    dispatch({ type: \"set_cluster\", payload: { id, state } });\r\n  };\r\n\r\n  const handleOpenDevelopmentsOverlay = () => {\r\n    if (developmentsOverlayOpen) {\r\n      handleCloseDevFilterClick();\r\n    } else {\r\n      dispatch({ type: \"open_developments_overlay\" });\r\n    }\r\n  };\r\n\r\n  const handleDevFilterClick = (id, state) => {\r\n    setCurrentDevelopments((old) => {\r\n      return old.map((item) => {\r\n        if (item.value === id) {\r\n          item.active = state;\r\n        }\r\n        return item;\r\n      });\r\n    });\r\n  };\r\n\r\n  const handleCloseDevFilterClick = () => {\r\n    dispatch({ type: \"close_developments_overlay\" });\r\n    dispatch({ type: \"set_developments\", payload: currentDevelopments });\r\n  };\r\n\r\n  return (\r\n    <div className=\"theme-filter\">\r\n      {isMobile && <div className=\"container theme-filter__mobile\" id=\"main-content\">\r\n        <div className=\"row\">\r\n          <div className=\"col-1\">\r\n            <div className=\"theme-filter__content-mobile\">\r\n              <div>{children}</div>\r\n              <IconButton\r\n                  onClick={handleOpenPanelClick}\r\n                  ref={themesFilterTriggerRef}\r\n                  ariaLabel={\"Open de themafiltraties\"} ariaExpanded={themeFilterOpen ? true : false}>\r\n                <Filter/>\r\n              </IconButton>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>}\r\n      {!isMobile && <div className=\"theme-filter__cluster-panel\" id=\"main-content\">\r\n        <div className=\"container theme-filter__desktop \">\r\n          <div className=\"row\">\r\n            <div className=\"col-1\">\r\n              <ul className=\"theme-filter__cluster-list\">\r\n                {clusters.map((cluster, index) => (\r\n                    <li key={index} className=\"theme-filter__cluster-list-item\">\r\n                      <input\r\n                          type=\"checkbox\"\r\n                          id={`cluster-filter-${index}`}\r\n                          checked={cluster.active}\r\n                          onChange={(e) => {\r\n                            handleClusterClick(cluster.value, e.target.checked);\r\n                          }}\r\n                      />\r\n                      <label htmlFor={`cluster-filter-${index}`}>\r\n                        {cluster.label}\r\n                      </label>\r\n                    </li>\r\n                ))}\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>}\r\n      {!isMobile && <div className=\"container theme-filter__desktop\">\r\n        <div className=\"row\">\r\n          <div className=\"col-1\">\r\n            <div className=\"theme-filter__development\">\r\n              <button\r\n                  className={`button theme-filter__development-button ${\r\n                      developmentsOverlayOpen\r\n                          ? \"theme-filter__development-button--active\"\r\n                          : \"\"\r\n                  }`}\r\n                  onClick={handleOpenDevelopmentsOverlay}\r\n                  aria-expanded={developmentsOverlayOpen ? true : false}\r\n              >\r\n                Ontwikkelingen lange termijn\r\n                <span className=\"theme-filter__development-button-icon\">\r\n                  <Arrow/>\r\n                </span>\r\n              </button>\r\n\r\n              <div\r\n                  className={`theme-filter-overlay__backdrop ${\r\n                      developmentsOverlayOpen\r\n                          ? \"theme-filter-overlay__backdrop--open\"\r\n                          : \"\"\r\n                  }`}\r\n                  onClick={handleOpenDevelopmentsOverlay}\r\n              ></div>\r\n              <div\r\n                  className={`theme-filter-overlay ${\r\n                      developmentsOverlayOpen ? \"theme-filter-overlay--open\" : \"\"\r\n                  }`}\r\n              >\r\n                <ul\r\n                    className=\"theme-filter-overlay__list\"\r\n                    style={{\r\n                      display: \"grid\",\r\n                      gridTemplateColumns: \"repeat(3, 1fr)\", // Creates 3 equal columns\r\n                      width: \"100%\",\r\n                    }}\r\n                >\r\n                  {currentDevelopments.map((dev, index) => (\r\n                      <li\r\n                          className=\"theme-filter-overlay__list-item\"\r\n                          key={index}\r\n                          style={{\r\n                            gridColumn: `${Math.floor(index / 6) + 1}`, // Calculates which column the item should be in\r\n                            gridRow: `${(index % 6) + 1}`, // Calculates the row within the column\r\n                          }}\r\n                      >\r\n                        <DevFilterItem {...dev} callback={handleDevFilterClick}/>\r\n                      </li>\r\n                  ))}\r\n                </ul>\r\n                <button\r\n                    onClick={handleCloseDevFilterClick}\r\n                    className=\"icon-mobile-button\"\r\n                    aria-label=\"Toon resultaten\"\r\n                >\r\n                  <span>Toon resultaten</span>\r\n                  <svg\r\n                      width=\"16\"\r\n                      height=\"16\"\r\n                      viewBox=\"0 0 16 16\"\r\n                      fill=\"none\"\r\n                      xmlns=\"http://www.w3.org/2000/svg\"\r\n                      aria-hidden={true}\r\n                  >\r\n                    <path\r\n                      d=\"M5.33333 11.3571C5.33333 11.1866 5.40357 11.0231 5.5286 10.9026C5.65362 10.782 5.82319 10.7143 6 10.7143H10C10.1768 10.7143 10.3464 10.782 10.4714 10.9026C10.5964 11.0231 10.6667 11.1866 10.6667 11.3571C10.6667 11.5276 10.5964 11.6912 10.4714 11.8117C10.3464 11.9323 10.1768 12 10 12H6C5.82319 12 5.65362 11.9323 5.5286 11.8117C5.40357 11.6912 5.33333 11.5276 5.33333 11.3571ZM2.66667 7.5C2.66667 7.3295 2.7369 7.16599 2.86193 7.04543C2.98695 6.92487 3.15652 6.85714 3.33333 6.85714H12.6667C12.8435 6.85714 13.013 6.92487 13.1381 7.04543C13.2631 7.16599 13.3333 7.3295 13.3333 7.5C13.3333 7.6705 13.2631 7.83401 13.1381 7.95457C13.013 8.07513 12.8435 8.14286 12.6667 8.14286H3.33333C3.15652 8.14286 2.98695 8.07513 2.86193 7.95457C2.7369 7.83401 2.66667 7.6705 2.66667 7.5ZM0 3.64286C0 3.47236 0.070238 3.30885 0.195262 3.18829C0.320287 3.06773 0.489856 3 0.666667 3H15.3333C15.5101 3 15.6797 3.06773 15.8047 3.18829C15.9298 3.30885 16 3.47236 16 3.64286C16 3.81335 15.9298 3.97687 15.8047 4.09743C15.6797 4.21798 15.5101 4.28571 15.3333 4.28571H0.666667C0.489856 4.28571 0.320287 4.21798 0.195262 4.09743C0.070238 3.97687 0 3.81335 0 3.64286Z\"\r\n                      fill=\"currentColor\"\r\n                    ></path>\r\n                  </svg>\r\n                </button>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ThemeFilter;\r\n","import { useEffect } from \"react\";\r\nimport {useState, useDispatch, useRefProvider} from \"../hooks/useReducer\";\r\nimport FocusLock from \"react-focus-lock\";\r\nimport {useSearchParams} from \"react-router-dom\";\r\nimport {ThemeFilterMobileIcon} from \"./Icons\";\r\n\r\nconst FilterItem = ({ handleClick, label, value, active, index }) => (\r\n  <li className=\"mobile-filter__list-item\">\r\n    <input\r\n      type=\"checkbox\"\r\n      id={`${value}-cluster-filter-${index}`}\r\n      checked={active}\r\n      onChange={(e) => {\r\n        handleClick(value, e.target.checked);\r\n      }}\r\n    />\r\n    <label htmlFor={`${value}-cluster-filter-${index}`}>{label}</label>\r\n  </li>\r\n);\r\n\r\nconst ThemeFilterModal = () => {\r\n  const { clusters, developments } = useState();\r\n  const dispatch = useDispatch();\r\n  const [searchParams, setSearchParams] = useSearchParams();\r\n  const themeFilterOpen = searchParams.get('open-filters') ? true : false;\r\n  const { themesFilterTriggerRef, themesFilterFirstElRef } = useRefProvider();\r\n\r\n  useEffect(() => {\r\n    document.body.classList.toggle(\"modal-open\", themeFilterOpen);\r\n    if (!themeFilterOpen) {\r\n      const modalElement = document.getElementById(\"modal-theme-filter\");\r\n      if (modalElement) {\r\n        modalElement.scrollTop = 0;\r\n      }\r\n    }\r\n  }, [themeFilterOpen]);\r\n\r\n  const handleClosePanel = () => {\r\n    searchParams.delete('open-filters');\r\n    setSearchParams(searchParams);\r\n  };\r\n  const handleOnKeyDown = (event) => {\r\n    const { key, shiftKey } = event;\r\n    if (key === \"Escape\") {\r\n      handleClosePanel();\r\n    }\r\n    if (shiftKey) {\r\n      if (document.activeElement === themesFilterFirstElRef.current) {\r\n        event.preventDefault();\r\n      }\r\n    }\r\n  }\r\n  const handleClusterClick = (id, state) => {\r\n    dispatch({ type: \"set_cluster\", payload: { id, state } });\r\n  };\r\n\r\n  const handleDevelopmentClick = (id, state) => {\r\n    dispatch({ type: \"set_development\", payload: { id, state } });\r\n  };\r\n\r\n  const handleClearAll = () => {\r\n    dispatch({ type: \"reset_development\" });\r\n    dispatch({ type: \"reset_all_clusters\" });\r\n  };\r\n\r\n  return (\r\n      <div\r\n          id={\"themes-mobile-filter\"}\r\n          className={`mobile-filter ${\r\n              themeFilterOpen ? \"mobile-filter--visible\" : \"\"\r\n          }`}\r\n          // onClick={handleClosePanel}\r\n          onKeyDown={handleOnKeyDown}\r\n      >\r\n        <div\r\n            className=\"mobile-filter__panel\"\r\n            onClick={(e) => e.stopPropagation()}\r\n        >\r\n          {themeFilterOpen && (<FocusLock returnFocus={true} onFocusReturn={() => {\r\n            themesFilterTriggerRef.current?.focus()\r\n          }}>\r\n            <button\r\n                className=\"mobile-filter__close-button\"\r\n                onClick={handleClosePanel}\r\n                ref={themesFilterFirstElRef}\r\n                aria-label={\"Sluit de themafiltraties\"}\r\n            >\r\n              <ThemeFilterMobileIcon />\r\n            </button>\r\n            <div className=\"mobile-filter__inner-panel\" id=\"modal-theme-filter\">\r\n              <div className=\"container\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-1\">\r\n                    <div className=\"mobile-filter__top-bar\">\r\n                      <h2 className=\"mobile-filter__top-bar-title\">Filtering</h2>\r\n                      <button\r\n                          className=\"mobile-filter__top-bar-button\"\r\n                          aria-label=\"wis alle filters\"\r\n                          onClick={handleClearAll}\r\n                      >\r\n                        wis alle filters\r\n                      </button>\r\n                    </div>\r\n                    {clusters.length > 0 && (\r\n                        <div className=\"mobile-filter__list-panel\">\r\n                          <h3 className=\"mobile-filter__list-panel-title\">\r\n                            Clusters\r\n                          </h3>\r\n                          <ul className=\"mobile-filter__list\">\r\n                            {clusters.map((cluster, index) => (\r\n                                <FilterItem\r\n                                    {...cluster}\r\n                                    index={index}\r\n                                    key={index}\r\n                                    handleClick={handleClusterClick}\r\n                                />\r\n                            ))}\r\n                          </ul>\r\n                        </div>\r\n                    )}\r\n                    {developments.length > 0 && (\r\n                        <div className=\"mobile-filter__list-panel\">\r\n                          <h3 className=\"mobile-filter__list-panel-title\">\r\n                            Ontwikkelingen lange termijn\r\n                          </h3>\r\n                          <ul className=\"mobile-filter__list\">\r\n                            {developments.map((development, index) => (\r\n                                <FilterItem\r\n                                    {...development}\r\n                                    index={index}\r\n                                    key={index}\r\n                                    handleClick={handleDevelopmentClick}\r\n                                />\r\n                            ))}\r\n                          </ul>\r\n                        </div>\r\n                    )}\r\n                  </div>\r\n                </div>\r\n              </div>\r\n\r\n            </div>\r\n          </FocusLock>)}\r\n\r\n        </div>\r\n      </div>\r\n  );\r\n};\r\n\r\nexport default ThemeFilterModal;\r\n","import {Link} from \"react-router-dom\";\r\nimport LogoDelfsland from \"../assets/logo-delfsland.svg\";\r\nimport {useRefProvider} from \"../hooks/useReducer\";\r\n\r\nexport function LogoDelfslandComponent() {\r\n    const {setRef} = useRefProvider();\r\n    return (\r\n        <Link to=\"/\" aria-label={\"Logo Hoogheemraadschap van Delfland, ga naar de homepage van Waterwerk WBP6\"} ref={setRef(\"LogoDelfsland\")}>\r\n            <img src={LogoDelfsland} alt=\"Logo Hoogheemraadschap van Delfland, ga naar de homepage van Waterwerk WBP6\" />\r\n        </Link>\r\n    )\r\n}\r\nexport default LogoDelfslandComponent;\r\n","import {useRefProvider} from \"../hooks/useReducer\";\r\n\r\nexport function SkipLink({ targetId }) {\r\n    const { setRef } = useRefProvider();\r\n    return (\r\n        <a href={`#${targetId}`} className=\"skip-link\" aria-label=\"Skip naar de hoofdinhoud\" ref={setRef(\"skip-link\")}>Skip naar de hoofdinhoud</a>\r\n    )\r\n}\r\nexport default SkipLink;\r\n","import React from \"react\";\r\n\r\nfunction WaterwerkLogoDark() {\r\n    return <svg\r\n        width=\"278\"\r\n        height=\"43\"\r\n        viewBox=\"0 0 278 43\"\r\n        fill=\"none\"\r\n        xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n        <title>Logo Waterwerk, ga naar de homepage van Waterwerk WBP6</title>\r\n        <path\r\n            d=\"M33.5044 40.6621H27.0057L22.24 26.1956C21.6623 24.2959 21.0847 22.5424 20.6514 20.3505C20.0738 22.8347 19.4961 25.0265 18.774 27.3646L14.586 40.6621H8.3761L0 13.0442H6.4987L10.1091 25.9033C10.8312 28.5336 11.5532 31.1638 12.1309 33.648C12.7086 30.8716 13.4306 28.5336 14.0083 26.0494L18.1964 13.0442H24.1174L28.3055 25.9033C29.3164 29.2642 29.894 31.31 30.4717 33.648C31.0493 31.0177 31.627 28.972 32.3491 26.1956L36.1039 13.1903H42.1693L33.5044 40.6621Z\"\r\n            fill=\"#242D5F\"\r\n        />\r\n        <path\r\n            d=\"M60.9429 40.662C60.9429 38.9084 60.9429 37.0088 61.2317 35.5475C59.932 38.7623 56.466 41.2465 52.1335 41.2465C47.5122 41.2465 44.4795 38.3239 44.4795 33.794C44.4795 27.5106 50.6894 24.0036 60.654 24.0036V22.3962C60.654 18.8891 59.2099 17.1356 54.8774 17.1356C52.2779 17.1356 49.1008 18.0124 46.9346 19.1814L46.0681 14.3592C48.812 13.3363 52.2779 12.6057 55.7439 12.6057C64.12 12.6057 66.4307 16.2589 66.4307 21.9578V36.132C67.7304 36.4243 69.6078 36.5704 71.1964 36.7165V40.3697C68.1636 40.662 64.12 40.9542 60.9429 40.662ZM60.5096 27.949C52.2779 27.949 50.1117 30.287 50.1117 32.9173C50.1117 35.1092 51.5559 36.5704 53.8665 36.5704C57.9101 36.5704 60.5096 32.625 60.5096 28.6796V27.949Z\"\r\n            fill=\"#242D5F\"\r\n        />\r\n        <path\r\n            d=\"M84.916 41.2465C79.1393 41.2465 77.2619 38.9085 77.2619 32.7712V17.7202H72.063V13.0442H77.2619V4.27658L83.183 2.66919V13.0442H90.2593V17.7202H83.183V31.0177C83.183 35.1092 84.0495 36.2782 86.7934 36.2782C87.9487 36.2782 89.104 36.1321 90.1149 35.8399L90.5482 40.662C89.104 40.9543 86.7934 41.2465 84.916 41.2465Z\"\r\n            fill=\"#242D5F\"\r\n        />\r\n        <path\r\n            d=\"M117.987 27.3646H100.658C100.513 33.648 103.113 36.4244 108.745 36.4244C111.344 36.4244 114.088 35.8399 116.543 34.817L117.265 39.4931C114.377 40.6621 111.056 41.2466 107.59 41.2466C99.2135 41.2466 94.4478 36.8628 94.4478 27.0723C94.4478 18.7431 99.069 12.4597 107.012 12.4597C114.81 12.4597 118.132 17.7203 118.132 24.0037C118.132 24.8804 118.132 26.1956 117.987 27.3646ZM106.867 16.9896C103.546 16.9896 101.235 19.4738 100.802 23.2731H112.355C112.355 19.4738 110.333 16.9896 106.867 16.9896Z\"\r\n            fill=\"#242D5F\"\r\n        />\r\n        <path\r\n            d=\"M140.661 18.4507C134.884 17.2817 132.285 21.2271 132.285 29.5563V40.808H126.508V17.7201C125.208 17.4278 123.331 17.2817 121.742 17.1356V13.4824C124.775 13.1901 128.819 12.8979 132.14 13.044C132.14 14.6514 131.851 16.9894 131.562 19.1813H131.707C132.862 15.5282 135.606 12.0211 140.949 12.6056L140.661 18.4507Z\"\r\n            fill=\"#242D5F\"\r\n        />\r\n        <path\r\n            d=\"M226.877 27.3646H209.547C209.402 33.648 212.002 36.4244 217.634 36.4244C220.234 36.4244 222.977 35.8399 225.433 34.817L226.155 39.4931C223.266 40.6621 219.945 41.2466 216.479 41.2466C208.103 41.2466 203.337 36.8628 203.337 27.0723C203.337 18.7431 207.958 12.4597 215.901 12.4597C223.7 12.4597 227.021 17.7203 227.021 24.0037C227.165 24.8804 227.021 26.1956 226.877 27.3646ZM215.757 16.9896C212.435 16.9896 210.124 19.4738 209.691 23.2731H221.244C221.389 19.4738 219.223 16.9896 215.757 16.9896Z\"\r\n            fill=\"#242D5F\"\r\n        />\r\n        <path\r\n            d=\"M249.55 18.4507C243.774 17.2817 241.174 21.2271 241.174 29.5563V40.808H235.398V17.7201C234.098 17.4278 232.22 17.2817 230.632 17.1356V13.4824C233.665 13.1901 237.708 12.8979 241.03 13.044C241.03 14.6514 240.741 16.9894 240.452 19.1813H240.597C241.752 15.5282 244.496 12.0211 249.839 12.6056L249.55 18.4507Z\"\r\n            fill=\"#242D5F\"\r\n        />\r\n        <path\r\n            d=\"M270.635 40.662L261.248 26.6338V40.662H255.327V4.71491C254.027 4.42266 252.15 4.27653 250.561 4.1304V0.477245C253.594 0.184993 257.637 -0.107259 261.248 0.0388677V24.8803L270.057 13.0441H277.278L267.169 25.611L278 40.662H270.635Z\"\r\n            fill=\"#242D5F\"\r\n        />\r\n        <path\r\n            d=\"M197.127 20.7888L195.394 22.5423C194.383 23.5652 192.795 23.5652 191.784 22.6884C189.04 20.0582 185.718 17.1356 183.841 15.8205C183.408 15.5283 182.974 15.5283 182.685 15.8205C181.675 16.5511 180.375 17.7201 179.508 18.4508C175.898 21.6656 174.454 22.8346 172.865 22.8346C171.277 22.8346 169.832 21.5194 166.511 18.743C165.5 17.8663 163.911 16.405 162.756 15.6744C162.467 15.3821 161.89 15.3821 161.601 15.6744C159.868 16.8434 156.546 19.912 153.947 22.5423C152.936 23.5652 151.347 23.5652 150.336 22.5423L148.459 20.7888C157.268 11.8751 160.012 10.1216 162.178 10.1216C164.2 10.1216 166.222 11.8751 169.832 14.9437C170.555 15.5283 171.421 16.405 172.143 16.9895C172.576 17.2818 173.01 17.2818 173.443 16.9895C174.309 16.2589 175.32 15.3821 176.187 14.6515C180.086 11.2906 181.53 10.1216 183.119 10.1216C184.852 10.1216 187.74 12.0212 197.127 20.7888Z\"\r\n            fill=\"#206DB5\"\r\n        />\r\n        <path\r\n            d=\"M183.263 43C181.675 43 180.086 41.831 176.331 38.4701C175.465 37.7394 174.454 36.8627 173.587 36.132C173.154 35.8398 172.721 35.8398 172.288 36.132C171.566 36.7165 170.699 37.5933 169.977 38.1778C166.367 41.2465 164.345 43 162.323 43C160.157 43 157.413 41.2465 148.604 32.3328L150.481 30.5792C151.492 29.5564 153.08 29.5564 154.091 30.5792C156.691 33.2095 160.012 36.2782 161.745 37.4472C162.034 37.7394 162.612 37.7394 162.901 37.4472C164.056 36.7165 165.5 35.2553 166.655 34.3785C169.833 31.6021 171.277 30.287 173.01 30.287C174.598 30.287 176.042 31.456 179.653 34.6708C180.519 35.4014 181.819 36.5704 182.83 37.301C183.119 37.5933 183.697 37.5933 183.985 37.301C185.863 35.9859 189.184 33.0634 191.928 30.4331C192.939 29.4102 194.528 29.5564 195.539 30.5792L197.272 32.3328C187.74 41.2465 184.852 43 183.263 43Z\"\r\n            fill=\"#206DB5\"\r\n        />\r\n    </svg>\r\n}\r\n\r\nexport default WaterwerkLogoDark;\r\n","import React from 'react';\r\nimport LogoDelfslandComponent from \"../components/LogoDelfsland\";\r\nimport SkipLink from \"../components/SkipLink\";\r\nimport WaterwerkLogoDark from \"../components/WaterwerkLogoDark\";\r\nimport { Link } from \"react-router-dom\";\r\n\r\nconst Header = () => (\r\n    <>\r\n        <SkipLink targetId=\"main-content\" />\r\n        <header className=\"ClusterIndex-header\">\r\n            <div className=\"container\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-1o2\">\r\n                        <LogoDelfslandComponent />\r\n                    </div>\r\n                    <div className=\"col-1o2 text-align-right\">\r\n                        <Link to=\"/\" aria-hidden={true} tabIndex=\"-1\">\r\n                            <WaterwerkLogoDark />\r\n                        </Link>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </header>\r\n    </>\r\n);\r\n\r\nexport default Header;\r\n","import {  useLocation } from \"react-router-dom\";\r\nimport ClusterResult from \"../components/ClusterResult\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport ThemeFilter from \"../components/ThemeFilter\";\r\nimport {useDispatch, useState as useGlobalState} from \"../hooks/useReducer\";\r\nimport { getThemes } from \"../api\";\r\nimport { CancelToken } from \"axios\";\r\nimport ThemeFilterModal from \"../components/ThemeFilterModal\";\r\nimport useIsMobile from \"../hooks/useIsMobile\";\r\nimport HeadMeta from \"../components/HeadMeta\";\r\nimport Header from \"../components/Header\";\r\n\r\nfunction ClusterIndex() {\r\n  const [themes, setThemes] = useState([]);\r\n  const { pathname } = useLocation();\r\n  const { clusters, developments, globalThemes } = useGlobalState();\r\n  const dispatch = useDispatch();\r\n  const isMobile = useIsMobile();\r\n\r\n  useEffect(() => {\r\n    setThemes(globalThemes);\r\n  }, [globalThemes]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      dispatch({ type: \"reset_all_clusters\" });\r\n      dispatch({ type: \"reset_development\" });\r\n    };\r\n  }, [pathname, dispatch]);\r\n\r\n  useEffect(() => {\r\n    const source = CancelToken.source();\r\n    const filteredClusters = clusters.filter(({ active }) => active);\r\n    const filteredDevelopments = developments.filter(({ active }) => active);\r\n\r\n    if (filteredClusters.length === 0 && filteredDevelopments.length === 0) {\r\n      setThemes(globalThemes);\r\n    } else {\r\n      getThemes(\r\n        clusters.filter(({ active }) => active),\r\n        developments.filter(({ active }) => active),\r\n        source.token\r\n      )\r\n        .then((xs) =>\r\n          setThemes(\r\n            xs.sort((x, y) => {\r\n              const t1 = x.title.toUpperCase();\r\n              const t2 = y.title.toUpperCase();\r\n              return t1 < t2 ? -1 : t1 > t2 ? 1 : 0;\r\n            })\r\n          )\r\n        )\r\n        .catch((e) => console.log(e));\r\n    }\r\n\r\n    return () => source.cancel(\"\");\r\n  }, [globalThemes, clusters, developments, themes]);\r\n\r\n  return (\r\n    <div className=\"ClusterIndex\">\r\n      <HeadMeta pageTitle={\"Thema's | Waterwerk WBP6 Hoogheemraadschap van Delfland\"} />\r\n        <Header />\r\n      <ThemeFilter>\r\n        <h2 role=\"status\">{themes.length} gevonden resultaten</h2>\r\n      </ThemeFilter>\r\n      <div className=\"ClusterIndex-results\" id=\"main-themes-content\">\r\n        <div className=\"container\">\r\n          <div className=\"row\">\r\n            <div className=\"col-1\">\r\n              <h2 role=\"status\">{themes.length} gevonden resultaten</h2>\r\n              <div className=\"row ClusterIndex-grid\">\r\n                {themes.map((result) => (\r\n                  <div className=\"col-1 col-xl-1o3 col-l-1o2\" key={result.id}>\r\n                    <ClusterResult {...result} />\r\n                  </div>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {isMobile && <ThemeFilterModal/>}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default ClusterIndex;\r\n","\r\nfunction Logo(props) {\r\n    return <svg width=\"278\" height=\"43\" viewBox=\"0 0 278 43\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\r\n        <title>Logo Waterwerk, ga naar de homepage van Waterwerk WBP6</title>\r\n        <path d=\"M33.5044 40.6621H27.0057L22.24 26.1956C21.6623 24.2959 21.0847 22.5424 20.6514 20.3505C20.0738 22.8347 19.4961 25.0265 18.774 27.3646L14.586 40.6621H8.3761L0 13.0442H6.4987L10.1091 25.9033C10.8312 28.5336 11.5532 31.1638 12.1309 33.648C12.7086 30.8716 13.4306 28.5336 14.0083 26.0494L18.1964 13.0442H24.1174L28.3055 25.9033C29.3164 29.2642 29.894 31.31 30.4717 33.648C31.0493 31.0177 31.627 28.972 32.3491 26.1956L36.1039 13.1903H42.1693L33.5044 40.6621Z\" fill=\"#242D5F\"/>\r\n        <path d=\"M60.9429 40.662C60.9429 38.9084 60.9429 37.0088 61.2317 35.5475C59.932 38.7623 56.466 41.2465 52.1335 41.2465C47.5122 41.2465 44.4795 38.3239 44.4795 33.794C44.4795 27.5106 50.6894 24.0036 60.654 24.0036V22.3962C60.654 18.8891 59.2099 17.1356 54.8774 17.1356C52.2779 17.1356 49.1008 18.0124 46.9346 19.1814L46.0681 14.3592C48.812 13.3363 52.2779 12.6057 55.7439 12.6057C64.12 12.6057 66.4307 16.2589 66.4307 21.9578V36.132C67.7304 36.4243 69.6078 36.5704 71.1964 36.7165V40.3697C68.1636 40.662 64.12 40.9542 60.9429 40.662ZM60.5096 27.949C52.2779 27.949 50.1117 30.287 50.1117 32.9173C50.1117 35.1092 51.5559 36.5704 53.8665 36.5704C57.9101 36.5704 60.5096 32.625 60.5096 28.6796V27.949Z\" fill=\"#242D5F\"/>\r\n        <path d=\"M84.9155 41.2465C79.1389 41.2465 77.2615 38.9085 77.2615 32.7712V17.7202H72.0625V13.0442H77.2615V4.27658L83.1825 2.66919V13.0442H90.2589V17.7202H83.1825V31.0177C83.1825 35.1092 84.049 36.2782 86.7929 36.2782C87.9482 36.2782 89.1035 36.1321 90.1144 35.8399L90.5477 40.662C89.1035 40.9543 86.7929 41.2465 84.9155 41.2465Z\" fill=\"#242D5F\"/>\r\n        <path d=\"M117.987 27.3646H100.657C100.513 33.648 103.112 36.4244 108.744 36.4244C111.344 36.4244 114.088 35.8399 116.543 34.817L117.265 39.4931C114.377 40.6621 111.055 41.2466 107.589 41.2466C99.213 41.2466 94.4473 36.8628 94.4473 27.0723C94.4473 18.7431 99.0686 12.4597 107.011 12.4597C114.81 12.4597 118.131 17.7203 118.131 24.0037C118.131 24.8804 118.131 26.1956 117.987 27.3646ZM106.867 16.9896C103.545 16.9896 101.235 19.4738 100.802 23.2731H112.355C112.355 19.4738 110.333 16.9896 106.867 16.9896Z\" fill=\"#242D5F\"/>\r\n        <path d=\"M140.661 18.4507C134.884 17.2817 132.285 21.2271 132.285 29.5563V40.808H126.508V17.7201C125.208 17.4278 123.331 17.2817 121.742 17.1356V13.4824C124.775 13.1901 128.819 12.8979 132.14 13.044C132.14 14.6514 131.851 16.9894 131.562 19.1813H131.707C132.862 15.5282 135.606 12.0211 140.949 12.6056L140.661 18.4507Z\" fill=\"#242D5F\"/>\r\n        <path d=\"M226.877 27.3646H209.547C209.402 33.648 212.002 36.4244 217.634 36.4244C220.234 36.4244 222.977 35.8399 225.433 34.817L226.155 39.4931C223.266 40.6621 219.945 41.2466 216.479 41.2466C208.103 41.2466 203.337 36.8628 203.337 27.0723C203.337 18.7431 207.958 12.4597 215.901 12.4597C223.7 12.4597 227.021 17.7203 227.021 24.0037C227.165 24.8804 227.021 26.1956 226.877 27.3646ZM215.757 16.9896C212.435 16.9896 210.124 19.4738 209.691 23.2731H221.244C221.389 19.4738 219.223 16.9896 215.757 16.9896Z\" fill=\"#242D5F\"/>\r\n        <path d=\"M249.55 18.4507C243.774 17.2817 241.174 21.2271 241.174 29.5563V40.808H235.398V17.7201C234.098 17.4278 232.22 17.2817 230.632 17.1356V13.4824C233.665 13.1901 237.708 12.8979 241.03 13.044C241.03 14.6514 240.741 16.9894 240.452 19.1813H240.597C241.752 15.5282 244.496 12.0211 249.839 12.6056L249.55 18.4507Z\" fill=\"#242D5F\"/>\r\n        <path d=\"M270.634 40.662L261.247 26.6338V40.662H255.326V4.71491C254.027 4.42266 252.149 4.27653 250.561 4.1304V0.477245C253.593 0.184993 257.637 -0.107259 261.247 0.0388677V24.8803L270.057 13.0441H277.277L267.168 25.611L278 40.662H270.634Z\" fill=\"#242D5F\"/>\r\n        <path d=\"M197.127 20.7888L195.394 22.5423C194.383 23.5652 192.795 23.5652 191.784 22.6884C189.04 20.0582 185.718 17.1356 183.841 15.8205C183.408 15.5283 182.974 15.5283 182.685 15.8205C181.675 16.5511 180.375 17.7201 179.508 18.4508C175.898 21.6656 174.454 22.8346 172.865 22.8346C171.277 22.8346 169.832 21.5194 166.511 18.743C165.5 17.8663 163.911 16.405 162.756 15.6744C162.467 15.3821 161.89 15.3821 161.601 15.6744C159.868 16.8434 156.546 19.912 153.947 22.5423C152.936 23.5652 151.347 23.5652 150.336 22.5423L148.459 20.7888C157.268 11.8751 160.012 10.1216 162.178 10.1216C164.2 10.1216 166.222 11.8751 169.832 14.9437C170.555 15.5283 171.421 16.405 172.143 16.9895C172.576 17.2818 173.01 17.2818 173.443 16.9895C174.309 16.2589 175.32 15.3821 176.187 14.6515C180.086 11.2906 181.53 10.1216 183.119 10.1216C184.852 10.1216 187.74 12.0212 197.127 20.7888Z\" fill=\"#C7E5FF\" className=\"Logo-wiggle--top\"/>\r\n        <path d=\"M183.263 43C181.675 43 180.086 41.831 176.331 38.4701C175.465 37.7394 174.454 36.8627 173.587 36.132C173.154 35.8398 172.721 35.8398 172.288 36.132C171.566 36.7165 170.699 37.5933 169.977 38.1778C166.367 41.2465 164.345 43 162.323 43C160.157 43 157.413 41.2465 148.604 32.3328L150.481 30.5792C151.492 29.5564 153.08 29.5564 154.091 30.5792C156.691 33.2095 160.012 36.2782 161.745 37.4472C162.034 37.7394 162.612 37.7394 162.901 37.4472C164.056 36.7165 165.5 35.2553 166.655 34.3785C169.833 31.6021 171.277 30.287 173.01 30.287C174.598 30.287 176.042 31.456 179.653 34.6708C180.519 35.4014 181.819 36.5704 182.83 37.301C183.119 37.5933 183.697 37.5933 183.985 37.301C185.863 35.9859 189.184 33.0634 191.928 30.4331C192.939 29.4102 194.528 29.5564 195.539 30.5792L197.272 32.3328C187.74 41.2465 184.852 43 183.263 43Z\" fill=\"#C7E5FF\" className=\"Logo-wiggle--bottom\"/>\r\n    </svg>\r\n}\r\n\r\nexport default Logo;\r\n","// Tries to get image variant with given width. Fallsback to full image.\r\nexport const getImage = (im, imageWidth = 640) => {\r\n  if (im === undefined) {\r\n    return \"\";\r\n  }\r\n  const { link, variants } = im;\r\n  const vars = variants.filter(({ width }) => width === imageWidth);\r\n  return vars.length > 0 ? vars[0].link : link;\r\n};\r\n","import { useState, useRef, useEffect } from \"react\";\r\nimport { usePopper } from \"react-popper\";\r\nimport {getThesaurus} from \"../api\";\r\n\r\nconst ContextPopper = ({ title, matchedTextWord }) => {\r\n  const [visible, setVisibility] = useState(false);\r\n  const [content, setContent] = useState(\"\");\r\n\r\n  const referenceRef = useRef(null);\r\n  const popperRef = useRef(null);\r\n\r\n  const { styles, attributes, update } = usePopper(\r\n    referenceRef.current,\r\n    popperRef.current,\r\n    {\r\n      placement: \"bottom\",\r\n      modifiers: [\r\n        {\r\n          name: \"offset\",\r\n          enabled: true,\r\n          options: {\r\n            offset: [0, 0],\r\n          },\r\n        },\r\n      ],\r\n    }\r\n  );\r\n\r\n  useEffect(() => {\r\n    // listen for clicks and close dropdown on body\r\n    document.addEventListener(\"mousedown\", handleDocumentClick);\r\n    return () => {\r\n      document.removeEventListener(\"mousedown\", handleDocumentClick);\r\n    };\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n\r\n    getThesaurus()\r\n        .then((thesaurusData) => {\r\n          for(const item of thesaurusData) {\r\n            if (title === item?.name) {\r\n              setContent(item?.explanation);\r\n              break;\r\n            }\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          console.error(error);\r\n        });\r\n\r\n  }, [title]);\r\n\r\n  function handleDocumentClick(event) {\r\n    if (\r\n        referenceRef.current &&\r\n        !referenceRef.current.contains(event.target) &&\r\n        popperRef.current &&\r\n        !popperRef.current.contains(event.target)\r\n    ) {\r\n      setVisibility(false);\r\n    }\r\n  }\r\n  function handleDropdownOpenClick(event) {\r\n    if (!visible) {\r\n      setVisibility(true);\r\n      update();\r\n    }\r\n  }\r\n\r\n  function handleKeyDown(event) {\r\n    const { key } = event;\r\n    if (key === \"Enter\" || key === \" \") {\r\n      event.preventDefault();\r\n      setVisibility(!visible);\r\n      update();\r\n    }\r\n    if (key === \"Escape\" || key === \"Tab\") {\r\n      setVisibility(false);\r\n    }\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <button\r\n        ref={referenceRef}\r\n        onClick={handleDropdownOpenClick}\r\n        onKeyDown={handleKeyDown}\r\n        className={\"context-popper__button\"}\r\n        aria-expanded={visible ? true : false}\r\n      >\r\n        {matchedTextWord}\r\n      </button>\r\n      <span\r\n        ref={popperRef}\r\n        style={{ ...styles.popper, zIndex: 10 }}\r\n        {...attributes.popper}\r\n      >\r\n        <span\r\n          style={styles.offset}\r\n          className={`context-popper__panel ${\r\n            visible ? \" context-popper__panel--visible\" : \"\"\r\n          }`}\r\n        >\r\n          <span className=\"context-popper__title\">{title}</span>\r\n          <span>{content}</span>\r\n        </span>\r\n      </span>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ContextPopper;","import ReactHtmlParser from \"react-html-parser\";\r\nimport ContextPopper from \"../components/ContextPopper\";\r\n\r\nconst replaceTerm = (content, { name }) => {\r\n  const pattern = new RegExp(`\\\\b${name}\\\\b`, 'ig');\r\n  const replace = content.replace(pattern, (match) => {\r\n    const replace = `<Contextpopper data-matched-text-word=\"${match}\">${name}</Contextpopper>`;\r\n    return replace;\r\n  });\r\n  return replace;\r\n};\r\n\r\nconst parseTerm = (content, thesaurusData) => {\r\n  // Split the content by <a> tags to avoid replacing inside them\r\n  const regex = /(<a\\b[^>]*>.*?<\\/a>)/gi;\r\n  const parts = content.split(regex);\r\n\r\n  // Iterate through parts and replace terms outside <a> tags\r\n  const updatedContent = parts.map((part) => {\r\n    if (part.startsWith('<a')) {\r\n      return part; // Skip replacements inside <a> tags\r\n    } else {\r\n      thesaurusData.forEach((term) => {\r\n        part = replaceTerm(part, term);\r\n      });\r\n      return part;\r\n    }\r\n  });\r\n\r\n  return updatedContent.join('');\r\n};\r\n\r\nconst transform = (node, index) => {\r\n  if (node.type === \"tag\" && node.name === \"contextpopper\") {\r\n    const { 'data-matched-text-word': matchedTextWord } = node.children[0].parent.attribs;\r\n    return <ContextPopper key={index} title={node.children[0].data} matchedTextWord={matchedTextWord} />;\r\n  }\r\n};\r\n\r\nconst wordListParser = (content, thesaurusData) => {\r\n  if (content === undefined || thesaurusData === undefined) {\r\n    return ReactHtmlParser(\"\");\r\n  }\r\n\r\n  return ReactHtmlParser(parseTerm(content, thesaurusData), {\r\n    transform: transform,\r\n  });\r\n};\r\n\r\nexport default wordListParser;","import { useState, useEffect } from \"react\";\r\nimport wordListParser from \"../helpers/wordList\";\r\nimport { getThesaurus } from \"../api\";\r\n\r\nconst useParsedDispositionContent = (toelichting) => {\r\n    const [content, setContent] = useState(null);\r\n\r\n    useEffect(() => {\r\n        const fetchContent = async () => {\r\n            if (!toelichting) return;\r\n\r\n            try {\r\n                const thesaurusData = await getThesaurus();\r\n                const parsedContent = wordListParser(toelichting, thesaurusData);\r\n                setContent(parsedContent);\r\n            } catch (error) {\r\n                console.error(\"Error fetching thesaurus or parsing content:\", error);\r\n            }\r\n        };\r\n\r\n        fetchContent();\r\n    }, [toelichting]);\r\n\r\n    return content;\r\n};\r\n\r\nexport default useParsedDispositionContent;\r\n","import {useState} from \"react\";\r\nimport { useRefProvider, useState as useReducerState} from \"../hooks/useReducer\";\r\nimport {getImage} from \"../helpers/imageParse\";\r\nimport {AreaIcon, PlusIcon} from \"./Icons\";\r\nimport useIsMobile from \"../hooks/useIsMobile\";\r\nimport {useNavigate, useSearchParams} from \"react-router-dom\";\r\nimport useParsedDispositionContent from \"../hooks/useParesedDispositionContent\";\r\n\r\nconst DispositionCard = (props) => {\r\n    const navigate = useNavigate();\r\n    const [searchParams] = useSearchParams();\r\n    const {\r\n        ancestors,\r\n        hideTheme = false,\r\n        id,\r\n        inhoud = {},\r\n        themeTitle,\r\n        title\r\n    } = props;\r\n\r\n    const label = ancestors?.[0]?.label;\r\n    const {\r\n        toelichting,\r\n        gebied = [],\r\n        hoofdafbeelding,\r\n        periodeStart = \"\",\r\n        periodeEind = \"\",\r\n    } = inhoud;\r\n    const year = periodeStart.slice(0, 4) + \" - \" + periodeEind.slice(0, 4);\r\n    const image = getImage(hoofdafbeelding);\r\n    const [contentOpen, setContentOpen] = useState(false);\r\n    const [areaOpen, setAreaOpen] = useState(false);\r\n    const { setRef, focusRef } = useRefProvider();\r\n    const {areas, dispositionColors} = useReducerState();\r\n    const isDispositionModalOpen = searchParams.get('dispositionId') ? true : false;\r\n    let color = props.color;\r\n    if (id && dispositionColors[id]) {\r\n        color = dispositionColors[id].color;\r\n    }\r\n    const isMobile = useIsMobile();\r\n    const content = useParsedDispositionContent(toelichting);\r\n\r\n    const handleContentClick = () => {\r\n        if (!contentOpen) {\r\n            setAreaOpen(false);\r\n        }\r\n        setContentOpen((old) => !old);\r\n    };\r\n\r\n    const handleAreaClick = () => {\r\n        if (!areaOpen) {\r\n            setContentOpen(false);\r\n        }\r\n        setAreaOpen((old) => !old);\r\n    };\r\n\r\n    const handleMobileClick = () => {\r\n        if (isDispositionModalOpen) {\r\n            return;\r\n        }\r\n        navigate({\r\n            search: `?dispositionId=${id}`,\r\n        });\r\n        focusRef(`popup-modal`);\r\n    };\r\n\r\n    return (\r\n        <ul className={`dispositionCard dispositionCard--${color}`}>\r\n                <li className=\"dispositionCard__theme\">\r\n                {!hideTheme && `Thema: ${themeTitle}`}\r\n                { isMobile && <button\r\n                    className=\"dispositionCard__mobile-button\"\r\n                    onClick={handleMobileClick}\r\n                    style={hideTheme ? {top: \"-20px\"} : {}}\r\n                    aria-expanded={isDispositionModalOpen}\r\n                    aria-label={isDispositionModalOpen ? `Verberg informatie over maatregel: ${title}` : `Toon meer informatie over maatregel: ${title}`}\r\n                    ref={setRef(isDispositionModalOpen ? `popup-modal` : `${id}-no-modal`)}\r\n                >\r\n                    <PlusIcon areaOpen={isDispositionModalOpen} title={title} />\r\n                </button>}\r\n            </li>\r\n            <li className=\"dispositionCard__cluster\">\r\n                <span className=\"dispositionCard__cluster-inner\">{`Cluster: ${label}`}</span>\r\n            </li>\r\n\r\n            <li className=\"dispositionCard__title\">\r\n                <span className=\"dispositionCard__title-inner\">{`Maatregel: ${title}`}</span>\r\n            </li>\r\n            <li className=\"dispositionCard__content\">\r\n                <button\r\n                    className=\"icon-button dispositionCard__button\"\r\n                    onClick={handleContentClick}\r\n                    aria-expanded={contentOpen}\r\n                    aria-controls=\"expandable-text-content\"\r\n                    aria-label={contentOpen ? `Verberg informatie over maatregel: ${title}` : `Toon meer informatie over maatregel: ${title}`}\r\n                >\r\n                    <PlusIcon areaOpen={contentOpen} title={title} />\r\n                </button>\r\n                <span\r\n                    id=\"expandable-text-content\"\r\n                    className={`dispositionCard__content-inner ${contentOpen ? \"dispositionCard__content-inner--open\" : \"\"}`}\r\n                >\r\n                  {content}\r\n                </span>\r\n            </li>\r\n\r\n            <li className=\"dispositionCard__year\">\r\n                <time dateTime={year}>{year}</time>\r\n            </li>\r\n\r\n            <li className=\"dispositionCard__area\">\r\n                <button\r\n                    className=\"icon-button dispositionCard__button\"\r\n                    onClick={handleAreaClick}\r\n                    aria-expanded={areaOpen}\r\n                    aria-controls=\"expandable-content-area\"\r\n                    aria-labelledby=\"area-label\"\r\n                    aria-label={areaOpen ? `Verberg gebied van maatregel: ${title}` : `Toon gebied van maatregel: ${title}`}\r\n                >\r\n                    <PlusIcon areaOpen={areaOpen} title={title} />\r\n                </button>\r\n                <span id=\"area-label\" className=\"dispositionCard__area-inner\">Gebied: </span>\r\n                <div\r\n                    id=\"expandable-content-area\"\r\n                    className={`dispositionCard__area-expand ${areaOpen ? \"dispositionCard__area-expand--open\" : \"\"}`}\r\n                    role=\"region\"\r\n                    aria-labelledby=\"area-label\"\r\n                >\r\n                    <span id=\"area-label\" className=\"visually-hidden\">Gebied details</span>\r\n                    <ul className=\"dispositionCard__area-list\">\r\n                        {areas.map((a, i) => (\r\n                            <li\r\n                                className={`dispositionCard__area-list-item ${gebied.includes(a.value) ? \"dispositionCard__area-list-item--active\" : \"\"}`}\r\n                                key={i}\r\n                            >\r\n                                <AreaIcon id={a.value} aria-hidden=\"true\" />\r\n                                {a.label}\r\n                            </li>\r\n                        ))}\r\n                    </ul>\r\n                </div>\r\n            </li>\r\n\r\n            <li\r\n                className={`dispositionCard__image ${contentOpen ? \"dispositionCard__image--open-content\" : \"\"} ${areaOpen ? \"dispositionCard__image--open-area\" : \"\"}`}\r\n                style={{\r\n                    backgroundImage: image === \"\" ? \"\" : `url(${process.env.REACT_APP_HOST}${image})`\r\n                }}\r\n                aria-hidden=\"true\"\r\n            ></li>\r\n        </ul>\r\n    );\r\n};\r\n\r\nexport default DispositionCard;\r\n","import {useState, useDispatch, useRefProvider} from \"../hooks/useReducer\";\r\nimport { AreaIcon, Filter } from \"./Icons\";\r\nimport IconButton from \"./IconButton\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport useIsMobile from \"../hooks/useIsMobile\";\r\n\r\nconst AreaFilter = ({ count }) => {\r\n  const navigate = useNavigate();\r\n  const { areas } = useState();\r\n  const dispatch = useDispatch();\r\n  const isMobile = useIsMobile();\r\n  const { setRef, focusRef } = useRefProvider();\r\n  const handleFilterButtonClick = (id, state) => {\r\n    navigate(\"/maatregelen\");\r\n    dispatch({ type: \"set_area\", payload: { id, state } });\r\n  };\r\n\r\n  const handleOpenFilterPanelClick = () => {\r\n    navigate({\r\n      search: '?open-filters=true',\r\n    });\r\n    focusRef(`areaFirstEl`);\r\n  };\r\n\r\n  return (\r\n    <div className=\"area-filter\" id=\"main-content\">\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-1\">\r\n            { isMobile &&\r\n                <div className=\"area-filter__content-mobile\">\r\n                  <h2 role=\"status\">{count} gevonden resultaten</h2>\r\n                  <IconButton\r\n                      onClick={handleOpenFilterPanelClick}\r\n                      ariaLabel={\"Open het gebied filter\"}\r\n                      ref={setRef(\"areaTrigger\")}\r\n                      >\r\n                    <Filter />\r\n                  </IconButton>\r\n                </div>\r\n            }\r\n            <div className=\"area-filter__content\">\r\n              <h3 className=\"area-filter__title\">Gebied:</h3>\r\n              <ul className=\"area-filter__list\">\r\n              {areas.map(({ value, label, active }, index) => (\r\n                  <li key={index}>\r\n                    <button\r\n                        className={`area-filter__button ${\r\n                            active ? \"area-filter__button--active\" : \"\"\r\n                        }`}\r\n                        aria-current={active ? true : false}\r\n                        onClick={() => handleFilterButtonClick(value, !active)}\r\n                    >\r\n                      <span className=\"area-filter__button-icon\">\r\n                        <AreaIcon id={value} />\r\n                      </span>\r\n                      {label}\r\n                    </button>\r\n                  </li>\r\n              ))}\r\n              </ul>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default AreaFilter;\r\n","import React from \"react\";\r\nimport { useDispatch } from \"../hooks/useReducer\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nfunction debounce(func, timeout = 300) {\r\n  let timer;\r\n  return (...args) => {\r\n    clearTimeout(timer);\r\n    timer = setTimeout(() => {\r\n      func.apply(this, args);\r\n    }, timeout);\r\n  };\r\n}\r\n\r\nconst SearchFilter = () => {\r\n  const dispatch = useDispatch();\r\n  const navigate = useNavigate();\r\n\r\n  function processSearchFilter(e) {\r\n    navigate(\"/maatregelen\");\r\n    dispatch({\r\n      type: \"update_disposition_search\",\r\n      payload: e.target.value.trim(),\r\n    });\r\n  }\r\n\r\n  const handleSearchFilter = debounce((e) => processSearchFilter(e));\r\n\r\n  return (\r\n    <div className=\"col-1 col-l-1o2\">\r\n      <div className=\"Disposition-search search\">\r\n        <div className=\"Disposition-search__wrapper\">\r\n          <span id=\"search-label\" className=\"visually-hidden\">Zoeken:</span>\r\n          <input\r\n              type=\"text\"\r\n              name=\"search-filter\"\r\n              aria-labelledby=\"search-label\"\r\n              placeholder=\"Zoeken naar...\"\r\n              onInput={(e) => handleSearchFilter(e)}\r\n          />\r\n          <svg\r\n              className=\"search--icon\"\r\n              width=\"16\"\r\n              height=\"16\"\r\n              viewBox=\"0 0 16 16\"\r\n              fill=\"none\"\r\n              xmlns=\"http://www.w3.org/2000/svg\"\r\n          >\r\n            <path d=\"M6.84236 13.684C8.36049 13.6837 9.83487 13.1755 11.0307 12.2403L14.7906 16L16 14.7907L12.2401 11.031C13.1758 9.83508 13.6844 8.36043 13.6847 6.84199C13.6847 3.06949 10.6151 0 6.84236 0C3.06965 0 0 3.06949 0 6.84199C0 10.6145 3.06965 13.684 6.84236 13.684ZM6.84236 1.7105C9.67253 1.7105 11.9741 4.01197 11.9741 6.84199C11.9741 9.67201 9.67253 11.9735 6.84236 11.9735C4.01219 11.9735 1.71059 9.67201 1.71059 6.84199C1.71059 4.01197 4.01219 1.7105 6.84236 1.7105Z\" />\r\n          </svg>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SearchFilter;\r\n","import IconButton from \"./IconButton\";\r\nimport { ArrowLeft, ArrowRight } from \"./Icons\";\r\n\r\nconst DispositionPagination = ({\r\n  current,\r\n  maximum,\r\n  request = (page) => null,\r\n}) => {\r\n  const handleNext = () => {\r\n    if (current < maximum - 1) {\r\n      request(current + 1);\r\n    }\r\n  };\r\n\r\n  const handlePrevious = () => {\r\n    if (current > 0) {\r\n      request(current - 1);\r\n    }\r\n  };\r\n\r\n  if (maximum <= 1) {\r\n    return <></>;\r\n  }\r\n\r\n  return (\r\n    <div className=\"disposition-pagination\">\r\n      <IconButton\r\n        onClick={handlePrevious}\r\n        className=\"disposition-pagination__button\"\r\n        ariaLabel={\"Vorige pagina\"}\r\n      >\r\n        <ArrowLeft title={\"Vorige pagina\"} />\r\n      </IconButton>\r\n      <span className=\"disposition-pagination__label\">\r\n        {current + 1}\r\n        {\" / \"}\r\n        {maximum}\r\n      </span>\r\n      <IconButton\r\n        onClick={handleNext}\r\n        className=\"disposition-pagination__button\"\r\n        ariaLabel={\"Volgende pagina\"}\r\n      >\r\n        <ArrowRight title={\"Volgende pagina\"}/>\r\n      </IconButton>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DispositionPagination;\r\n","const CloseButton = ({ onClick, ariaLabel = \"Close\", className = \"\", closeButtonRef }) => (\r\n    <button\r\n        className={`mobile-filter__close-button ${className}`}\r\n        aria-label={ariaLabel}\r\n        onClick={onClick}\r\n        ref={closeButtonRef}\r\n    >\r\n        <svg\r\n            width=\"24\"\r\n            height=\"24\"\r\n            viewBox=\"0 0 24 24\"\r\n            fill=\"none\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            aria-hidden={true}\r\n        >\r\n            <title>Sluit filters</title>\r\n            <circle\r\n                cx=\"12\"\r\n                cy=\"12\"\r\n                r=\"11\"\r\n                stroke=\"currentColor\"\r\n                strokeWidth=\"2\"\r\n                fill=\"none\"\r\n            />\r\n            <rect\r\n                x=\"16\"\r\n                y=\"11\"\r\n                width=\"2\"\r\n                height=\"8\"\r\n                transform=\"rotate(90 16 11)\"\r\n                fill=\"currentColor\"\r\n            />\r\n        </svg>\r\n    </button>\r\n);\r\n\r\nexport default CloseButton;\r\n","import FocusLock from \"react-focus-lock\";\r\nimport { useEffect } from \"react\";\r\nimport { useState, useDispatch, useRefProvider } from \"../hooks/useReducer\";\r\nimport { AreaIcon } from \"./Icons\";\r\nimport IconButton from \"./IconButton\";\r\nimport { useSwipeable } from \"react-swipeable\";\r\nimport { useNavigate, useSearchParams } from \"react-router-dom\";\r\nimport CloseButton from \"./CloseButton\";\r\nimport useIsMobile from \"../hooks/useIsMobile\";\r\n\r\nconst AreaModal = () => {\r\n  const navigate = useNavigate();\r\n  const [searchParams, setSearchParams] = useSearchParams();\r\n  const areaFilterOpen = searchParams.get('open-filters') ? true : false;\r\n  const { areas } = useState();\r\n  const dispatch = useDispatch();\r\n  const isMobile = useIsMobile();\r\n  const { setRef, focusRef } = useRefProvider();\r\n\r\n  useEffect(() => {\r\n    document.body.classList.toggle(\"modal-open\", areaFilterOpen);\r\n    if (!areaFilterOpen) {\r\n      const modalElement = document.getElementById(\"modal-area\");\r\n      if (modalElement) {\r\n        modalElement.scrollTop = 0;\r\n      }\r\n    }\r\n  }, [areaFilterOpen]);\r\n\r\n  const handlers = useSwipeable({\r\n    onSwiped: () => dispatch({ type: \"close_area_filter\" }),\r\n    preventDefaultTouchmoveEvent: true,\r\n    trackMouse: true,\r\n  });\r\n\r\n  const handleCloseModal = () => {\r\n    searchParams.delete('open-filters');\r\n    setSearchParams(searchParams);\r\n  };\r\n\r\n  const handleFilterButtonClick = (id, state) => {\r\n    navigate(\"/maatregelen\");\r\n    dispatch({ type: \"set_area\", payload: { id, state } });\r\n  };\r\n\r\n  const handleResetFilters = () => {\r\n    dispatch({ type: \"deactivate_all_filters\" });\r\n  };\r\n\r\n  const handleOnKeyDownAreaModal = (event) => {\r\n    const { key } = event;\r\n    if (key === \"Escape\") {\r\n      handleCloseModal();\r\n    }\r\n  };\r\n\r\n  return (\r\n      areaFilterOpen && (\r\n          <FocusLock\r\n              returnFocus={true}\r\n              onFocusReturn={() => {\r\n                focusRef(\"areaTrigger\");\r\n              }}\r\n          >\r\n            <div\r\n                id=\"modal-area\"\r\n                className={`area-modal ${areaFilterOpen ? \"area-modal--open\" : \"\"}`}\r\n                aria-hidden={!areaFilterOpen}\r\n                onClick={handleCloseModal}\r\n                onKeyDown={handleOnKeyDownAreaModal}\r\n            >\r\n              <div\r\n                  className=\"area-modal__content\"\r\n                  onClick={(e) => e.stopPropagation()}\r\n                  {...handlers}\r\n              >\r\n                {isMobile && (\r\n                    <CloseButton\r\n                        ariaLabel={\"Sluit het gebied filter\"}\r\n                        onClick={handleCloseModal}\r\n                        closeButtonRef={setRef(\"areaFirstEl\")}\r\n                    />\r\n                )}\r\n                <div className=\"container\">\r\n                  <div className=\"row\">\r\n                    <div className=\"col-1\">\r\n                      <div className=\"area-modal__title-bar\">\r\n                        <h2 className=\"area-modal__title\">Gebieden</h2>\r\n                        <button\r\n                            className=\"area-modal__title-button\"\r\n                            onClick={handleResetFilters}\r\n                        >\r\n                          reset alle filters\r\n                        </button>\r\n                      </div>\r\n                      <ul>\r\n                        {areas.map(({ value, label, active }, index) => (\r\n                            <li key={index}>\r\n                              <button\r\n                                  className={`area-filter__button ${\r\n                                      active ? \"area-filter__button--active\" : \"\"\r\n                                  }`}\r\n                                  onClick={(e) => {\r\n                                    e.stopPropagation();\r\n                                    handleFilterButtonClick(value, !active);\r\n                                  }}\r\n                                  aria-current={active ? true : false}\r\n                              >\r\n                          <span className=\"area-filter__button-icon\">\r\n                            <AreaIcon id={value} />\r\n                          </span>\r\n                                {label}\r\n                              </button>\r\n                            </li>\r\n                        ))}\r\n                      </ul>\r\n                      <IconButton\r\n                          className=\"area-modal__text-button\"\r\n                          glow={true}\r\n                          onClick={handleCloseModal}\r\n                      >\r\n                        SLUITEN\r\n                      </IconButton>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </FocusLock>\r\n      )\r\n  );\r\n};\r\n\r\nexport default AreaModal;\r\n","import {useState, useRef} from \"react\";\r\nimport {useRefProvider, useState as useReducerState} from \"../hooks/useReducer\";\r\nimport {getImage} from \"../helpers/imageParse\";\r\nimport {AreaIcon, PlusIcon} from \"./Icons\";\r\nimport {useNavigate, useSearchParams} from \"react-router-dom\";\r\nimport FocusLock from \"react-focus-lock\";\r\nimport useParsedDispositionContent from \"../hooks/useParesedDispositionContent\";\r\n\r\nconst DispositionCardModal = (props) => {\r\n    const navigate = useNavigate();\r\n    const [searchParams, setSearchParams] = useSearchParams();\r\n    const {\r\n        ancestors,\r\n        id,\r\n        inhoud = {},\r\n        isModal = false,\r\n        themeTitle,\r\n        title\r\n    } = props;\r\n\r\n    const label = ancestors?.[0]?.label;\r\n    const {\r\n        toelichting,\r\n        gebied = [],\r\n        hoofdafbeelding,\r\n        periodeStart = \"\",\r\n        periodeEind = \"\",\r\n    } = inhoud;\r\n    const year = periodeStart.slice(0, 4) + \" - \" + periodeEind.slice(0, 4);\r\n    const image = getImage(hoofdafbeelding);\r\n    const { setRef, focusRef } = useRefProvider();\r\n    const {areas, dispositionColors} = useReducerState();\r\n    const [contentOpen, setContentOpen] = useState(false);\r\n    const [areaOpen, setAreaOpen] = useState(false);\r\n    const content = useParsedDispositionContent(toelichting);\r\n    const isDispositionModalOpen = searchParams.get('dispositionId') ? true : false;\r\n    const popupRef = useRef(null);\r\n    let color = props.color;\r\n    if (id && dispositionColors[id]) {\r\n        color = dispositionColors[id].color;\r\n    }\r\n\r\n    const handleContentClick = () => {\r\n        if (!contentOpen) {\r\n            setAreaOpen(false);\r\n        }\r\n        setContentOpen((old) => !old);\r\n    };\r\n\r\n    const handleAreaClick = () => {\r\n        if (!areaOpen) {\r\n            setContentOpen(false);\r\n        }\r\n        setAreaOpen((old) => !old);\r\n    };\r\n\r\n    const closeModal = () => {\r\n        focusRef(`${id}-no-modal`);\r\n\r\n        searchParams.delete('dispositionId');\r\n        searchParams.delete('themeTitle');\r\n        setSearchParams(searchParams);\r\n    }\r\n    const openModal = () => {\r\n        navigate({\r\n            search: `?dispositionId=${id}`,\r\n        });\r\n        focusRef(`popup-modal`);\r\n    }\r\n\r\n    const handleMobileClick = () => {\r\n        if (isDispositionModalOpen) {\r\n            closeModal();\r\n        } else {\r\n            openModal();\r\n        }\r\n    };\r\n    const handleOnKeyDown = (event) => {\r\n        const { key } = event;\r\n        if (!isDispositionModalOpen) {\r\n            return;\r\n        }\r\n        if (key === \"Escape\") {\r\n            closeModal();\r\n        }\r\n    }\r\n    const handleParentModalEl = (event) => {\r\n        if (event.key === \"Escape\") {\r\n            closeModal();\r\n        }\r\n    };\r\n\r\n    if (!id) {\r\n        return null;\r\n    }\r\n\r\n    return (\r\n        <FocusLock\r\n            returnFocus={true}\r\n            onFocusReturn={() => {\r\n                focusRef(`${id}-no-modal`);\r\n            }}\r\n        >\r\n            <ul\r\n                className={`dispositionCard dispositionCard--${color} \"dispositionCard--modal\"`}\r\n                ref={popupRef}\r\n                onKeyDown={handleParentModalEl} >\r\n                <li className=\"dispositionCard__theme\">\r\n                    {`Thema: ${themeTitle}`}\r\n                     <button\r\n                        className=\"dispositionCard__mobile-button\"\r\n                        onClick={handleMobileClick}\r\n                        onKeyDown={handleOnKeyDown}\r\n                        aria-expanded={isModal || isDispositionModalOpen}\r\n                        aria-label={isModal ? `Verberg informatie over maatregel: ${title}` : `Toon meer informatie over maatregel: ${title}`}\r\n                        ref={setRef(isModal ? `popup-modal` : `${id}-no-modal`)}\r\n                    >\r\n                         <PlusIcon areaOpen={true} title={title} />\r\n                    </button>\r\n                </li>\r\n                <li className=\"dispositionCard__cluster\">\r\n                    <span className=\"dispositionCard__cluster-inner\">{`Cluster: ${label}`}</span>\r\n                </li>\r\n\r\n                <li className=\"dispositionCard__title\">\r\n                    <span className=\"dispositionCard__title-inner\">{`Maatregel: ${title}`}</span>\r\n                </li>\r\n\r\n                <li className=\"dispositionCard__content\">\r\n                    <button\r\n                        className=\"icon-button dispositionCard__button\"\r\n                        onClick={handleContentClick}\r\n                        aria-expanded={contentOpen}\r\n                        aria-controls=\"expandable-text-content\"\r\n                        aria-label={contentOpen ? `Verberg informatie over maatregel: ${title}` : `Toon meer informatie over maatregel: ${title}`}\r\n                    >\r\n                        <PlusIcon areaOpen={contentOpen} title={title} />\r\n                    </button>\r\n                    <span\r\n                        id=\"expandable-text-content\"\r\n                        className={`dispositionCard__content-inner ${contentOpen ? \"dispositionCard__content-inner--open\" : \"\"}`}\r\n                    >\r\n                      {content}\r\n                    </span>\r\n\r\n                </li>\r\n\r\n                <li className=\"dispositionCard__year\">\r\n                    <time dateTime={year}>{year}</time>\r\n                </li>\r\n\r\n                <li className=\"dispositionCard__area\">\r\n                    <button\r\n                        className=\"icon-button dispositionCard__button\"\r\n                        onClick={handleAreaClick}\r\n                        aria-expanded={areaOpen}\r\n                        aria-controls=\"expandable-content-area\"\r\n                        aria-labelledby=\"area-label\"\r\n                        aria-label={areaOpen ? `Verberg gebied van maatregel: ${title}` : `Toon gebied van maatregel: ${title}`}\r\n                    >\r\n                        <PlusIcon areaOpen={areaOpen} title={title} />\r\n                    </button>\r\n                    <span id=\"area-label\" className=\"dispositionCard__area-inner\">Gebied: </span>\r\n                    <div\r\n                        id=\"expandable-content-area\"\r\n                        className={`dispositionCard__area-expand ${areaOpen ? \"dispositionCard__area-expand--open\" : \"\"}`}\r\n                        role=\"region\"\r\n                        aria-labelledby=\"area-label\"\r\n                    >\r\n                        <span id=\"area-label\" className=\"visually-hidden\">Gebied details</span>\r\n                        <ul className=\"dispositionCard__area-list\">\r\n                            {areas.map((a, i) => (\r\n                                <li\r\n                                    className={`dispositionCard__area-list-item ${gebied.includes(a.value) ? \"dispositionCard__area-list-item--active\" : \"\"}`}\r\n                                    key={i}\r\n                                >\r\n                                    <AreaIcon id={a.value} aria-hidden=\"true\" />\r\n                                    {a.label}\r\n                                </li>\r\n                            ))}\r\n                        </ul>\r\n                    </div>\r\n                </li>\r\n\r\n                <li\r\n                    className={`dispositionCard__image ${contentOpen ? \"dispositionCard__image--open-content\" : \"\"} ${areaOpen ? \"dispositionCard__image--open-area\" : \"\"}`}\r\n                    style={{\r\n                        backgroundImage: image === \"\" ? \"\" : `url(${process.env.REACT_APP_HOST}${image})`\r\n                    }}\r\n                    aria-hidden=\"true\"\r\n                ></li>\r\n            </ul>\r\n        </FocusLock>\r\n    );\r\n};\r\n\r\nexport default DispositionCardModal;\r\n","import { useEffect, useState } from \"react\";\r\nimport { getDisposition } from \"../api\";\r\nimport { useSearchParams } from \"react-router-dom\";\r\nimport DispositionCardModal from \"./DispositionCardModal\";\r\nimport { colorByCluster } from \"../helpers/colorCluster\";\r\n\r\nconst DispositionModal = () => {\r\n  const [searchParams] = useSearchParams();\r\n  const id = searchParams.get('dispositionId') || \"\";\r\n  const [loaded, setLoaded] = useState(false);\r\n  const [disposition, setDisposition] = useState(null);\r\n  const dispositionModalOpen = id ? true : false;\r\n\r\n  useEffect(() => {\r\n    const fetchDisposition = async () => {\r\n      if (!id) {\r\n        setDisposition(null);\r\n        return;\r\n      }\r\n\r\n      const dispositionData = await getDisposition(id);\r\n      if (dispositionData) {\r\n        setDisposition({ ...dispositionData });\r\n      }\r\n    };\r\n\r\n    fetchDisposition();\r\n  }, [id]);\r\n  const color = disposition && disposition.color ? colorByCluster(disposition.color) : \"\";\r\n\r\n\r\n  useEffect(() => {\r\n    document.body.classList.toggle(\"modal-open\", dispositionModalOpen);\r\n    setLoaded(dispositionModalOpen);\r\n    if (!dispositionModalOpen) {\r\n      const modalEl = document.getElementById(\"modal-disposition\");\r\n      if (modalEl) {\r\n        modalEl.scrollTop = 0;\r\n      }\r\n    }\r\n  }, [dispositionModalOpen]);\r\n\r\n  if (!id) {\r\n    return null;\r\n  }\r\n\r\n  return (\r\n      <div\r\n          id=\"modal-disposition\"\r\n          className={`disposition-modal ${\r\n              dispositionModalOpen\r\n                  ? `disposition-modal--open disposition-modal--open--${color}`\r\n                  : \"\"\r\n          } ${\r\n              color\r\n                  ? `disposition-modal--${color}`\r\n                  : \"\"\r\n          } ${loaded ? \"disposition-modal--animate\" : \"\"}`}\r\n          aria-hidden={dispositionModalOpen ? false : true}\r\n          aria-disabled={dispositionModalOpen ? false : true}\r\n          tabIndex={dispositionModalOpen ? 0 : -1}\r\n      >\r\n        <div className=\"container\">\r\n          <div className=\"row\">\r\n            <div className=\"col-1o1\">\r\n              <DispositionCardModal {...disposition} isModal={true} />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n  );\r\n};\r\n\r\nexport default DispositionModal;\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { Link, useLocation, useNavigate } from \"react-router-dom\";\r\nimport Logo from \"../components/Logo\";\r\nimport DispositionCard from \"../components/DispositionCard\";\r\nimport AreaFilter from \"../components/AreaFilter\";\r\nimport SearchFilter from \"../components/SearchFilter\";\r\nimport { getDispositions } from \"../api\";\r\nimport {useRefProvider, useState as useGlobalState} from \"../hooks/useReducer\";\r\nimport DispositionPagination from \"../components/DispositionPagination\";\r\nimport { useDispatch } from \"../hooks/useReducer\";\r\nimport AreaModal from \"../components/AreaModal\";\r\nimport useIsMobile from \"../hooks/useIsMobile\";\r\nimport DispositionModal from \"../components/DispositionModal\";\r\nimport LogoDelfslandComponent from \"../components/LogoDelfsland\";\r\nimport SkipLink from \"../components/SkipLink\";\r\nimport HeadMeta from \"../components/HeadMeta\";\r\n\r\nfunction getPageValue(value) {\r\n  let queryParams = new URLSearchParams(value);\r\n  const result = queryParams.has(\"page\")\r\n      ? isNaN(parseInt(queryParams.get(\"page\")))\r\n          ? 0\r\n          : parseInt(queryParams.get(\"page\"))\r\n      : 0;\r\n  return result;\r\n}\r\n\r\nfunction getMaxPages(count) {\r\n  const rest = count % 6;\r\n  return (count - rest) / 6 + (rest === 0 ? 0 : 1);\r\n}\r\n\r\nfunction DispositionIndex() {\r\n  const [dispositions, setDispositions] = useState({\r\n    count: 0,\r\n    items: [],\r\n  });\r\n  const { dispositionSearch, areas } = useGlobalState();\r\n  const { search, pathname } = useLocation();\r\n  const [page, setPage] = useState(getPageValue(search));\r\n  const [maxPages, setMaxPages] = useState(getMaxPages(0));\r\n  const navigate = useNavigate();\r\n  const dispatch = useDispatch();\r\n  const isMobile = useIsMobile();\r\n  const { focusRef } = useRefProvider();\r\n\r\n  useEffect(() => {\r\n    setPage(getPageValue(search));\r\n  }, [search]);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      dispatch({ type: \"deactivate_all_filters\" });\r\n    };\r\n  }, [pathname, dispatch]);\r\n\r\n  useEffect(() => {\r\n    const filteredAreas = areas.filter(({ active }) => active);\r\n\r\n    const fetchDispositions = async () => {\r\n      try {\r\n        const ds = await getDispositions(dispositionSearch, filteredAreas);\r\n        setDispositions({ count: ds.length, items: ds });\r\n        setMaxPages(getMaxPages(ds.length));\r\n      } catch (error) {\r\n        console.error(\"Error fetching dispositions:\", error);\r\n      }\r\n    };\r\n\r\n    fetchDispositions();\r\n  }, [dispositionSearch, areas]);\r\n\r\n  const handlePageLink = (newPage) => {\r\n    navigate(`/maatregelen?page=${newPage}`);\r\n    window.scrollTo({ top: 0, behavior: \"instant\" });\r\n    // focus skip-link when next/prev page\r\n    focusRef(\"skip-link\");\r\n  };\r\n\r\n  const renderDispositionCards = () => {\r\n    const startIndex = page * 6;\r\n    const endIndex = startIndex + 6;\r\n\r\n    return dispositions.items\r\n        .slice(startIndex, endIndex)\r\n        .map((disposition) => (\r\n            <li\r\n                className=\"col-1o1 col-l-1o2 col-xl-1o3\"\r\n                key={disposition.disposition.id}\r\n            >\r\n              <DispositionCard {...disposition.disposition} {...disposition} />\r\n            </li>\r\n        ));\r\n  };\r\n\r\n  return (\r\n      <div className=\"DispositionIndex\">\r\n        <HeadMeta pageTitle=\"Maatregelen | Waterwerk WBP6 Hoogheemraadschap van Delfland\" />\r\n        <SkipLink targetId=\"main-content\" />\r\n        <header className=\"DispositionIndex-header\">\r\n          <div className=\"container\">\r\n            <div className=\"row\">\r\n              <div className=\"col-1o2\">\r\n                <LogoDelfslandComponent />\r\n              </div>\r\n              <div className=\"col-1o2 text-align-right\">\r\n                <Link to=\"/\" aria-hidden={true} tabIndex=\"-1\">\r\n                  <Logo />\r\n                </Link>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </header>\r\n        <AreaFilter count={dispositions.count} />\r\n        <div className=\"DispositionIndex-results\">\r\n          <div className=\"container\">\r\n            <div className=\"row\">\r\n              <div className=\"col-1o2 DispositionIndex__counter\">\r\n                <h2 role=\"status\">{dispositions.count} gevonden resultaten</h2>\r\n              </div>\r\n              <SearchFilter />\r\n            </div>\r\n            <ul className=\"row\">\r\n              {renderDispositionCards()}\r\n            </ul>\r\n            <div className=\"row\">\r\n              <div className=\"col-1\">\r\n                <DispositionPagination\r\n                    current={page}\r\n                    maximum={maxPages}\r\n                    request={handlePageLink}\r\n                />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        {isMobile && <AreaModal />}\r\n        {isMobile && <DispositionModal />}\r\n      </div>\r\n  );\r\n}\r\n\r\nexport default DispositionIndex;\r\n","import { ArrowLeft, ArrowRight } from \"./Icons\";\r\n\r\nconst SliderPagination = ({\r\n  currentSlide,\r\n  maxSlides,\r\n  gotoSlide,\r\n  next,\r\n  prev,\r\n  color = \"blue\",\r\n}) => {\r\n  if (maxSlides === 0) {\r\n    return <></>;\r\n  }\r\n  return (\r\n    <div className={`slider-pagination slider-pagination--${color}`}>\r\n      <button type=\"button\" aria-label=\"Toon vorige slide met maatregelen\" className=\"slider-pagination__button\" onClick={prev}>\r\n        <ArrowLeft title=\"Toon vorige slide met maatregelen\"/>\r\n      </button>\r\n      <ul className=\"slider-pagination__dots\">\r\n        {Array.apply(null, { length: maxSlides + 1 }).map((_, i) => {\r\n          return (\r\n              <li key={i}>\r\n                  <button\r\n                      onClick={() => gotoSlide(i)}\r\n                      aria-label={`Toon slide ${i + 1} met maatregelen`}\r\n                      // id={`knop-${i}`}\r\n                      className={`slider-pagination__dot-button ${\r\n                          i === currentSlide\r\n                              ? \"slider-pagination__dot-button--active\"\r\n                              : \"\"\r\n                      }`}\r\n                      // aria-controls={`slide-${i}`}\r\n                      aria-current={i === currentSlide ? true : false}\r\n                  ></button>\r\n              </li>\r\n\r\n          );\r\n        })}\r\n      </ul>\r\n      <button className=\"slider-pagination__button\" type=\"button\" aria-label=\"Toon volgende slide met maatregelen\" onClick={next}>\r\n        <ArrowRight title={\"Toon volgende slide met maatregelen\"} />\r\n      </button>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default SliderPagination;\r\n","import { useState, useEffect } from \"react\";\r\nimport { useBreakpoint } from \"../hooks/useViewport\";\r\nimport { useSwipeable } from \"react-swipeable\";\r\nimport SliderPagination from \"./SliderPagination\";\r\n\r\nconst getMaxSlides = (size, breakpoint) => {\r\n  const amount = breakpoint === \"xl\" ? 3 : breakpoint === \"l\" ? 2 : 1;\r\n  const rest = size % amount;\r\n  const result = size === 0 ? 0 : (size - rest) / amount - (rest === 0 ? 1 : 0);\r\n  return result;\r\n};\r\n\r\nconst Slider = ({ children, color }) => {\r\n  const [currentSlide, setCurrentSlide] = useState(0);\r\n  const breakpoint = useBreakpoint();\r\n  const [maxSlides, setMaxSlides] = useState(() => {\r\n    return getMaxSlides(children.length, breakpoint);\r\n  });\r\n\r\n  useEffect(() => {\r\n    const newMaxSlides = getMaxSlides(children.length, breakpoint);\r\n    setMaxSlides(newMaxSlides);\r\n    if (currentSlide >= newMaxSlides) {\r\n      setCurrentSlide(newMaxSlides);\r\n    }\r\n  }, [breakpoint, children.length, currentSlide]);\r\n\r\n  const handlers = useSwipeable({\r\n    onSwipedLeft: () => {\r\n      handleNextSlide();\r\n    },\r\n    onSwipedRight: () => {\r\n      handlePreviousSlide();\r\n    },\r\n    preventDefaultTouchmoveEvent: true,\r\n    trackMouse: true,\r\n  });\r\n\r\n  const handlePreviousSlide = () => {\r\n    if (currentSlide > 0) {\r\n      setCurrentSlide(currentSlide - 1);\r\n    }\r\n  };\r\n\r\n  const handleNextSlide = () => {\r\n    if (currentSlide < maxSlides) {\r\n      setCurrentSlide(currentSlide + 1);\r\n    }\r\n  };\r\n\r\n  const handleGoto = (slide) => {\r\n    setCurrentSlide(slide);\r\n  };\r\n\r\n  return (\r\n    <div className=\"slider\" {...handlers}>\r\n      <div className=\"container\">\r\n        <div\r\n          className=\"row slider__row\"\r\n          style={{\r\n            left: `calc(${currentSlide * -1}00% + ${currentSlide * -2}rem)`,\r\n            width:\r\n              breakpoint === \"s\"\r\n                ? `calc(${children.length}00% + ${children.length * 2}rem)`\r\n                : \"\",\r\n          }}\r\n        >\r\n          {children.map((c, index) => {\r\n            return (\r\n              <div key={index} className=\"col-1 col-l-1o2 col-xl-1o3\">\r\n                {c}\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n        <div className=\"row\">\r\n          <div className=\"col-1\">\r\n            <SliderPagination\r\n              currentSlide={currentSlide}\r\n              maxSlides={maxSlides}\r\n              gotoSlide={handleGoto}\r\n              next={handleNextSlide}\r\n              prev={handlePreviousSlide}\r\n              color={color}\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Slider;\r\n","import { useState, useEffect } from \"react\";\r\nimport { getDisposition } from \"../api\";\r\nimport DispositionCard from \"./DispositionCard\";\r\nimport Slider from \"./Slider\";\r\nimport DispositionModal from \"./DispositionModal\";\r\nimport useIsMobile from \"../hooks/useIsMobile\";\r\n\r\nconst DispositionSlide = ({ id, color, themeTitle }) => {\r\n  const [disposition, setDisposition] = useState(null);\r\n\r\n  useEffect(() => {\r\n    getDisposition(id).then(setDisposition);\r\n  }, [id]);\r\n\r\n  return (\r\n    <>\r\n      {disposition !== null && (\r\n        <DispositionCard {...disposition} color={color} hideTheme={true} themeTitle={themeTitle} slider={true} />\r\n      )}\r\n    </>\r\n  );\r\n};\r\n\r\nconst DispositionSlider = ({ dispositionIds = [], color = \"blue\", themeTitle = \"\" }) => {\r\n  const isMobile = useIsMobile();\r\n  return (\r\n    <div className={`disposition-slider disposition-slider--${color}`} role=\"region\" aria-labelledby=\"slider-title\">\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-1 col-l-1o3\">\r\n            <div className=\"ClusterDetail-title block block--xdark block--type1\">\r\n              <h2 id=\"slider-title\">Wat zijn de maatregelen?</h2>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <Slider color={color}>\r\n        {dispositionIds.map((id, index) => (\r\n          <DispositionSlide id={id} key={index} color={color} themeTitle={themeTitle} />\r\n        ))}\r\n      </Slider>\r\n      {isMobile && <DispositionModal />}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DispositionSlider;\r\n","export default __webpack_public_path__ + \"static/media/kader.7f08d887.png\";","export default __webpack_public_path__ + \"static/media/play-icon.59f186eb.svg\";","export default __webpack_public_path__ + \"static/media/close-icon.d6ae5151.svg\";","import React, { useEffect, useState } from 'react';\r\nimport transcriptsData from '../assets/transcripts.json'; // Adjust path if necessary\r\n\r\nexport function VideoTranscript({ videoId }) {\r\n    const [transcriptData, setTranscriptData] = useState(null);\r\n\r\n    useEffect(() => {\r\n        const loadTranscript = () => {\r\n            const videoTranscript = transcriptsData.find(item => item.youtubeId === videoId);\r\n            setTranscriptData(videoTranscript || { title: 'Transcript not found', transcript: '' });\r\n        };\r\n        loadTranscript();\r\n    }, [videoId]);\r\n\r\n    return (\r\n        <div id=\"video-transcript\" className=\"video-description visually-hidden\" tabIndex={0}>\r\n            {transcriptData && (\r\n                <>\r\n                    {transcriptData.title && <h3>{`Video Transcript en Beschrijving voor \"${transcriptData.title}\"`}</h3>}\r\n                    <p>{transcriptData.transcript}</p>\r\n                </>\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default VideoTranscript;\r\n","import {useEffect, useRef, useState} from \"react\";\r\nimport {  useRefProvider } from \"../hooks/useReducer\";\r\nimport YouTube from \"react-youtube\";\r\nimport CloseIcon from \"../assets/close-icon.svg\";\r\nimport VideoTranscript from \"./VideoTranscript\";\r\nimport {fetchYouTubeData} from \"../api\";\r\nimport {useLocation, useNavigate} from \"react-router-dom\";\r\nimport FocusLock from \"react-focus-lock\";\r\n\r\nconst VideoModal = ({youtubeId}) => {\r\n  const navigate = useNavigate();\r\n  const location = useLocation();\r\n  const searchParams = new URLSearchParams(location.search);\r\n  const videoId = searchParams.get(\"videoID\");\r\n  const videoIsOpen = videoId ? true : false;\r\n  const [youTubeData, setYoutubeData] = useState(null);\r\n  const video = useRef();\r\n  const videoModalLastElRef = useRef();\r\n  const videoModalRef = useRef();\r\n  const {videoTriggerRef, videoModalFirstElRef} = useRefProvider();\r\n\r\n  useEffect(() => {\r\n    const fetchYoutubeData = async () => {\r\n      try {\r\n        const getYoutubeData = await fetchYouTubeData(youtubeId);\r\n        setYoutubeData(getYoutubeData);\r\n      } catch (err) {\r\n        console.error(\"Failed to fetch YouTube data:\", err);\r\n      }\r\n    };\r\n    fetchYoutubeData();\r\n  }, [youtubeId]);\r\n\r\n  useEffect(() => {\r\n    if (videoModalFirstElRef.current) {\r\n      videoModalFirstElRef.current.focus();\r\n    }\r\n    const timer = setTimeout(() => {\r\n      if (videoModalFirstElRef.current) {\r\n        videoModalFirstElRef.current.focus();\r\n      }\r\n    }, 100);\r\n    return () => clearTimeout(timer);\r\n  }, [videoId, videoModalFirstElRef]);\r\n\r\n  const closeModal = () => {\r\n    searchParams.delete(\"videoID\");\r\n    navigate({\r\n      pathname: location.pathname,\r\n      search: searchParams.toString(),\r\n    });\r\n    const player = video?.current?.getInternalPlayer();\r\n    if (player) {\r\n      player.pauseVideo();\r\n    }\r\n\r\n    if (videoTriggerRef?.current) {\r\n      videoTriggerRef.current.focus();\r\n    }\r\n  };\r\n\r\n  const onPlayerReady = (event) => {\r\n    const player = event.target;\r\n    const videoTitle = player?.getVideoData()?.title;\r\n    const iframe = event?.target?.getIframe();\r\n    if (!iframe) {\r\n      return;\r\n    }\r\n    // Set iframe attributes\r\n    iframe.setAttribute(\"title\", `Video '${videoTitle}'`);\r\n    iframe.setAttribute(\"tabIndex\", \"0\");\r\n    iframe.setAttribute(\"aria-describedby\", \"video-transcript\");\r\n  };\r\n\r\n  const handleOnKeyDown = (event) => {\r\n    const {key} = event;\r\n    const player = video?.current.getInternalPlayer();\r\n    player.isPlaying = player.isPlaying || false;\r\n    if (key === \"Escape\") {\r\n      closeModal();\r\n    }\r\n  }\r\n\r\n  if (!youTubeData) {\r\n    return null;\r\n  }\r\n\r\n  const opts = {\r\n    playerVars: {\r\n      autoplay: 0,\r\n      disablekb: 1,\r\n      playerVars: {\r\n        cc_load_policy: 1, // This will force captions on\r\n        hl: 'nl',          // Sets the language for the captions (change as needed)\r\n      },\r\n    },\r\n  };\r\n\r\n  return (\r\n      <FocusLock\r\n          returnFocus={true}\r\n          disabled={!videoIsOpen}\r\n          onFocusReturn={() => {\r\n            if (videoTriggerRef?.current) {\r\n              videoTriggerRef.current.focus();\r\n            }\r\n          }}\r\n      >\r\n        <div\r\n            id=\"video-modal\"\r\n            className={`video-modal ${videoIsOpen ? \"video-modal--open\" : \"\"}`}\r\n            role=\"dialog\"\r\n            aria-labelledby=\"video-title\"\r\n            ref={videoModalRef}\r\n            aria-modal=\"true\"\r\n            onKeyDown={handleOnKeyDown}\r\n            key={youTubeData.title}\r\n        >\r\n          <button\r\n              aria-label={`Sluit de video \"${youTubeData.title}\"`}\r\n              ref={videoModalFirstElRef}\r\n              onClick={closeModal}\r\n              className=\"video-modal__close-icon\"\r\n          >\r\n            <img\r\n                src={CloseIcon}\r\n                alt={`Sluit de video \"${youTubeData.title}\"`}\r\n            />\r\n          </button>\r\n          {youTubeData.title && <span id=\"video-title\" className=\"visually-hidden\">{youTubeData.title}</span>}\r\n          <div className=\"video-modal__youtube\">\r\n            {videoId && (\r\n                <YouTube\r\n                    ref={video}\r\n                    videoId={videoId}\r\n                    opts={opts}\r\n                    onReady={onPlayerReady}\r\n                    aria-describedby=\"video-transcript\"\r\n                />\r\n            )}\r\n          </div>\r\n\r\n          {/* Accessibility video transcript section */}\r\n          {videoId && <VideoTranscript videoId={videoId}/>}\r\n\r\n          {/* Hidden button for accessibility */}\r\n          <button\r\n              ref={videoModalLastElRef}\r\n              aria-label={`Sluit de video \"${youTubeData.title}\"`}\r\n              onClick={closeModal}\r\n              style={{position: \"absolute\", left: \"-9999px\"}} // Visually hidden\r\n          >\r\n          </button>\r\n        </div>\r\n      </FocusLock>\r\n  );\r\n};\r\n\r\nexport default VideoModal;\r\n","import { useEffect } from 'react';\r\nimport { useLocation } from 'react-router-dom';\r\n\r\nconst useFocusOnFirstElement = (trigger) => {\r\n    const location = useLocation();\r\n    useEffect(() => {\r\n        if (!trigger) return;\r\n        const firstFocusableElement = document.querySelector(\r\n            'a, button, input, select, textarea, [tabindex]:not([tabindex=\"-1\"])'\r\n        );\r\n        if (firstFocusableElement) {\r\n            firstFocusableElement.focus();\r\n        }\r\n    }, [location]);\r\n};\r\n\r\nexport default useFocusOnFirstElement;\r\n","import React, {useState, useEffect, useRef} from \"react\";\r\nimport { useParams } from \"react-router\";\r\nimport { useLocation } from \"react-router-dom\";\r\nimport {fetchYouTubeData, getTheme, YouTubeGetID} from \"../api\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport DispositionSlider from \"../components/DispositionSlider\";\r\nimport { ArrowRight, ArrowLeft } from \"../components/Icons\";\r\nimport { getImage } from \"../helpers/imageParse\";\r\nimport { useState as useGlobalState, useDispatch, useRefProvider } from \"../hooks/useReducer\";\r\nimport { colorByCluster } from \"../helpers/colorCluster\";\r\nimport kader from \"../assets/kader.png\";\r\nimport PlayIcon from \"../assets/play-icon.svg\";\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport wordListParser from \"../helpers/wordList\";\r\nimport {getThesaurus} from \"../api\";\r\nimport WaterwerkLogoDark from \"../components/WaterwerkLogoDark\";\r\nimport VideoModal from \"../components/VideoModal\";\r\nimport LogoDelfslandComponent from \"../components/LogoDelfsland\";\r\nimport SkipLink from \"../components/SkipLink\";\r\nimport useIsMobile from \"../hooks/useIsMobile\";\r\nimport HeadMeta from \"../components/HeadMeta\";\r\nimport useFocusOnFirstElement from \"../hooks/useFocusOnFirstElement\";\r\n\r\nconst renameList = [\r\n  {\r\n    old: \"Richtlijn Overstromingsrisico’s (Ror)\",\r\n    new: \"Overstromingsrisico’s\",\r\n  },\r\n  {\r\n    old: \"Richting een circulaire waterketen\",\r\n    new: \"Transitie waterketen\",\r\n  },\r\n  {\r\n    old: \"Transporteren, zuiveren en slib verwerken\",\r\n    new: \"Transporteren en zuiveren van afvalwater\",\r\n  },\r\n  {\r\n    old: \"Waterkwaliteit\",\r\n    new: \"Waterkwaliteit, pijler 1: KRW\",\r\n  },\r\n  {\r\n    old: \"Overig Water\",\r\n    new: \"Waterkwaliteit, pijler 2: Overig water\",\r\n  },\r\n  {\r\n    old: \"Overige water\",\r\n    new: \"Waterkwaliteit, pijler 2: Overig water\",\r\n  },\r\n  {\r\n    old: \"Zoetwatervoorziening en coördinatie droogte\",\r\n    new: \"Zoetwatervoorziening en droogte\",\r\n  },\r\n  {\r\n    old: \"Personeel & organisatie\",\r\n    new: \"Personeel en organisatie\",\r\n  },\r\n  {\r\n    old: \"Regulering & toezicht\",\r\n    new: \"Regulering en toezicht\",\r\n  },\r\n];\r\n\r\nconst optionallyRename = (title) => {\r\n  for (let i = 0; i < renameList.length; i++) {\r\n    if (renameList[i].old === title) {\r\n      return renameList[i].new;\r\n    }\r\n  }\r\n  return title;\r\n};\r\n\r\nconst ThemaDetail = () => {\r\n  const navigate = useNavigate();\r\n\r\n  const { id } = useParams();\r\n  const [theme, setTheme] = useState(null);\r\n  const [title, setTitle] = useState(\"\");\r\n\r\n  const { clusters, globalThemes } = useGlobalState();\r\n  const dispatch = useDispatch();\r\n  const [afb1, setAfb1] = useState(null);\r\n  const [afb2, setAfb2] = useState(null);\r\n  const [afb3, setAfb3] = useState(null);\r\n  const [videoId, setVideoId] = useState(null);\r\n  const [youtubeData, setYoutubeData] = useState(null);\r\n  const [docs, setDocumenten] = useState([]);\r\n  const [links, setLinks] = useState([]);\r\n  const [toelichting, setToelichting] = useState(ReactHtmlParser(\"\"));\r\n  const [ambitie, setAmbitie] = useState(ReactHtmlParser(\"\"));\r\n  const [doel, setDoel] = useState(ReactHtmlParser(\"\"));\r\n  const [clustertekst, setClustertekst] = useState(ReactHtmlParser(\"\"));\r\n  const { pathname } = useLocation();\r\n  const { videoTriggerRef } = useRefProvider();\r\n  const isMobile = useIsMobile();\r\n  const [triggerFocus, setTriggerFocus] = useState(false);\r\n\r\n\r\n\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0);\r\n  }, [pathname]);\r\n\r\n  useEffect(() => {\r\n    const fetchData = async () => {\r\n      try {\r\n        const r = await getTheme(id);\r\n        setTheme(r);\r\n        const {\r\n          inhoud = {},\r\n          documenten = [],\r\n          interneLinks = [],\r\n          externeLinks = [],\r\n        } = r;\r\n\r\n        const {\r\n          hoofdafbeelding = null,\r\n          afbeelding2 = null,\r\n          afbeelding3 = null,\r\n          videoURL = null,\r\n          toelichting = \"\",\r\n          ambitie = \"\",\r\n          doel = \"\",\r\n          clustertekst = \"\",\r\n        } = inhoud;\r\n\r\n        const retrievedHoofdafbeelding =\r\n            hoofdafbeelding === null ? null : getImage(hoofdafbeelding);\r\n        setAfb1(retrievedHoofdafbeelding);\r\n        setAfb2(\r\n            afbeelding2 === null\r\n                ? retrievedHoofdafbeelding\r\n                : getImage(afbeelding2)\r\n        );\r\n        setAfb3(\r\n            afbeelding3 === null\r\n                ? retrievedHoofdafbeelding\r\n                : getImage(afbeelding3)\r\n        );\r\n        setDocumenten(documenten);\r\n        setLinks(interneLinks.concat(externeLinks));\r\n        setTitle(r.title);\r\n\r\n        try {\r\n          const thesaurusData = await getThesaurus();\r\n          setToelichting(wordListParser(toelichting, thesaurusData));\r\n          setAmbitie(wordListParser(ambitie, thesaurusData));\r\n          setDoel(wordListParser(doel, thesaurusData));\r\n          setClustertekst(wordListParser(clustertekst, thesaurusData));\r\n        } catch (error) {\r\n          console.error(error);\r\n        }\r\n\r\n        if (videoURL) {\r\n          const videoId = YouTubeGetID(videoURL);\r\n          const videoData = await fetchYouTubeData(videoId);\r\n          setVideoId(videoId)\r\n          setYoutubeData(videoData);\r\n        }\r\n\r\n      } catch (error) {\r\n        console.error(error);\r\n      }\r\n    };\r\n\r\n    fetchData();\r\n  }, [\r\n    id,\r\n    theme?.inhoud?.toelichting,\r\n    theme?.inhoud?.ambitie,\r\n    theme?.inhoud?.doel,\r\n    theme?.inhoud?.clustertekst,\r\n  ]);\r\n\r\n\r\n  const handleClusterClick = (c) => {\r\n    dispatch({ type: \"reset_all_clusters\" });\r\n    dispatch({ type: \"reset_development\" });\r\n    dispatch({ type: \"set_cluster\", payload: { id: c.value, state: true } });\r\n    navigate(\"/themas\");\r\n  };\r\n\r\n  const location = useLocation();\r\n  const searchParams = new URLSearchParams(location.search);\r\n  const videoIdParam = searchParams.get(\"videoID\");\r\n  const videoIsOpen = videoIdParam ? true : false;\r\n\r\n  const handleVideoButton = (id) => {\r\n    searchParams.set(\"videoID\", id);\r\n    navigate(`${location.pathname}?${searchParams.toString()}`);\r\n  };\r\n\r\n  const getThemeIdByTitle = (t) => {\r\n    let result = \"\";\r\n    const title = optionallyRename(t);\r\n    globalThemes.forEach(({ label, id }) => {\r\n      if (label === title) {\r\n        result = \"/\" + id;\r\n      }\r\n    });\r\n    return result;\r\n  };\r\n\r\n  useFocusOnFirstElement(triggerFocus);\r\n  const handleLinkClick = () => {\r\n    setTriggerFocus(true);\r\n    setTimeout(() => { // Reset the trigger to false after a short delay\r\n      setTriggerFocus(false);\r\n    }, 100);\r\n  };\r\n\r\n  if (theme === null) {\r\n    return <></>;\r\n  }\r\n\r\n  return (\r\n    <div\r\n      className={`ClusterDetail cluster--waterkwantiteit ClusterDetail--${colorByCluster(\r\n        theme.inhoud.cluster\r\n      )}`}\r\n    >\r\n      <HeadMeta pageTitle={`${title} | Waterwerk WBP6 Hoogheemraadschap van Delfland`} />\r\n      <SkipLink targetId={\"theme-content\"} />\r\n      {!isMobile && <Link className=\"ClusterDetail-back\" to=\"/themas\" aria-label={\"Ga terug naar themas overzicht\"}>\r\n        <ArrowLeft title={\"Ga terug naar themas overzicht\"} fillColor={\"white\"}/>\r\n      </Link>}\r\n      <header className=\"ClusterDetail-header\">\r\n        <div className=\"container\">\r\n          <div className=\"row\">\r\n            <div className=\"col-1o2\">\r\n              <LogoDelfslandComponent />\r\n            </div>\r\n            <div className=\"col-1o2 text-align-right\">\r\n              <Link to=\"/\" aria-hidden={true} tabIndex=\"-1\">\r\n                <WaterwerkLogoDark />\r\n              </Link>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </header>\r\n      {false}\r\n      {(\r\n          <>\r\n            <div className=\"ClusterDetail-body\" id=\"theme-content\">\r\n              <div className=\"container\">\r\n                <div className=\"row\">\r\n                  <div className=\"col-1\">\r\n                    <Link className=\"ClusterDetail-back-two\" to=\"/themas\" aria-label={\"Ga terug naar themas overzicht\"}>\r\n                      <ArrowLeft title={\"Ga terug naar themas overzicht\"}/> Naar overzicht\r\n                    </Link>\r\n                  </div>\r\n                </div>\r\n                <div className=\"row\">\r\n                  <div\r\n                      className=\"col-l-1o3\"\r\n                      style={{position: \"relative\", zIndex: 1}}\r\n                  >\r\n                    <div className=\"ClusterDetail-title block block--type1\">\r\n                      <h1>{title}</h1>\r\n                    </div>\r\n                    <section className=\"ClusterDetail-intro\">\r\n                      {toelichting}\r\n                    </section>\r\n                    <div className=\"ClusterDetail-legal block\">\r\n                      <h2 className=\"uppercase\">Wettelijke Grondslag</h2>\r\n                      <div\r\n                          dangerouslySetInnerHTML={{\r\n                            __html: theme.inhoud.grondslag,\r\n                          }}\r\n                      />\r\n                    </div>\r\n                  </div>\r\n                  <div className=\"col-l-2o3\">\r\n                    <div className=\"row\">\r\n                      <div className=\"col-l-5o8 offset-l-3o8\">\r\n                        <section className=\"ClusterDetail-development block block--type2\">\r\n                          <h2 className=\"uppercase\">\r\n                            Ontwikkelingen lange termijn\r\n                          </h2>\r\n                          <ul>\r\n                            {theme.inhoud.ontwikkelingLangeTermijn.map(\r\n                                (ontwikkeling, index) => (\r\n                                    <li key={index}>{ontwikkeling.replace(/CO2/g, 'CO₂')}</li>\r\n                                )\r\n                            )}\r\n                          </ul>\r\n                        </section>\r\n                      </div>\r\n                      <div className=\"col-l-5o8 offset-l-1o8\">\r\n                        <div className=\"ClusterDetail__image-one\">\r\n                          <div\r\n                              className=\"ClusterDetail__image-one-inner\"\r\n                              style={{\r\n                                backgroundImage: `url(${process.env.REACT_APP_HOST}${afb1})`,\r\n                              }}\r\n                          ></div>\r\n                          <img\r\n                              src={kader}\r\n                              alt=\"\"\r\n                              className=\"ClusterDetail__image-one-img\"\r\n                          />\r\n                          {videoId && <button\r\n                              className=\"ClusterDetail__video-button\"\r\n                              onClick={() => handleVideoButton(videoId)}\r\n                              aria-label={`Open de video '${youtubeData ? youtubeData.title : \"\"}'`}\r\n                              aria-haspopup=\"dialog\"\r\n                              aria-expanded={videoIsOpen}\r\n                              aria-controls=\"video-modal\"\r\n                              ref={videoTriggerRef}\r\n                          >\r\n                            <div className=\"ClusterDetail__video-button-inner\">\r\n                              <img src={PlayIcon} alt={`Open de video '${youtubeData ? youtubeData.title : \"\"}'`}/>\r\n                            </div>\r\n                          </button>}\r\n                        </div>\r\n                        <div className=\"ClusterDetail-image ClusterDetail-image-1\"></div>\r\n                      </div>\r\n\r\n                      <div className=\"col-l-3o8 offset-5o8\">\r\n                        <div className=\"ClusterDetail-image ClusterDetail-image-2\">\r\n                          <div\r\n                              className=\"ClusterDetail-image-2-inner\"\r\n                              style={{\r\n                                backgroundImage: `url(${process.env.REACT_APP_HOST}${afb2})`,\r\n                              }}\r\n                          ></div>\r\n                        </div>\r\n                      </div>\r\n\r\n                      <div className=\"col-l-1o2\">\r\n                        <section className=\"ClusterDetail-objective block block--type1\">\r\n                          <h2 className=\"uppercase\">Doel</h2>\r\n                          {doel}\r\n                        </section>\r\n                      </div>\r\n\r\n                      <div className=\"col-l-2o3 offset-l-1o8\">\r\n                        <section className=\"ClusterDetail-ambition block\">\r\n                          <h2 className=\"uppercase\">Ambitie</h2>\r\n                          {ambitie}\r\n                        </section>\r\n                      </div>\r\n\r\n                      <div className=\"ClusterDetail-more col-l-5o8 offset-l-3o8\">\r\n                        <div className=\"block ClusterDetail-more-inner\">\r\n                          <h2 className=\"uppercase\">Meer weten?</h2>\r\n                          <div>\r\n                            <ul>\r\n                              {docs.map(({document}, i) => (\r\n                                  <li key={`doc-${i}`}>\r\n                                    <a\r\n                                        href={`${process.env.REACT_APP_HOST}${document.link}`}\r\n                                        target=\"_blank\"\r\n                                        className=\"ClusterDetail-download-link\"\r\n                                        rel=\"noreferrer\"\r\n                                    >\r\n                                      {document.label}\r\n                                    </a>\r\n                                  </li>\r\n                              ))}\r\n                              {links.map(({link}, i) => (\r\n                                  <li key={`lnk-${i}`}>\r\n                                    <a\r\n                                        href={link.link}\r\n                                        target=\"_blank\"\r\n                                        className=\"ClusterDetail-download-link\"\r\n                                        rel=\"noreferrer\"\r\n                                    >\r\n                                      {link.label}\r\n                                    </a>\r\n                                  </li>\r\n                              ))}\r\n                            </ul>\r\n                          </div>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <DispositionSlider\r\n                color={colorByCluster(theme.inhoud.cluster)}\r\n                dispositionIds={theme.maatregelen.map(\r\n                    ({maatregel}) => maatregel.id\r\n                )}\r\n                themeTitle={theme?.title}\r\n            />\r\n            <div\r\n                className={`container theme-info theme-info--${colorByCluster(\r\n                    theme.inhoud.cluster\r\n                )}`}\r\n            >\r\n              <div className=\"row\">\r\n                <div className=\"col-1 col-l-1o2\">\r\n                  <div className=\"theme-info__detail theme-info__detail--top-left\">\r\n                    <h2 className=\"theme-info__title\">Dwarsverbanden</h2>\r\n                    <ul className=\"theme-info__dwars-list\">\r\n                      {theme.inhoud.dwarsverbanden.map((d, i) => (\r\n                          <li key={i} className=\"theme-info__dwars-list-item\">\r\n                            <Link\r\n                                to={`/themas${getThemeIdByTitle(d)}`}\r\n                                aria-label={`Ga naar thema: ${optionallyRename(d)}`}\r\n                                onClick={handleLinkClick}\r\n                                className=\"theme-info__dwars-link\"\r\n                            >\r\n                              <span>{optionallyRename(d)}</span>\r\n                              <ArrowRight className=\"theme-info__dwars-icon\"/>\r\n                            </Link>\r\n                          </li>\r\n                      ))}\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n                <div className=\"col-1 col-l-1o2\">\r\n                  <div\r\n                      className=\"theme-info__detail theme-info__detail--top-right\"\r\n                      style={{\r\n                        backgroundImage: `url(${process.env.REACT_APP_HOST}${afb3})`,\r\n                      }}\r\n                  ></div>\r\n                </div>\r\n              </div>\r\n              <div className=\"row\">\r\n                <div className=\"col-1 col-l-1o2\">\r\n                  <div className=\"theme-info__detail theme-info__detail--bottom-left\">\r\n                    <h2 className=\"theme-info__title theme-info__cluster-title\">\r\n                      Cluster\r\n                      <span className=\"theme-info__cluster-label\">\r\n                      {!!theme?.inhoud?.cluster &&\r\n                          theme?.inhoud?.cluster}\r\n                    </span>\r\n                    </h2>\r\n                    <div className=\"theme-info__cluster-content\">\r\n                      {!!theme?.inhoud?.clustertekst\r\n                          ? clustertekst\r\n                          : \"\"}\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n                <div className=\"col-1 col-l-1o2\">\r\n                  <div className=\"theme-info__detail theme-info__detail--bottom-right\">\r\n                    <h2 className=\"theme-info__title\">Clusters</h2>\r\n                    <ul className=\"theme-info__clusters-list\">\r\n                      {clusters.map((c, i) => (\r\n                          <li className=\"theme-info__clusters-list-item\" key={i}>\r\n                            <button\r\n                                className={`theme-info__clusters-label theme-info__clusters-label--${colorByCluster(\r\n                                    c.value\r\n                                )}`}\r\n                                onClick={() => handleClusterClick(c)}\r\n                            >\r\n                              {c.label}\r\n                              <ArrowRight/>\r\n                            </button>\r\n                          </li>\r\n                      ))}\r\n                    </ul>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </>\r\n      )}\r\n      {videoId && <VideoModal youtubeId={videoId}/>}\r\n    </div>\r\n);\r\n};\r\n\r\nexport default ThemaDetail;\r\n","import React, {useState, useEffect} from \"react\";\r\nimport Header from \"./Header\";\r\nimport {getAccessibilityData} from \"../api\";\r\nimport AccessibilityButton from \"./AccessibilityButton\";\r\nimport HeadMeta from \"./HeadMeta\";\r\n\r\nfunction AccessibilityDetail() {\r\n    const [data, setData] = useState(null);\r\n    const [loading, setLoading] = useState(true);\r\n    const [error, setError] = useState(null);\r\n    const {title, inhoud} = data || {};\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            try {\r\n                const data = await getAccessibilityData();\r\n                setData(data);\r\n            } catch (error) {\r\n                setError(error.message);\r\n            } finally {\r\n                setLoading(false);\r\n            }\r\n        };\r\n        fetchData();\r\n    }, []);\r\n\r\n    if (loading) return <div>Loading...</div>;\r\n    if (error) return <div>Error: {error}</div>;\r\n\r\n    return (\r\n        <div className=\"AccessibilityDetail\">\r\n            <HeadMeta pageTitle={\"Toegankelijkheidsverklaring | Waterwerk WBP6 Hoogheemraadschap van Delfland\"} />\r\n            <Header/>\r\n            <div className=\"AccessibilityDetail__content\">\r\n                <div className=\"container\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-l-2o3 offset-l-1o6\">\r\n                            {title && <h1 className=\"h1 uppercase\">{title}</h1>}\r\n                            <div className=\"AccessibilityDetail__html\" dangerouslySetInnerHTML={{__html: inhoud?.tekst}}/>\r\n                            <div className=\"AccessibilityDetail__button\">\r\n                                <AccessibilityButton\r\n                                    href=\"/files/wcag-inspectie-wbp6hhdelflandnl-11-2024.pdf\"\r\n                                    target=\"_blank\"\r\n                                    variant=\"dark\"\r\n                                    iconStroke=\"#fff\"\r\n                                />\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AccessibilityDetail;\r\n","import \"./App.scss\";\r\nimport { Routes, Route } from \"react-router-dom\";\r\nimport Home from \"./views/Home\";\r\nimport ClusterIndex from \"./views/ClusterIndex\";\r\nimport DispositionIndex from \"./views/DispositionIndex\";\r\nimport GlobalReducer from \"./hooks/useReducer\";\r\nimport Viewport from \"./hooks/useViewport\";\r\nimport ThemeDetail from \"./views/ThemeDetail\";\r\nimport AccessibilityDetail from \"./components/AccessibilityDetail\";\r\n\r\nfunction App() {\r\n  return (\r\n    <div className=\"App\">\r\n      <GlobalReducer>\r\n        <Viewport>\r\n          <Routes>\r\n            <Route path=\"/\" element={<Home />} />\r\n            <Route path=\"/themas\" element={<ClusterIndex />} />\r\n            <Route path=\"/themas/:id\" element={<ThemeDetail />} />\r\n            <Route path=\"/maatregelen\" element={<DispositionIndex />} />\r\n            <Route path=\"/toegankelijkheidsverklaring\" element={<AccessibilityDetail />} />\r\n          </Routes>\r\n        </Viewport>\r\n      </GlobalReducer>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","export default __webpack_public_path__ + \"static/media/TheMixC5-5_Plain.9b071dca.woff2\";","export default __webpack_public_path__ + \"static/media/TheMixC5-5iPlainItalic.0cb6d1a3.woff2\";","export default __webpack_public_path__ + \"static/media/TheMixC5-6_SemiBold.7557b729.woff2\";","export default __webpack_public_path__ + \"static/media/TheMixC5-7_Bold.3208fc49.woff2\";","import React from \"react\";\r\nimport ReactDOM from \"react-dom\";\r\nimport \"./index.css\";\r\nimport App from \"./App\";\r\nimport reportWebVitals from \"./reportWebVitals\";\r\nimport { BrowserRouter } from \"react-router-dom\";\r\nimport \"./fonts/TheMixC5-5_Plain.woff2\";\r\nimport \"./fonts/TheMixC5-5iPlainItalic.woff2\";\r\nimport \"./fonts/TheMixC5-6_SemiBold.woff2\";\r\nimport \"./fonts/TheMixC5-7_Bold.woff2\";\r\n\r\nReactDOM.render(\r\n  <BrowserRouter>\r\n    <App />\r\n  </BrowserRouter>,\r\n  document.getElementById(\"root\")\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}