https://www.theage.com.au/hashed-metro-assets/FeatureArticleHeader…leHeaderExplainer.4d6138e2c20681a7.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([["4018"],{6353:function(e,t,n){n.d(t,{Z:()=>l});var i,r,a=n(2784);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var i in n)({}).hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e}).apply(null,arguments)}let l=function(e){return a.createElement("svg",o({xmlns:"http://www.w3.org/2000/svg",width:165,height:35,viewBox:"0 0 165 35"},e),i||(i=a.createElement("title",null,"\n    Explainer\n  ")),r||(r=a.createElement("g",{fill:"none"},a.createElement("g",{fill:"currentColor"},a.createElement("path",{d:"M0.6 1.8L19.6 1.8 19.9 9.7 17.3 9.7C16.4 5.5 15 4.7 10.6 4.7L8.7 4.7 8.7 12.9 9.5 12.9C11.9 12.9 12.6 12 13.1 9L15.2 9 15.2 19.7 13 19.7C12.5 16.1 11.8 15.4 9.3 15.4L8.7 15.4 8.7 24 10.5 24C15.8 24 17.3 22.6 18.1 18L20.6 18 20.4 27 0.6 27 0.6 24.3 2.8 24 2.8 4.8 0.6 4.5 0.6 1.8ZM42.1 24.5L42.1 27 31.9 27 31.9 24.5 33.7 24.3 33.7 24 30.8 20.2 27.8 24 27.8 24.3 29.6 24.5 29.6 27 22.5 27 22.5 24.5 24.2 24.3 29.1 18.3 23.7 11.6 22.1 11.4 22.1 9 32.1 9 32.1 11.4 30.3 11.6 30.3 11.8 32.9 15.3 35.8 11.8 35.8 11.6 34.4 11.4 34.4 9 41.1 9 41.1 11.4 39.4 11.6 34.6 17 40.3 24.3 42.1 24.5ZM43.1 34.2L43.1 31.7 45.3 31.4 45.3 11.6 43.1 11.3 43.1 9 50 9 50.2 11.6C51.1 9.9 52.9 8.6 55.9 8.6 60.4 8.6 62.8 11.8 62.8 17.7 62.8 23.8 60.1 27.4 55.3 27.4 53.2 27.4 51.6 26.8 50.7 25.7L50.7 31.4 54 31.8 54 34.2 43.1 34.2ZM53.9 11.3C51.9 11.3 50.7 13.2 50.7 15.9L50.7 20.8C50.7 23.4 51.9 24.9 53.9 24.9 56.4 24.9 57 22.6 57 18 57 13.8 56.5 11.3 53.9 11.3ZM64.7 0.2L72.6 0.2 72.6 24.3 74.9 24.5 74.9 27 64.7 27 64.7 24.5 67 24.3 67 2.9 64.7 2.6 64.7 0.2ZM83.9 17.6L86.4 17.6 86.4 15C86.4 12.2 85.8 10.6 83.4 10.6 82.3 10.6 81.4 10.9 81.4 11.8 81.4 12 81.4 12.1 81.5 12.3L82.8 12.3C82.9 12.8 83 13.3 83 13.7 83 15.2 82.2 16.2 80.3 16.2 78.4 16.2 77.5 14.9 77.5 13.4 77.5 10.5 80 8.6 84.6 8.6 89.2 8.6 92 10.2 92 15.4L92 22.8C92 24.1 92 24.7 92.7 24.7 93 24.7 93.4 24.7 93.9 24.4L94.4 26.3C93.7 26.7 92.3 27.4 90.5 27.4 88.4 27.4 87.6 26.6 87.1 24.7 86.3 26.3 84.9 27.4 81.8 27.4 79 27.4 76.7 26.1 76.7 22.7 76.7 18.8 79.3 17.6 83.9 17.6ZM84.2 24.8C85.4 24.8 86.4 24 86.4 21.9L86.4 19.5 85.1 19.5C83 19.5 82.3 20.4 82.3 22.2 82.3 23.9 82.9 24.8 84.2 24.8ZM95.3 9L103.4 8.9 103.4 24.3 106 24.5 106 27 95.2 27 95.2 24.5 97.9 24.3 97.9 11.6 95.3 11.4 95.3 9ZM96.8 3.5C96.8 1.8 97.7 0.3 100.2 0.3 102.2 0.3 103.4 1.3 103.4 3.4 103.4 5.3 102.5 6.6 100.1 6.6 97.5 6.6 96.8 4.9 96.8 3.5ZM107.3 9L114.2 9 114.6 12.1C115.5 10.3 117 8.6 120.5 8.6 123.9 8.6 125.9 10.2 125.9 14.4L125.9 24.2 128.1 24.5 128.1 27 118.8 27 118.8 24.5 120.4 24.2 120.4 15C120.4 13.1 120.2 11.8 118.3 11.8 116.4 11.8 115 13 115 15.9L115 24.2 116.8 24.5 116.8 27 107.3 27 107.3 24.5 109.5 24.2 109.5 11.7 107.3 11.3 107.3 9ZM129.8 18.3C129.8 12.1 133.4 8.6 138.4 8.6 142.9 8.6 146 11.1 146 16.5 146 17 146 18 146 18.5L135.5 18.5C135.6 21.8 136.3 24.4 139.4 24.4 141.5 24.4 142.5 23.1 143.4 21.2L145.9 22.1C144.8 25.5 142.2 27.4 138.5 27.4 132.8 27.4 129.8 23.8 129.8 18.3ZM135.6 16.2L140.4 16.2 140.4 15.4C140.4 12.1 140 10.7 138.2 10.7 136.2 10.7 135.6 13.1 135.6 16.2ZM155.7 24.2L159.7 24.5 159.7 27 147.9 27 147.9 24.5 150.2 24.2 150.2 11.7 147.9 11.4 147.9 9 155.1 9 155.4 11.9C156.3 10.3 157.7 8.6 160.6 8.6 162.9 8.6 164.7 10 164.7 12.9 164.7 15.3 163.4 16.6 161.4 16.6 159.2 16.6 158.4 15.2 158.4 13.3L159.9 12.9C159.9 12.7 159.9 12.6 159.9 12.4 159.9 11.8 159.5 11.6 158.9 11.6 156.9 11.6 155.7 14 155.7 16.7L155.7 24.2Z"})))))}},78237:function(e,t,n){n.r(t),n.d(t,{default:()=>M});var i={};n.r(i),n.d(i,{AuthorContainer:()=>q,Banner:()=>L,DateItem:()=>B,ExplainerIcon:()=>v,ExplainerIconLines:()=>y,Header:()=>w,HeaderContent:()=>I,HeaderWrapper:()=>b,Headline:()=>j,ImageContainer:()=>H,Intro:()=>z,LabelWrapper:()=>E});var r={};n.r(r),n.d(r,{AuthorContainer:()=>q,Banner:()=>L,DateItem:()=>B,ExplainerIcon:()=>v,ExplainerIconLines:()=>y,Header:()=>w,HeaderContent:()=>I,HeaderWrapper:()=>b,Headline:()=>P,ImageContainer:()=>H,Intro:()=>z,LabelWrapper:()=>E});var a=n(52322),o=n(6353),l=n(46138),p=n(36021),d=n(98051),m=n(53299),x=n(57817),h=n(29754),c=n(53896),g=n(72649),s=n(79916),f=n(66357),u=n(45734),Z=n(79644),C=n(78943);let w=C.ZP.header.withConfig({componentId:"sc-2d790a56-0"})(["background:",";border-bottom:0;display:flow-root;margin-bottom:24px;margin-top:0;padding-bottom:20px;padding-top:0;position:relative;@media ","{margin-bottom:32px;}"],e=>

