https://www.chesterzoo.org/_next/static/chunks/5092.598204d2191a5da0.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5092,1372,1348],{25092:function(e,a,t){"use strict";t.r(a),t.d(a,{Default:function(){return i}});let n={title:"Components/Dual Info",component:t(51372).default,parameters:{layout:"fullscreen",backgrounds:{default:"dark"}}};a.default=n;let i={args:{heading:{heading:"How to make the most of your trip",headingLevel:"h2",headingCategory:{name:"Events",link:{path:"/",title:"Events",target:"_self"}},showTag:!0},text:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Nibh aliquet aliquet egestas consequat nullam fermentum viverra. A platea platea auctor tortor ut erat fringilla enim nulla. Eget etiam condimentum at diam.</p>"},links:[{url:"/",title:"Member Events",theme:"Primary"},{url:"/",title:"Member News",theme:"Secondary"}],eventHeading:"Upcoming members event",event:{name:"Feed the lions",path:"/",listingMetaData:{listingImage:{name:"Vertical Carousel 1",url:"/media/foebsiwr/vertical-carousel-1.jpg",width:1440,height:880,altText:"Card Media Image 1"},synopsis:{markup:"<p>This is the Synopsis for Test Event 3 with a lot more extra text for testing what happens when there is lots and lots of text. Will i behave as I want it too or will it behave oddly? Lets save this and see!</p>"}},eventMetaData:{category:{name:"Event Category Tag"},startDate:"2024-08-21T00:00:00Z",endDate:"2024-08-21T00:00:00Z"}},eventShowViewAllLink:!0,itemHeading:"Members news",showViewAllLink:!0,featuredEventSummary:{events:[{name:"Example article (3)",path:"/news-collection/example-article-3/",category:{name:"Accommodation"},listingMetaData:{listingImage:{url:"/media/zktpzi0v/page-header-dynamic-background.jpg",name:"Page Header Dynamic Background",width:1440,height:845,altText:"Card Media Image 1"},synopsis:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh. Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh.</p>"}}},{name:"Example article (2)",path:"/news-collection/example-article-3/",listingMetaData:{listingImage:{url:"/media/zktpzi0v/page-header-dynamic-background.jpg",name:"Page Header Dynamic Background",width:1440,height:845,altText:"Card Media Image 1"},synopsis:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh. Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh.</p>"}}},{name:"Example article (1)",path:"/news-collection/example-article-3/",listingMetaData:{listingImage:{url:"/media/zktpzi0v/page-header-dynamic-background.jpg",name:"Page Header Dynamic Background",width:1440,height:845,altText:"Card Media Image 1"},synopsis:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh. Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh.</p>"}}}]},featuredNewsSummary:{newsPosts:[{name:"Example article (3)",path:"/news-collection/example-article-3/",category:{name:"Accommodation"},listingMetaData:{listingImage:{url:"/media/zktpzi0v/page-header-dynamic-background.jpg",name:"Page Header Dynamic Background",width:1440,height:845,altText:"Card Media Image 1"},synopsis:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh. Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh.</p>"}}},{name:"Example article (2)",path:"/news-collection/example-article-3/",listingMetaData:{listingImage:{url:"/media/zktpzi0v/page-header-dynamic-background.jpg",name:"Page Header Dynamic Background",width:1440,height:845,altText:"Card Media Image 1"},synopsis:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh. Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh.</p>"}}},{name:"Example article (1)",path:"/news-collection/example-article-3/",listingMetaData:{listingImage:{url:"/media/zktpzi0v/page-header-dynamic-background.jpg",name:"Page Header Dynamic Backgroun

