https://www.chesterzoo.org/_next/static/chunks/4875.33bb26b9f650c99c.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4875,8053,3559,8287,6753],{8053:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return i}});var a=r(57437),l=r(16463),n=r(2265),s=r(44839),c=r(71686),o=r(22375);function i(e){let{collectionFilterParams:t,searchFilters:r={categories:[]}}=e,i=(0,l.useSearchParams)(),{replace:u}=(0,l.useRouter)(),[d,m]=(0,n.useState)(new URLSearchParams(i)),[g,p]=(0,n.useState)({categoryNames:{},searchQuery:t.searchQuery||"",page:t.page||1}),h=()=>{d.delete("categoryNames"),d.delete("searchQuery"),m(d),p({categoryNames:{},searchQuery:"",page:1}),u("?".concat(d.toString()))},x=e=>{p({...g,[e.target.name]:e.target.value})},f=e=>{e.preventDefault();let t={...g.categoryNames,[e.target.name]:e.target.value};p({...g,categoryNames:t});let r=Object.values(t).filter(e=>""!==e);r.length>0?d.set("categoryNames",r.join()):d.delete("categoryNames"),m(d),u("?".concat(d.toString()))},y=e=>{e.preventDefault(),g.searchQuery&&""!==g.searchQuery?d.set("searchQuery",g.searchQuery):d.delete("searchQuery"),m(d),u("?".concat(d.toString()))};return(0,a.jsx)("form",{className:"max-w-72 md:max-w-none mx-auto",method:"POST",onSubmit:e=>y(e),children:(0,a.jsxs)("div",{className:(0,s.Z)("grid gap-3 md:gap-4 md:items-center",r.categories.length>1?"md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-10":"md:grid-cols-4 lg:grid-cols-3 xl:grid-cols-12"),children:[r.categories.map((e,t)=>(0,a.jsx)("div",{className:(0,s.Z)(r.categories.length>1?"xl:col-span-2":"xl:col-span-4"),children:(0,a.jsxs)("select",{className:"collection-filters-select w-full h-11 py-2 pl-4 text-sm leading-4 pr-11 text-ellipsis whitespace-nowrap bg-primary-light/10 bg-[top_10px_right_10px] bg-no-repeat bg-[length:24px] border border-primary-light/15 outline-none rounded cursor-pointer transition-colors appearance-none hover:border-primary-light/60 focus:border-primary-light/60",name:e.name,value:g.categoryNames&&g.categoryNames[e.name]?g.categoryNames[e.name]:"",onChange:e=>f(e),children:[(0,a.jsx)("option",{className:"text-primary-light bg-primary-dark",value:"",children:e.name}),e.subcategories.map((e,t)=>(0,a.jsx)("option",{className:"text-primary-light bg-primary-dark",value:e.name,children:e.name},t))]})},t)),(0,a.jsxs)("div",{className:(0,s.Z)("relative",0===r.categories.length&&"md:col-span-2 md:col-start-2 lg:col-span-1 lg:col-start-2 xl:col-span-4 xl:col-start-5",1===r.categories.length&&"xl:col-span-4",2===r.categories.length&&"xl:col-span-4",3===r.categories.length&&"md:col-span-2 lg:col-span-1 xl:col-span-2",4===r.categories.length&&"lg:col-span-3 xl:col-span-2"),children:[(0,a.jsx)("input",{className:"w-full h-11 py-1 px-4 text-sm leading-4 text-primary-light bg-primary-light/10 border border-primary-light/15 rounded transition-colors outline-none hover:border-primary-light/60 focus:border-primary-light/60 placeholder:text-primary-light",name:"searchQuery",placeholder:"Search here",value:g.searchQuery||"",onChange:e=>x(e)}),(0,a.jsx)("div",{className:"absolute top-1/2 right-0 -translate-y-1/2",children:(0,a.jsx)("button",{className:"flex items-center justify-center w-11 h-11",type:"submit","aria-label":"Submit filters",children:(0,a.jsx)(o.Z,{name:"search",color:"rgb(var(--color-primary-light))",size:24})})})]}),r.categories.length>0&&(0,a.jsx)("div",{className:(0,s.Z)("flex items-center justify-center md:h-11",2===r.categories.length&&"md:col-start-2 md:justify-center lg:col-start-auto lg:justify-end",3===r.categories.length&&"md:col-start-auto lg:col-span-2 lg:col-start-2 lg:justify-center",4===r.categories.length&&"md:col-span-1 md:justify-end",r.categories.length>1?"xl:col-span-2 xl:col-end-11":"xl:col-span-4 xl:col-end-13"),children:(0,a.jsx)(c.default,{type:"tertiary/light",text:"Clear all filters",handleClick:()=>h()})})]})})}r(23559)},54875:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return p}});var a=r(57437),l=r(66648),n=r(44839),s=r(8053),c=r(76753),o=r(71686),i=r(54477),u=r(83015),d=r(35348),m=r(77220);r(8287);var g=r(82441);function p(e){var t;let{tags:r,showTag:p,heading:h,text:x,subText:f,backgroundImage:y,video:v,links:b,showGradient:j=!0,collection:N}=e,w=(null==y?void 0:y.focalPoint)?(0,g.Z)(y.focalPoint):"center";return(0,a.jsxs)("section",{className:"page-header page-header-collection relative",children:[(0,a.jsxs)("div",{className:(0,n.Z)('page-header__media absolute inset-0 flex after:content-[""] after:absolute after:inset-0 after:bg-cover after:bg-ce

