@times-components/article-magazine-standard 3.74.11-alpha.11 → 3.74.11-alpha.13

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.74.20](https://github.com/newsuk/times-components/compare/@times-components/article-magazine-standard@3.74.19...@times-components/article-magazine-standard@3.74.20) (2023-11-30)
+
+**Note:** Version bump only for package @times-components/article-magazine-standard
+
+
+
+
+
 ## [3.74.19](https://github.com/newsuk/times-components/compare/@times-components/article-magazine-standard@3.74.18...@times-components/article-magazine-standard@3.74.19) (2023-11-29)
 
 **Note:** Version bump only for package @times-components/article-magazine-standard

package/dist/article-magazine-standard.js

@@ -52,8 +52,9 @@ class ArticlePage extends _react.Component {
 
     if (sidebarNode) {
       const rect = sidebarNode.getBoundingClientRect();
+      const stickyNavigationHeight = 40;
       this.setState({
-        initialPosition: rect.top
+        initialPosition: rect.top - stickyNavigationHeight
       });
     }
   }
@@ -83,16 +84,17 @@ class ArticlePage extends _react.Component {
       }
 
       const initialPosition = this.state.initialPosition;
+      const stickyNavigationHeight = 40;
 
       if (isAdIntersecting || isRelatedArticlesIntersecting) {
         sidebarNode.style.transition = "opacity 0.5s ease";
         sidebarNode.style.opacity = "0";
       } else {
-        const isScrolled = rect.top <= 0 && window.scrollY > initialPosition;
+        const isScrolled = rect.top <= stickyNavigationHeight && window.scrollY > initialPosition;
         sidebarNode.style.transition = "opacity 0.5s ease";
         sidebarNode.style.opacity = "1";
         sidebarNode.style.position = isScrolled ? "fixed" : "absolute";
-        sidebarNode.style.top = isScrolled ? "0" : "100%";
+        sidebarNode.style.top = isScrolled ? "".concat(stickyNavigationHeight, "px") : "100%";
       }
     }
   }

package/dist/styles/responsive.js

