@times-components/article-main-standard 3.82.11-alpha.11 → 3.82.11-alpha.17

package/CHANGELOG.md

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

package/dist/article-main-standard.js

@@ -59,8 +59,9 @@ class ArticlePage extends _react.Component {
 
     if (sidebarNode) {
       const rect = sidebarNode.getBoundingClientRect();
+      const stickyNavigationHeight = 40;
       this.setState({
-        initialPosition: rect.top
+        initialPosition: rect.top - stickyNavigationHeight
       });
     }
   }
@@ -90,16 +91,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

@@ -62,6 +62,6 @@ exports.LeadAsset = LeadAsset;
 const PuzzlesSidebar = _styledComponents.default.div.withConfig({
   displayName: "responsive__PuzzlesSidebar",
   componentId: "cbxka9-7"
-})(["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-main-standard",
-  "version": "3.82.11-alpha.11+1283d94300",
+  "version": "3.82.11-alpha.17+aeec0cf059",
   "description": "Main Standard Article Template",
   "main": "dist/article-main-standard",
   "dev": "src/article-main-standard",
@@ -56,14 +56,14 @@
     "@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.116.5",
     "@times-components/article-topics": "^4.11.15",
     "@times-components/caption": "^3.8.15",
     "@times-components/context": "^1.10.37",
     "@times-components/date-publication": "^0.28.1",
     "@times-components/responsive": "^0.17.1",
     "@times-components/ts-components": "^1.81.7",
-    "@times-components/ts-newskit": "^1.140.6",
+    "@times-components/ts-newskit": "^1.140.7",
     "@times-components/ts-styleguide": "^1.48.1",
     "@times-components/user-state": "^0.5.11",
     "@times-components/utils": "^6.16.21",
@@ -83,5 +83,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "1283d9430071819d8753375ac084349737a59563"
+  "gitHead": "aeec0cf059a553847064be8cd39b93a6a88ea8ad"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=18)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/article-skeleton/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/user-state/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/context/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){e.exports=require("@times-components/article-topics/rnw")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t,i){"use strict";i.r(t);var n=i(1),r=i.n(n),o=i(5),a=i.n(o),c=i(2),s=i(6),l=i(10),p=i(11),d=i.n(p),m=i(3),u=i.n(m),b=i(7),g=i(12),f=i.n(g),h=i(13),w=i.n(h),y=i(0),O=i(14),j=i.n(O);var x={articleMainContentRow:{paddingLeft:Object(y.spacing)(2),paddingRight:Object(y.spacing)(2)}};function v(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function P(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?v(Object(i),!0).forEach((function(t){k(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):v(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function k(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var C={articleHeadlineSpacer:{marginBottom:Object(y.spacing)(3)},articleHeadLineText:P(P({},Object(y.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:y.colours.functional.brandColour,marginBottom:7}),articleHeadLineTextTablet:P({},Object(y.fontFactory)({font:"headline",fontSize:"articleHeadline"})),articleLabel:{paddingBottom:Object(y.spacing)(1),paddingTop:Object(y.spacing)(1)},flags:{marginBottom:Object(y.spacing)(2)},headerTablet:{marginTop:Object(y.spacing)(6)},standFirst:P(P({},Object(y.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:y.colours.functional.primary,paddingBottom:Object(y.spacing)(2)})};function T(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function E(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?T(Object(i),!0).forEach((function(t){_(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):T(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function _(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var S=E(E({},x),C),z=i(4),D=i.n(z);const I=D.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"sc-15mjcnq-0"})(["border:0px solid black;box-sizing:border-box;display:inline;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-size:","px;color:",";margin:0 0 8px 0;font-family:",";font-weight:400;line-height:30px;"," @media (min-width:","px){font-size:","px;line-height:45px;}"],y.fontSizes.headline,y.colours.functional.brandColour,y.fontsWithFallback.headline,e=>e.styles&&e.styles,y.breakpoints.medium,y.fontSizes.articleHeadline),N=D()(c.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-15mjcnq-1"})(["@media (min-width:","px){margin-top:0px;}"],y.breakpoints.wide);var q,F=(q=(e,t)=>r.a.createElement(N,e,t),e=>{let t=e.isVideo,i=e.label;if(!t&&!i)return null;const n=t?j.a:f.a;return q({style:S.articleLabel,testID:"label"},r.a.createElement(w.a.Consumer,null,e=>{let t=e.theme.sectionColour;return r.a.createElement(n,{color:t||y.colours.section.default,title:i})}))});function R(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function L(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}const V=e=>{let t=e.standfirst;if(!t)return null;const i=function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?R(Object(i),!0).forEach((function(t){L(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):R(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},S.standFirst);return r.a.createElement(c.TcText,{role:"heading","aria-level":"2",style:Object(c.checkStylesForUnits)(i),"data-testid":"standfirst"},t)};V.defaultProps={standfirst:null};var M=V;const H=e=>{let t=e.flags,i=e.hasVideo,n=e.headline,o=e.label,a=e.standfirst,s=e.style,l=e.updatedTime;return r.a.createElement(c.TcView,{style:s},r.a.createElement(F,{isVideo:i,label:o}),r.a.createElement(I,{role:"heading","aria-level":"1",styles:Object(c.checkStylesForUnits)(S.articleHeadLineText)},n),r.a.createElement(M,{standfirst:a}),r.a.createElement(c.TcView,{style:S.flags},r.a.createElement(b.UpdatedTimeProvider,{updatedTime:l},r.a.createElement(b.ArticleFlags,{flags:t}))))};H.defaultProps={flags:[],hasVideo:!1,label:null,standfirst:null,style:{},updatedTime:null};var B=H,A=i(8),U=i(15),W=i.n(U);const K=u.a.shape({text:u.a.string}),Q={attributes:u.a.object.isRequired,name:u.a.string.isRequired},Y={children:u.a.arrayOf(u.a.oneOfType([u.a.shape(Q),K])).isRequired};u.a.arrayOf(u.a.shape(Y)),u.a.func,u.a.string,u.a.string;function G(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function J(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?G(Object(i),!0).forEach((function(t){X(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):G(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function X(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function Z(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function $(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var ee=function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(i),!0).forEach((function(t){$(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):Z(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},{articleMeta:{borderBottomColor:y.colours.functional.keyline,borderBottomWidth:1,marginBottom:Object(y.spacing)(4),marginLeft:Object(y.spacing)(2),marginRight:Object(y.spacing)(2),paddingBottom:Object(y.spacing)(2),paddingLeft:0,paddingRight:0},articleMetaElement:{paddingTop:Object(y.spacing)(2)},articleMetaElementWithBorder:{paddingTop:Object(y.spacing)(2),borderTopColor:y.colours.functional.keyline,borderTopWidth:1},articleMetaTablet:{marginLeft:0,marginRight:0},byline:J(J({},Object(y.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:y.colours.functional.secondary}),datePublication:J({color:y.colours.functional.secondary},Object(y.fontFactory)({font:"supporting",fontSize:"cardMeta"}))});const te=D()(c.TcText).withConfig({displayName:"article-meta__MetaTextElement",componentId:"sc-1iqkrjg-0"})(["padding-top:",";&:last-child{padding-bottom:",";}@media (min-width:","px){line-height:18px;padding-bottom:",";}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.wide,Object(y.spacing)(2));function ie(e){let t=e.bylines,i=e.publicationName,n=e.publishedTime,a=e.onAuthorPress,s=e.inline,l=void 0!==s&&s,p=e.className,d=void 0===p?"":p;const m=Object(A.hasBylineData)(t)?r.a.createElement(te,null,r.a.createElement(c.TcText,{style:Object(c.checkStylesForUnits)(ee.byline)},r.a.createElement(A.ArticleBylineWithLinks,{ast:t,onAuthorPress:a}))):null,u=r.a.createElement(te,null,r.a.createElement(c.TcText,{style:Object(c.checkStylesForUnits)(ee.datePublication)},r.a.createElement(W.a,{date:n,publication:i}))),b=l?o.ArticleKeylineItem:o.KeylineItem;return r.a.createElement(r.a.Fragment,null,l?null:r.a.createElement(b,{className:d},r.a.createElement(c.TcView,null,m)),r.a.createElement(b,{className:d},r.a.createElement(c.TcView,null,l?m:null,u)))}ie.defaultProps={bylines:[],publicationName:null,publishedTime:null};var ne=ie,re=i(16),oe=i.n(re),ae=i(9),ce=i.n(ae);function se(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function le(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var pe=function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?se(Object(i),!0).forEach((function(t){le(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):se(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},{topicsContainer:{borderTopColor:y.colours.functional.keyline,borderTopWidth:1},topicsMetaContainer:{justifyContent:"flex-start"}});const de=e=>{let t=e.topics;return t&&t.length>0?r.a.createElement(ce.a,{state:ce.a.showTopicTags},r.a.createElement("nav",null,r.a.createElement(oe.a,{style:pe.topicsMetaContainer,topics:t}))):null};de.defaultProps={topics:null};var me=de;function ue(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function be(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(i),!0).forEach((function(t){ge(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ue(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function ge(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}u.a.shape({}).isRequired,u.a.func.isRequired,u.a.shape(be(be({},B.propTypes),ne.propTypes)),u.a.func,u.a.shape({}).isRequired,u.a.bool,u.a.string.isRequired,D.a.div.withConfig({displayName:"responsive__ParagraphContainer",componentId:"ix67u3-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,y.breakpoints.wide),D.a.p.withConfig({displayName:"responsive__Paragraph",componentId:"ix67u3-1"})(["color:",";font-family:",";line-height:26px;font-size:","px;margin-bottom:",";margin-top:0;display:block;@media (min-width:","px){font-size:","px;line-height:30px;}"],y.colours.functional.primary,y.fontsWithFallback.bodyRegular,y.fontSizes.bodyMobile,Object(y.spacing)(5),y.breakpoints.medium,y.fontSizes.body),D.a.div.withConfig({displayName:"responsive__InteractiveContainer",componentId:"ix67u3-2"})(["padding-left:",";padding-right:",";margin-bottom:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(2),Object(y.spacing)(2),Object(y.spacing)(4),y.breakpoints.medium,Object(y.spacing)(4),y.breakpoints.wide),D()(c.TcView).withConfig({displayName:"responsive__LeadAsset",componentId:"ix67u3-3"})(["margin-bottom:",";@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin:0 auto;padding-bottom:20px;}"],Object(y.spacing)(2),y.breakpoints.medium,Object(y.spacing)(4),y.breakpoints.wide);const fe=D()(c.TcView).withConfig({displayName:"responsive__LeadAssetCaptionContainer",componentId:"ix67u3-4"})(["margin-left:",";margin-right:",";@media (min-width:","px){width:80.8%;margin:0 auto;}@media (min-width:","px){width:100%;}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,y.breakpoints.wide);D()(c.TcView).withConfig({displayName:"responsive__PrimaryImg",componentId:"ix67u3-5"})(["width:100%;flex-direction:column;padding-bottom:",";@media (min-width:","px){width:80.8%;margin:0 auto;}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(5),y.breakpoints.medium,y.breakpoints.wide),D()(c.TcView).withConfig({displayName:"responsive__SecondaryImg",componentId:"ix67u3-6"})(["width:100%;flex-direction:row;flex-wrap:nowrap;padding-left:",";padding-right:",";padding-bottom:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(2),Object(y.spacing)(2),Object(y.spacing)(5),y.breakpoints.medium,y.breakpoints.wide),D()(c.TcView).withConfig({displayName:"responsive__InlineImg",componentId:"ix67u3-7"})(["width:100%;flex-direction:row;flex-wrap:nowrap;padding-left:",";padding-right:",";padding-bottom:0;display:block;@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,y.breakpoints.wide),D()(c.TcView).withConfig({displayName:"responsive__PullQuoteResp",componentId:"ix67u3-8"})(["padding-left:",";padding-right:",";margin-bottom:",";@media (min-width:","px){width:50%;float:left;margin-right:",";margin-bottom:0px;margin-top:",";padding-left:0px;padding-right:0px;}"],Object(y.spacing)(2),Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,Object(y.spacing)(4),Object(y.spacing)(1)),D()(c.TcView).withConfig({displayName:"responsive__PullQuoteContainer",componentId:"ix67u3-9"})(["display:block;@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],y.breakpoints.medium,y.breakpoints.wide);var he=i(17),we=i.n(he);D()(c.TcView).withConfig({displayName:"responsive__MainContainer",componentId:"cbxka9-0"})(["@media (min-width:","px){padding-top:",";margin:0 auto;display:block;}"],y.breakpoints.wide,Object(y.spacing)(4)),D()(c.TcView).withConfig({displayName:"responsive__HeaderAdContainer",componentId:"cbxka9-1"})(["display:none;@media (min-width:","px){display:flex;border-top-color:",";border-bottom-color:",";border-bottom-width:1px;padding-top:",";padding-bottom:",";}"],y.breakpoints.medium,y.colours.functional.keyline,y.colours.functional.keyline,Object(y.spacing)(2),Object(y.spacing)(2));const ye=D()(c.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"cbxka9-2"})(["padding-left:",";padding-right:",";@media (min-width:","px){order:1;width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;margin-bottom:",";}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,y.breakpoints.wide,Object(y.spacing)(3)),Oe=D()(c.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"cbxka9-3"})(["margin-bottom:",";padding-right:",";padding-left:",";position:absolute;left:0;width:20.8333%;z-index:1;top:100%;display:none;@media (min-width:","px){display:block;}"],Object(y.spacing)(4),Object(y.spacing)(4),Object(y.spacing)(4),y.breakpoints.wide),je=D()(c.TcView).withConfig({displayName:"responsive__ArticleMainStandardContainer",componentId:"cbxka9-4"})(["@media (min-width:","px){.inline-meta{display:none;}}"],y.breakpoints.wide),xe=D.a.div.withConfig({displayName:"responsive__HeaderTopContainer",componentId:"cbxka9-5"})(["position:relative;order:2;@media (min-width:","px){order:1;}"],y.breakpoints.wide),ve=D()(we.a).withConfig({displayName:"responsive__LeadAsset",componentId:"cbxka9-6"})(["margin-bottom:",";order:1;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){order:2;width:56.2%;margin-left:auto;margin-right:auto;}"],Object(y.spacing)(4),y.breakpoints.medium,Object(y.spacing)(6),y.breakpoints.wide),Pe=D.a.div.withConfig({displayName:"responsive__PuzzlesSidebar",componentId:"cbxka9-7"})(["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(y.spacing)(4),y.breakpoints.wide,Object(y.spacing)(8),y.breakpoints.huge,Object(y.spacing)(15));function ke(){return(ke=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}const Ce=e=>{let t=e.caption;return r.a.createElement(fe,null,r.a.createElement(d.a,t))};class Te extends n.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(),i=document.querySelector(".responsive__InlineAdWrapper-sc-4v1r4q-17"),n=document.getElementById("related-articles");let r=!1,o=!1;if(i){const e=i.getBoundingClientRect();r=e.top<=t.bottom&&e.bottom>=t.top}if(n){const e=n.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 i=t.top<=0&&window.scrollY>a;e.style.transition="opacity 0.5s ease",e.style.opacity="1",e.style.position=i?"fixed":"absolute",e.style.top=i?"0":"100%"}}}renderHeader(){const e=this.props.article,t=e.bylines,i=e.hasVideo,o=e.headline,a=e.expirableFlags,p=e.label,d=e.publicationName,m=e.publishedTime,u=e.shortHeadline,b=e.standfirst,g=e.topics,f=e.updatedTime,h=e.section,w={bylines:t,publicationName:d,publishedTime:m};return r.a.createElement(n.Fragment,null,r.a.createElement(xe,null,r.a.createElement(ye,null,r.a.createElement(B,{flags:a,hasVideo:i,headline:Object(c.getHeadline)(o,u),label:p,standfirst:b,updatedTime:f})),r.a.createElement(Oe,null,r.a.createElement(ne,w),r.a.createElement(me,{topics:g})),Object(c.CanShowPuzzleSidebar)(h)&&r.a.createElement(l.NewsKitProvider,{theme:s.PuzzlesWebLightTheme},r.a.createElement(Pe,{ref:this.sidebarRef},r.a.createElement(s.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(ve,ke({},Object(c.getLeadAsset)(e),{renderCaption:Ce})),r.a.createElement(ne,ke({},w,{inline:!0,className:"inline-meta"})))}render(){const e=this.props,t=e.article,i=e.analyticsStream,n=e.error,o=e.isLoading,c=e.logoUrl,s=e.navigationMode,l=e.receiveChildList,p=e.commentingConfig,d=e.paidContentClassName,m=e.isPreview,u=e.swgProductId,b=e.getFallbackThumbnailUrl169,g=e.zephrDivs,f=e.storefrontConfig;return n||o?null:r.a.createElement(je,null,r.a.createElement(a.a,{analyticsStream:i,data:t,Header:this.renderHeader,logoUrl:c,getFallbackThumbnailUrl169:b,receiveChildList:l,navigationMode:s,commentingConfig:p,paidContentClassName:d,isPreview:m,swgProductId:u,zephrDivs:g,storefrontConfig:f}))}}Te.defaultProps={data:null,receiveChildList:()=>{}};t.default=Te}]);
+module.exports=function(e){var t={};function i(n){if(t[n])return t[n].exports;var r=t[n]={i:n,l:!1,exports:{}};return e[n].call(r.exports,r,r.exports,i),r.l=!0,r.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=18)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/article-skeleton/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/user-state/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/context/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){e.exports=require("@times-components/article-topics/rnw")},function(e,t){e.exports=require("@times-components/article-lead-asset/rnw")},function(e,t,i){"use strict";i.r(t);var n=i(1),r=i.n(n),o=i(5),a=i.n(o),c=i(2),s=i(6),l=i(10),p=i(11),d=i.n(p),m=i(3),u=i.n(m),b=i(7),g=i(12),f=i.n(g),h=i(13),w=i.n(h),y=i(0),O=i(14),j=i.n(O);var x={articleMainContentRow:{paddingLeft:Object(y.spacing)(2),paddingRight:Object(y.spacing)(2)}};function v(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function P(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?v(Object(i),!0).forEach((function(t){k(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):v(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function k(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var C={articleHeadlineSpacer:{marginBottom:Object(y.spacing)(3)},articleHeadLineText:P(P({},Object(y.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:y.colours.functional.brandColour,marginBottom:7}),articleHeadLineTextTablet:P({},Object(y.fontFactory)({font:"headline",fontSize:"articleHeadline"})),articleLabel:{paddingBottom:Object(y.spacing)(1),paddingTop:Object(y.spacing)(1)},flags:{marginBottom:Object(y.spacing)(2)},headerTablet:{marginTop:Object(y.spacing)(6)},standFirst:P(P({},Object(y.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:y.colours.functional.primary,paddingBottom:Object(y.spacing)(2)})};function T(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function E(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?T(Object(i),!0).forEach((function(t){_(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):T(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function _(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var S=E(E({},x),C),z=i(4),D=i.n(z);const I=D.a.h1.withConfig({displayName:"responsive__HeadlineContainer",componentId:"sc-15mjcnq-0"})(["border:0px solid black;box-sizing:border-box;display:inline;padding:0px;white-space:pre-wrap;overflow-wrap:break-word;font-size:","px;color:",";margin:0 0 8px 0;font-family:",";font-weight:400;line-height:30px;"," @media (min-width:","px){font-size:","px;line-height:45px;}"],y.fontSizes.headline,y.colours.functional.brandColour,y.fontsWithFallback.headline,e=>e.styles&&e.styles,y.breakpoints.medium,y.fontSizes.articleHeadline),N=D()(c.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-15mjcnq-1"})(["@media (min-width:","px){margin-top:0px;}"],y.breakpoints.wide);var q,F=(q=(e,t)=>r.a.createElement(N,e,t),e=>{let t=e.isVideo,i=e.label;if(!t&&!i)return null;const n=t?j.a:f.a;return q({style:S.articleLabel,testID:"label"},r.a.createElement(w.a.Consumer,null,e=>{let t=e.theme.sectionColour;return r.a.createElement(n,{color:t||y.colours.section.default,title:i})}))});function R(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function L(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}const V=e=>{let t=e.standfirst;if(!t)return null;const i=function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?R(Object(i),!0).forEach((function(t){L(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):R(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},S.standFirst);return r.a.createElement(c.TcText,{role:"heading","aria-level":"2",style:Object(c.checkStylesForUnits)(i),"data-testid":"standfirst"},t)};V.defaultProps={standfirst:null};var M=V;const H=e=>{let t=e.flags,i=e.hasVideo,n=e.headline,o=e.label,a=e.standfirst,s=e.style,l=e.updatedTime;return r.a.createElement(c.TcView,{style:s},r.a.createElement(F,{isVideo:i,label:o}),r.a.createElement(I,{role:"heading","aria-level":"1",styles:Object(c.checkStylesForUnits)(S.articleHeadLineText)},n),r.a.createElement(M,{standfirst:a}),r.a.createElement(c.TcView,{style:S.flags},r.a.createElement(b.UpdatedTimeProvider,{updatedTime:l},r.a.createElement(b.ArticleFlags,{flags:t}))))};H.defaultProps={flags:[],hasVideo:!1,label:null,standfirst:null,style:{},updatedTime:null};var B=H,A=i(8),U=i(15),W=i.n(U);const K=u.a.shape({text:u.a.string}),Q={attributes:u.a.object.isRequired,name:u.a.string.isRequired},Y={children:u.a.arrayOf(u.a.oneOfType([u.a.shape(Q),K])).isRequired};u.a.arrayOf(u.a.shape(Y)),u.a.func,u.a.string,u.a.string;function G(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function J(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?G(Object(i),!0).forEach((function(t){X(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):G(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function X(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function Z(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function $(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var ee=function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?Z(Object(i),!0).forEach((function(t){$(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):Z(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},{articleMeta:{borderBottomColor:y.colours.functional.keyline,borderBottomWidth:1,marginBottom:Object(y.spacing)(4),marginLeft:Object(y.spacing)(2),marginRight:Object(y.spacing)(2),paddingBottom:Object(y.spacing)(2),paddingLeft:0,paddingRight:0},articleMetaElement:{paddingTop:Object(y.spacing)(2)},articleMetaElementWithBorder:{paddingTop:Object(y.spacing)(2),borderTopColor:y.colours.functional.keyline,borderTopWidth:1},articleMetaTablet:{marginLeft:0,marginRight:0},byline:J(J({},Object(y.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:y.colours.functional.secondary}),datePublication:J({color:y.colours.functional.secondary},Object(y.fontFactory)({font:"supporting",fontSize:"cardMeta"}))});const te=D()(c.TcText).withConfig({displayName:"article-meta__MetaTextElement",componentId:"sc-1iqkrjg-0"})(["padding-top:",";&:last-child{padding-bottom:",";}@media (min-width:","px){line-height:18px;padding-bottom:",";}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.wide,Object(y.spacing)(2));function ie(e){let t=e.bylines,i=e.publicationName,n=e.publishedTime,a=e.onAuthorPress,s=e.inline,l=void 0!==s&&s,p=e.className,d=void 0===p?"":p;const m=Object(A.hasBylineData)(t)?r.a.createElement(te,null,r.a.createElement(c.TcText,{style:Object(c.checkStylesForUnits)(ee.byline)},r.a.createElement(A.ArticleBylineWithLinks,{ast:t,onAuthorPress:a}))):null,u=r.a.createElement(te,null,r.a.createElement(c.TcText,{style:Object(c.checkStylesForUnits)(ee.datePublication)},r.a.createElement(W.a,{date:n,publication:i}))),b=l?o.ArticleKeylineItem:o.KeylineItem;return r.a.createElement(r.a.Fragment,null,l?null:r.a.createElement(b,{className:d},r.a.createElement(c.TcView,null,m)),r.a.createElement(b,{className:d},r.a.createElement(c.TcView,null,l?m:null,u)))}ie.defaultProps={bylines:[],publicationName:null,publishedTime:null};var ne=ie,re=i(16),oe=i.n(re),ae=i(9),ce=i.n(ae);function se(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function le(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}var pe=function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?se(Object(i),!0).forEach((function(t){le(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):se(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}({},{topicsContainer:{borderTopColor:y.colours.functional.keyline,borderTopWidth:1},topicsMetaContainer:{justifyContent:"flex-start"}});const de=e=>{let t=e.topics;return t&&t.length>0?r.a.createElement(ce.a,{state:ce.a.showTopicTags},r.a.createElement("nav",null,r.a.createElement(oe.a,{style:pe.topicsMetaContainer,topics:t}))):null};de.defaultProps={topics:null};var me=de;function ue(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function be(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?ue(Object(i),!0).forEach((function(t){ge(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):ue(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function ge(e,t,i){return t in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}u.a.shape({}).isRequired,u.a.func.isRequired,u.a.shape(be(be({},B.propTypes),ne.propTypes)),u.a.func,u.a.shape({}).isRequired,u.a.bool,u.a.string.isRequired,D.a.div.withConfig({displayName:"responsive__ParagraphContainer",componentId:"ix67u3-0"})(["padding-left:",";padding-right:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,y.breakpoints.wide),D.a.p.withConfig({displayName:"responsive__Paragraph",componentId:"ix67u3-1"})(["color:",";font-family:",";line-height:26px;font-size:","px;margin-bottom:",";margin-top:0;display:block;@media (min-width:","px){font-size:","px;line-height:30px;}"],y.colours.functional.primary,y.fontsWithFallback.bodyRegular,y.fontSizes.bodyMobile,Object(y.spacing)(5),y.breakpoints.medium,y.fontSizes.body),D.a.div.withConfig({displayName:"responsive__InteractiveContainer",componentId:"ix67u3-2"})(["padding-left:",";padding-right:",";margin-bottom:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;margin-bottom:",";}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(2),Object(y.spacing)(2),Object(y.spacing)(4),y.breakpoints.medium,Object(y.spacing)(4),y.breakpoints.wide),D()(c.TcView).withConfig({displayName:"responsive__LeadAsset",componentId:"ix67u3-3"})(["margin-bottom:",";@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){width:56.2%;margin:0 auto;padding-bottom:20px;}"],Object(y.spacing)(2),y.breakpoints.medium,Object(y.spacing)(4),y.breakpoints.wide);const fe=D()(c.TcView).withConfig({displayName:"responsive__LeadAssetCaptionContainer",componentId:"ix67u3-4"})(["margin-left:",";margin-right:",";@media (min-width:","px){width:80.8%;margin:0 auto;}@media (min-width:","px){width:100%;}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,y.breakpoints.wide);D()(c.TcView).withConfig({displayName:"responsive__PrimaryImg",componentId:"ix67u3-5"})(["width:100%;flex-direction:column;padding-bottom:",";@media (min-width:","px){width:80.8%;margin:0 auto;}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(5),y.breakpoints.medium,y.breakpoints.wide),D()(c.TcView).withConfig({displayName:"responsive__SecondaryImg",componentId:"ix67u3-6"})(["width:100%;flex-direction:row;flex-wrap:nowrap;padding-left:",";padding-right:",";padding-bottom:",";@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(2),Object(y.spacing)(2),Object(y.spacing)(5),y.breakpoints.medium,y.breakpoints.wide),D()(c.TcView).withConfig({displayName:"responsive__InlineImg",componentId:"ix67u3-7"})(["width:100%;flex-direction:row;flex-wrap:nowrap;padding-left:",";padding-right:",";padding-bottom:0;display:block;@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,y.breakpoints.wide),D()(c.TcView).withConfig({displayName:"responsive__PullQuoteResp",componentId:"ix67u3-8"})(["padding-left:",";padding-right:",";margin-bottom:",";@media (min-width:","px){width:50%;float:left;margin-right:",";margin-bottom:0px;margin-top:",";padding-left:0px;padding-right:0px;}"],Object(y.spacing)(2),Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,Object(y.spacing)(4),Object(y.spacing)(1)),D()(c.TcView).withConfig({displayName:"responsive__PullQuoteContainer",componentId:"ix67u3-9"})(["display:block;@media (min-width:","px){width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;}"],y.breakpoints.medium,y.breakpoints.wide);var he=i(17),we=i.n(he);D()(c.TcView).withConfig({displayName:"responsive__MainContainer",componentId:"cbxka9-0"})(["@media (min-width:","px){padding-top:",";margin:0 auto;display:block;}"],y.breakpoints.wide,Object(y.spacing)(4)),D()(c.TcView).withConfig({displayName:"responsive__HeaderAdContainer",componentId:"cbxka9-1"})(["display:none;@media (min-width:","px){display:flex;border-top-color:",";border-bottom-color:",";border-bottom-width:1px;padding-top:",";padding-bottom:",";}"],y.breakpoints.medium,y.colours.functional.keyline,y.colours.functional.keyline,Object(y.spacing)(2),Object(y.spacing)(2));const ye=D()(c.TcView).withConfig({displayName:"responsive__HeaderContainer",componentId:"cbxka9-2"})(["padding-left:",";padding-right:",";@media (min-width:","px){order:1;width:80.8%;margin:0 auto;padding-left:0;padding-right:0;}@media (min-width:","px){width:56.2%;margin-bottom:",";}"],Object(y.spacing)(2),Object(y.spacing)(2),y.breakpoints.medium,y.breakpoints.wide,Object(y.spacing)(3)),Oe=D()(c.TcView).withConfig({displayName:"responsive__MetaContainer",componentId:"cbxka9-3"})(["margin-bottom:",";padding-right:",";padding-left:",";position:absolute;left:0;width:20.8333%;z-index:1;top:100%;display:none;@media (min-width:","px){display:block;}"],Object(y.spacing)(4),Object(y.spacing)(4),Object(y.spacing)(4),y.breakpoints.wide),je=D()(c.TcView).withConfig({displayName:"responsive__ArticleMainStandardContainer",componentId:"cbxka9-4"})(["@media (min-width:","px){.inline-meta{display:none;}}"],y.breakpoints.wide),xe=D.a.div.withConfig({displayName:"responsive__HeaderTopContainer",componentId:"cbxka9-5"})(["position:relative;order:2;@media (min-width:","px){order:1;}"],y.breakpoints.wide),ve=D()(we.a).withConfig({displayName:"responsive__LeadAsset",componentId:"cbxka9-6"})(["margin-bottom:",";order:1;@media (min-width:","px){margin-bottom:",";}@media (min-width:","px){order:2;width:56.2%;margin-left:auto;margin-right:auto;}"],Object(y.spacing)(4),y.breakpoints.medium,Object(y.spacing)(6),y.breakpoints.wide),Pe=D.a.div.withConfig({displayName:"responsive__PuzzlesSidebar",componentId:"cbxka9-7"})(["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(y.spacing)(4),y.breakpoints.wide,Object(y.spacing)(8),y.breakpoints.huge,Object(y.spacing)(10));function ke(){return(ke=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var i=arguments[t];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(e[n]=i[n])}return e}).apply(this,arguments)}const Ce=e=>{let t=e.caption;return r.a.createElement(fe,null,r.a.createElement(d.a,t))};class Te extends n.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(),i=40;this.setState({initialPosition:t.top-i})}}componentWillUnmount(){window.removeEventListener("scroll",this.handleScroll)}handleScroll(){const e=this.sidebarRef.current;if(e){const t=e.getBoundingClientRect(),i=document.querySelector(".responsive__InlineAdWrapper-sc-4v1r4q-17"),n=document.getElementById("related-articles");let r=!1,o=!1;if(i){const e=i.getBoundingClientRect();r=e.top<=t.bottom&&e.bottom>=t.top}if(n){const e=n.getBoundingClientRect();o=e.top<=window.innerHeight&&e.bottom>=0}const a=this.state.initialPosition,c=40;if(r||o)e.style.transition="opacity 0.5s ease",e.style.opacity="0";else{const i=t.top<=c&&window.scrollY>a;e.style.transition="opacity 0.5s ease",e.style.opacity="1",e.style.position=i?"fixed":"absolute",e.style.top=i?"".concat(c,"px"):"100%"}}}renderHeader(){const e=this.props.article,t=e.bylines,i=e.hasVideo,o=e.headline,a=e.expirableFlags,p=e.label,d=e.publicationName,m=e.publishedTime,u=e.shortHeadline,b=e.standfirst,g=e.topics,f=e.updatedTime,h=e.section,w={bylines:t,publicationName:d,publishedTime:m};return r.a.createElement(n.Fragment,null,r.a.createElement(xe,null,r.a.createElement(ye,null,r.a.createElement(B,{flags:a,hasVideo:i,headline:Object(c.getHeadline)(o,u),label:p,standfirst:b,updatedTime:f})),r.a.createElement(Oe,null,r.a.createElement(ne,w),r.a.createElement(me,{topics:g})),Object(c.CanShowPuzzleSidebar)(h)&&r.a.createElement(l.NewsKitProvider,{theme:s.PuzzlesWebLightTheme},r.a.createElement(Pe,{ref:this.sidebarRef},r.a.createElement(s.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(ve,ke({},Object(c.getLeadAsset)(e),{renderCaption:Ce})),r.a.createElement(ne,ke({},w,{inline:!0,className:"inline-meta"})))}render(){const e=this.props,t=e.article,i=e.analyticsStream,n=e.error,o=e.isLoading,c=e.logoUrl,s=e.navigationMode,l=e.receiveChildList,p=e.commentingConfig,d=e.paidContentClassName,m=e.isPreview,u=e.swgProductId,b=e.getFallbackThumbnailUrl169,g=e.zephrDivs,f=e.storefrontConfig;return n||o?null:r.a.createElement(je,null,r.a.createElement(a.a,{analyticsStream:i,data:t,Header:this.renderHeader,logoUrl:c,getFallbackThumbnailUrl169:b,receiveChildList:l,navigationMode:s,commentingConfig:p,paidContentClassName:d,isPreview:m,swgProductId:u,zephrDivs:g,storefrontConfig:f}))}}Te.defaultProps={data:null,receiveChildList:()=>{}};t.default=Te}]);