1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2991],{39416:(e,t,s)=>{"use strict";s.d(t,{v:()=>a});var n=s(40703),i=s(58530);let a=e=>{let{siteNames:t}=e,s=(0,n.a)(),a=[],l=[s("quick.search.suggestions.locaties.1"),s("quick.search.suggestions.locaties.2"),s("quick.search.suggestions.locaties.3"),s("quick.search.suggestions.locaties.4"),s("quick.search.suggestions.locaties.5"),s("quick.search.suggestions.locaties.6"),s("quick.search.suggestions.locaties.7"),s("quick.search.suggestions.locaties.8"),s("quick.search.suggestions.locaties.9"),s("quick.search.suggestions.locaties.10"),s("quick.search.suggestions.locaties.11"),s("quick.search.suggestions.locaties.12"),s("quick.search.suggestions.locaties.13"),s("quick.search.suggestions.locaties.14"),s("quick.search.suggestions.locaties.15"),s("quick.search.suggestions.locaties.16"),s("quick.search.suggestions.locaties.17")],r=[s("quick.search.suggestions.locatiesAndInspirerendelocaties.1"),s("quick.search.suggestions.locatiesAndInspirerendelocaties.2"),s("quick.search.suggestions.locatiesAndInspirerendelocaties.3"),s("quick.search.suggestions.locatiesAndInspirerendelocaties.4"),s("quick.search.suggestions.locatiesAndInspirerendelocaties.5"),s("quick.search.suggestions.locatiesAndInspirerendelocaties.6"),s("quick.search.suggestions.locatiesAndInspirerendelocaties.7"),s("quick.search.suggestions.locatiesAndInspirerendelocaties.8"),s("quick.search.suggestions.locatiesAndInspirerendelocaties.9")];return t.forEach(e=>{e===i.ZX.locaties&&(a.push(...l),a.push(...r)),e===i.ZX.inspirerendelocaties&&a.push(...r)}),a}},69806:e=>{e.exports={container:"styles_container__TCoGn",containerDisabled:"styles_containerDisabled__hyZvL",containerAnimated:"styles_containerAnimated__SResG",inputContainerAnimated:"styles_inputContainerAnimated__Wbw0R",buttonText:"styles_buttonText__fHdP7",animatedButton:"styles_animatedButton__tFexe",buttonIcon:"styles_buttonIcon__BRa5K",button:"styles_button__LfmBP",containerAnimatedAnimate:"styles_containerAnimatedAnimate__eCtgM",buttonContainer:"styles_buttonContainer__x_ON9",inputContainer:"styles_inputContainer__I7MLK",inputFieldContainer:"styles_inputFieldContainer__jYirY",searchFieldContainer:"styles_searchFieldContainer__0mRGH",inputFieldLabel:"styles_inputFieldLabel__x_CEf",inputField:"styles_inputField__9pRY_"}},83526:(e,t,s)=>{"use strict";s.d(t,{A:()=>E});var n=s(84888),i=s(70900),a=s(90745),l=s(69806),r=s.n(l),u=s(81493),c=s(4740),o=s(9384),d=s(53505),h=s(11601),g=s(58530),p=s(40703),f=s(18085),m=s(74243),_=s(75793),k=s(96342),y=s(62446),b=s(40151),A=s(20480),v=s(27212),q=s(24310);function x(e,t){if((0,m.a4)(e)&&"function"!=typeof e&&null!==e.current){let s=e.current;s.style.height="".concat((0,m.a8)(25),"rem");let n=Math.max(25,(0,m.pE)(t)?s.scrollHeight:25);n>125?(n=125,s.style.overflowY="auto"):s.style.overflowY="hidden",s.style.height="".concat((0,m.a8)(n),"rem")}}var C=s(20953),S=s(92995),F=s(98538),I=s.n(F);let T=i.forwardRef((e,t)=>{var s;let{textToType:a,animationSpeed:l=25,eraseAnimationSpeed:r=15,pauseDuration:u=2e3,erasePauseDuration:c=3e3,resumeAnimationDelay:o=3e3,loop:d=!0,editable:h=!1,className:g,inputClassName:p,placeholder:f,handleOnChange:m,onSubmit:_,onFocus:k,onBlur:y,value:b,isDisabled:A=!1,paused:v=!1,id:q}=e,[F,T]=(0,i.useState)(null!=b?b:""),[N,E]=(0,i.useState)(0),[j,w]=(0,i.useState)(0),[R,B]=(0,i.useState)("typing"),[L,Z]=(0,i.useState)(!1),[O,X]=(0,i.useState)(!0),[P,M]=(0,i.useState)("typing"),[Y,D]=(0,i.useState)(!1),[W,G]=(0,i.useState)(""),[H,z]=(0,i.useState)(!0),K=(0,i.useRef)(null),J=Array.isArray(a)?a:[a],Q=null!=(s=J[j])?s:"";(0,S.s)(()=>{h&&x(t,F)},[t,F,h],1e3),(0,i.useEffect)(()=>{(void 0!==b||""===b)&&T(b)},[b]),(0,i.useEffect)(()=>{if(null===t||"function"==typeof t)return;let e=new IntersectionObserver(e=>{let[t]=e;return z(t.isIntersecting)},{threshold:.1,rootMargin:"50px"});return null!==t.current&&e.observe(t.current),()=>e.disconnect()},[t]);let V=(0,i.useCallback)(()=>{if(null!==t&&"function"!=typeof t&&null!==t.current){let e=t.current;if(e.scrollLeft=e.scrollWidth,e instanceof HTMLTextAreaElement&&"function"==typeof e.setSelectionRange){let t=e.value.length;e.setSelectionRange(t,t)}}},[t]),$=i.useMemo(()=>L?"typing"===R||"erasing"===R?O?"".concat(F,"|"):F:"pausing"===R||"erasePausing"===R?F+(O?"|":" "):F:F,[R,F,L,O]),U=window.matchMedia("(prefers-reduced-motion: reduce)").matches;(0,i.useEffect)(()=>{let e;if(L&&!U&&H){if("typing"===R&&N<Q.length)e=setTimeout(()=>{T(e=>e+Q[N]),E(e=>e+1),setTimeout(V,0)},l);else if("typing"===R&&N>=Q.length)B("pausing");else if("pausing"===R)e=setTimeout(()=>B("erasing"),u);else if("erasing"===R&&F.length>0)e=setTimeout(()=>{T(e=>e.slice(0,-1)),setTimeout(V,0)},r);else if("erasing"===R&&0===F.length){let e=(j+1)%J.length;
10!==e||d?(B("erasePausing"),w(e)):Z(!1)}else"erasePausing"===R&&(e=setTimeout(()=>{E(0),B("typing"),X(!0)},c));return()=>{void 0!==e&&clearTimeout(e)}}},[R,N,j,Q,r,c,F.length,L,H,d,u,V,J.length,l]),(0,i.useEffect)(()=>{if(!L||!H||"pausing"!==R&&"erasePausing"!==R)return;let e=setInterval(()=>X(e=>!e),500);return()=>clearInterval(e)},[R,L,H]);let ee=()=>{L&&(null!==K.current&&(clearTimeout(K.current),K.current=null),M(R),G(F),D(!1),Z(!1),X(!1))};return(0,i.useEffect)(()=>{v?Z(!1):Z(!0)},[v]),(0,i.useEffect)(()=>()=>{null!==K.current&&clearTimeout(K.current)},[]),(0,n.jsx)(n.Fragment,{children:h?(0,n.jsx)(C.A,{id:q,ref:t,value:F,handleOnChange:e=>{(e=>{T(e),L&&ee(),e!==W&&D(!0)})(e),null==m||m(e)},onFocus:()=>{null==k||k(),h&&ee()},onClick:()=>{h&&ee()},onBlur:()=>{null==y||y(),h&&(null!==K.current&&clearTimeout(K.current),L||(K.current=setTimeout(()=>{(()=>{if(Z(!0),Y){B("erasing"),X(!0);return}"typing"===P?(E(F.length),B("typing")):"erasing"===P||"pausing"===P?B("erasing"):"erasePausing"===P&&(w((j+1)%J.length),E(0),B("typing")),X(!0)})()},o)))},inputClassName:p,className:g,placeholder:f,onSubmit:()=>_(F),allowNewLineOnEnter:!1,disabled:A}):(0,n.jsx)("div",{className:g,ref:t,"aria-hidden":!0,children:L&&!U?$:(0,n.jsx)("div",{className:I().placeholder,children:f})})})});var N=s(25643);function E(e){let{onSubmit:t,textToType:s,enableAutoTyping:l=!1,editable:S=!1,isDisabled:F=!1,onChange:I,isLoading:E=!1,value:j,className:w,animated:R=!1,icon:B,inputIsFocused:L}=e,[Z,O]=(0,i.useState)(null!=j?j:""),X=(0,i.useRef)(null),P=(0,i.useRef)(null),{config:M}=(0,f.SF)(),Y=(0,m.a4)(null==M?void 0:M.siteName)?null==M?void 0:M.siteName:g.ZX.locaties,D=(0,p.a)(),{activeSearchDialog:W}=(0,y.$A)(),{dialog:G}=(0,N.h)(),H=null==W?void 0:W.mode,z=(0,b.G)("search-q"),[K,J]=(0,i.useState)(!1),[Q,V]=(0,i.useState)(!1),[$,U]=(0,i.useState)(!1),ee=(0,i.useRef)(null),et="quickSearchQueryFormStyles".concat((0,i.useId)().replaceAll(":","_")),[es,en]=(0,i.useState)(null),{register:ei}=(0,v.J)();(0,i.useEffect)(()=>{""===j&&O("")},[j]),(0,i.useEffect)(()=>{!l&&(0,m.a4)(z)&&O(z)},[l,z]),(0,i.useEffect)(()=>{R&&setTimeout(()=>{J(!0),setTimeout(()=>{V(!0),U(!0)},5e3)},4e3)},[R]),(0,i.useEffect)(()=>{if(null==P.current)return;let e=new IntersectionObserver(e=>{let[t]=e;t.isIntersecting&&"search"!==G&&K&&$?V(!0):V(!1)},{root:null,threshold:0});return e.observe(P.current),()=>{e.disconnect()}},[$,G,K]),(0,i.useLayoutEffect)(()=>{null!=ee.current&&en(ee.current.clientWidth)},[]);let ea=".".concat(et," {\n --quick-search-initial-button-width: ").concat(null!==es?"".concat((0,m.a8)(es),"rem"):"",";\n }\n ");return(0,i.useEffect)(()=>{x(X,Z)},[X,Z]),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{children:ea}),(0,n.jsxs)(S?"div":"a",{className:(0,k.A)(w,r().container,et,{[r().containerAnimated]:R,[r().containerAnimatedAnimate]:K,[r().buttonContainer]:!S,[r().containerDisabled]:F}),href:(0,q.zY)("search"),onClick:S?void 0:e=>{e.preventDefault(),t(Z)},ref:e=>ei("quickSearchButton",e),children:[(0,n.jsxs)(a.A.Box,{className:(0,k.A)(r().inputContainer,{[r().inputContainerAnimated]:R}),isFullWidth:!0,align:"center",children:[(0,n.jsx)(o.A,{children:(0,n.jsx)(_.A,{className:r().inputFieldLabel,htmlFor:"searchInput",label:D("searchStatic"!==H?"quick.search.text".concat((0,h.Xf)([g.ZX.toptrouwlocaties,g.ZX.opentoptrouwlocatieroute],Y)):"quick.search.input.label.searched")})}),(0,n.jsxs)(a.A.Box,{direction:"row",gap:4,className:r().searchFieldContainer,isFullWidth:!0,children:[(0,m.a4)(B)?(0,n.jsx)(d.Z,{icon:B,iconSize:20}):null,l?(0,n.jsx)(T,{textToType:s,ref:P,inputClassName:r().inputField,className:r().inputFieldContainer,placeholder:D("quick.search.placeholder"),onSubmit:e=>{t(e)},onFocus:()=>null==L?void 0:L(!0),onBlur:()=>null==L?void 0:L(!1),handleOnChange:e=>{null==I||I(e)},editable:S,isDisabled:F,value:Z,id:S?"searchInput":void 0,paused:!Q}):(0,n.jsx)(C.A,{id:"searchInput",ref:X,value:Z,handleOnChange:e=>{null==I||I(e),O(e)},onFocus:()=>null==L?void 0:L(!0),onBlur:()=>null==L?void 0:L(!1),inputClassName:r().inputField,className:r().inputFieldContainer,placeholder:D("quick.search.placeholder"),onSubmit:()=>t(Z),allowNewLineOnEnter:!1,disabled:F})]})]}),(0,n.jsxs)(u.Ay,{as:S?"button":"div",onClick:()=>t(Z),className:(0,k.A)(r().button,{[r().animatedButton]:R}),disabled:""===Z||F||E,ref:ee,children:[E?(0,n.jsx)(A.A,{animate:!0}):(0,n.jsx)(d.Z,{className:r().buttonIcon,icon:c.V.search}),R?(0,n.jsx)("span",{className:r().buttonText,children:D("quick.search.text".concat((0,h.Xf)([g.ZX.toptrouwlocaties,g.ZX.opentoptrouwlocatieroute],Y)))}):(0,n.jsx)(o.A,{children:"Submit"})]})]})]})}},92995:(e,t,s)=>{"use strict";s.d(t,{s:()=>i});var n=s(70900);let i=(e,t,s)=>{(0,n.useEffect)(()=>{let t=setTimeout(()=>e(),s);return()=>clearTimeout(t)},[...t||[],s])}},98538:e=>{e.exports={placeholder:"styles_placeholder__sPzoO"}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.