@@ -76,6 +76,6 @@ exports.LeadAsset = LeadAsset;
 const PuzzlesSidebar = _styledComponents.default.div.withConfig({
   displayName: "responsive__PuzzlesSidebar",
   componentId: "iv7rgu-10"
-})(["padding-left:", ";position:absolute;right:0;z-index:1;top:100%;display:none;@media (min-width:", "px){display:block;width:19.8333%;padding-right:", ";}@media (min-width:", "px){display:block;width:17.8333%;padding-right:", ";}"], (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(8), _tsStyleguide.breakpoints.huge, (0, _tsStyleguide.spacing)(15));
+})(["padding-left:", ";position:absolute;right:0;z-index:1;top:100%;display:none;@media (min-width:", "px){display:block;width:19.8333%;padding-right:", ";}@media (min-width:", "px){display:block;width:18.8333%;padding-right:", ";}"], (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(8), _tsStyleguide.breakpoints.huge, (0, _tsStyleguide.spacing)(10));
 
 exports.PuzzlesSidebar = PuzzlesSidebar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-magazine-standard",
-  "version": "3.74.11-alpha.11+1283d94300",
+  "version": "3.74.11-alpha.13+64a72c664f",
   "description": "Magazine Standard Article Template",
   "main": "dist/article-magazine-standard",
   "dev": "src/article-magazine-standard",
@@ -57,7 +57,7 @@
     "@times-components/article-byline": "^3.13.15",
     "@times-components/article-label": "^2.16.1",
     "@times-components/article-lead-asset": "^1.17.4",
-    "@times-components/article-skeleton": "^1.116.3",
+    "@times-components/article-skeleton": "^1.115.11-alpha.13+64a72c664f",
     "@times-components/caption": "^3.8.15",
     "@times-components/context": "^1.10.37",
     "@times-components/date-publication": "^0.28.1",
@@ -82,5 +82,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1283d9430071819d8753375ac084349737a59563"
+  "gitHead": "64a72c664f4b36d804896462116577b26b89dffe"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=16)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t){e.exports=require("@times-components/ts-newskit/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("newskit")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t,n){"use strict";n.r(t);var i=n(1),r=n.n(i),o=n(10),a=n.n(o),s=n(3),c=n(7),l=n(11),p=n(12),d=n(5),m=n.n(d),u=n(8),g=n(0),b=n(13),f=n.n(b),h=n(14),w=n.n(h),y=n(2),O=n.n(y);O.a.bool,O.a.string;function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function v(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){x(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function x(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{articleHeadline:v(v({},Object(g.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:g.colours.functional.brandColour,marginBottom:Object(g.spacing)(2),textAlign:"center"}),container:{alignItems:"center",marginBottom:Object(g.spacing)(5),paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2),paddingTop:Object(g.spacing)(7)},datePublication:v(v({},Object(g.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:g.colours.functional.secondary,marginTop:Object(g.spacing)(3)}),datePublicationTablet:{marginTop:"auto"},label:{marginBottom:Object(g.spacing)(2)},leadAssetContainer:{marginBottom:Object(g.spacing)(4)},leadAssetContainerTablet:{paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2)},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center"},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},metaTablet:{paddingTop:Object(g.spacing)(1)},separator:{borderRightColor:g.colours.functional.keyline,borderRightWidth:1,height:Object(g.spacing)(3),marginLeft:Object(g.spacing)(2),marginRight:Object(g.spacing)(2)},standFirst:v(v({},Object(g.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:g.colours.functional.primary,marginBottom:Object(g.spacing)(3),paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2),textAlign:"center"})});const T=e=>{let t=e.isVideo,n=e.label;if(!t&&!n)return null;const i=t?w.a:f.a;return r.a.createElement(m.a.Consumer,null,e=>{let t=e.theme.sectionColour;return r.a.createElement(s.TcView,{style:k.label},r.a.createElement(i,{color:t||g.colours.section.default,title:n}))})};T.defaultProps={isVideo:!1,label:null};var S=T,_=n(9),E=n(15),z=n.n(E);O.a.arrayOf(O.a.shape({})).isRequired,O.a.string.isRequired,O.a.string.isRequired;var R=n(4),D=n.n(R),I=n(6),F=n.n(I);const q=D()(s.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"iv7rgu-0"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,Object(g.spacing)(3),g.breakpoints.medium),N=D()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"iv7rgu-1"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(g.spacing)(1),Object(g.spacing)(3),g.breakpoints.medium),L=D()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"iv7rgu-2"})(["order:2;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide),H=D.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"iv7rgu-3"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;"," @media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],e=>e.styles&&e.styles,g.breakpoints.medium,g.fontSizes.articleHeadline,Object(g.spacing)(1)),V=(D()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"iv7rgu-4"})(["@media (min-width:","px){margin-top:0px;}"],g.breakpoints.wide),D()(s.TcView).withConfig({displayName:"responsive__Meta",componentId:"iv7rgu-5"})(["max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],g.breakpoints.medium)),B=D()(s.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"iv7rgu-6"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],g.breakpoints.medium),A=D()(s.TcView).withConfig({displayName:"responsive__Separator",componentId:"iv7rgu-7"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],g.breakpoints.medium,g.colours.functional.keyline,Object(g.spacing)(3),Object(g.spacing)(2)),M=D.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"iv7rgu-8"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;"," @media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],e=>e.styles&&e.styles,g.breakpoints.medium,g.fontSizes.infoTitle,Object(g.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(g.spacing)(5),g.breakpoints.wide,Object(g.spacing)(4)),U=(D()(F.a).withConfig({displayName:"responsive__LeadAsset",componentId:"iv7rgu-9"})(["order:2;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin-left:auto;margin-right:auto;}"],g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide),D.a.div.withConfig({displayName:"responsive__PuzzlesSidebar",componentId:"iv7rgu-10"})(["padding-left:",";position:absolute;right:0;z-index:1;top:100%;display:none;@media (min-width:","px){display:block;width:19.8333%;padding-right:",";}@media (min-width:","px){display:block;width:17.8333%;padding-right:",";}"],Object(g.spacing)(4),g.breakpoints.wide,Object(g.spacing)(8),g.breakpoints.huge,Object(g.spacing)(15)));var W=e=>{let t=e.bylines,n=e.publicationName,o=e.publishedTime;return r.a.createElement(B,null,Object(_.hasBylineData)(t)&&r.a.createElement(i.Fragment,null,r.a.createElement(V,{style:k.meta},r.a.createElement(m.a.Consumer,null,e=>{let n=e.theme.sectionColour;return r.a.createElement(_.ArticleBylineWithLinks,{ast:t,color:n||g.colours.section.default})})),r.a.createElement(A,null)),r.a.createElement(V,{style:k.meta},r.a.createElement(q,{styles:Object(s.checkStylesForUnits)(k.datePublication)},r.a.createElement(z.a,{date:o,publication:n}))))};const K=e=>{let t=e.standfirst;return t?r.a.createElement(M,{role:"heading","aria-level":"2",styles:Object(s.checkStylesForUnits)(k.standFirst),testID:"standfirst"},t):null};K.defaultProps={standfirst:null};var Q=K;O.a.arrayOf(O.a.shape({})).isRequired,O.a.arrayOf(O.a.shape({expiryTime:O.a.string,type:O.a.string})),O.a.bool,O.a.string.isRequired,O.a.string,O.a.bool,O.a.string.isRequired,O.a.string.isRequired,O.a.string,O.a.string;function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){J(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const X=(e,t)=>Object(s.checkStylesForUnits)(G(G({},k.articleHeadline),{},{fontFamily:e?g.fontsWithFallback[e]:null,textTransform:t||null})),Z=e=>{let t=e.bylines,n=e.flags,i=e.hasVideo,o=e.headline,a=e.label,s=e.publicationName,c=e.publishedTime,l=e.standfirst,p=e.updatedTime;return r.a.createElement(m.a.Consumer,null,e=>{let d=e.theme,m=d.headlineFont,g=d.headlineCase;return r.a.createElement(L,{style:k.container},r.a.createElement(S,{isVideo:i,label:a}),r.a.createElement(H,{role:"heading","aria-level":"1",styles:X(m,g)},o),r.a.createElement(N,null,r.a.createElement(u.UpdatedTimeProvider,{updatedTime:p},r.a.createElement(u.ArticleFlags,{flags:n}))),r.a.createElement(Q,{standfirst:l}),r.a.createElement(W,{bylines:t,publicationName:s,publishedTime:c}))})};Z.defaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null};var $=Z;function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}te(te({},{analyticsStream:O.a.func.isRequired,article:O.a.shape({}),error:O.a.shape({graphQLErrors:O.a.array,message:O.a.string,networkError:O.a.shape({message:O.a.string})}),isLoading:O.a.bool,onImagePress:O.a.func,receiveChildList:O.a.func.isRequired}),{},{navigationMode:O.a.shape({}).isRequired,storefrontConfig:O.a.string.isRequired});const ie=te({},{article:null,error:null,isLoading:!1,onImagePress:null});function re(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function oe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?re(Object(n),!0).forEach((function(t){ae(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):re(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ae(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function ce(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var le=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){ce(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{articleHeadline:oe(oe({},Object(g.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:g.colours.functional.brandColour,marginBottom:Object(g.spacing)(2),textAlign:"center"}),container:{alignItems:"center",marginBottom:Object(g.spacing)(5),paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2),paddingTop:Object(g.spacing)(7)},datePublication:oe(oe({},Object(g.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:g.colours.functional.secondary,marginTop:Object(g.spacing)(3)}),datePublicationTablet:{marginTop:"auto"},label:{marginBottom:Object(g.spacing)(2)},leadAssetContainer:{marginBottom:Object(g.spacing)(4)},leadAssetContainerTablet:{paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2)},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center"},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},metaTablet:{paddingTop:Object(g.spacing)(1)},separator:{borderRightColor:g.colours.functional.keyline,borderRightWidth:1,height:Object(g.spacing)(3),marginLeft:Object(g.spacing)(2),marginRight:Object(g.spacing)(2)},standFirst:oe(oe({},Object(g.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:g.colours.functional.primary,marginBottom:Object(g.spacing)(3),paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2),textAlign:"center"})});D()(s.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"bpd0t9-0"})(["flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],Object(g.spacing)(3),g.breakpoints.medium),D()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"bpd0t9-1"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(g.spacing)(1),Object(g.spacing)(3),g.breakpoints.medium),D()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"bpd0t9-2"})(["order:2;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide),D()(s.TcText).withConfig({displayName:"responsive__HeadlineContainer",componentId:"bpd0t9-3"})(["font-weight:400;@media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],g.breakpoints.medium,g.fontSizes.articleHeadline,Object(g.spacing)(1)),D()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"bpd0t9-4"})(["@media (min-width:","px){margin-top:0px;}"],g.breakpoints.wide),D()(s.TcView).withConfig({displayName:"responsive__Meta",componentId:"bpd0t9-5"})(["max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],g.breakpoints.medium),D()(s.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"bpd0t9-6"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],g.breakpoints.medium),D()(s.TcView).withConfig({displayName:"responsive__Separator",componentId:"bpd0t9-7"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],g.breakpoints.medium,g.colours.functional.keyline,Object(g.spacing)(3),Object(g.spacing)(2)),D()(s.TcText).withConfig({displayName:"responsive__StandfirstContainer",componentId:"bpd0t9-8"})(["font-weight:400;@media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],g.breakpoints.medium,g.fontSizes.infoTitle,Object(g.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(g.spacing)(5),g.breakpoints.wide,Object(g.spacing)(4));const pe=D()(F.a).withConfig({displayName:"responsive__LeadAsset",componentId:"bpd0t9-9"})(["order:2;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin-left:auto;margin-right:auto;}"],g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide);function de(){return(de=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}class me extends i.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this),this.state={initialPosition:0},this.sidebarRef=r.a.createRef(),this.handleScroll=this.handleScroll.bind(this)}componentDidMount(){window.addEventListener("scroll",this.handleScroll);const e=this.sidebarRef.current;if(e){const t=e.getBoundingClientRect();this.setState({initialPosition:t.top})}}componentWillUnmount(){window.removeEventListener("scroll",this.handleScroll)}handleScroll(){const e=this.sidebarRef.current;if(e){const t=e.getBoundingClientRect(),n=document.querySelector(".responsive__InlineAdWrapper-sc-4v1r4q-17"),i=document.getElementById("related-articles");let r=!1,o=!1;if(n){const e=n.getBoundingClientRect();r=e.top<=t.bottom&&e.bottom>=t.top}if(i){const e=i.getBoundingClientRect();o=e.top<=window.innerHeight&&e.bottom>=0}const a=this.state.initialPosition;if(r||o)e.style.transition="opacity 0.5s ease",e.style.opacity="0";else{const n=t.top<=0&&window.scrollY>a;e.style.transition="opacity 0.5s ease",e.style.opacity="1",e.style.position=n?"fixed":"absolute",e.style.top=n?"0":"100%"}}}renderHeader(){const e=this.props.article,t=e.bylines,n=e.expirableFlags,o=e.hasVideo,a=e.headline,d=e.label,m=e.publicationName,u=e.publishedTime,g=e.shortHeadline,b=e.standfirst,f=e.updatedTime;return r.a.createElement(i.Fragment,null,r.a.createElement($,{bylines:t,flags:n,hasVideo:o,headline:Object(s.getHeadline)(a,g),label:d,publicationName:m,publishedTime:u,standfirst:b,updatedTime:f}),r.a.createElement(l.NewsKitProvider,{theme:c.PuzzlesWebLightTheme},r.a.createElement(U,{ref:this.sidebarRef},r.a.createElement(c.ArticleSidebar,{pageLink:"https://www.thetimes.co.uk/puzzles",sectionTitle:"Puzzles",data:[{title:"Crossword",url:"https://www.thetimes.co.uk/puzzles/crossword",imgUrl:"https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"},{title:"Polygon",url:"https://www.thetimes.co.uk/puzzles/word-puzzles",imgUrl:"https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"},{title:"Sudoku",url:"https://www.thetimes.co.uk/puzzles/sudoku",imgUrl:"https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"}]}))),r.a.createElement(pe,de({},Object(s.getLeadAsset)(e),{getImageCrop:s.getStandardTemplateCrop,renderCaption:e=>{let t=e.caption;return r.a.createElement(p.CentredCaption,t)},style:le.leadAssetContainer})))}render(){const e=this.props,t=e.article,n=e.analyticsStream,i=e.error,o=e.isLoading,s=e.logoUrl,c=e.navigationMode,l=e.receiveChildList,p=e.commentingConfig,d=e.paidContentClassName,m=e.isPreview,u=e.swgProductId,g=e.storefrontConfig;return i||o?null:r.a.createElement(a.a,{analyticsStream:n,data:t,Header:this.renderHeader,logoUrl:s,receiveChildList:l,navigationMode:c,commentingConfig:p,paidContentClassName:d,isPreview:m,swgProductId:u,storefrontConfig:g})}}me.defaultProps=ie;t.default=me}]);
+module.exports=function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=16)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t){e.exports=require("@times-components/ts-newskit/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/article-byline/rnw")},function(e,t){e.exports=require("@times-components/article-skeleton/rnw")},function(e,t){e.exports=require("newskit")},function(e,t){e.exports=require("@times-components/caption/rnw")},function(e,t){e.exports=require("@times-components/article-label/rnw")},function(e,t){e.exports=require("@times-components/video-label/rnw")},function(e,t){e.exports=require("@times-components/date-publication/rnw")},function(e,t,n){"use strict";n.r(t);var i=n(1),r=n.n(i),o=n(10),a=n.n(o),s=n(3),c=n(7),l=n(11),p=n(12),d=n(5),m=n.n(d),u=n(8),g=n(0),b=n(13),f=n.n(b),h=n(14),w=n.n(h),y=n(2),O=n.n(y);O.a.bool,O.a.string;function j(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function x(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?j(Object(n),!0).forEach((function(t){v(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):j(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function v(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function C(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function P(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var k=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?C(Object(n),!0).forEach((function(t){P(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):C(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{articleHeadline:x(x({},Object(g.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:g.colours.functional.brandColour,marginBottom:Object(g.spacing)(2),textAlign:"center"}),container:{alignItems:"center",marginBottom:Object(g.spacing)(5),paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2),paddingTop:Object(g.spacing)(7)},datePublication:x(x({},Object(g.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:g.colours.functional.secondary,marginTop:Object(g.spacing)(3)}),datePublicationTablet:{marginTop:"auto"},label:{marginBottom:Object(g.spacing)(2)},leadAssetContainer:{marginBottom:Object(g.spacing)(4)},leadAssetContainerTablet:{paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2)},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center"},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},metaTablet:{paddingTop:Object(g.spacing)(1)},separator:{borderRightColor:g.colours.functional.keyline,borderRightWidth:1,height:Object(g.spacing)(3),marginLeft:Object(g.spacing)(2),marginRight:Object(g.spacing)(2)},standFirst:x(x({},Object(g.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:g.colours.functional.primary,marginBottom:Object(g.spacing)(3),paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2),textAlign:"center"})});const T=e=>{let t=e.isVideo,n=e.label;if(!t&&!n)return null;const i=t?w.a:f.a;return r.a.createElement(m.a.Consumer,null,e=>{let t=e.theme.sectionColour;return r.a.createElement(s.TcView,{style:k.label},r.a.createElement(i,{color:t||g.colours.section.default,title:n}))})};T.defaultProps={isVideo:!1,label:null};var S=T,_=n(9),E=n(15),z=n.n(E);O.a.arrayOf(O.a.shape({})).isRequired,O.a.string.isRequired,O.a.string.isRequired;var R=n(4),D=n.n(R),I=n(6),F=n.n(I);const q=D()(s.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"iv7rgu-0"})(["",";flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],e=>e.styles&&e.styles,Object(g.spacing)(3),g.breakpoints.medium),N=D()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"iv7rgu-1"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(g.spacing)(1),Object(g.spacing)(3),g.breakpoints.medium),L=D()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"iv7rgu-2"})(["order:2;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide),H=D.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"iv7rgu-3"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;"," @media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],e=>e.styles&&e.styles,g.breakpoints.medium,g.fontSizes.articleHeadline,Object(g.spacing)(1)),V=(D()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"iv7rgu-4"})(["@media (min-width:","px){margin-top:0px;}"],g.breakpoints.wide),D()(s.TcView).withConfig({displayName:"responsive__Meta",componentId:"iv7rgu-5"})(["max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],g.breakpoints.medium)),B=D()(s.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"iv7rgu-6"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],g.breakpoints.medium),A=D()(s.TcView).withConfig({displayName:"responsive__Separator",componentId:"iv7rgu-7"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],g.breakpoints.medium,g.colours.functional.keyline,Object(g.spacing)(3),Object(g.spacing)(2)),M=D.a.h2.withConfig({displayName:"responsive__StandfirstContainer",componentId:"iv7rgu-8"})(["border:0px solid black;box-sizing:border-box;display:inline;font-family:sans-serif;margin:0px;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-weight:400;"," @media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],e=>e.styles&&e.styles,g.breakpoints.medium,g.fontSizes.infoTitle,Object(g.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(g.spacing)(5),g.breakpoints.wide,Object(g.spacing)(4)),U=(D()(F.a).withConfig({displayName:"responsive__LeadAsset",componentId:"iv7rgu-9"})(["order:2;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin-left:auto;margin-right:auto;}"],g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide),D.a.div.withConfig({displayName:"responsive__PuzzlesSidebar",componentId:"iv7rgu-10"})(["padding-left:",";position:absolute;right:0;z-index:1;top:100%;display:none;@media (min-width:","px){display:block;width:19.8333%;padding-right:",";}@media (min-width:","px){display:block;width:18.8333%;padding-right:",";}"],Object(g.spacing)(4),g.breakpoints.wide,Object(g.spacing)(8),g.breakpoints.huge,Object(g.spacing)(10)));var W=e=>{let t=e.bylines,n=e.publicationName,o=e.publishedTime;return r.a.createElement(B,null,Object(_.hasBylineData)(t)&&r.a.createElement(i.Fragment,null,r.a.createElement(V,{style:k.meta},r.a.createElement(m.a.Consumer,null,e=>{let n=e.theme.sectionColour;return r.a.createElement(_.ArticleBylineWithLinks,{ast:t,color:n||g.colours.section.default})})),r.a.createElement(A,null)),r.a.createElement(V,{style:k.meta},r.a.createElement(q,{styles:Object(s.checkStylesForUnits)(k.datePublication)},r.a.createElement(z.a,{date:o,publication:n}))))};const K=e=>{let t=e.standfirst;return t?r.a.createElement(M,{role:"heading","aria-level":"2",styles:Object(s.checkStylesForUnits)(k.standFirst),testID:"standfirst"},t):null};K.defaultProps={standfirst:null};var Q=K;O.a.arrayOf(O.a.shape({})).isRequired,O.a.arrayOf(O.a.shape({expiryTime:O.a.string,type:O.a.string})),O.a.bool,O.a.string.isRequired,O.a.string,O.a.bool,O.a.string.isRequired,O.a.string.isRequired,O.a.string,O.a.string;function Y(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function G(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Y(Object(n),!0).forEach((function(t){J(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Y(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function J(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const X=(e,t)=>Object(s.checkStylesForUnits)(G(G({},k.articleHeadline),{},{fontFamily:e?g.fontsWithFallback[e]:null,textTransform:t||null})),Z=e=>{let t=e.bylines,n=e.flags,i=e.hasVideo,o=e.headline,a=e.label,s=e.publicationName,c=e.publishedTime,l=e.standfirst,p=e.updatedTime;return r.a.createElement(m.a.Consumer,null,e=>{let d=e.theme,m=d.headlineFont,g=d.headlineCase;return r.a.createElement(L,{style:k.container},r.a.createElement(S,{isVideo:i,label:a}),r.a.createElement(H,{role:"heading","aria-level":"1",styles:X(m,g)},o),r.a.createElement(N,null,r.a.createElement(u.UpdatedTimeProvider,{updatedTime:p},r.a.createElement(u.ArticleFlags,{flags:n}))),r.a.createElement(Q,{standfirst:l}),r.a.createElement(W,{bylines:t,publicationName:s,publishedTime:c}))})};Z.defaultProps={flags:[],hasVideo:!1,label:null,longRead:!1,standfirst:null,updatedTime:null};var $=Z;function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function te(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ee(Object(n),!0).forEach((function(t){ne(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ee(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ne(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}te(te({},{analyticsStream:O.a.func.isRequired,article:O.a.shape({}),error:O.a.shape({graphQLErrors:O.a.array,message:O.a.string,networkError:O.a.shape({message:O.a.string})}),isLoading:O.a.bool,onImagePress:O.a.func,receiveChildList:O.a.func.isRequired}),{},{navigationMode:O.a.shape({}).isRequired,storefrontConfig:O.a.string.isRequired});const ie=te({},{article:null,error:null,isLoading:!1,onImagePress:null});function re(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function oe(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?re(Object(n),!0).forEach((function(t){ae(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):re(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ae(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function se(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function ce(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var le=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?se(Object(n),!0).forEach((function(t){ce(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):se(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{articleHeadline:oe(oe({},Object(g.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:g.colours.functional.brandColour,marginBottom:Object(g.spacing)(2),textAlign:"center"}),container:{alignItems:"center",marginBottom:Object(g.spacing)(5),paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2),paddingTop:Object(g.spacing)(7)},datePublication:oe(oe({},Object(g.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:g.colours.functional.secondary,marginTop:Object(g.spacing)(3)}),datePublicationTablet:{marginTop:"auto"},label:{marginBottom:Object(g.spacing)(2)},leadAssetContainer:{marginBottom:Object(g.spacing)(4)},leadAssetContainerTablet:{paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2)},meta:{flexDirection:"row",flexWrap:"wrap"},metaContainer:{alignItems:"center"},metaContainerTablet:{flexDirection:"row",justifyContent:"center"},metaTablet:{paddingTop:Object(g.spacing)(1)},separator:{borderRightColor:g.colours.functional.keyline,borderRightWidth:1,height:Object(g.spacing)(3),marginLeft:Object(g.spacing)(2),marginRight:Object(g.spacing)(2)},standFirst:oe(oe({},Object(g.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:g.colours.functional.primary,marginBottom:Object(g.spacing)(3),paddingLeft:Object(g.spacing)(2),paddingRight:Object(g.spacing)(2),textAlign:"center"})});D()(s.TcText).withConfig({displayName:"responsive__DatePublicationContainer",componentId:"bpd0t9-0"})(["flex-direction:row;flex-wrap:wrap;margin-top:",";@media (min-width:","px){margin-top:0;}"],Object(g.spacing)(3),g.breakpoints.medium),D()(s.TcView).withConfig({displayName:"responsive__FlagsContainer",componentId:"bpd0t9-1"})(["padding-top:",";padding-bottom:",";@media (min-width:","px){padding-top:0;}"],Object(g.spacing)(1),Object(g.spacing)(3),g.breakpoints.medium),D()(s.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"bpd0t9-2"})(["order:2;@media (min-width:","px){width:80.8%;margin-top:0;margin-left:auto;margin-right:auto;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide),D()(s.TcText).withConfig({displayName:"responsive__HeadlineContainer",componentId:"bpd0t9-3"})(["font-weight:400;@media (min-width:","px){font-size:","px;line-height:50px;margin-bottom:",";}"],g.breakpoints.medium,g.fontSizes.articleHeadline,Object(g.spacing)(1)),D()(s.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"bpd0t9-4"})(["@media (min-width:","px){margin-top:0px;}"],g.breakpoints.wide),D()(s.TcView).withConfig({displayName:"responsive__Meta",componentId:"bpd0t9-5"})(["max-width:100%;justify-content:center;@media (min-width:","px){margin-top:0;}"],g.breakpoints.medium),D()(s.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"bpd0t9-6"})(["align-items:center;justify-content:center;@media (min-width:","px){flex-direction:row;flex-wrap:wrap;}"],g.breakpoints.medium),D()(s.TcView).withConfig({displayName:"responsive__Separator",componentId:"bpd0t9-7"})(["display:none;@media (min-width:","px){background-color:",";display:flex;height:",";margin:0 ",";width:1px;}"],g.breakpoints.medium,g.colours.functional.keyline,Object(g.spacing)(3),Object(g.spacing)(2)),D()(s.TcText).withConfig({displayName:"responsive__StandfirstContainer",componentId:"bpd0t9-8"})(["font-weight:400;@media (min-width:","px){font-size:","px;line-height:","px;margin-bottom:",";}@media (min-width:","px){margin-bottom:",";}"],g.breakpoints.medium,g.fontSizes.infoTitle,Object(g.lineHeight)({font:"bodyRegular",fontSize:"infoTitle"}),Object(g.spacing)(5),g.breakpoints.wide,Object(g.spacing)(4));const pe=D()(F.a).withConfig({displayName:"responsive__LeadAsset",componentId:"bpd0t9-9"})(["order:2;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin-left:auto;margin-right:auto;}"],g.breakpoints.medium,Object(g.spacing)(6),g.breakpoints.wide);function de(){return(de=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(this,arguments)}class me extends i.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this),this.state={initialPosition:0},this.sidebarRef=r.a.createRef(),this.handleScroll=this.handleScroll.bind(this)}componentDidMount(){window.addEventListener("scroll",this.handleScroll);const e=this.sidebarRef.current;if(e){const t=e.getBoundingClientRect(),n=40;this.setState({initialPosition:t.top-n})}}componentWillUnmount(){window.removeEventListener("scroll",this.handleScroll)}handleScroll(){const e=this.sidebarRef.current;if(e){const t=e.getBoundingClientRect(),n=document.querySelector(".responsive__InlineAdWrapper-sc-4v1r4q-17"),i=document.getElementById("related-articles");let r=!1,o=!1;if(n){const e=n.getBoundingClientRect();r=e.top<=t.bottom&&e.bottom>=t.top}if(i){const e=i.getBoundingClientRect();o=e.top<=window.innerHeight&&e.bottom>=0}const a=this.state.initialPosition,s=40;if(r||o)e.style.transition="opacity 0.5s ease",e.style.opacity="0";else{const n=t.top<=s&&window.scrollY>a;e.style.transition="opacity 0.5s ease",e.style.opacity="1",e.style.position=n?"fixed":"absolute",e.style.top=n?"".concat(s,"px"):"100%"}}}renderHeader(){const e=this.props.article,t=e.bylines,n=e.expirableFlags,o=e.hasVideo,a=e.headline,d=e.label,m=e.publicationName,u=e.publishedTime,g=e.shortHeadline,b=e.standfirst,f=e.updatedTime;return r.a.createElement(i.Fragment,null,r.a.createElement($,{bylines:t,flags:n,hasVideo:o,headline:Object(s.getHeadline)(a,g),label:d,publicationName:m,publishedTime:u,standfirst:b,updatedTime:f}),r.a.createElement(l.NewsKitProvider,{theme:c.PuzzlesWebLightTheme},r.a.createElement(U,{ref:this.sidebarRef},r.a.createElement(c.ArticleSidebar,{pageLink:"https://www.thetimes.co.uk/puzzles",sectionTitle:"Puzzles",data:[{title:"Crossword",url:"https://www.thetimes.co.uk/puzzles/crossword",imgUrl:"https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"},{title:"Polygon",url:"https://www.thetimes.co.uk/puzzles/word-puzzles",imgUrl:"https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"},{title:"Sudoku",url:"https://www.thetimes.co.uk/puzzles/sudoku",imgUrl:"https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"}]}))),r.a.createElement(pe,de({},Object(s.getLeadAsset)(e),{getImageCrop:s.getStandardTemplateCrop,renderCaption:e=>{let t=e.caption;return r.a.createElement(p.CentredCaption,t)},style:le.leadAssetContainer})))}render(){const e=this.props,t=e.article,n=e.analyticsStream,i=e.error,o=e.isLoading,s=e.logoUrl,c=e.navigationMode,l=e.receiveChildList,p=e.commentingConfig,d=e.paidContentClassName,m=e.isPreview,u=e.swgProductId,g=e.storefrontConfig;return i||o?null:r.a.createElement(a.a,{analyticsStream:n,data:t,Header:this.renderHeader,logoUrl:s,receiveChildList:l,navigationMode:c,commentingConfig:p,paidContentClassName:d,isPreview:m,swgProductId:u,storefrontConfig:g})}}me.defaultProps=ie;t.default=me}]);