"use strict";(self.webpackChunkOne=self.webpackChunkOne||[]).push([["8950"],{20420:function(e,t,n){n.d(t,{s:()=>p});var i=n(85893),s=n(67294),r=n(81722),o=n(63387),l=n.n(o),a=n(96761);let d=["2g","slow-2g","3g"],c=()=>navigator&&(navigator.connection||navigator.mozConnection||navigator.webkitConnection),u=()=>{let[e,t]=(0,s.useState)(void 0);return(0,s.useEffect)(()=>{t(c())},[]),(0,s.useEffect)(()=>{if(!e)return()=>{};let n=()=>t(c());return e?.addEventListener?.("change",n,{passive:!0}),()=>{e?.removeEventListener?.("change",n)}},[e,t]),(0,s.useMemo)(()=>({effectiveType:e?.effectiveType??"unknown"}),[e?.effectiveType])};var m=n(36658),v=n(39363);let p=(0,r.$j)(({app:e,page:t})=>({threshold:e.threshold??v.TP,isBrowserEngine:e.isBrowserEngine,isEditMode:t.data?.mode==="EDIT"}),null,null,{forwardRef:!0})(({autoPlay:e=!0,src:t,alt:n,video:r,isBrowserEngine:o,threshold:c,disableLazyLoaded:p=!1,isEditMode:f,sizes:h=["100vw","100vw","1280px"],onVideoEnded:g,onVideoStarted:x,endSrc:b})=>{let[w,y]=(0,s.useState)(!1),[j,C]=(0,s.useState)(!0),[_,E]=(0,s.useState)(!1),k=(0,s.useRef)(null),{ref:N,isVisible:V}=(0,m.Z)({role:"animation",stayVisible:!1}),M=u(),I=(0,s.useCallback)(()=>{y(!0),g?.()},[g]);(0,s.useEffect)(()=>{let e=k.current;j&&e&&(V?e?.play().catch(e=>{"NotAllowedError"===e.name&&C(!1)}):e?.pause())},[V,j,x,M]),(0,s.useEffect)(()=>{E(!1),y(!1)},[r?.mobile]);let{desktop:S,tablet:R,mobile:O}=r||{},T=O;c===v.ln&&S?T=S:c===v.M2&&R&&(T=R);let z=(0,s.useMemo)(()=>d.includes(M.effectiveType),[M.effectiveType]),W=!T&&!b?.small||T,$=T&&o&&V&&!w&&j&&!z,L=b?.small&&(!T||_)&&!z,A=L?b:t;return t?(0,i.jsxs)("div",{className:l()("ImageWithVideo",{"is-editMode":f}),ref:N,children:[(W||L)&&(0,i.jsx)("div",{className:"ImageWithVideo__picture",children:(0,i.jsx)(a.E,{src:A||{},alt:n,width:"100%",height:"100%",disableLazyLoaded:p,sizes:h})}),$&&(0,i.jsx)("video",{ref:k,className:"ImageWithVideo__video",autoPlay:e,onEnded:I,loop:!b?.small,muted:!0,src:T,playsInline:!0,onPlaying:()=>{E(!0),x?.()}},T)]}):null})},98566:function(e,t,n){n.r(t),n.d(t,{default:()=>u});var i=n(85893),s=n(63387),r=n.n(s),o=n(57581),l=n(20420),a=n(95650);let d={center:"is-center",right:"is-right"},c={small:"is-small",medium:"is-medium",large:"is-large"},u=({src:e,imageMedium:t,imageLarge:n,title:s="",titleSuffix:u="",bodyCopy:m="",alignment:v="center",displayMode:p="small",strapline:f="",overlay:h,editContext:g,className:x,notGenerateH:b=!1,videoMedium:w,videoLarge:y})=>{let j={large:n,medium:t,small:e},C={large:{desktop:y?.desktop,mobile:y?.mobile},medium:{desktop:w?.desktop,tablet:w?.tablet,mobile:w?.mobile},small:void 0},_=j[p]?.small;return(0,i.jsxs)("div",{className:r()("Component23v0",x,d[v],c[p],{"is-overlayed":h,"has-asset":_,"is-edit-mode":(0,a.w)(g)}),children:[(0,i.jsxs)("div",{className:"Component23v0__wrapper",children:[_&&(0,i.jsx)("div",{className:"Component23v0__assetWrapper",children:(0,i.jsx)(l.s,{src:j[p],alt:s||"",video:C[p],sizes:"100vw",disableLazyLoaded:!b})}),(s||m||f)&&(0,i.jsxs)("div",{className:"Component23v0__content",children:[(0,i.jsxs)("div",{className:"Component23v0__heading",children:[f&&(0,i.jsx)("p",{className:"Component23v0__strapline",children:f}),s&&(0,i.jsxs)(b?"div":"h1",{className:"Component23v0__title",children:[s,u&&(0,i.jsxs)("span",{className:"Component23v0__titleSuffix",children:[" ",u]})]})]}),m&&(0,i.jsx)("div",{className:"Component23v0__body",children:(0,i.jsx)(o.b,{content:m})})]})]}),(0,i.jsx)(a.Cq,{editContext:g})]})}},25:function(e,t,n){n.r(t),n.d(t,{default:()=>l});var i=n(85893),s=n(95650),r=n(99963);let o={"one/components/edito/component23v0":n(98566).default},l=({editContext:e,...t})=>(0,i.jsxs)("div",{className:"PageTitle",children:[(0,r.Wo)(t,o),(0,i.jsx)(s.Cq,{editContext:e})]})},36658:function(e,t,n){n.d(t,{Z:()=>o});var i=n(18911),s=n(39363);let r=e=>{let t="undefined"!=typeof window&&s.j$[s.ln]&&window.innerWidth>=s.j$[s.ln],{role:n,options:i={},stayVisible:r=!0}=e;return"lazyload"===n?i.rootMargin=`0px -10px ${t?"200px":"30px"} 0px`:"animation"===n?i.rootMargin=`0px -10px ${t?"-140px":"-100px"} 0px`:"technical"===n&&(i.rootMargin="0px -10px 0px 0px"),{...i,triggerOnce:r}},o=e=>{let{ref:t,inView:n=!1,entry:s}=(0,i.YD)(r(e));return{ref:t,isVisible:n,entry:s}}},18911:function(e,t,n){n.d(t,{YD:()=>c});var i=n(67294),s=Object.defineProperty,r=(e,t,n)=>t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,o=new Map,l=new WeakMap,a=0,d=void 0;function c({threshold:e,delay:t,trackVisibility:n,rootMargin:s,root:r,triggerOnce:u,skip:m,initialInView:v,fallbackInView:p,onChange:f}={}){var h;let[g,x]=i.useState(null),b=i.useRef(f),[w,y]=i.useState({inView:!!v,entry:void 0});b.current=f,i.useEffect(()=>{let i;if(!m&&g)return i=function(e,t,n={},i=d){if(void 0===window.IntersectionObserver&&void 0!==i){let s=e.getBoundingClientRect();return t(i,{isIntersecting:i,target:e,intersectionRatio:"number"==typeof n.threshold?n.threshold:0,time:0,boundingClientRect:s,intersectionRect:s,rootBounds:s}),()=>{}}let{id:s,observer:r,elements:c}=function(e){let t=Object.keys(e).sort().filter(t=>void 0!==e[t]).map(t=>{var n;return`${t}_${"root"===t?(n=e.root)?(l.has(n)||(a+=1,l.set(n,a.toString())),l.get(n)):"0":e[t]}`}).toString(),n=o.get(t);if(!n){let i;let s=new Map,r=new IntersectionObserver(t=>{t.forEach(t=>{var n;let r=t.isIntersecting&&i.some(e=>t.intersectionRatio>=e);e.trackVisibility&&void 0===t.isVisible&&(t.isVisible=r),null==(n=s.get(t.target))||n.forEach(e=>{e(r,t)})})},e);i=r.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),n={id:t,observer:r,elements:s},o.set(t,n)}return n}(n),u=c.get(e)||[];return c.has(e)||c.set(e,u),u.push(t),r.observe(e),function(){u.splice(u.indexOf(t),1),0===u.length&&(c.delete(e),r.unobserve(e)),0===c.size&&(r.disconnect(),o.delete(s))}}(g,(e,t)=>{y({inView:e,entry:t}),b.current&&b.current(e,t),t.isIntersecting&&u&&i&&(i(),i=void 0)},{root:r,rootMargin:s,threshold:e,trackVisibility:n,delay:t},p),()=>{i&&i()}},[Array.isArray(e)?e.toString():e,g,r,s,u,m,n,p,t]);let j=null==(h=w.entry)?void 0:h.target,C=i.useRef(void 0);g||!j||u||m||C.current===j||(C.current=j,y({inView:!!v,entry:void 0}));let _=[x,w.inView,w.entry];return _.ref=_[0],_.inView=_[1],_.entry=_[2],_}i.Component}}]);