https://mijnomgeving.parool.nl/_next/static/chunks/5330.392eb0257f289813.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];if(null!=r)for(var n in r)r.hasOwnProperty(n)&&(e[n]=r[n])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:dpg-media-services-csa":!0});var t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="0ec73460-27dd-427c-a233-01215bff6ddf",e._sentryDebugIdIdentifier="sentry-dbid-0ec73460-27dd-427c-a233-01215bff6ddf")}catch(e){}}();"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5330],{95330:(e,t,r)=>{r.r(t),r.d(t,{default:()=>f});var n=r(6029),a=r(55729),s=r(69275);let u=({animationId:e,autoplay:t,backgroundColor:r,className:s,createDotLottie:u,data:c,dotLottieRefCallback:o,layout:f,loop:l,loopCount:i,mode:d,playOnHover:p,renderConfig:y,segment:m,speed:g,src:h,stateMachineConfig:E,stateMachineId:v,style:b,themeData:M,themeId:k,useFrameInterpolation:C,workerId:I,...w})=>{let L=(0,a.useRef)(null),_=(0,a.useRef)(null),D=(0,a.useRef)(o),R=(0,a.useRef)(null),S={speed:g,mode:d,loop:l,loopCount:i,useFrameInterpolation:C,segment:m,backgroundColor:r,autoplay:t,themeId:k,workerId:I,src:h,data:c,layout:f,renderConfig:y,animationId:e,stateMachineConfig:E,stateMachineId:v},T=(0,a.useRef)(S);D.current=o,T.current=S;let j=(0,a.useCallback)(e=>{if(_.current=e,e){let t=R.current;t&&t.canvas===e?(clearTimeout(t.timer),R.current=null,L.current=t.instance):L.current?.canvas!==e&&(L.current=u({...T.current,canvas:e}))}else if(L.current){let e=L.current,t=e.canvas;L.current=null,t instanceof HTMLCanvasElement?R.current={canvas:t,instance:e,timer:setTimeout(()=>{R.current?.instance===e&&(R.current=null),e.destroy()},0)}:e.destroy()}D.current?.(L.current)},[]);return(0,a.useEffect)(()=>{let e=e=>{p&&("mouseenter"===e.type&&L.current?.play(),"mouseleave"===e.type&&L.current?.pause())};return _.current?.addEventListener("mouseenter",e),_.current?.addEventListener("mouseleave",e),()=>{_.current?.removeEventListener("mouseenter",e),_.current?.removeEventListener("mouseleave",e)}},[p]),(0,a.useEffect)(()=>{L.current?.setSpeed(g??1)},[g]),(0,a.useEffect)(()=>{L.current?.setMode(d??"forward")},[d]),(0,a.useEffect)(()=>{L.current?.setLoop(l??!1)},[l]),(0,a.useEffect)(()=>{L.current?.setLoopCount(i??0)},[i]),(0,a.useEffect)(()=>{L.current?.setUseFrameInterpolation(C??!0)},[C]),(0,a.useEffect)(()=>{"number"==typeof m?.[0]&&"number"==typeof m[1]?L.current?.setSegment(m[0],m[1]):L.current?.resetSegment()},[m]),(0,a.useEffect)(()=>{L.current?.setBackgroundColor(r??"")},[r]),(0,a.useEffect)(()=>{L.current?.setRenderConfig(y??{})},[JSON.stringify(y)]),(0,a.useEffect)(()=>{"string"!=typeof c&&"object"!=typeof c||L.current?.load({data:c,...T.current})},[c]),(0,a.useEffect)(()=>{"string"==typeof h&&L.current?.load({src:h,...T.current})},[h]),(0,a.useEffect)(()=>{L.current?.setMarker(w.marker??"")},[w.marker]),(0,a.useEffect)(()=>{L.current?.isLoaded&&L.current.activeAnimationId!==e&&L.current.loadAnimation(e??"")},[e]),(0,a.useEffect)(()=>{"string"==typeof k&&L.current?.setTheme(k)},[k]),(0,a.useEffect)(()=>{L.current?.setThemeData(M??"")},[M]),(0,a.useEffect)(()=>{L.current?.setLayout(f??{})},[f?.fit,f?.align?.[0],f?.align?.[1]]),(0,a.useEffect)(()=>{L.current?.isLoaded&&("string"==typeof v&&v?L.current.stateMachineLoad(v)&&L.current.stateMachineStart():L.current.stateMachineStop())},[v]),(0,a.useEffect)(()=>{L.current?.stateMachineSetConfig(E??null)},[E]),(0,n.jsx)("div",{className:s,...!s&&{style:{width:"100%",height:"100%",lineHeight:0,...b}},children:(0,n.jsx)("canvas",{ref:j,style:{width:"100%",height:"100%"},...w})})},c=e=>new s.j(e),o=e=>(0,n.jsx)(u,{...e,createDotLottie:c}),f=({src:e,autoplay:t=!0,loop:r=!0,...a})=>(0,n.jsx)(o,{src:e,autoplay:t,loop:r,...a})}}]);