https://www.chelseafc.com/assets/1.0.0.44675/fbcfca1df1321e52095c.js

1"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[1385],{660:function(e,t,a){var r=a(8);t.A=({contentSelector:e})=>{const[t,a]=(0,r.useState)(0),[n,l]=(0,r.useState)(!1),s=(0,r.useRef)(null),c=(0,r.useRef)(!1),i=(0,r.useCallback)(()=>{const t=document.querySelector(e);if(!t)return;const r=t.getBoundingClientRect(),n=window.innerHeight,s=r.top,i=r.height-n;if(i<=0)return l(!1),void a(0);let o=-s/i*100;o=Math.max(0,Math.min(100,o)),a(o);l(o>0),c.current=!1},[e]),o=(0,r.useCallback)(()=>{c.current||(c.current=!0,s.current&&cancelAnimationFrame(s.current),s.current=requestAnimationFrame(i))},[i]);return(0,r.useEffect)(()=>{const e=setTimeout(()=>{i()},100);return window.addEventListener("scroll",o,{passive:!0}),window.addEventListener("resize",o,{passive:!0}),()=>{clearTimeout(e),window.removeEventListener("scroll",o),window.removeEventListener("resize",o),s.current&&cancelAnimationFrame(s.current)}},[o,i]),{progress:t,isVisible:n}}},662:function(e,t,a){a.r(t);var r=a(8),n=a(255),l=a(241),s=a(660);t.default=({currentArticleTitle:e,currentArticleThumbnail:t,recommendedArticles:a,viewAllNewsLink:c,recommendedLabel:i="Recommended"})=>{const[o,m]=(0,r.useState)(!1),[u,d]=(0,r.useState)(!1),_="article-dropdown",{progress:v}=(0,s.A)({contentSelector:".news-article-page__body"}),w=(0,r.useRef)(!1);(0,r.useEffect)(()=>{var e;const t=()=>{var e;const t=(null!==(e=window.scrollY)&&void 0!==e?e:0)>150;t!==w.current&&(w.current=t,d(t),t||m(!1))},a=(null!==(e=window.scrollY)&&void 0!==e?e:0)>150;return w.current=a,d(a),window.addEventListener("scroll",t,{passive:!0}),()=>{window.removeEventListener("scroll",t)}},[]);const E=(0,r.useCallback)(()=>{m(e=>!e)},[]),h=(0,r.useCallback)(e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),E())},[E]),p=[_];return u&&p.push(`${_}--visible`),o&&p.push(`${_}--expanded`),r.createElement("div",{className:p.join(" ")},r.createElement("div",{className:`${_}__header`,onClick:E,onKeyDown:h,role:"button",tabIndex:0,"aria-expanded":o,"aria-controls":"article-dropdown-content"},r.createElement("div",{className:`${_}__header-thumbnail`},t?r.createElement(n.Ay,{hasTransparentBackground:!0,defaultToSrcSetFallback:!1,image:t,transforms:["q_90","ar_1:1","w_80","c_fill","g_auto"]}):r.createElement("img",{className:`${_}__default-image`,src:"/assets/media/img/chelsea-crest.png",alt:"Chelsea FC Crest"})),r.createElement("div",{className:`${_}__header-content`},r.createElement("span",{className:`${_}__title`},e)),r.createElement("div",{className:`${_}__arrow`},r.createElement(l.A,{reference:"#sprite-chevron-down"}))),r.createElement("div",{className:`${_}__progress`},r.createElement("div",{className:`${_}__progress-fill`,style:{width:`${v}%`}})),r.createElement("div",{id:"article-dropdown-content",className:`${_}__content`,"aria-hidden":!o},r.createElement("div",{className:`${_}__inner`},r.createElement("span",{className:`${_}__label`},i),r.createElement("ul",{className:`${_}__articles-list`},a.map(e=>r.createElement("li",{key:e.id,className:`${_}__article-item`},r.createElement("a",{href:e.url,className:`${_}__article-link`},r.createElement("div",{className:`${_}__article-thumbnail`},e.thumbnail?r.createElement(n.Ay,{hasTransparentBackground:!0,defaultToSrcSetFallback:!1,image:e.thumbnail,transforms:["q_90","ar_1:1","w_80","c_fill","g_auto"]}):r.createElement("img",{className:`${_}__default-image`,src:"/assets/media/img/chelsea-crest.png",alt:"Chelsea FC Crest"})),r.createElement("span",{className:`${_}__article-title`},e.title))))),r.createElement("a",{href:c.url,className:`${_}__view-all`},c.title,r.createElement(l.A,{reference:"#sprite-chelsea-arrow-right"})))))}}}]);