1nter',j&&"has-gradient"),children:[v&&(0,d.H)(v)&&(0,a.jsx)(c.default,{className:"w-full h-full object-cover object-center",src:v,poster:(null==y?void 0:y.url)&&y.url,preload:"auto",autoPlay:!0,loop:!0,muted:!0,playsInline:!0}),((null==y?void 0:y.url)&&!v||(null==y?void 0:y.url)&&v&&!(0,d.H)(v))&&(0,a.jsx)(l.default,{className:"w-full h-full object-cover lg:!object-center",src:y.url+"?width=1920",alt:y.name,width:y.width,height:y.height,priority:!0,style:{objectPosition:w}})]}),(0,a.jsx)("div",{className:(0,n.Z)("relative flex flex-col grow justify-end pt-36 lg:pt-40",((null==y?void 0:y.url)||v)&&"min-h-[640px] md:min-h-[1024px] lg:min-h-[850px]",!(null==y?void 0:y.url)&&!v&&"min-h-[365px] md:min-h-[410px] lg:min-h-[620px]"),children:(0,a.jsxs)("div",{className:"container",children:[p&&r&&r.length>0&&(0,a.jsx)("div",{className:"flex justify-center mb-2 md:mb-4",children:(0,a.jsx)(u.Z,{name:r[0].name,link:r[0].link,target:null===(t=r[0])||void 0===t?void 0:t.target})}),h&&(0,a.jsx)(i.Z,{className:"leading-none text-center",level:"h1",size:"heading-fluid",transform:"uppercase",margin:"mb-3 md:mb-6 xl:mb-4",children:h}),x&&(0,a.jsx)("div",{className:"body-lg text-center max-w-xl mx-auto",dangerouslySetInnerHTML:{__html:x.markup}}),b&&b.length>0&&(0,a.jsx)("div",{className:"flex justify-center gap-x-3 pt-4 md:pt-6",children:b.map((e,t)=>{var r;return(0,a.jsx)(o.default,{type:(null==e?void 0:null===(r=e.theme)||void 0===r?void 0:r.toLowerCase())==="primary"?"primary/light":"secondary/light",text:(null==e?void 0:e.text)||e.title,link:{href:(0,m.n)(e),target:e.target}},t)})}),f&&(0,a.jsx)("div",{className:"body-sm text-center max-w-xl pt-3 lg:pt-6 mx-auto",dangerouslySetInnerHTML:{__html:f.markup}}),(0,a.jsx)("div",{className:"py-10 lg:pt-16 border-b border-primary-light/15",children:(0,a.jsx)(s.default,{collectionFilterParams:N.searchParams,searchFilters:N.searchFilters})})]})})]})}},76753:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return c}});var a=r(57437),l=r(2265);let n=e=>{try{let t=new URL(e);if(t.href.includes("youtube.com/embed")||t.host.includes("player.vimeo.com"))return!0;return!1}catch(e){return!1}},s=e=>Object.entries(e).reduce((e,t)=>{let[r,a]=t,l="".concat(r,"=").concat(a);return""===e?l:e+"&"+l},"");var c=(0,l.forwardRef)(function(e,t){let{src:r,className:l,poster:c,preload:o,autoPlay:i,controls:u,playsInline:d,title:m,muted:g,loop:p}=e;if(!r)return null;if(n(r)){let e=(r.includes("?")?"&":"?")+s({"amp;autoplay":i?1:0,mute:g?1:0,loop:p?1:0});return(0,a.jsx)("iframe",{className:l,src:r+e,title:m,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share",referrerPolicy:"strict-origin-when-cross-origin",allowFullScreen:!0})}return(0,a.jsx)("video",{ref:t,className:l,src:r,poster:c,preload:o,autoPlay:i,loop:p,muted:g,controls:u,playsInline:d})})},83015:function(e,t,r){"use strict";r.d(t,{Z:function(){return c}});var a=r(57437),l=r(87138),n=r(44839),s=r(77220);function c(e){let{name:t,link:r,target:c="_self"}=e,o=(0,n.Z)("parent-tag relative flex items-center py-1",r&&"pl-6 pr-2",!r&&"px-2","rounded transition-colors focus:outline focus:outline-1 focus:outline-offset-2");return(0,a.jsx)(a.Fragment,{children:r?(0,a.jsxs)(l.default,{className:o,href:(0,s.n)(r),target:c,children:[(0,a.jsx)("span",{className:"parent-tag-icon absolute top-1/2 left-2 w-[11px] h-3 bg-center bg-cover bg-no-repeat -translate-y-2/4"}),(0,a.jsx)("span",{className:"parent-tag-text font-czoo-sharp-grotesk text-base leading-4 uppercase tracking-wider",children:t})]}):(0,a.jsx)("div",{className:o,children:(0,a.jsx)("span",{className:"parent-tag-text font-czoo-sharp-grotesk text-base leading-4 uppercase tracking-wider",children:t})})})}r(99033)},82441:function(e,t,r){"use strict";function a(e){let{left:t,top:r}=e,a="".concat((100*t).toFixed(2),"%"),l="".concat((100*r).toFixed(2),"%");return"".concat(a," ").concat(l)}r.d(t,{Z:function(){return a}})},35348:function(e,t,r){"use strict";r.d(t,{H:function(){return a}});let a=e=>{let t;try{t=new URL(e)}catch(e){return!1}return"http:"===t.protocol||"https:"===t.protocol}},23559:function(){},8287:function(){},99033:function(){}}]);