@times-components/article-main-standard 3.82.11-alpha.6 → 3.82.12-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/article-main-standard.js +1 -81
  3. package/dist/styles/responsive.js +2 -9
  4. package/package.json +3 -5
  5. package/rnw.js +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [3.82.12](https://github.com/newsuk/times-components/compare/@times-components/article-main-standard@3.82.11...@times-components/article-main-standard@3.82.12) (2023-11-24)
7
+
8
+ **Note:** Version bump only for package @times-components/article-main-standard
9
+
10
+
11
+
12
+
13
+
6
14
  ## [3.82.11](https://github.com/newsuk/times-components/compare/@times-components/article-main-standard@3.82.10...@times-components/article-main-standard@3.82.11) (2023-11-23)
7
15
 
8
16
  **Note:** Version bump only for package @times-components/article-main-standard
package/dist/article-main-standard.js CHANGED
@@ -11,10 +11,6 @@ var _articleSkeleton = _interopRequireDefault(require("@times-components/article
11
11
 
12
12
  var _utils = require("@times-components/utils");
13
13
 
14
- var _tsNewskit = require("@times-components/ts-newskit");
15
-
16
- var _newskit = require("newskit");
17
-
18
14
  var _caption = _interopRequireDefault(require("@times-components/caption"));
19
15
 
20
16
  var _articleHeader = _interopRequireDefault(require("./article-header/article-header"));
@@ -46,62 +42,6 @@ class ArticlePage extends _react.Component {
46
42
  constructor(props) {
47
43
  super(props);
48
44
  this.renderHeader = this.renderHeader.bind(this);
49
- this.state = {
50
- initialPosition: 0
51
- };
52
- this.sidebarRef = _react.default.createRef();
53
- this.handleScroll = this.handleScroll.bind(this);
54
- }
55
-
56
- componentDidMount() {
57
- window.addEventListener("scroll", this.handleScroll);
58
- const sidebarNode = this.sidebarRef.current;
59
-
60
- if (sidebarNode) {
61
- const rect = sidebarNode.getBoundingClientRect();
62
- this.setState({
63
- initialPosition: rect.top
64
- });
65
- }
66
- }
67
-
68
- componentWillUnmount() {
69
- window.removeEventListener("scroll", this.handleScroll);
70
- }
71
-
72
- handleScroll() {
73
- const sidebarNode = this.sidebarRef.current;
74
-
75
- if (sidebarNode) {
76
- const rect = sidebarNode.getBoundingClientRect();
77
- const adElement = document.querySelector(".responsive__InlineAdWrapper-sc-4v1r4q-17");
78
- const relatedArticlesElement = document.getElementById("related-articles");
79
- let isAdIntersecting = false;
80
- let isRelatedArticlesIntersecting = false;
81
-
82
- if (adElement) {
83
- const adRect = adElement.getBoundingClientRect();
84
- isAdIntersecting = adRect.top <= rect.bottom && adRect.bottom >= rect.top;
85
- }
86
-
87
- if (relatedArticlesElement) {
88
- const relatedArticlesRect = relatedArticlesElement.getBoundingClientRect();
89
- isRelatedArticlesIntersecting = relatedArticlesRect.top <= window.innerHeight && relatedArticlesRect.bottom >= 0;
90
- }
91
-
92
- const initialPosition = this.state.initialPosition;
93
-
94
- if (isAdIntersecting || isRelatedArticlesIntersecting) {
95
- sidebarNode.style.transition = "opacity 0.5s ease";
96
- sidebarNode.style.opacity = "0";
97
- } else {
98
- const isScrolled = rect.top <= 0 && window.scrollY > initialPosition;
99
- sidebarNode.style.transition = "opacity 0.5s ease";
100
- sidebarNode.style.opacity = "1";
101
- sidebarNode.style.position = isScrolled ? "fixed" : "absolute";
102
- sidebarNode.style.top = isScrolled ? "0" : "100%";
103
- }
104
- }
105
45
  }
106
46
 
107
47
  renderHeader() {
@@ -131,27 +71,7 @@ class ArticlePage extends _react.Component {
131
71
  updatedTime: updatedTime
132
72
  })), /*#__PURE__*/_react.default.createElement(_responsive2.MetaContainer, null, /*#__PURE__*/_react.default.createElement(_articleMeta.default, metaProps), /*#__PURE__*/_react.default.createElement(_articleTopics.default, {
133
73
  topics: topics
134
- })), /*#__PURE__*/_react.default.createElement(_newskit.NewsKitProvider, {
135
- theme: _tsNewskit.PuzzlesWebLightTheme
136
- }, /*#__PURE__*/_react.default.createElement(_responsive2.PuzzlesSidebar, {
137
- ref: this.sidebarRef
138
- }, /*#__PURE__*/_react.default.createElement(_tsNewskit.ArticleSidebar, {
139
- pageLink: "https://www.thetimes.co.uk/puzzles",
140
- sectionTitle: "Puzzles",
141
- data: [{
142
- title: "Crossword",
143
- url: "https://www.thetimes.co.uk/puzzles/crossword",
144
- imgUrl: "https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"
145
- }, {
146
- title: "Polygon",
147
- url: "https://www.thetimes.co.uk/puzzles/word-puzzles",
148
- imgUrl: "https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"
149
- }, {
150
- title: "Sudoku",
151
- url: "https://www.thetimes.co.uk/puzzles/sudoku",
152
- imgUrl: "https://www.thetimes.co.uk/imageserver/image/%2Fpuzzles%2Ficons%2F33b27655-dcc9-421f-906f-b2b10dd26865.png?crop=1250%2C833%2C0%2C0&resize=500"
153
- }]
154
- })))), /*#__PURE__*/_react.default.createElement(_responsive2.LeadAsset, _extends({}, (0, _utils.getLeadAsset)(article), {
74
+ }))), /*#__PURE__*/_react.default.createElement(_responsive2.LeadAsset, _extends({}, (0, _utils.getLeadAsset)(article), {
155
75
  renderCaption: renderCaption
156
76
  })), /*#__PURE__*/_react.default.createElement(_articleMeta.default, _extends({}, metaProps, {
157
77
  inline: true,
package/dist/styles/responsive.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.PuzzlesSidebar = exports.LeadAsset = exports.HeaderTopContainer = exports.ArticleMainStandardContainer = exports.MetaContainer = exports.HeaderContainer = exports.HeaderAdContainer = exports.MainContainer = void 0;
6
+ exports.LeadAsset = exports.HeaderTopContainer = exports.ArticleMainStandardContainer = exports.MetaContainer = exports.HeaderContainer = exports.HeaderAdContainer = exports.MainContainer = void 0;
7
7
 
8
8
  var _utils = require("@times-components/utils");
9
9
 
@@ -57,11 +57,4 @@ const LeadAsset = (0, _styledComponents.default)(_articleLeadAsset.default).with
57
57
  displayName: "responsive__LeadAsset",
58
58
  componentId: "cbxka9-6"
59
59
  })(["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;}"], (0, _tsStyleguide.spacing)(4), _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(6), _tsStyleguide.breakpoints.wide);
60
- exports.LeadAsset = LeadAsset;
61
-
62
- const PuzzlesSidebar = _styledComponents.default.div.withConfig({
63
- displayName: "responsive__PuzzlesSidebar",
64
- componentId: "cbxka9-7"
65
- })(["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));
66
-
67
- exports.PuzzlesSidebar = PuzzlesSidebar;
60
+ exports.LeadAsset = LeadAsset;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@times-components/article-main-standard",
3
- "version": "3.82.11-alpha.6+764b1239f0",
3
+ "version": "3.82.12-alpha.3+42500e12f1",
4
4
  "description": "Main Standard Article Template",
5
5
  "main": "dist/article-main-standard",
6
6
  "dev": "src/article-main-standard",
@@ -56,19 +56,17 @@
56
56
  "@times-components/article-byline": "^3.13.15",
57
57
  "@times-components/article-label": "^2.16.1",
58
58
  "@times-components/article-lead-asset": "^1.17.4",
59
- "@times-components/article-skeleton": "^1.115.11",
59
+ "@times-components/article-skeleton": "^1.115.12-alpha.3+42500e12f1",
60
60
  "@times-components/article-topics": "^4.11.15",
61
61
  "@times-components/caption": "^3.8.15",
62
62
  "@times-components/context": "^1.10.37",
63
63
  "@times-components/date-publication": "^0.28.1",
64
64
  "@times-components/responsive": "^0.17.1",
65
65
  "@times-components/ts-components": "^1.81.7",
66
- "@times-components/ts-newskit": "^1.139.2",
67
66
  "@times-components/ts-styleguide": "^1.48.1",
68
67
  "@times-components/user-state": "^0.5.11",
69
68
  "@times-components/utils": "^6.16.21",
70
69
  "@times-components/video-label": "^2.11.22",
71
- "newskit": "7.2.0",
72
70
  "prop-types": "15.7.2",
73
71
  "styled-components": "4.3.2"
74
72
  },
@@ -83,5 +81,5 @@
83
81
  "publishConfig": {
84
82
  "access": "public"
85
83
  },
86
- "gitHead": "764b1239f092f459439b0e0487f954df881d1577"
84
+ "gitHead": "42500e12f12ae78bd8528813a461bd79bf4849e9"
87
85
  }
package/rnw.js CHANGED
@@ -1 +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={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,h),r.a.createElement(me,{topics:g})),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({},h,{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}]);
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("@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-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("@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,n){"use strict";n.r(t);var i=n(1),r=n.n(i),a=n(5),o=n.n(a),c=n(2),s=n(9),l=n.n(s),p=n(3),d=n.n(p),m=n(6),u=n(10),b=n.n(u),g=n(11),f=n.n(g),h=n(0),O=n(12),w=n.n(O);var y={articleMainContentRow:{paddingLeft:Object(h.spacing)(2),paddingRight:Object(h.spacing)(2)}};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}var P={articleHeadlineSpacer:{marginBottom:Object(h.spacing)(3)},articleHeadLineText:x(x({},Object(h.fontFactory)({font:"headline",fontSize:"headline"})),{},{color:h.colours.functional.brandColour,marginBottom:7}),articleHeadLineTextTablet:x({},Object(h.fontFactory)({font:"headline",fontSize:"articleHeadline"})),articleLabel:{paddingBottom:Object(h.spacing)(1),paddingTop:Object(h.spacing)(1)},flags:{marginBottom:Object(h.spacing)(2)},headerTablet:{marginTop:Object(h.spacing)(6)},standFirst:x(x({},Object(h.fontFactory)({font:"headlineRegular",fontSize:"smallestHeadline"})),{},{color:h.colours.functional.primary,paddingBottom:Object(h.spacing)(2)})};function k(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 T(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var E=T(T({},y),P),_=n(4),S=n.n(_);const D=S.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;}"],h.fontSizes.headline,h.colours.functional.brandColour,h.fontsWithFallback.headline,e=>e.styles&&e.styles,h.breakpoints.medium,h.fontSizes.articleHeadline),I=S()(c.TcView).withConfig({displayName:"responsive__LabelContainer",componentId:"sc-15mjcnq-1"})(["@media (min-width:","px){margin-top:0px;}"],h.breakpoints.wide);var N,q=(N=(e,t)=>r.a.createElement(I,e,t),e=>{let t=e.isVideo,n=e.label;if(!t&&!n)return null;const i=t?w.a:b.a;return N({style:E.articleLabel,testID:"label"},r.a.createElement(f.a.Consumer,null,e=>{let t=e.theme.sectionColour;return r.a.createElement(i,{color:t||h.colours.section.default,title:n})}))});function V(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 M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const F=e=>{let t=e.standfirst;if(!t)return null;const n=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?V(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):V(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},E.standFirst);return r.a.createElement(c.TcText,{role:"heading","aria-level":"2",style:Object(c.checkStylesForUnits)(n),"data-testid":"standfirst"},t)};F.defaultProps={standfirst:null};var L=F;const H=e=>{let t=e.flags,n=e.hasVideo,i=e.headline,a=e.label,o=e.standfirst,s=e.style,l=e.updatedTime;return r.a.createElement(c.TcView,{style:s},r.a.createElement(q,{isVideo:n,label:a}),r.a.createElement(D,{role:"heading","aria-level":"1",styles:Object(c.checkStylesForUnits)(E.articleHeadLineText)},i),r.a.createElement(L,{standfirst:o}),r.a.createElement(c.TcView,{style:E.flags},r.a.createElement(m.UpdatedTimeProvider,{updatedTime:l},r.a.createElement(m.ArticleFlags,{flags:t}))))};H.defaultProps={flags:[],hasVideo:!1,label:null,standfirst:null,style:{},updatedTime:null};var z=H,R=n(7),B=n(13),A=n.n(B);const U=d.a.shape({text:d.a.string}),W={attributes:d.a.object.isRequired,name:d.a.string.isRequired},K={children:d.a.arrayOf(d.a.oneOfType([d.a.shape(W),U])).isRequired};d.a.arrayOf(d.a.shape(K)),d.a.func,d.a.string,d.a.string;function Q(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?Q(Object(n),!0).forEach((function(t){J(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Q(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}function X(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 Y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Z=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?X(Object(n),!0).forEach((function(t){Y(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):X(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{articleMeta:{borderBottomColor:h.colours.functional.keyline,borderBottomWidth:1,marginBottom:Object(h.spacing)(4),marginLeft:Object(h.spacing)(2),marginRight:Object(h.spacing)(2),paddingBottom:Object(h.spacing)(2),paddingLeft:0,paddingRight:0},articleMetaElement:{paddingTop:Object(h.spacing)(2)},articleMetaElementWithBorder:{paddingTop:Object(h.spacing)(2),borderTopColor:h.colours.functional.keyline,borderTopWidth:1},articleMetaTablet:{marginLeft:0,marginRight:0},byline:G(G({},Object(h.fontFactory)({font:"supporting",fontSize:"cardMeta"})),{},{color:h.colours.functional.secondary}),datePublication:G({color:h.colours.functional.secondary},Object(h.fontFactory)({font:"supporting",fontSize:"cardMeta"}))});const $=S()(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(h.spacing)(2),Object(h.spacing)(2),h.breakpoints.wide,Object(h.spacing)(2));function ee(e){let t=e.bylines,n=e.publicationName,i=e.publishedTime,o=e.onAuthorPress,s=e.inline,l=void 0!==s&&s,p=e.className,d=void 0===p?"":p;const m=Object(R.hasBylineData)(t)?r.a.createElement($,null,r.a.createElement(c.TcText,{style:Object(c.checkStylesForUnits)(Z.byline)},r.a.createElement(R.ArticleBylineWithLinks,{ast:t,onAuthorPress:o}))):null,u=r.a.createElement($,null,r.a.createElement(c.TcText,{style:Object(c.checkStylesForUnits)(Z.datePublication)},r.a.createElement(A.a,{date:i,publication:n}))),b=l?a.ArticleKeylineItem:a.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)))}ee.defaultProps={bylines:[],publicationName:null,publishedTime:null};var te=ee,ne=n(14),ie=n.n(ne),re=n(8),ae=n.n(re);function oe(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 se=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?oe(Object(n),!0).forEach((function(t){ce(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):oe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},{topicsContainer:{borderTopColor:h.colours.functional.keyline,borderTopWidth:1},topicsMetaContainer:{justifyContent:"flex-start"}});const le=e=>{let t=e.topics;return t&&t.length>0?r.a.createElement(ae.a,{state:ae.a.showTopicTags},r.a.createElement("nav",null,r.a.createElement(ie.a,{style:se.topicsMetaContainer,topics:t}))):null};le.defaultProps={topics:null};var pe=le;function de(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 me(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?de(Object(n),!0).forEach((function(t){ue(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):de(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function ue(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}d.a.shape({}).isRequired,d.a.func.isRequired,d.a.shape(me(me({},z.propTypes),te.propTypes)),d.a.func,d.a.shape({}).isRequired,d.a.bool,d.a.string.isRequired,S.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(h.spacing)(2),Object(h.spacing)(2),h.breakpoints.medium,h.breakpoints.wide),S.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;}"],h.colours.functional.primary,h.fontsWithFallback.bodyRegular,h.fontSizes.bodyMobile,Object(h.spacing)(5),h.breakpoints.medium,h.fontSizes.body),S.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(h.spacing)(2),Object(h.spacing)(2),Object(h.spacing)(4),h.breakpoints.medium,Object(h.spacing)(4),h.breakpoints.wide),S()(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(h.spacing)(2),h.breakpoints.medium,Object(h.spacing)(4),h.breakpoints.wide);const be=S()(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(h.spacing)(2),Object(h.spacing)(2),h.breakpoints.medium,h.breakpoints.wide);S()(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(h.spacing)(5),h.breakpoints.medium,h.breakpoints.wide),S()(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(h.spacing)(2),Object(h.spacing)(2),Object(h.spacing)(5),h.breakpoints.medium,h.breakpoints.wide),S()(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(h.spacing)(2),Object(h.spacing)(2),h.breakpoints.medium,h.breakpoints.wide),S()(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(h.spacing)(2),Object(h.spacing)(2),Object(h.spacing)(2),h.breakpoints.medium,Object(h.spacing)(4),Object(h.spacing)(1)),S()(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%;}"],h.breakpoints.medium,h.breakpoints.wide);var ge=n(15),fe=n.n(ge);S()(c.TcView).withConfig({displayName:"responsive__MainContainer",componentId:"cbxka9-0"})(["@media (min-width:","px){padding-top:",";margin:0 auto;display:block;}"],h.breakpoints.wide,Object(h.spacing)(4)),S()(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:",";}"],h.breakpoints.medium,h.colours.functional.keyline,h.colours.functional.keyline,Object(h.spacing)(2),Object(h.spacing)(2));const he=S()(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(h.spacing)(2),Object(h.spacing)(2),h.breakpoints.medium,h.breakpoints.wide,Object(h.spacing)(3)),Oe=S()(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(h.spacing)(4),Object(h.spacing)(4),Object(h.spacing)(4),h.breakpoints.wide),we=S()(c.TcView).withConfig({displayName:"responsive__ArticleMainStandardContainer",componentId:"cbxka9-4"})(["@media (min-width:","px){.inline-meta{display:none;}}"],h.breakpoints.wide),ye=S.a.div.withConfig({displayName:"responsive__HeaderTopContainer",componentId:"cbxka9-5"})(["position:relative;order:2;@media (min-width:","px){order:1;}"],h.breakpoints.wide),je=S()(fe.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(h.spacing)(4),h.breakpoints.medium,Object(h.spacing)(6),h.breakpoints.wide);function xe(){return(xe=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)}const ve=e=>{let t=e.caption;return r.a.createElement(be,null,r.a.createElement(l.a,t))};class Pe extends i.Component{constructor(e){super(e),this.renderHeader=this.renderHeader.bind(this)}renderHeader(){const e=this.props.article,t=e.bylines,n=e.hasVideo,a=e.headline,o=e.expirableFlags,s=e.label,l=e.publicationName,p=e.publishedTime,d=e.shortHeadline,m=e.standfirst,u=e.topics,b=e.updatedTime,g={bylines:t,publicationName:l,publishedTime:p};return r.a.createElement(i.Fragment,null,r.a.createElement(ye,null,r.a.createElement(he,null,r.a.createElement(z,{flags:o,hasVideo:n,headline:Object(c.getHeadline)(a,d),label:s,standfirst:m,updatedTime:b})),r.a.createElement(Oe,null,r.a.createElement(te,g),r.a.createElement(pe,{topics:u}))),r.a.createElement(je,xe({},Object(c.getLeadAsset)(e),{renderCaption:ve})),r.a.createElement(te,xe({},g,{inline:!0,className:"inline-meta"})))}render(){const e=this.props,t=e.article,n=e.analyticsStream,i=e.error,a=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 i||a?null:r.a.createElement(we,null,r.a.createElement(o.a,{analyticsStream:n,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}))}}Pe.defaultProps={data:null,receiveChildList:()=>{}};t.default=Pe}]);