1d",width:1440,height:845,altText:"Card Media Image 1"},synopsis:{markup:"<p>Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh. Lorem ipsum dolor sit amet consectetur. Magna dui enim donec ultricies adipiscing mattis nibh.</p>"}}}]}}}},51372:function(e,a,t){"use strict";t.r(a),t.d(a,{default:function(){return f}});var n=t(57437),i=t(66648),l=t(44839),s=t(71686),r=t(54477),d=t(42057),c=t(83015),o=t(34788),m=t(84050),g=t(93347),u=t(77220),h=t(41348);let p={events:"/events",news:"/news"};function x(e){let{heading:a,linkPath:t,showLink:i}=e;return(0,n.jsxs)("div",{className:"flex flex-col lg:flex-row items-center lg:items-start",children:[(0,n.jsx)("div",{className:"lg:flex-1 lg:pr-10 mb-1 lg:mb-0",children:(null==a?void 0:a.heading)&&(0,n.jsx)(r.Z,{level:null==a?void 0:a.headingLevel,size:"heading-3",children:a.heading})}),i&&(0,n.jsx)("div",{className:"lg:-m-1",children:(0,n.jsx)(s.default,{type:"tertiary/light",text:"View all",link:{href:t,target:"_self"}})})]})}function f(e){var a;let{heading:t,text:f,links:v,event:b,itemHeading:y,showViewAllLink:j,eventShowViewAllLink:k,eventHeading:w,featuredEventSummary:N,featuredNewsSummary:D}=e,M="h3",L=(0,g.D)(t.headingLevel,2);t&&t.headingLevel&&(M=(0,g.D)(t.headingLevel,1));let z={image:b.listingMetaData.listingImage,heading:{heading:w,headingLevel:M},link:{url:"/",title:"View all"},showLink:k,eventDetails:(0,m.$)(b,L)},Z={heading:{heading:y,headingLevel:M},link:{url:"/",title:"View all"},showLink:j,articles:N?N.events:D.newsPosts};return(0,n.jsxs)("section",{className:"dual-info py-16 lg:pt-40 lg:pb-20",children:[(0,n.jsxs)("header",{className:"container text-center text-balance mb-10 lg:mb-16",children:[(null==t?void 0:t.headingCategory)&&t.showTag&&(0,n.jsx)("div",{className:"flex justify-center mb-3 lg:mb-4",children:(0,n.jsx)(c.Z,{name:t.headingCategory.name,link:t.headingCategory.link,target:null===(a=t.headingCategory.link)||void 0===a?void 0:a.target})}),(null==t?void 0:t.heading)&&(0,n.jsx)(r.Z,{level:null==t?void 0:t.headingLevel,size:"heading-2",margin:"mb-3 lg:mb-4",children:t.heading}),f&&f.markup&&(0,n.jsx)("div",{className:"body-base max-w-prose mx-auto",dangerouslySetInnerHTML:{__html:f.markup}})]}),(0,n.jsx)("div",{className:"container",children:(0,n.jsxs)("div",{className:"flex flex-col gap-6 md:flex-row",children:[(0,n.jsx)("div",{className:"flex-1",children:(0,n.jsxs)("article",{className:'dual-info__featured-card relative z-0 flex flex-col justify-between w-full md:h-full px-4 py-6 lg:p-6 xl:p-10 lg:aspect-[69/61] rounded-3xl overflow-hidden before:content-[""] before:absolute before:z-10 before:top-0 before:left-0 before:w-full before:h-full before:bg-gradient-to-b before:from-black/75 before:to-black/0 lg:before:h-[50%] lg:before:from-black/80 lg:before:via-black/60 lg:before:to-black/0',children:[(0,n.jsx)("div",{className:"absolute z-0 inset-0",children:(0,n.jsx)(i.default,{className:"w-full h-full object-cover object-center",src:z.image.url+"?width=750",alt:z.image.altText,width:z.image.width,height:z.image.height})}),z&&(0,n.jsx)("div",{className:"z-10 mb-20 lg:mb-6",children:(0,n.jsx)(x,{heading:z.heading,showLink:z.showLink,linkPath:p.events})}),b&&(0,n.jsx)(d.Z,{dates:z.eventDetails.dates,tag:z.eventDetails.tag,heading:z.eventDetails.heading,summary:z.eventDetails.summary,link:z.eventDetails.link})]})}),(0,n.jsx)("div",{className:"md:flex-1 lg:flex-none lg:w-2/5",children:(0,n.jsxs)("div",{className:(0,l.Z)("h-full p-6 xl:p-10 bg-primary-dark-2 rounded-3xl",!Z.heading.heading&&"xl:py-[60px]"),children:[Z.heading.heading&&(0,n.jsx)("div",{className:"mb-10 lg:mb-6",children:(0,n.jsx)(x,{heading:Z.heading||{},showLink:Z.showLink,linkPath:N?p.events:p.news})}),Z&&Z.articles&&(0,n.jsx)("div",{className:"flex flex-col -m-3",children:Z.articles.map((e,a)=>{var i,l;let s;return e.eventMetaData&&(s={start:{day:(0,o.Z)("day",e.eventMetaData.startDate),month:(0,o.Z)("month",e.eventMetaData.startDate)},end:{day:(0,o.Z)("day",e.eventMetaData.endDate),month:(0,o.Z)("month",e.eventMetaData.endDate)}}),(0,n.jsx)("div",{children:(0,n.jsx)(h.default,{heading:e.name,headingLevel:(0,g.D)(t.headingLevel,2),url:e.path,image:null===(i=e.listingMetaData)||void 0===i?void 0:i.listingImage,dates:s,tag:e.category,summary:null===(l=e.listingMetaData)||void 0===l?void 0:l.synopsis.markup})},"di-article-".concat(a))})})]})})]})}),v&&(0,n.jsx)("div",{className:"flex flex-wrap justify-center gap-3 mt-10 lg:mt-20",children:v.map((e,a)=>{let t="primary";switch(e.theme){case"Secondary":t="secondary/light";break;case"Text":t="custom"}return(0,n.jsx)("div",{children:(0,n.jsx)(s.default,{type:t,text:e.title,link:{href:(0,u.n)(e),target:null==e?void 0:e.target}})},"di-btn-".concat(a))})})]})}},41348:function(e,a,t){"use strict";t.r(a),t.d(a,{default:function(){return d}});var n=t(57437),i=t(87138),l=t(54477),s=t(34833),r=t(66648);function d(e){let{heading:a,headingLevel:t,url:d,image:c,dates:o,tag:m,summary:g}=e,u=(null==o?void 0:o.start.day)!==(null==o?void 0:o.end.day)&&(null==o?void 0:o.start.month)!==(null==o?void 0:o.end.month);return(0,n.jsx)("article",{children:(0,n.jsxs)(i.default,{href:d,className:"flex gap-6 xl:gap-6 p-3 hover:bg-brand-nt-4 rounded-xl transition",children:[(0,n.jsxs)("div",{className:"w-[140px]",children:[o&&(0,n.jsx)("div",{className:"aspect-square flex flex-col items-center justify-center bg-brand-nt-3 rounded-xl p-3 text-brand-nt-4 text-xl font-czoo-sharp-grotesk leading-5 xl:text-2xl",children:(0,n.jsxs)("p",{className:"flex flex-col items-center justify-center",children:[!u&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"font-bold text-[80px] leading-none",children:o.start.day}),(0,n.jsx)("span",{className:"block leading-none",children:o.end.month})]}),u&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"font-bold text-3xl leading-none",children:"".concat(o.start.day," ").concat(o.start.month.slice(0,3))}),(0,n.jsx)("span",{className:"w-10 border-t-[3px] border-brand-nt-4 my-1"}),(0,n.jsx)("span",{className:"font-bold text-3xl leading-none",children:"".concat(o.end.day," ").concat(o.end.month.slice(0,3))})]})]})}

