https://www.theenglishgarden.co.uk/component---src-templates-galle…ge-gallery-page-tsx-20815b9d880b776884af.js

1"use strict";(self.webpackChunkthe_english_garden=self.webpackChunkthe_english_garden||[]).push([[185],{1565:function(e,t,l){l.r(t),l.d(t,{Head:function(){return O},default:function(){return D}});var n=l(6540),a=l(8693),r=l(3440),i=l(8276),o=l(483);var s=e=>e.map(e=>{var t,l,n;return{id:(null==e?void 0:e.id)||"",description:(null==e||null===(t=e.description)||void 0===t?void 0:t.description)||"",image:(0,o.Ay)(null==e?void 0:e.image),richText:{raw:(null==e||null===(l=e.richText)||void 0===l?void 0:l.raw)||"",references:(null==e||null===(n=e.richText)||void 0===n?void 0:n.references)||[]}}}),c=l(8515),d=l(1305),u=l(4701);const m={"@context":"http://schema.org","@type":"Article",mainEntityOfPage:{"@type":"WebPage","@id":""},headline:"",thumbnailUrl:"",url:"",image:[],datePublished:"",dateModified:"",inLanguage:"en",articleSection:"",keywords:"",author:[],publisher:u.A.JSON_LD.PUBLISHER,isAccessibleForFree:!1};var p=l(136),v=l(7571),g=l(9992),f=l(3707),h=l(7841),b=l(6754),x=l(3275),E=l(3114);var A=(e,t)=>{var l,n,a,r,i,A,y,N,w,k,L,P,T,C,j,U;if(!e)return{};const I=Array.isArray(e.tags)&&e.tags.some(e=>"string"==typeof(null==e?void 0:e.name)&&e.name.toLowerCase()==="apple news only".toLowerCase());let S=e;var O;I&&(S=Object.assign({},e,{seo:Object.assign({},null!==(O=e.seo)&&void 0!==O?O:{},{noIndex:!0,noFollow:!0})}));const D={id:(null==e?void 0:e.id)||"",contentfulId:(null==e?void 0:e.contentful_id)||"",slug:(null==e?void 0:e.slug)||"",fullUrl:(0,g.Yd)("/"+(null==e||null===(l=e.section)||void 0===l?void 0:l.slug)+"/"+(null==e?void 0:e.slug)),isSponsoredContent:(null==e?void 0:e.sponsoredContent)||!1,isPremium:(0,h.A)(null==e?void 0:e.premium,null==e||null===(n=e.section)||void 0===n?void 0:n.premium,null==e?void 0:e.sponsoredContent),containsAffiliateLinks:(null==e?void 0:e.containsAffiliateLinks)||!1,headline:(0,E.A)((0,x.A)(null==e||null===(a=e.headline)||void 0===a?void 0:a.headline))||"",standfirst:(0,E.A)((0,x.A)(null==e||null===(r=e.standfirst)||void 0===r?void 0:r.standfirst))||"",leadAsset:(0,p.Ay)((null==e||null===(i=e.gallery)||void 0===i||null===(A=i[0])||void 0===A?void 0:A.image)||null),title:(0,x.A)(null==e?void 0:e.title)||"",authors:(0,v.A)((null==e?void 0:e.authors)||[]),contributors:(0,v.A)((null==e?void 0:e.contributors)||[]),publishDate:null!=e&&e.publishDate?e.publishDate+"T09:00:00+00:00":(null==e?void 0:e.createdAt)||"",createdAt:(null==e?void 0:e.createdAt)||"",updatedAt:null!=e&&e.manualUpdatedAt?e.manualUpdatedAt+"T09:00:00+00:00":(null==e?void 0:e.updatedAt)||"",manualUpdatedAt:(null==e?void 0:e.manualUpdatedAt)||"",gallery:s((null==e?void 0:e.gallery)||[]),sectionLink:{id:(null==e||null===(y=e.section)||void 0===y?void 0:y.id)||"",label:(null==e||null===(N=e.section)||void 0===N?void 0:N.sectionName)||"",url:(null==e||null===(w=e.section)||void 0===w?void 0:w.slug)||"",noFollow:!0},tags:null==e||null===(k=e.tags)||void 0===k?void 0:k.map(e=>null==e?void 0:e.name).filter(e=>Boolean(e)),seo:(0,c.A)((null===(L=S)||void 0===L?void 0:L.seo)||null),jsonld:Object.assign({},m),richText:{raw:(null==e||null===(P=e.richText)||void 0===P?void 0:P.raw)||"",references:(null==e||null===(T=e.richText)||void 0===T?void 0:T.references)||[]},sponsorLogo:(0,o.Ay)(null==e||null===(C=e.section)||void 0===C?void 0:C.sponsorLogo),sponsorLink:(null==e||null===(j=e.section)||void 0===j?void 0:j.sponsorLink)||"",sponsorCopy:(null==e||null===(U=e.section)||void 0===U?void 0:U.sponsorCopy)||"",hideSectionSponsor:(null==e?void 0:e.hideSectionSponsor)||!1},_=(0,b.mf)(D);return D.seo.tmg.pagetype="gallery",D.seo=(0,d.A)(D.seo,_),D.jsonld=((e,t)=>{var l,n,a;return Object.assign({},m,{mainEntityOfPage:Object.assign({}

1,m.mainEntityOfPage,{"@id":""+u.A.DOMAIN+e.fullUrl}),headline:(0,x.A)(e.headline.trim()),thumbnailUrl:(null===(l=e.leadAsset)||void 0===l?void 0:l.url)||"",url:""+u.A.DOMAIN+e.fullUrl,image:(0,f.f)(e.leadAsset||null),datePublished:e.publishDate||"",dateModified:e.manualUpdatedAt?e.manualUpdatedAt:e.updatedAt||"",isAccessibleForFree:!(null!=e&&e.isPremium),articleSection:e.sectionLink.url.split("/").filter(e=>Boolean(e)).shift()||"",keywords:(null===(n=e.tags)||void 0===n?void 0:n.join(", "))||"",author:(0,f.F)(e.authors||[]),publisher:Object.assign({},m.publisher,{logo:Object.assign({},null===(a=m.publisher)||void 0===a?void 0:a.logo,{url:""+u.A.DOMAIN+(null==t?void 0:t.url)||"",width:(null==t?void 0:t.width)||0,height:(null==t?void 0:t.height)||0})})})})(D,t||null),D},y=l(9883),N=l(721),w=l(9061),k=l(5277);const L=e=>{let{description:t,caption:l,credit:a,richContent:i}=e;const{0:o,1:s}=(0,n.useState)(!1),{0:c,1:d}=(0,n.useState)(!1),{0:u,1:m}=(0,n.useState)(""),p=(0,n.useRef)(null);return(0,n.useLayoutEffect)(()=>{const e=()=>{setTimeout(()=>{var e;s(((null==p||null===(e=p.current)||void 0===e?void 0:e.offsetHeight)||0)>132)},200)};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}},[]),(0,n.useEffect)(()=>{if(o){m(c?"lg:h-[100%]":"lg:h-[132px]")}else m("lg:max-h-[132px]")},[c,o]),n.createElement(n.Fragment,null,n.createElement("div",{className:"relative break-word"},n.createElement("p",{className:"text-lg overflow-hidden\n            lg:leading-8\n            xs:leading-6\n            "+u+"\n          "},t),n.createElement("div",null,n.createElement(r.A,{content:i,showCapitalFirstLetter:!1})),o&&n.createElement("button",{type:"button",className:"cmc-header-2 items-center mt-4 lg:flex xs:hidden ",onClick:()=>{d(!c)}},n.createElement("span",{className:"text-primary opensans text-xs underline"},c?"Read less":"Read more"),n.createElement("span",{className:"text-primary opensans text-xs inline-block transition-all p-1\n                  "+(c?"":"rotate-180")+"\n              "},"^")),n.createElement("p",{ref:p,className:"text-lg absolute top-0 left-0 opacity-0 z-[-100]\n            lg:leading-8\n            xs:leading-6\n          "},t)),n.createElement("hr",{className:"mt-4 mb-4"}),n.createElement("div",{className:"text-xs opensans text-dark-grey"},(0,k.A)(l,a)))};var P=e=>{let{gallery:t}=e;return n.createElement("div",{className:" flex flex-col md:gap-y-[50px] xs:gap-y-[30px] ","data-content":"cmc-article"},(t||[]).map(e=>n.createElement("div",{className:" flex gap-x-[32px] lg:flex-row xs:flex-col ",key:e.id},n.createElement("div",{className:" lg:basis-2/3  md:mx-0 xs:basis-full xs:-mx-2 xs:mb-5 "},n.createElement(w.A,{image:e.image})),n.createElement("div",{className:"lg:basis-1/3 xs:basis-full"},n.createElement(L,{richContent:e.richText,description:null==e?void 0:e.description,caption:e.image.caption,credit:e.image.credit})))))},T=l(1),C=l(2973),j=l(8760),U=l(4956),I=l(2197),S=l(3556);const O=e=>{var t;let{data:l}=e;const a=(0,o.Ay)(null==l||null===(t=l.contentfulNavigationBar)||void 0===t?void 0:t.logo),r=A(l.contentfulGalleryPageTemplate,a);return n.createElement(N.A,null,n.createElement(T.A,{title:r.title||"",seo:r.seo,jsonld:r.jsonld}),n.createElement(C.A,{dataLayerType:"articleRenderer"}))};var D=e=>{let{data:t}=e;const l=A(t.contentfulGalleryPageTemplate);return(0,n.useEffect)(()=>{U.A.setPianoGalleryPageType(),U.A.setIsPremiumPage(l.isPremium)},[]),n.createElement(i.A,{containsAffiliateLinks:l.containsAffiliateLinks,tags:l.tags},n.createElement("div",{className:"grid grid-cols-12 "},n.createElement("div",{className:" md:col-start-2 md:col-span-10 xs:col-span-12 "},l.isSponsoredContent?n.createElement("div",{className:"mb-2 text-center"},n.createElement("div",{className:" inline-block border-2 border-primary text-primary opensans-bold px-4 xl:text-sm xl:leading-7 lg:text-xs lg:leading-7 md:text-xs md:leading-7 xs:text-xs xs:leading-7 "},"SPONSORED CONTENT")):l.sponsorLink&&l.sponsorLogo&&!l.hideSectionSponsor&&n.createElement(S.A,{contentPage:l}),n.createElement("h1",{className:"cmc-header-1 xl:mb-5 lg:mb-6 md:mb-6 xs:mb-3 text-center "},l.headline),n.createElement("p",{className:"cmc-standfirst xl:mb-7 lg:mb-6 md:mb-6 xs:mb-5 text-center "},l.standfirst),n.createElement(j.A,{authors:l.authors,contributors:l.contributors,classes:"text-center  md:max-w-[75%] md:mx-auto"}),l.manualUpdatedAt?n.createElement("div",{className:"cmc-body-3 text-dark-grey"},n.createElement("div",{className:"flex items-center justify-self-center justify-center"},n.createElement("span",{className:"opensans"},"Updated Date:"),n.createElement("div",{className:"opensans mx-1"}

1,(0,I.A)(l.manualUpdatedAt)))):n.createElement("div",{className:"cmc-body-3 text-dark-grey"},n.createElement("div",{className:"flex items-center justify-self-center justify-center"},n.createElement("span",{className:"opensans"},"Published Date:"),n.createElement("div",{className:"opensans mx-1"},(0,I.A)(l.publishDate)))),n.createElement("hr",{className:" xl:mt-9 lg:mt-5  md:mt-5  xs:mt-5 xs:mb-2"}),n.createElement("div",{className:"flex  xl:mb-9 lg:mb-8 md:mb-6 xs:mb-5 flex-col justify-center items-center "},n.createElement("div",{className:"mb-2 align-middle items-center flex cmc-body-3"},"SHARE THIS GALLERY"),n.createElement(y.A,{contentPage:l}))),n.createElement("div",{className:" md:col-start-2 md:col-span-10 xs:col-span-12 "},n.createElement(r.A,{content:l.richText,showCapitalFirstLetter:!0,sponsored:l.isSponsoredContent}),n.createElement(P,{gallery:l.gallery}))),n.createElement("div",{className:"col-span-12 md:mt-14  xs:mt-7  "},n.createElement(a.Ji,{alias:"onward-journey",allowEmpty:!0,currentPage:""+l.id})))}},2197:function(e,t){t.A=e=>new Date(e).toLocaleDateString("en-GB",{day:"numeric",month:"long",year:"numeric"})},3556:function(e,t,l){l.d(t,{A:function(){return r}});var n=l(6540),a=l(1980);var r=e=>{let{contentPage:t,sectionPage:l}=e;const r=(null==t?void 0:t.sponsorLink)||(null==l?void 0:l.sponsorLink),i=(null==t?void 0:t.sponsorLogo)||(null==l?void 0:l.sponsorLogo),o=(null==t?void 0:t.sponsorCopy)||(null==l?void 0:l.sponsorCopy)||"IN ASSOCIATION WITH";return r&&i?n.createElement("div",{className:"flex gap-1 mb-3 "+(null!=t&&t.sponsorLink?"justify-center":"")},n.createElement("p",{className:"flex items-center"},o," "),n.createElement("a",{href:r,target:"_blank",rel:"sponsored noreferrer","aria-label":"Sponsor Logo"},n.createElement(a.A,{image:i,showCaption:!1,loading:"eager",fetchPriority:"high",style:{maxHeight:"50px"},ratio:"thumbnail-nocrop"}))):null}},3707:function(e,t,l){l.d(t,{F:function(){return r},f:function(){return a}});var n=l(4701);const a=e=>{const t=[];return null!=e&&e.url&&t.push({"@type":"ImageObject",url:""+n.A.DOMAIN+e.url||"",creditText:e.credit||"",alternateName:e.alt||"",description:e.caption||""}),t},r=e=>(null==e?void 0:e.map(e=>{let{name:t,slug:l}=e;return{"@type":"Person",name:t,url:l?n.A.DOMAIN+"/author/"+l+"/":"",itemListElement:[]}}))||[]},4956:function(e,t,l){var n=l(3316);const a=(e,t)=>{var l;(0,n.A)()||((l=window).tp||(l.tp=[]),window.tp.push(["setCustomVariable",e,t]))};t.A={setPianoArticlePageType:()=>{a("page_type","article")},setPianoBuyersGuidePageType:()=>{a("page_type","buyers-guide")},setPianoGalleryPageType:()=>{a("page_type","gallery")},setIsPremiumPage:e=>{a("is_premium",e)}}},7841:function(e,t){const l=e=>null!=e;

1t.A=(e,t,n)=>!n&&(l(e)?e:!l(t)||t)},8760:function(e,t,l){l.d(t,{A:function(){return i}});var n=l(6540);const a=(e,t)=>(null==t?void 0:t.length)>1?e+"s":e,r=(e,t)=>e.length-1!==t&&n.createElement(n.Fragment,null,e.length-2===t&&n.createElement("div",null," and"),e.length-2!==t&&n.createElement("div",null,","));var i=e=>{let{authors:t,contributors:l,classes:i=""}=e;return n.createElement(n.Fragment,null,Boolean(null==t?void 0:t.length)&&n.createElement("div",{className:"cmc-header-5 text-primary "+i},a("Author",t),":",t.map((e,l)=>n.createElement("div",{className:"inline-flex ml-1",key:e.id},e.slug&&""!==(null==e?void 0:e.body.raw)?n.createElement("div",null,n.createElement("a",{href:"/author/"+e.slug+"/"},e.name,e.jobTitle&&" | "+e.jobTitle)):e.sponsorLink?n.createElement("div",null,n.createElement("a",{href:e.sponsorLink,target:"_blank",rel:"sponsored noopener noreferrer"},e.name)):n.createElement("div",null,e.name,e.jobTitle&&" | "+e.jobTitle),r(t,l)))),Boolean(null==l?void 0:l.length)&&n.createElement("div",{className:"cmc-header-5 text-dark-grey "+i},a("Contributor",l),":",l.map((e,t)=>n.createElement("div",{className:"inline-flex ml-1",key:e.id},e.slug&&""!==(null==e?void 0:e.body.raw)?n.createElement("div",null,n.createElement("a",{href:"/author/"+e.slug+"/"},e.name,e.jobTitle&&" | "+e.jobTitle)):e.sponsorLink?n.createElement("div",null,n.createElement("a",{href:e.sponsorLink,target:"_blank",rel:"sponsored noopener noreferrer"},e.name)):n.createElement("div",null,e.name,e.jobTitle&&" | "+e.jobTitle),r(l,t)))))}},9883:function(e,t,l){l.d(t,{A:function(){return y}});var n=l(6540),a=l(590),r=l.n(a),i=l(4155),o=l.n(i),s=l(3505),c=l.n(s),d=l(1758),u=l.n(d),m=l(4701);const p="https://www.twitter.com/intent/tweet",v="https://www.facebook.com/sharer.php",g="http://pinterest.com/pin/create/button",f="https://www.linkedin.com/sharing/share-offsite",h=e=>m.A.DOMAIN+e,b=e=>{const t=encodeURIComponent(h(e.fullUrl));return v+"?u="+t},x=e=>{const t=encodeURIComponent(h(e.fullUrl)),l=encodeURIComponent(e.headline);return p+"?url="+t+"&text="+l},E=e=>{var t;const l=encodeURIComponent(h(e.fullUrl)),n=encodeURIComponent(e.headline),a=encodeURIComponent(h((null===(t=e.leadAsset)||void 0===t?void 0:t.url)||""));return g+"?url="+l+"&description="+n+"&media="+a+"&method=button"},A=e=>{const t=encodeURIComponent(h(e.fullUrl));return f+"?url="+t};var y=e=>{let{contentPage:t}=e;return n.createElement("div",{className:"flex gap-3 cursor-pointer"},n.createElement("a",{href:b(t),target:"_blank",rel:"noreferrer","aria-label":"facebook"},n.createElement(o(),null)),n.createElement("a",{href:x(t),target:"_blank",rel:"noreferrer","aria-label":"twitter"},n.createElement(r(),null)),n.createElement("a",{href:E(t),target:"_blank",rel:"noreferrer","aria-label":"pintereset"},n.createElement(c(),null)),n.createElement("a",{href:A(t),target:"_blank",rel:"noreferrer","aria-label":"linkedin"},n.createElement(u(),null)))}}}]);