1e.theme.colorExplainerBannerBackground,Z.Z.query.medium),L=C.ZP.div.withConfig({componentId:"sc-2d790a56-1"})(["background:",";bottom:0;content:'';left:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:absolute;top:0;width:100vw;z-index:-1;@media ","{content:none;}"],e=>e.theme.colorExplainerBannerBackground,Z.Z.query.printOnly),b=C.ZP.div.withConfig({componentId:"sc-2d790a56-2"})(["display:flex;flex-direction:column;@media ","{flex-direction:row;}"],Z.Z.query.medium),E=C.ZP.div.withConfig({componentId:"sc-2d790a56-3"})(["position:relative;text-align:center;@media ","{margin-left:-12%;margin-right:2%;text-align:right;width:",";}"],Z.Z.query.medium,Z.Z.columnWidth(4,12,"2%")),v=C.ZP.svg.withConfig({componentId:"sc-2d790a56-4"})(["color:",";font-size:24px;height:24px;line-height:24px;margin-top:20px;position:relative;width:111px;z-index:1;@media ","{margin-right:24px;margin-top:66px;}@media ","{font-size:34px;height:35px;line-height:34px;margin-top:90px;width:160px;}"],e=>e.theme.colorExplainer,Z.Z.query.medium,Z.Z.query.large),y=C.ZP.div.withConfig({componentId:"sc-2d790a56-5"})(["background:linear-gradient(to right,",",",") top,linear-gradient(to right,",",",") bottom;background-repeat:no-repeat;background-size:100% 4px,100% 1px;height:8px;margin-bottom:0;margin-left:calc(-50% + 55px);margin-top:7px;position:relative;transform:translateY(-50%);transition:width 1s ease-out;width:100%;z-index:0;@media ","{background-size:100% 6px,100% 1px;height:10px;margin-bottom:28px;margin-left:0;margin-top:3px;right:0;transform:translateX(-24px);width:100%;}@media ","{left:calc(-100vw + ","px);position:absolute;width:100vw;}@media ","{width:calc(163px + 4vw);}"],e=>e.theme.colorExplainer,e=>e.theme.colorExplainer,e=>e.theme.colorExplainer,e=>e.theme.colorExplainer,Z.Z.query.medium,Z.Z.query.large,Z.Z.columnWidth(4,12,"2%"),Z.Z.query.extraExtraLarge),I=C.ZP.div.withConfig({componentId:"sc-2d790a56-6"})(["margin-top:0;text-align:center;@media ","{margin-bottom:4px;margin-top:-8px;text-align:left;width:",";}@media ","{margin-bottom:28px;margin-top:16px;}"],Z.Z.query.medium,Z.Z.columnWidth(8,12,"2%"),Z.Z.query.large),j=C.ZP.h1.withConfig({componentId:"sc-2d790a56-7"})(["color:",";font-family:",";font-size:28px;font-weight:normal;line-height:32px;margin-bottom:8px;margin-top:-8px;@media ","{font-size:36px;line-height:40px;margin-top:-8px;}@media ","{font-size:48px;line-height:56px;margin-top:-14px;}"],e=>e.theme.colorExplainerBannerText,e=>e.theme.fontTertiary,Z.Z.query.medium,Z.Z.query.large),z=C.ZP.p.withConfig({componentId:"sc-2d790a56-8"})(["color:",";font-family:",";font-size:17px;line-height:24px;margin-bottom:16px;@media ","{font-size:18px;line-height:26px;}@media ","{font-size:22px;line-height:32px;}"],e=>e.theme.colorExplainerBannerText,e=>e.theme.fontSecondary,Z.Z.query.medium,Z.Z.query.large),q=C.ZP.div.withConfig({componentId:"sc-2d790a56-9"})(["color:",";font-size:16px;font-weight:700;line-height:24px;margin-bottom:2px;",",","{color:",";font-size:16px;font-weight:700;}"],e=>e.theme.colorExplainerBannerText,u.AuthorLink,u.AuthorName,e=>e.theme.colorExplainerBannerLinkText),B=C.ZP.div.withConfig({componentId:"sc-2d790a56-10"})(["color:",";font-family:",";font-size:13px;font-weight:bold;letter-spacing:1px;line-height:24px;text-transform:uppercase;"],e=>e.theme.colorExplainerBannerText,e=>e.theme.fontPrimary),H=C.ZP.div.withConfig({componentId:"sc-2d790a56-11"})(["",";margin:20px 0 24px;@media ","{margin-bottom:32px;}"],Z.Z.featureArticleCentre,Z.Z.query.medium),P=(0,C.ZP)(j).withConfig({componentId:"sc-f4727014-0"})(["font-weight:600;"]),M=({asset:e})=>{let t=(0,s.Un)((0,c.TH)().pathname),n=t===g.zE?r:i,{byline:u,dates:Z,extensions:C,headlines:w,overview:L}=e,{published:b}=Z,{leadImage:E}=C||{},{headline:v}=w,{intro:y}=L||{};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(n.Header,{children:[(0,a.jsx)(x.Z,{asset:e,light:!0,thick:!0,variant:"block"}),(0,a.jsx)(n.Banner,{}),(0,a.jsxs)(n.HeaderWrapper,{children:[(0,a.jsxs)(n.LabelWrapper,{children:[(0,a.jsx)(n.ExplainerIcon,{as:o.Z}),(0,a.jsx)(n.ExplainerIconLines,{})]}),(0,a.jsxs)(n.HeaderContent,{children:[(0,a.jsx)(p.Z,{asset:e,lightLabel:t!==g.zE,showCategory:!1,showLabel:!1}),(0,a.jsx)(n.Headline,{"data-testid":"headline",children:v}),y&&(0,a.jsx)(n.Intro,{"data-testid":"article-intro",children:y}),(0,a.jsx)(n.AuthorContainer,{children:(0,l.L)(u,t)}),(0,a.jsx)(n.DateItem,{children:(0,a.jsx)(h.Z,{showTime:!1,timestamp:b})})]})]})]}),(0,a.jsx)(m.x,{assetType:e.type,pianoId:d.M0}),E&&(0,a.jsx)(n.ImageContainer,{children:(0,a.jsx)(f.default,{headline:w.headline,image:E?.landscape16x9||E?.landscape3x2||E?.portrait2x3||E?.square1x1})})]})}}}]);