1),!o&&c&&(0,n.jsx)(r.default,{src:c.url+"?width=280",alt:c.altText,width:c.width,height:c.height,className:"rounded-xl aspect-[140/150] object-cover lg:h-auto lg:aspect-square"})]}),(0,n.jsxs)("div",{className:"flex-1 flex flex-col gap-3 justify-center",children:[m&&(0,n.jsx)("div",{className:"w-fit",children:(0,n.jsx)(s.Z,{name:m.name,type:"secondary"})}),(0,n.jsx)(l.Z,{level:t,size:"heading-6",children:a}),g&&(0,n.jsx)("div",{className:"sr-only md:not-sr-only body-sm",children:(0,n.jsx)("div",{className:"line-clamp-2 text-ellipsis overflow-hidden",dangerouslySetInnerHTML:{__html:g}})})]})]})})}},42057:function(e,a,t){"use strict";t.d(a,{Z:function(){return d}});var n=t(57437),i=t(44839),l=t(71686),s=t(34833),r=t(54477);function d(e){let{dates:a,tag:t,heading:d,summary:c,link:o}=e,m=(null==a?void 0:a.start.day)!==(null==a?void 0:a.end.day)&&(null==a?void 0:a.start.month)!==(null==a?void 0:a.end.month);return(0,n.jsxs)("div",{className:"card-event z-10 flex gap-3 p-3 lg:p-6 lg:gap-6 text-primary-dark-1 bg-primary-light rounded-3xl",children:[(0,n.jsx)("div",{className:"w-fit",children:(0,n.jsx)("div",{className:(0,i.Z)("card-event__date flex flex-col items-center justify-center w-[93px] h-[93px] p-3 font-czoo-sharp-grotesk text-lg leading-5 text-brand-nt-4 bg-brand-nt-3 rounded-xl",t&&"mt-[27px]"),children:(0,n.jsxs)("p",{className:"flex flex-col items-center justify-center",children:[!m&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"card-event__day text-5xl font-bold leading-none",children:a.start.day}),(0,n.jsx)("span",{className:"block leading-none",children:a.start.month})]}),m&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"card-event__start-date text-xl font-bold leading-none",children:"".concat(a.start.day," ").concat(a.start.month.slice(0,3))}),(0,n.jsx)("span",{className:"card-event__divider w-10 my-1 border-t-[3px] border-brand-nt-4"}),(0,n.jsx)("span",{className:"card-event__end-date text-xl font-bold leading-none",children:"".concat(a.end.day," ").concat(a.end.month.slice(0,3))})]})]})})}),(0,n.jsxs)("div",{className:"flex-1 lg:flex lg:flex-col lg:justify-center",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-1",children:[t&&t.name&&(0,n.jsx)("div",{className:"w-fit",children:(0,n.jsx)(s.Z,{name:t.name})}),d&&d.heading&&(0,n.jsx)(r.Z,{level:d.headingLevel,size:"heading-3",children:d.heading}),(0,n.jsx)("div",{className:"body-xs mt-1 lg:mt-2",children:(0,n.jsx)("div",{className:"line-clamp-2 text-ellipsis overflow-hidden",dangerouslySetInnerHTML:{__html:c}})})]}),o&&(0,n.jsx)("div",{className:"w-fit mt-3 lg:mt-6",children:(0,n.jsx)(l.default,{type:"secondary",text:o.text||"Discover more",link:{href:o.path}})})]})]})}t(73904)},34833:function(e,a,t){"use strict";t.d(a,{Z:function(){return i}});var n=t(57437);function i(e){let{type:a="primary",name:t}=e;return(0,n.jsx)("div",{className:"category-tag category-tag--".concat(a," relative flex items-center py-[2px] px-1 rounded"),children:(0,n.jsx)("span",{className:"category-tag-text font-czoo-sharp-grotesk text-sm leading-[0.875rem] uppercase tracking-wider",children:t})})}t(25592)},83015:function(e,a,t){"use strict";t.d(a,{Z:function(){return r}});var n=t(57437),i=t(87138),l=t(44839),s=t(77220);function r(e){let{name:a,link:t,target:r="_self"}=e,d=(0,l.Z)("parent-tag relative flex items-center py-1",t&&"pl-6 pr-2",!t&&"px-2","rounded transition-colors focus:outline focus:outline-1 focus:outline-offset-2");return(0,n.jsx)(n.Fragment,{children:t?(0,n.jsxs)(i.default,{className:d,href:(0,s.n)(t),target:r,children:[(0,n.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,n.jsx)("span",{className:"parent-tag-text font-czoo-sharp-grotesk text-base leading-4 uppercase tracking-wider",children:a})]}):(0,n.jsx)("div",{className:d,children:(0,n.jsx)("span",{className:"parent-tag-text font-czoo-sharp-grotesk text-base leading-4 uppercase tracking-wider",children:a})})})}t(99033)},34788:function(e,a,t){"use strict";

1function n(e,a,t){return(t?a:new Date(a)).toLocaleString("default",{[e]:"day"===e?"numeric":"long"})}t.d(a,{Z:function(){return n}})},84050:function(e,a,t){"use strict";t.d(a,{$:function(){return i}});var n=t(34788);function i(e,a){return{dates:{start:{day:(0,n.Z)("day",e.eventMetaData.startDate),month:(0,n.Z)("month",e.eventMetaData.startDate)},end:{day:(0,n.Z)("day",e.eventMetaData.endDate),month:(0,n.Z)("month",e.eventMetaData.endDate)}},tag:e.eventMetaData.category,heading:{heading:e.name,headingLevel:a},summary:e.listingMetaData.synopsis.markup,link:{path:e.path}}}},93347:function(e,a,t){"use strict";function n(e,a){return"h".concat(parseInt(e.split("h")[1])+a)}t.d(a,{D:function(){return n}})},73904:function(){},25592:function(){},99033:function(){}}]);