{children}
\n);\n\nButtonGroup.propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,\n className: PropTypes.string,\n};\n\nButtonGroup.defaultProps = {\n className: undefined,\n};\n\nexport const ButtonPaginationGroup = ({ children, className }) => (\n {children}
\n);\n\nButtonPaginationGroup.propTypes = {\n children: PropTypes.oneOfType([PropTypes.node, PropTypes.arrayOf(PropTypes.node)]).isRequired,\n className: PropTypes.string,\n};\n\nButtonPaginationGroup.defaultProps = {\n className: undefined,\n};\n\nexport default Button;\n","export function initRange(domain, range) {\n switch (arguments.length) {\n case 0: break;\n case 1: this.range(domain); break;\n default: this.range(range).domain(domain); break;\n }\n return this;\n}\n\nexport function initInterpolator(domain, interpolator) {\n switch (arguments.length) {\n case 0: break;\n case 1: {\n if (typeof domain === \"function\") this.interpolator(domain);\n else this.range(domain);\n break;\n }\n default: {\n this.domain(domain);\n if (typeof interpolator === \"function\") this.interpolator(interpolator);\n else this.range(interpolator);\n break;\n }\n }\n return this;\n}\n","export var deg2rad = Math.PI / 180;\nexport var rad2deg = 180 / Math.PI;\n","import define, {extend} from \"./define.js\";\nimport {Color, rgbConvert, Rgb} from \"./color.js\";\nimport {deg2rad, rad2deg} from \"./math.js\";\n\n// https://observablehq.com/@mbostock/lab-and-rgb\nvar K = 18,\n Xn = 0.96422,\n Yn = 1,\n Zn = 0.82521,\n t0 = 4 / 29,\n t1 = 6 / 29,\n t2 = 3 * t1 * t1,\n t3 = t1 * t1 * t1;\n\nfunction labConvert(o) {\n if (o instanceof Lab) return new Lab(o.l, o.a, o.b, o.opacity);\n if (o instanceof Hcl) return hcl2lab(o);\n if (!(o instanceof Rgb)) o = rgbConvert(o);\n var r = rgb2lrgb(o.r),\n g = rgb2lrgb(o.g),\n b = rgb2lrgb(o.b),\n y = xyz2lab((0.2225045 * r + 0.7168786 * g + 0.0606169 * b) / Yn), x, z;\n if (r === g && g === b) x = z = y; else {\n x = xyz2lab((0.4360747 * r + 0.3850649 * g + 0.1430804 * b) / Xn);\n z = xyz2lab((0.0139322 * r + 0.0971045 * g + 0.7141733 * b) / Zn);\n }\n return new Lab(116 * y - 16, 500 * (x - y), 200 * (y - z), o.opacity);\n}\n\nexport function gray(l, opacity) {\n return new Lab(l, 0, 0, opacity == null ? 1 : opacity);\n}\n\nexport default function lab(l, a, b, opacity) {\n return arguments.length === 1 ? labConvert(l) : new Lab(l, a, b, opacity == null ? 1 : opacity);\n}\n\nexport function Lab(l, a, b, opacity) {\n this.l = +l;\n this.a = +a;\n this.b = +b;\n this.opacity = +opacity;\n}\n\ndefine(Lab, lab, extend(Color, {\n brighter: function(k) {\n return new Lab(this.l + K * (k == null ? 1 : k), this.a, this.b, this.opacity);\n },\n darker: function(k) {\n return new Lab(this.l - K * (k == null ? 1 : k), this.a, this.b, this.opacity);\n },\n rgb: function() {\n var y = (this.l + 16) / 116,\n x = isNaN(this.a) ? y : y + this.a / 500,\n z = isNaN(this.b) ? y : y - this.b / 200;\n x = Xn * lab2xyz(x);\n y = Yn * lab2xyz(y);\n z = Zn * lab2xyz(z);\n return new Rgb(\n lrgb2rgb( 3.1338561 * x - 1.6168667 * y - 0.4906146 * z),\n lrgb2rgb(-0.9787684 * x + 1.9161415 * y + 0.0334540 * z),\n lrgb2rgb( 0.0719453 * x - 0.2289914 * y + 1.4052427 * z),\n this.opacity\n );\n }\n}));\n\nfunction xyz2lab(t) {\n return t > t3 ? Math.pow(t, 1 / 3) : t / t2 + t0;\n}\n\nfunction lab2xyz(t) {\n return t > t1 ? t * t * t : t2 * (t - t0);\n}\n\nfunction lrgb2rgb(x) {\n return 255 * (x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055);\n}\n\nfunction rgb2lrgb(x) {\n return (x /= 255) <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);\n}\n\nfunction hclConvert(o) {\n if (o instanceof Hcl) return new Hcl(o.h, o.c, o.l, o.opacity);\n if (!(o instanceof Lab)) o = labConvert(o);\n if (o.a === 0 && o.b === 0) return new Hcl(NaN, 0 < o.l && o.l < 100 ? 0 : NaN, o.l, o.opacity);\n var h = Math.atan2(o.b, o.a) * rad2deg;\n return new Hcl(h < 0 ? h + 360 : h, Math.sqrt(o.a * o.a + o.b * o.b), o.l, o.opacity);\n}\n\nexport function lch(l, c, h, opacity) {\n return arguments.length === 1 ? hclConvert(l) : new Hcl(h, c, l, opacity == null ? 1 : opacity);\n}\n\nexport function hcl(h, c, l, opacity) {\n return arguments.length === 1 ? hclConvert(h) : new Hcl(h, c, l, opacity == null ? 1 : opacity);\n}\n\nexport function Hcl(h, c, l, opacity) {\n this.h = +h;\n this.c = +c;\n this.l = +l;\n this.opacity = +opacity;\n}\n\nfunction hcl2lab(o) {\n if (isNaN(o.h)) return new Lab(o.l, 0, 0, o.opacity);\n var h = o.h * deg2rad;\n return new Lab(o.l, Math.cos(h) * o.c, Math.sin(h) * o.c, o.opacity);\n}\n\ndefine(Hcl, hcl, extend(Color, {\n brighter: function(k) {\n return new Hcl(this.h, this.c, this.l + K * (k == null ? 1 : k), this.opacity);\n },\n darker: function(k) {\n return new Hcl(this.h, this.c, this.l - K * (k == null ? 1 : k), this.opacity);\n },\n rgb: function() {\n return hcl2lab(this).rgb();\n }\n}));\n","import {hcl as colorHcl} from \"d3-color\";\nimport color, {hue} from \"./color.js\";\n\nfunction hcl(hue) {\n return function(start, end) {\n var h = hue((start = colorHcl(start)).h, (end = colorHcl(end)).h),\n c = color(start.c, end.c),\n l = color(start.l, end.l),\n opacity = color(start.opacity, end.opacity);\n return function(t) {\n start.h = h(t);\n start.c = c(t);\n start.l = l(t);\n start.opacity = opacity(t);\n return start + \"\";\n };\n }\n}\n\nexport default hcl(hue);\nexport var hclLong = hcl(color);\n","import {hsl as colorHsl} from \"d3-color\";\nimport color, {hue} from \"./color.js\";\n\nfunction hsl(hue) {\n return function(start, end) {\n var h = hue((start = colorHsl(start)).h, (end = colorHsl(end)).h),\n s = color(start.s, end.s),\n l = color(start.l, end.l),\n opacity = color(start.opacity, end.opacity);\n return function(t) {\n start.h = h(t);\n start.s = s(t);\n start.l = l(t);\n start.opacity = opacity(t);\n return start + \"\";\n };\n }\n}\n\nexport default hsl(hue);\nexport var hslLong = hsl(color);\n","import define, {extend} from \"./define.js\";\nimport {Color, rgbConvert, Rgb, darker, brighter} from \"./color.js\";\nimport {deg2rad, rad2deg} from \"./math.js\";\n\nvar A = -0.14861,\n B = +1.78277,\n C = -0.29227,\n D = -0.90649,\n E = +1.97294,\n ED = E * D,\n EB = E * B,\n BC_DA = B * C - D * A;\n\nfunction cubehelixConvert(o) {\n if (o instanceof Cubehelix) return new Cubehelix(o.h, o.s, o.l, o.opacity);\n if (!(o instanceof Rgb)) o = rgbConvert(o);\n var r = o.r / 255,\n g = o.g / 255,\n b = o.b / 255,\n l = (BC_DA * b + ED * r - EB * g) / (BC_DA + ED - EB),\n bl = b - l,\n k = (E * (g - l) - C * bl) / D,\n s = Math.sqrt(k * k + bl * bl) / (E * l * (1 - l)), // NaN if l=0 or l=1\n h = s ? Math.atan2(k, bl) * rad2deg - 120 : NaN;\n return new Cubehelix(h < 0 ? h + 360 : h, s, l, o.opacity);\n}\n\nexport default function cubehelix(h, s, l, opacity) {\n return arguments.length === 1 ? cubehelixConvert(h) : new Cubehelix(h, s, l, opacity == null ? 1 : opacity);\n}\n\nexport function Cubehelix(h, s, l, opacity) {\n this.h = +h;\n this.s = +s;\n this.l = +l;\n this.opacity = +opacity;\n}\n\ndefine(Cubehelix, cubehelix, extend(Color, {\n brighter: function(k) {\n k = k == null ? brighter : Math.pow(brighter, k);\n return new Cubehelix(this.h, this.s, this.l * k, this.opacity);\n },\n darker: function(k) {\n k = k == null ? darker : Math.pow(darker, k);\n return new Cubehelix(this.h, this.s, this.l * k, this.opacity);\n },\n rgb: function() {\n var h = isNaN(this.h) ? 0 : (this.h + 120) * deg2rad,\n l = +this.l,\n a = isNaN(this.s) ? 0 : this.s * l * (1 - l),\n cosh = Math.cos(h),\n sinh = Math.sin(h);\n return new Rgb(\n 255 * (l + a * (A * cosh + B * sinh)),\n 255 * (l + a * (C * cosh + D * sinh)),\n 255 * (l + a * (E * cosh)),\n this.opacity\n );\n }\n}));\n","import {cubehelix as colorCubehelix} from \"d3-color\";\nimport color, {hue} from \"./color.js\";\n\nfunction cubehelix(hue) {\n return (function cubehelixGamma(y) {\n y = +y;\n\n function cubehelix(start, end) {\n var h = hue((start = colorCubehelix(start)).h, (end = colorCubehelix(end)).h),\n s = color(start.s, end.s),\n l = color(start.l, end.l),\n opacity = color(start.opacity, end.opacity);\n return function(t) {\n start.h = h(t);\n start.s = s(t);\n start.l = l(Math.pow(t, y));\n start.opacity = opacity(t);\n return start + \"\";\n };\n }\n\n cubehelix.gamma = cubehelixGamma;\n\n return cubehelix;\n })(1);\n}\n\nexport default cubehelix(hue);\nexport var cubehelixLong = cubehelix(color);\n","import { interpolateRgb, interpolateLab, interpolateHcl, interpolateHclLong, interpolateHsl, interpolateHslLong, interpolateCubehelix, interpolateCubehelixLong } from 'd3-interpolate';\nvar interpolatorMap = {\n lab: interpolateLab,\n hcl: interpolateHcl,\n 'hcl-long': interpolateHclLong,\n hsl: interpolateHsl,\n 'hsl-long': interpolateHslLong,\n cubehelix: interpolateCubehelix,\n 'cubehelix-long': interpolateCubehelixLong,\n rgb: interpolateRgb\n};\nexport default function createColorInterpolator(interpolate) {\n switch (interpolate) {\n case 'lab':\n case 'hcl':\n case 'hcl-long':\n case 'hsl':\n case 'hsl-long':\n case 'cubehelix':\n case 'cubehelix-long':\n case 'rgb':\n return interpolatorMap[interpolate];\n\n default:\n }\n\n var type = interpolate.type,\n gamma = interpolate.gamma;\n var interpolator = interpolatorMap[type];\n return typeof gamma === 'undefined' ? interpolator : interpolator.gamma(gamma);\n}","import {lab as colorLab} from \"d3-color\";\nimport color from \"./color.js\";\n\nexport default function lab(start, end) {\n var l = color((start = colorLab(start)).l, (end = colorLab(end)).l),\n a = color(start.a, end.a),\n b = color(start.b, end.b),\n opacity = color(start.opacity, end.opacity);\n return function(t) {\n start.l = l(t);\n start.a = a(t);\n start.b = b(t);\n start.opacity = opacity(t);\n return start + \"\";\n };\n}\n","import { timeSecond, timeMinute, timeHour, timeDay, timeYear, timeMonth, timeWeek, utcSecond, utcMinute, utcHour, utcDay, utcWeek, utcMonth, utcYear } from 'd3-time';\nimport isUtcScale from '../utils/isUtcScale';\nvar localTimeIntervals = {\n day: timeDay,\n hour: timeHour,\n minute: timeMinute,\n month: timeMonth,\n second: timeSecond,\n week: timeWeek,\n year: timeYear\n};\nvar utcIntervals = {\n day: utcDay,\n hour: utcHour,\n minute: utcMinute,\n month: utcMonth,\n second: utcSecond,\n week: utcWeek,\n year: utcYear\n};\nexport default function applyNice(scale, config) {\n if ('nice' in config && typeof config.nice !== 'undefined' && 'nice' in scale) {\n var nice = config.nice;\n\n if (typeof nice === 'boolean') {\n if (nice) {\n scale.nice();\n }\n } else if (typeof nice === 'number') {\n scale.nice(nice);\n } else {\n var timeScale = scale;\n var isUtc = isUtcScale(timeScale);\n\n if (typeof nice === 'string') {\n timeScale.nice(isUtc ? utcIntervals[nice] : localTimeIntervals[nice]);\n } else {\n var interval = nice.interval,\n step = nice.step;\n var parsedInterval = (isUtc ? utcIntervals[interval] : localTimeIntervals[interval]).every(step);\n\n if (parsedInterval != null) {\n timeScale.nice(parsedInterval);\n }\n }\n }\n }\n}","import domain from './domain';\nimport range from './range';\nimport align from './align';\nimport base from './base';\nimport clamp from './clamp';\nimport constant from './constant';\nimport exponent from './exponent';\nimport interpolate from './interpolate';\nimport nice from './nice';\nimport padding from './padding';\nimport reverse from './reverse';\nimport round from './round';\nimport unknown from './unknown';\nimport zero from './zero';\n/**\n * List of all operators, in order of execution\n */\n\nexport var ALL_OPERATORS = [// domain => nice => zero\n'domain', 'nice', 'zero', // interpolate before round\n'interpolate', 'round', // set range then reverse\n'range', 'reverse', // Order does not matter for these operators\n'align', 'base', 'clamp', 'constant', 'exponent', 'padding', 'unknown'];\n// Use Record to enforce that all keys in OperatorType must exist.\nvar operators = {\n domain: domain,\n nice: nice,\n zero: zero,\n interpolate: interpolate,\n round: round,\n align: align,\n base: base,\n clamp: clamp,\n constant: constant,\n exponent: exponent,\n padding: padding,\n range: range,\n reverse: reverse,\n unknown: unknown\n};\nexport default function scaleOperator() {\n for (var _len = arguments.length, ops = new Array(_len), _key = 0; _key < _len; _key++) {\n ops[_key] = arguments[_key];\n }\n\n var selection = new Set(ops);\n var selectedOps = ALL_OPERATORS.filter(function (o) {\n return selection.has(o);\n });\n return function applyOperators(scale, config) {\n if (typeof config !== 'undefined') {\n selectedOps.forEach(function (op) {\n operators[op](scale, config);\n });\n }\n\n return scale;\n };\n}","export default function applyDomain(scale, config) {\n if (config.domain) {\n if ('nice' in scale || 'quantiles' in scale) {\n // continuous input scales\n scale.domain(config.domain);\n } else if ('padding' in scale) {\n // point and band scales\n scale.domain(config.domain);\n } else {\n // ordinal and threshold scale\n scale.domain(config.domain);\n }\n }\n}","export default function applyZero(scale, config) {\n if ('zero' in config && config.zero === true) {\n var domain = scale.domain();\n var a = domain[0],\n b = domain[1];\n var isDescending = b < a;\n\n var _ref = isDescending ? [b, a] : [a, b],\n min = _ref[0],\n max = _ref[1];\n\n var domainWithZero = [Math.min(0, min), Math.max(0, max)];\n scale.domain(isDescending ? domainWithZero.reverse() : domainWithZero);\n }\n}","import createColorInterpolator from '../utils/createColorInterpolator';\nexport default function applyInterpolate(scale, config) {\n if ('interpolate' in config && 'interpolate' in scale && typeof config.interpolate !== 'undefined') {\n var interpolator = createColorInterpolator(config.interpolate);\n scale.interpolate(interpolator);\n }\n}","import { interpolateRound } from 'd3-interpolate';\nexport default function applyRound(scale, config) {\n if ('round' in config && typeof config.round !== 'undefined') {\n if (config.round && 'interpolate' in config && typeof config.interpolate !== 'undefined') {\n console.warn(\"[visx/scale/applyRound] ignoring round: scale config contains round and interpolate. only applying interpolate. config:\", config);\n } else if ('round' in scale) {\n // for point and band scales\n scale.round(config.round);\n } else if ('interpolate' in scale && config.round) {\n // for continuous output scales\n // setting config.round = true\n // is actually setting interpolator to interpolateRound\n // as these scales do not have scale.round() function\n scale.interpolate(interpolateRound);\n }\n }\n}","export default function applyAlign(scale, config) {\n if ('align' in scale && 'align' in config && typeof config.align !== 'undefined') {\n scale.align(config.align);\n }\n}","export default function applyBase(scale, config) {\n if ('base' in scale && 'base' in config && typeof config.base !== 'undefined') {\n scale.base(config.base);\n }\n}","export default function applyClamp(scale, config) {\n if ('clamp' in scale && 'clamp' in config && typeof config.clamp !== 'undefined') {\n scale.clamp(config.clamp);\n }\n}","export default function applyConstant(scale, config) {\n if ('constant' in scale && 'constant' in config && typeof config.constant !== 'undefined') {\n scale.constant(config.constant);\n }\n}","export default function applyExponent(scale, config) {\n if ('exponent' in scale && 'exponent' in config && typeof config.exponent !== 'undefined') {\n scale.exponent(config.exponent);\n }\n}","export default function applyPadding(scale, config) {\n if ('padding' in scale && 'padding' in config && typeof config.padding !== 'undefined') {\n scale.padding(config.padding);\n }\n\n if ('paddingInner' in scale && 'paddingInner' in config && typeof config.paddingInner !== 'undefined') {\n scale.paddingInner(config.paddingInner);\n }\n\n if ('paddingOuter' in scale && 'paddingOuter' in config && typeof config.paddingOuter !== 'undefined') {\n scale.paddingOuter(config.paddingOuter);\n }\n}","export default function applyRange(scale, config) {\n if (config.range) {\n if ('padding' in scale) {\n // point and band scales\n scale.range(config.range);\n } else {\n // the rest\n scale.range(config.range);\n }\n }\n}","export default function applyReverse(scale, config) {\n if (config.reverse) {\n var reversedRange = scale.range().slice().reverse();\n\n if ('padding' in scale) {\n // point and band scales\n scale.range(reversedRange);\n } else {\n // the rest\n scale.range(reversedRange);\n }\n }\n}","export default function applyUnknown(scale, config) {\n if ('unknown' in scale && 'unknown' in config && typeof config.unknown !== 'undefined') {\n scale.unknown(config.unknown);\n }\n}","/**\n * @file\n * Reusable proptypes\n */\n\nimport PropTypes from 'prop-types';\n\nexport const StringBoolPropType = PropTypes.oneOfType([PropTypes.string, PropTypes.bool]);\n\nexport const flagsPropType = PropTypes.shape({\n prod: StringBoolPropType.isRequired,\n errorReporting: StringBoolPropType.isRequired,\n analytics: StringBoolPropType.isRequired,\n googleAnalytics: StringBoolPropType.isRequired,\n ads: StringBoolPropType.isRequired,\n mainImage: StringBoolPropType.isRequired,\n summary: StringBoolPropType.isRequired,\n bylines: StringBoolPropType.isRequired,\n onwardjourney: StringBoolPropType.isRequired,\n shareButtons: StringBoolPropType.isRequired,\n header: StringBoolPropType.isRequired,\n footer: StringBoolPropType.isRequired,\n comments: StringBoolPropType.isRequired,\n data: StringBoolPropType.isRequired,\n dark: StringBoolPropType.isRequired,\n});\n\nexport const mainImagePropType = PropTypes.oneOfType([\n PropTypes.shape({\n uuid: PropTypes.string.isRequired,\n }),\n PropTypes.shape({\n url: PropTypes.string.isRequired,\n }),\n]).isRequired;\n\nexport const trackingPropType = PropTypes.shape({\n micrositeName: PropTypes.string,\n product: PropTypes.string,\n});\n\nexport const topicPropType = PropTypes.shape({\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n});\n\nexport const dataMetaPropType = PropTypes.shape({\n '@context': PropTypes.oneOf(['https://schema.org/']),\n '@type': PropTypes.oneOf(['Dataset']),\n name: PropTypes.string.isRequired,\n description: PropTypes.string.isRequired,\n url: PropTypes.string.isRequired,\n sameAs: PropTypes.string.isRequired,\n keywords: PropTypes.arrayOf(PropTypes.string).isRequired,\n creator: PropTypes.shape({\n '@type': PropTypes.oneOf(['Organization']),\n url: PropTypes.string.isRequired,\n name: PropTypes.string.isRequired,\n contactPoint: PropTypes.shape({\n '@type': PropTypes.oneOf(['ContactPoint']),\n contactType: PropTypes.string,\n telephone: PropTypes.string,\n email: PropTypes.string,\n }),\n }).isRequired,\n includedInDataCatalog: PropTypes.shape({\n '@type': PropTypes.oneOf(['DataCatalog']),\n name: PropTypes.string.isRequired,\n }),\n distribution: PropTypes.arrayOf(\n PropTypes.shape({\n '@type': PropTypes.oneOf(['DataDownload']),\n encodingFormat: PropTypes.string.isRequired,\n contentUrl: PropTypes.string.isRequired,\n }),\n ),\n // Dates the dataset covers\n temporalCoverage: PropTypes.string.isRequired,\n // Where the dataset covers. See spec.\n spatialCoverage: PropTypes.shape({\n '@type': PropTypes.oneOf(['Place']),\n geo: PropTypes.shape({\n '@type': PropTypes.oneOf(['GeoShape']),\n box: PropTypes.string.isRequired,\n }),\n }),\n});\n\nexport const bylinesPropType = PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n url: PropTypes.string,\n location: PropTypes.string,\n }),\n )\n]);\n\nexport default '';\n","module.exports = require(\"regenerator-runtime\");\n","/**\n * @file\n * CSS styles for ![](\"https://spoor-api.ft.com/px.gif?data=${jsonString}\")
`;\n return ieVersion < 9 ? img : ;\n }\n\n return null;\n}\n\nexport function imageUUID(uuid) {\n return `https://www.ft.com/__origami/service/image/v2/images/raw/ftcms%3A${uuid}?source=ig`;\n}\n\nexport function getMainImage(img = {}) {\n if (Object.prototype.hasOwnProperty.call(img, 'uuid')) return imageUUID(img.uuid);\n if (Object.prototype.hasOwnProperty.call(img, 'url')) return img.url;\n return '';\n}\n\n// Via: https://reactjs.org/blog/2015/12/16/ismounted-antipattern.html\n\nexport const makeCancelable = (promise) => {\n let hasCanceled = false;\n\n const wrappedPromise = new Promise((resolve, reject) => {\n /* eslint-disable prefer-promise-reject-errors */\n promise.then(\n (val) => (hasCanceled ? reject({ isCanceled: true }) : resolve(val)),\n (error) => (hasCanceled ? reject({ isCanceled: true }) : reject(error)),\n );\n /* eslint-enable */\n });\n\n return {\n promise: wrappedPromise,\n cancel() {\n hasCanceled = true;\n },\n };\n};\n\nexport const registerLayoutChangeEvents = () => {\n // Create a map containing all breakpoints exposed via html:before\n const { layouts } = getGridBreakpoints();\n if (layouts) {\n const breakpoints = new Map([...Object.entries(layouts), ['default', '240px']]);\n const decr1 = (val) => `${Number(val.replace('px', '') - 1)}px`;\n\n const setupQuery = (query, size) => {\n // matchMedia listener handler: Dispatch `o-grid.layoutChange` event if a match\n const handleMQChange = (mql) => {\n if (mql.matches) {\n window.dispatchEvent(\n new CustomEvent('o-grid.layoutChange', {\n detail: size,\n }),\n );\n }\n };\n\n const mql = window.matchMedia(query);\n mql.addListener(handleMQChange);\n handleMQChange(mql);\n\n return [query, handleMQChange];\n };\n\n // Generate media queries for each\n return [...breakpoints].map(([size, width]) => {\n switch (size) {\n case 'S':\n return setupQuery(\n `(min-width: ${width}) and (max-width: ${decr1(breakpoints.get('M'))})`,\n size,\n );\n case 'M':\n return setupQuery(\n `(min-width: ${width}) and (max-width: ${decr1(breakpoints.get('L'))})`,\n size,\n );\n case 'L':\n return setupQuery(\n `(min-width: ${width}) and (max-width: ${decr1(breakpoints.get('XL'))})`,\n size,\n );\n case 'XL':\n return setupQuery(`(min-width: ${width})`, size);\n case 'default':\n default:\n return setupQuery(`(max-width: ${decr1(breakpoints.get('S'))})`, size);\n }\n });\n }\n\n throw new Error(\n 'To enable grid layout change events, include oGridSurfaceLayoutSizes in your Sass',\n );\n};\n\nexport const unregisterLayoutChangeEvents = (listeners) => {\n const { layouts } = getGridBreakpoints();\n if (layouts) {\n const breakpoints = new Map([...Object.entries(layouts), ['default', '240px']]);\n const decr1 = (val) => `${Number(val.replace('px', '') - 1)}px`;\n\n const removeQuery = (query) => {\n const [, listener] = listeners.find(([q]) => q === query);\n const mql = window.matchMedia(query);\n mql.removeListener(listener);\n };\n\n breakpoints.forEach((width, size) => {\n switch (size) {\n case 'S':\n removeQuery(\n `(min-width: ${width}) and (max-width: ${decr1(breakpoints.get('M'))})`,\n size,\n );\n break;\n case 'M':\n removeQuery(\n `(min-width: ${width}) and (max-width: ${decr1(breakpoints.get('L'))})`,\n size,\n );\n break;\n case 'L':\n removeQuery(\n `(min-width: ${width}) and (max-width: ${decr1(breakpoints.get('XL'))})`,\n size,\n );\n break;\n case 'XL':\n removeQuery(`(min-width: ${width})`, size);\n break;\n case 'default':\n default:\n removeQuery(`(max-width: ${decr1(breakpoints.get('S'))})`, size);\n break;\n }\n });\n }\n};\n\n/**\n * @function\n * Tests whether an object is a DOM node.\n * Via: https://stackoverflow.com/a/384380/467760\n */\nexport function isNode(o) {\n return typeof Node === 'object'\n ? o instanceof Node\n : o &&\n typeof o === 'object' &&\n typeof o.nodeType === 'number' &&\n typeof o.nodeName === 'string';\n}\n\n/**\n * @function\n * Tests whether an object is a DOM element.\n * Via: https://stackoverflow.com/a/384380/467760\n */\nexport function isElement(o) {\n return typeof HTMLElement === 'object'\n ? o instanceof HTMLElement // DOM2\n : o &&\n typeof o === 'object' &&\n o !== null &&\n o.nodeType === 1 &&\n typeof o.nodeName === 'string';\n}\n","'use strict';\n\nfunction checkDCE() {\n /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */\n if (\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === 'undefined' ||\n typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE !== 'function'\n ) {\n return;\n }\n if (process.env.NODE_ENV !== 'production') {\n // This branch is unreachable because this function is only called\n // in production, but the condition is true only in development.\n // Therefore if the branch is still here, dead code elimination wasn't\n // properly applied.\n // Don't change the message. React DevTools relies on it. Also make sure\n // this message doesn't occur elsewhere in this function, or it will cause\n // a false positive.\n throw new Error('^_^');\n }\n try {\n // Verify that the code above has been dead code eliminated (DCE'd).\n __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(checkDCE);\n } catch (err) {\n // DevTools shouldn't crash React, no matter what.\n // We should still report in case we break this code.\n console.error(err);\n }\n}\n\nif (process.env.NODE_ENV === 'production') {\n // DCE check should happen before ReactDOM bundle executes so that\n // DevTools can report bad minification during injection.\n checkDCE();\n module.exports = require('./cjs/react-dom.production.min.js');\n} else {\n module.exports = require('./cjs/react-dom.development.js');\n}\n","import Toggle from './src/js/toggle.js';\n\nconst constructAll = () => {\n\tToggle.init();\n\tdocument.removeEventListener('o.DOMContentLoaded', constructAll);\n};\n\ndocument.addEventListener('o.DOMContentLoaded', constructAll);\n\nexport default Toggle;\n","/**\n*\n* Debounces function so it is only called after n milliseconds\n* without it not being called\n*\n* @example\n* Utils.debounce(myFunction() {}, 100);\n*\n* @param {Function} func - Function to be debounced\n* @param {number} wait - Time in miliseconds\n*\n* @returns {Function} - Debounced function\n*/\nfunction debounce(func, wait) {\n\tlet timeout;\n\treturn function() {\n\t\tconst args = arguments;\n\t\tconst later = () => {\n\t\t\ttimeout = null;\n\t\t\tfunc.apply(this, args);\n\t\t};\n\t\tclearTimeout(timeout);\n\t\ttimeout = setTimeout(later, wait);\n\t};\n}\n\n/**\n*\n* Throttle function so it is only called once every n milliseconds\n*\n* @example\n* Utils.throttle(myFunction() {}, 100);\n*\n* @param {Function} func - Function to be throttled\n* @param {number} wait - Time in miliseconds\n*\n* @returns {Function} - Throttled function\n*/\nfunction throttle(func, wait) {\n\tlet timeout;\n\treturn function() {\n\t\tif (timeout) {\n\t\t\treturn;\n\t\t}\n\t\tconst args = arguments;\n\t\tconst later = () => {\n\t\t\ttimeout = null;\n\t\t\tfunc.apply(this, args);\n\t\t};\n\n\t\ttimeout = setTimeout(later, wait);\n\t};\n}\n\nexport {\n\tdebounce,\n\tthrottle\n};\n","function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {\n try {\n var info = gen[key](arg);\n var value = info.value;\n } catch (error) {\n reject(error);\n return;\n }\n\n if (info.done) {\n resolve(value);\n } else {\n Promise.resolve(value).then(_next, _throw);\n }\n}\n\nfunction _asyncToGenerator(fn) {\n return function () {\n var self = this,\n args = arguments;\n return new Promise(function (resolve, reject) {\n var gen = fn.apply(self, args);\n\n function _next(value) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"next\", value);\n }\n\n function _throw(err) {\n asyncGeneratorStep(gen, resolve, reject, _next, _throw, \"throw\", err);\n }\n\n _next(undefined);\n });\n };\n}\n\nmodule.exports = _asyncToGenerator;\nmodule.exports[\"default\"] = module.exports, module.exports.__esModule = true;","export default {\n\tunCapitalise: function(str) {\n\t\treturn str.charAt(0).toLowerCase() + str.substr(1);\n\t},\n\n\tcapitalise: function(str) {\n\t\treturn str.charAt(0).toUpperCase() + str.substr(1);\n\t},\n\n\tcopyContentFromElement: function(content, callback) {\n\t\tconst html = content.nodeName === 'SCRIPT' ? content.innerHTML : content.outerHTML;\n\t\tcallback(html);\n\t},\n\n\tcopyContentFromUrl: function(url, callback) {\n\t\tconst xhr = new XMLHttpRequest();\n\t\txhr.open('GET', url, true);\n\t\txhr.onload = function() { // eslint complains of e not being used\n\t\t\tif (xhr.readyState === 4) {\n\t\t\t\tif (xhr.status === 200) {\n\t\t\t\t\tcallback(xhr.responseText);\n\t\t\t\t} else {\n\t\t\t\t\tcallback('Content failed to load correctly');\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\txhr.onerror = function(e) {\n\t\t\tthrow new Error('\"o-overlay error\": Fetching content from ' + url + ' failed with errror ' + e);\n\t\t};\n\n\t\txhr.send(null);\n\t},\n\n\toptionsFromKey: function(key, value, opts) {\n\t\tconst dashIndex = key.indexOf('-');\n\t\tif (dashIndex === -1) {\n\t\t\ttry {\n\t\t\t\t// If it's a JSON, a boolean or a number, we want it stored like that, and not as a string\n\t\t\t\t// We also replace all ' with \" so JSON strings are parsed correctly\n\t\t\t\topts[key] = JSON.parse(value.replace(/\\'/g, '\"'));\n\t\t\t} catch (e) {\n\t\t\t\topts[key] = value;\n\t\t\t}\n\t\t} else {\n\t\t\t// Key that holds an object instead of a value\n\t\t\tconst subKey = key.substr(0, dashIndex);\n\n\t\t\t// If sub-object doesn't exist already, create it\n\t\t\tif (!opts[subKey]){\n\t\t\t\topts[subKey] = {};\n\t\t\t}\n\n\t\t\t// Run function again starting with the rest of the key\n\t\t\topts[subKey] = this.optionsFromKey(key.substr(dashIndex+1), value, opts[subKey]);\n\t\t}\n\n\t\treturn opts;\n\t},\n\n\t// Code based on this article to get coordinates independent of scroll: http://javascript.info/tutorial/coordinates\n\tgetOffsetRect: function(e) {\n\t\tconst eClientRect = e.getBoundingClientRect();\n\n\t\tconst body = document.body;\n\t\tconst docElem = document.documentElement;\n\n\t\t// docElem.scrollTop/Left for IE, use body as a last resort\n\t\tconst scrollTop = window.pageYOffset || docElem.scrollTop || body.scrollTop;\n\t\tconst scrollLeft = window.pageXOffset || docElem.scrollLeft || body.scrollLeft;\n\n\t\t// IE sometimes shifts the upper left corner\n\t\tconst clientTop = docElem.clientTop || body.clientTop || 0;\n\t\tconst clientLeft = docElem.clientLeft || body.clientLeft || 0;\n\n\t\treturn {\n\t\t\t// IE8 doesn't support getBoundingClientRect().height and .weight\n\t\t\twidth: eClientRect.width || eClientRect.right - eClientRect.left,\n\t\t\theight: eClientRect.height || eClientRect.bottom - eClientRect.top,\n\t\t\ttop: eClientRect.top + scrollTop - clientTop,\n\t\t\tleft: eClientRect.left + scrollLeft - clientLeft\n\t\t};\n\t}\n};\n","/**\n * @file\n * CSS styles for \n {title &&
\n );\n};\n\nButtonSelectionGroup.propTypes = {\n items: PropTypes.arrayOf(\n PropTypes.shape({\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n display: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n })\n ).isRequired,\n selected: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n updateSelection: PropTypes.func.isRequired,\n width: PropTypes.string,\n title: PropTypes.string,\n equalButtons: PropTypes.bool,\n loadingTime: PropTypes.number,\n};\n\nButtonSelectionGroup.defaultProps = {\n equalButtons: true,\n loadingTime: 100,\n};\n\nexport default ButtonSelectionGroup;\n","const generateWords = text => text.toLowerCase().split(' ');\n\nexport const cleanSearchValue = searchValue => searchValue.toLowerCase().replace(/\\s/g, '');\n\nexport const findMatch = (searchList, searchValue) => {\n return searchList.find(({ display, alternatives }) => {\n const cleanedDisplay = cleanSearchValue(display);\n const cleanedAlternatives = alternatives ? alternatives.map(a => cleanSearchValue(a)) : [];\n const cleanedSearchValue = cleanSearchValue(searchValue);\n return (\n cleanedDisplay === cleanedSearchValue || cleanedAlternatives.includes(cleanedSearchValue)\n );\n });\n};\n\n// Function to score and get closest suggestions from list\nexport const getSuggestions = (value, searchList) => {\n const inputValue = value.trim().toLowerCase();\n const inputLength = inputValue.length;\n const inputValueWords = inputValue.split(' ');\n\n // Match from the beginning of the string, after N characters\n const minimumInputLength = 1;\n if (inputLength < minimumInputLength) {\n return [];\n }\n\n // Score each entry in the list\n const scoredList = searchList.map(({ display, words, alternativeWords, ...d }) => {\n // Combine words with alternatives\n const allWords = [words, ...alternativeWords];\n\n // Calculate score for alternatives at the same time\n const allScores = allWords.map(w => {\n // Score each word in the country name\n const scores = w.reduce((acc, word) => {\n // For each word, try and find a partial match with one of the input value words\n // (up to the length of the input word)\n const match = inputValueWords.find(\n inputValueWord => word.toLowerCase().slice(0, inputValueWord.length) === inputValueWord\n );\n return [\n ...acc,\n {\n // Return the length of the match\n matchLength: match ? match.length : 0,\n // The total word length\n wordLength: word.length,\n // And the percentage of the word matched\n pcMatch: match ? match.length / word.length : 0,\n },\n ];\n }, []);\n\n // Calculate total match length\n const totalMatchLength = scores.reduce((acc, { matchLength }) => acc + matchLength, 0);\n // Calculate total length\n const totalLength = scores.reduce((acc, { wordLength }) => acc + wordLength, 0);\n\n return {\n totalMatchLength,\n totalPercentageMatch: totalMatchLength > 0 ? totalMatchLength / totalLength : 0,\n };\n });\n\n const highestScore = Math.max(...allScores.map(s => s.totalMatchLength));\n const highestPercentageScore = Math.max(...allScores.map(s => s.totalPercentageMatch));\n\n return {\n display,\n ...d,\n score: highestScore,\n pcScore: highestPercentageScore,\n };\n });\n\n // Filter and score list by score (match scores below minimum input length if complete match)\n return scoredList\n .filter(d => d.score >= minimumInputLength || d.pcScore === 1)\n .sort((a, b) => b.score - a.score);\n};\n\nexport const formatAreaList = (areaList, areasInData, selectedAreas) =>\n areaList.map(area => {\n const areaInData = areasInData.includes(area.display);\n const areaSelected = selectedAreas.includes(area.value);\n return {\n ...area,\n disabled: !areaInData,\n selected: areaSelected,\n words: generateWords(area.display),\n alternativeWords: (area.alternatives || []).map(alt => generateWords(alt)),\n };\n });\n\nconst generateErrorTextFromOptions = (\n selectedAreasNotInData,\n { cumulative, values, per100K, daysSinceN }\n) => {\n const cumulativeText = cumulative ? 'total' : 'average daily';\n const valuesText = `${values}${per100K ? ' (per 100k)' : ''}`;\n const daysText = daysSinceN === 3 ? 'three' : daysSinceN;\n\n return `because ${\n selectedAreasNotInData.length > 1 ? 'they have' : 'it has'\n } not yet passed ${daysText} ${cumulativeText} ${valuesText} in our dataset`;\n};\n\nexport const generateErrorMessage = (selectedAreas, areasInData, options) => {\n const selectedAreasNotInData = selectedAreas\n .filter(({ display }) => !areasInData.includes(display))\n .map(({ display }) => display);\n const selectedAreasNotInDataText = selectedAreasNotInData.reduce(\n (acc, curr, i, arr) => `${acc}${i > 0 ? (i === arr.length - 1 ? ' and ' : ', ') : ''}${curr}`,\n ''\n );\n\n const errorMessageFromOptions = generateErrorTextFromOptions(selectedAreasNotInData, options);\n const errorMessage =\n selectedAreasNotInData.length > 0\n ? `${selectedAreasNotInDataText} ${\n selectedAreasNotInData.length > 1 ? 'do' : 'does'\n } not appear on this view of the chart ${errorMessageFromOptions}. Please try other options`\n : null;\n\n return errorMessage;\n};\n\nexport default { findMatch, generateWords, getSuggestions, formatAreaList };\n","import interval from \"./interval.js\";\nimport {durationDay, durationMinute} from \"./duration.js\";\n\nvar day = interval(\n date => date.setHours(0, 0, 0, 0),\n (date, step) => date.setDate(date.getDate() + step),\n (start, end) => (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * durationMinute) / durationDay,\n date => date.getDate() - 1\n);\n\nexport default day;\nexport var days = day.range;\n","/**\n * @file\n * CSS styles for {title}
}\n \n {items.map(({ value, display }) => (\n {\n if (loadingTime > 0 && selected !== value) {\n setLoading(value);\n } else {\n updateSelection(value);\n }\n }}\n >\n {display}\n {loading === value && (\n
\n \n
\n )}\n \n ))}\n my modal
, target);\n }\n ```\n *\n * Modified from: https://www.jayfreestone.com/writing/react-portals-with-hooks/\n */\nexport const usePortal = (parent) => {\n const rootRef = useRef(null);\n\n useEffect(() => {\n if (!rootRef.current) {\n const rootEl = document.createElement('div');\n rootEl.classList.add('g-portal');\n rootRef.current = rootEl;\n }\n /* eslint-disable no-nested-ternary */\n const parentEl = isElement(parent)\n ? parent\n : typeof parent === 'string'\n ? document.querySelector(parent) || document.createElement('div')\n : document.createElement('div');\n /* eslint-enable no-nested-ternary */\n\n // Unmounted\n if (!parentEl.parentElement) {\n parentEl.classList.add('g-portal-parent');\n document.body.insertBefore(parentEl, document.body.firstElementChild);\n }\n\n parentEl.appendChild(rootRef.current);\n\n return () => {\n rootRef.current.remove();\n // Remove parent element if empty.\n if (parentEl.childNodes.length === 0) parentEl.remove();\n };\n }, [parent]);\n\n return rootRef.current;\n};\n\n/**\n * @function\n * Initialises o-ads\n */\nexport const useAds = (config, enabled = true) => {\n useEffect(() => {\n // Async side-effects should be in an IIFE in useEffect; don't make the CB async!\n (async () => {\n try {\n if (enabled) {\n const initialised = await OAds.init({\n gpt: {\n network: 5887,\n site: config.gptSite || 'ft.com',\n zone: config.gptZone || 'unclassified',\n },\n targeting: config.targeting,\n lazyLoad: true,\n });\n\n const slots = Array.from(document.querySelectorAll('.o-ads, [data-o-ads-name]'));\n slots.forEach(initialised.slots.initSlot.bind(initialised.slots));\n }\n } catch (e) {\n if (!global.STORYBOOK_ENV) console.error(e); // eslint-disable-line no-console\n }\n })();\n }, [config, enabled]);\n};\n\n/**\n * @function\n * Initialises o-grid's layout change events on first call;\n * then returns the current breakpoint.\n */\nexport const useLayoutChangeEvents = () => {\n const [breakpoint, setBreakpoint] = useState('default');\n\n const listenersRef = useRef();\n\n const update = ({ detail }) => {\n setBreakpoint({ breakpoint: detail });\n };\n\n useEffect(() => {\n try {\n window.addEventListener('o-grid.layoutChange', update);\n listenersRef.current = registerLayoutChangeEvents();\n\n return () => {\n unregisterLayoutChangeEvents(listenersRef.current);\n window.removeEventListener('o-grid.layoutChange', update);\n };\n } catch (e) {\n // Suppress errors in Jest\n if (!global.STORYBOOK_ENV) console.error(e); // eslint-disable-line no-console\n }\n }, []);\n\n return breakpoint;\n};\n\n/**\n * @file\n * Sets up global keyboard shortcuts\n */\nexport const useKeyboardShortcuts = (shortcuts) => {\n const handlers = useRef(null);\n useEffect(() => {\n handlers.current = shortcuts;\n }, [shortcuts]);\n useEffect(() => {\n const listener = ({ keyCode, target }) => {\n if (target === document.body && handlers.current[keyCode]) {\n handlers.current[keyCode]();\n }\n };\n\n document.addEventListener('keydown', listener);\n return () => {\n window.removeEventListener('keydown', listener);\n };\n }, []);\n\n // Returns synthetic event listeners\n return Object.entries(shortcuts).reduce(\n (a, [k, v]) => ({\n ...a,\n [k]: ({ keyPress }) => keyPress === k && v(),\n }),\n {},\n );\n};\n\nexport default {\n usePortal,\n useAds,\n useLayoutChangeEvents,\n useKeyboardShortcuts,\n};\n","export const generateHeaderText = ({ cumulative, values, areasToDisplay, areasInData }) => {\n const cumulativeText = cumulative ? 'Cumulative' : 'New';\n const valuesText = values === 'deaths' ? 'deaths attributed to' : 'confirmed cases of';\n // Areas to display that will be shown in the chart — don't want to show a country name in the title that has not met the criteria to be shown in the chart\n const areaText = areasToDisplay.reduce(\n (acc, curr, i, arr) => `${acc}${i > 0 ? (i === arr.length - 1 ? ' and ' : ', ') : ''}${curr}`,\n ''\n );\n const areaTextWithPrefix = areaText !== '' ? `in ${areaText}` : '';\n\n return `${cumulativeText} ${valuesText} Covid-19 ${areaTextWithPrefix}`;\n};\n\nexport const generateSubheadText = ({ cumulative, values, per100K, daysSinceN, byDate }) => {\n const cumulativeText = cumulative ? 'Cumulative' : 'Seven-day rolling average of new';\n const averageText = cumulative ? 'total' : 'average daily';\n const valuesText = `${values}${per100K ? ' (per 100k)' : ''}`;\n\n return `${cumulativeText} ${valuesText}${\n !byDate\n ? `, by number of days since ` + `${daysSinceN} ${averageText} ${valuesText} first recorded`\n : ''\n }`;\n};\n\nexport const generateSourceText = ({ source, timestamp }) => {\n return `${source}. | Data updated ${timestamp}. Interactive version: ft.com/covid19`;\n};\n\nexport const generateXAxisText = ({ cumulative, values, per100K, daysSinceN, isSmall }) => {\n const cumulativeText = cumulative ? 'total' : 'average daily';\n const valuesText = `${values}${per100K ? ' (per 100k)' : ''}`;\n\n return `Number of days since ${daysSinceN}${\n isSmall ? '|' : ''\n } ${cumulativeText} ${valuesText} first recorded`;\n};\n\nexport default { generateHeaderText, generateSubheadText, generateSourceText };\n","import { timeDay, timeWeek, timeMonth, timeYear } from 'd3-time';\nimport { timeFormat } from 'd3-time-format';\n\nexport const generateXTickValues = (\n xMax,\n increment,\n maxXTicks,\n hideEndTicks,\n skipEveryNthTick = 2\n) => {\n let n = 0;\n let tickSeries = [0];\n\n /* Keep generating new values in the series until the value is greater\n than or equal to the max x value */\n while (tickSeries[n] <= xMax) {\n // Get previous value\n const previous = tickSeries[n];\n const newValue = previous + increment;\n tickSeries = [...tickSeries, newValue];\n // Increment n\n n++;\n }\n\n /* If the number of ticks is even and max ticks has been exceeded, add another\n tick in the series so we can skip ticks without having uneven spacing at the end\n of the chart */\n if (tickSeries.length > maxXTicks && tickSeries.length % 2 === 0) {\n tickSeries = [...tickSeries, tickSeries[tickSeries.length - 1] + increment];\n }\n\n // Get the final tick before we start filtering other ticks out\n const maxXTickValue = tickSeries[tickSeries.length - 1];\n\n if (tickSeries.length > maxXTicks) {\n tickSeries = tickSeries.filter((d, i) => i % skipEveryNthTick === 0);\n }\n\n if (hideEndTicks) {\n tickSeries = tickSeries.filter((d, i) => i !== 0 && i !== tickSeries.length - 1);\n }\n\n return { tickSeries, maxXTickValue };\n};\n\nconst getUniqueDateTicks = ticks =>\n ticks.filter((date, i, arr) => arr.findIndex(d => d.getTime() === date.getTime()) === i);\n\nexport const generateXTickDateValues = (xMin, xMax, breakpoint, minTicks = 4) => {\n // By default we want a tick for each month\n const monthTicks = timeMonth.range(xMin, xMax);\n // If less than 4 month ticks, generate a tick for each fortnight instead\n if (monthTicks.length >= minTicks) {\n return { uniqueTicks: getUniqueDateTicks([xMin, ...monthTicks]), tickIncrement: 'month' };\n }\n\n const fortnightTicks = timeWeek.range(xMin, xMax, 2);\n // If less than 4 fortnight ticks, generate a tick for each week instead\n if (fortnightTicks.length >= minTicks) {\n return {\n uniqueTicks: getUniqueDateTicks([xMin, ...fortnightTicks]),\n tickIncrement: 'fortnight',\n };\n }\n\n const weekTicks = timeWeek.range(xMin, xMax);\n // If less than 4 week ticks, generate a tick for every 3 days instead\n if (weekTicks.length >= minTicks) {\n return {\n uniqueTicks: getUniqueDateTicks([xMin, ...weekTicks]),\n tickIncrement: 'week',\n };\n }\n\n const threeDayTicks = timeDay.range(xMin, xMax, 3);\n // If less than 4 three day ticks, generate a tick for every day instead\n if (threeDayTicks.length >= minTicks) {\n return {\n uniqueTicks: getUniqueDateTicks([xMin, ...threeDayTicks]),\n tickIncrement: 'three-day',\n };\n }\n\n const dayTicks = timeDay.range(xMin, xMax);\n return {\n uniqueTicks: getUniqueDateTicks([xMin, ...dayTicks]),\n tickIncrement: 'day',\n };\n};\n\nexport const filterXTickDateValues = (\n ticks,\n xMin,\n xMax,\n tickSpacingMin = 0.05,\n maxNumTicks = 12,\n hideEveryNTicks = 2\n) => {\n const totalNumberOfDaysInRange = timeDay.count(xMin, xMax);\n const daysBetweenFirstTwoTicks = timeDay.count(ticks[0], ticks[1]);\n const spaceBetweenFirstTwoTicks = daysBetweenFirstTwoTicks / totalNumberOfDaysInRange;\n\n // Ignore first tick when getting ticks length\n const maxTicksBreached = ticks.length - 1 > maxNumTicks;\n // If number of ticks above max, hide every Nth tick\n const ticksToHide = maxTicksBreached\n ? ticks.slice(1).filter((t, index) => index % hideEveryNTicks === 0)\n : [];\n // Hide first tick label if spacing between first two ticks is below minimum\n const hideFirstTick = spaceBetweenFirstTwoTicks < tickSpacingMin && !maxTicksBreached;\n\n return [hideFirstTick && ticks[0].getTime(), ...ticksToHide.map(t => t.getTime())].filter(\n Boolean\n );\n};\n\nexport const generateXTickFormatFunction = (ticks, breakpoint, tickIncrement, tickLabelsToHide) => {\n const firstYear = timeYear.floor(ticks[0]);\n const secondYear = timeYear.floor(ticks[ticks.length - 1]);\n\n const ticksSpanMoreThanOneYear = firstYear.getTime() !== secondYear.getTime();\n const ticksToShow = ticks.filter(t => !tickLabelsToHide.includes(t.getTime()));\n const firstTickInSecondYear = ticksToShow.find(tick => tick >= secondYear);\n\n return (t, index) => {\n // Hide tick label if in array\n if (tickLabelsToHide.includes(t.getTime())) {\n return '';\n }\n\n // Always show full date if first tick\n if (index === 0) {\n // e.g. Sep 1 | 2020\n return timeFormat('%b %-d | %Y')(t);\n }\n\n // Default e.g. Sep 1\n let tickFormatString = '%b %-d';\n if (tickIncrement === 'month') {\n // e.g. Sep\n tickFormatString = '%b';\n }\n\n // Add year to format if first tick in second year\n if (firstTickInSecondYear && t.getTime() === firstTickInSecondYear.getTime()) {\n tickFormatString += ' | %Y';\n }\n\n return timeFormat(tickFormatString)(t);\n };\n};\n\nexport default null;\n","import interval from \"./interval.js\";\nimport {durationSecond} from \"./duration.js\";\n\nvar second = interval(function(date) {\n date.setTime(date - date.getMilliseconds());\n}, function(date, step) {\n date.setTime(+date + step * durationSecond);\n}, function(start, end) {\n return (end - start) / durationSecond;\n}, function(date) {\n return date.getUTCSeconds();\n});\n\nexport default second;\nexport var seconds = second.range;\n","import * as d3 from 'd3-time-format';\n\nconst parseTime = d3.timeParse('%Y-%m-%d');\n\nconst transformInputDataFeeds = inputData => {\n return [\n ...inputData\n // Group by area\n .reduce(\n (map, { area, population, code, ...daily }) =>\n map.set(area, {\n population,\n code,\n timeSeries: [...((map.get(area) && map.get(area).timeSeries) || []), daily],\n }),\n new Map()\n ),\n ]\n .filter(([, { code }]) => code && code !== 'N/A')\n .map(([area, { population, code, timeSeries }]) => ({\n area: area.replace(/_/g, ' '),\n population,\n code: code.toLowerCase(),\n // Sort time series by date for each country\n timeSeries: timeSeries\n .map(({ date, ...t }) => ({ ...t, date: parseTime(date) }))\n .sort((a, b) => a.date - b.date),\n }));\n};\n\nexport default transformInputDataFeeds;\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React from 'react';\nimport cx from 'classnames';\nexport default function Bar(_ref) {\n var className = _ref.className,\n innerRef = _ref.innerRef,\n restProps = _objectWithoutPropertiesLoose(_ref, [\"className\", \"innerRef\"]);\n\n return /*#__PURE__*/React.createElement(\"rect\", _extends({\n ref: innerRef,\n className: cx('visx-bar', className)\n }, restProps));\n}","'use strict'\n\nvar fromCharCode = String.fromCharCode\n\nmodule.exports = fromCharCode\n","'use strict'\n\nvar markdownLineEnding = require('../character/markdown-line-ending.js')\nvar factorySpace = require('./factory-space.js')\n\nvar partialBlankLine = {\n tokenize: tokenizePartialBlankLine,\n partial: true\n}\n\nfunction tokenizePartialBlankLine(effects, ok, nok) {\n return factorySpace(effects, afterWhitespace, 'linePrefix')\n\n function afterWhitespace(code) {\n return code === null || markdownLineEnding(code) ? ok(code) : nok(code)\n }\n}\n\nmodule.exports = partialBlankLine\n","'use strict'\n\nvar sizeChunks = require('./size-chunks.js')\n\nfunction prefixSize(events, type) {\n var tail = events[events.length - 1]\n if (!tail || tail[1].type !== type) return 0\n return sizeChunks(tail[2].sliceStream(tail[1]))\n}\n\nmodule.exports = prefixSize\n","'use strict'\n\nvar regexCheck = require('../util/regex-check.js')\n\nvar asciiAlphanumeric = regexCheck(/[\\dA-Za-z]/)\n\nmodule.exports = asciiAlphanumeric\n","'use strict'\n\nmodule.exports = visit\n\nvar visitParents = require('unist-util-visit-parents')\n\nvar CONTINUE = visitParents.CONTINUE\nvar SKIP = visitParents.SKIP\nvar EXIT = visitParents.EXIT\n\nvisit.CONTINUE = CONTINUE\nvisit.SKIP = SKIP\nvisit.EXIT = EXIT\n\nfunction visit(tree, test, visitor, reverse) {\n if (typeof test === 'function' && typeof visitor !== 'function') {\n reverse = visitor\n visitor = test\n test = null\n }\n\n visitParents(tree, test, overload, reverse)\n\n function overload(node, parents) {\n var parent = parents[parents.length - 1]\n var index = parent ? parent.children.indexOf(node) : null\n return visitor(node, index, parent)\n }\n}\n","var getNative = require('./_getNative');\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nmodule.exports = nativeCreate;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","var eq = require('./eq');\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n var length = array.length;\n while (length--) {\n if (eq(array[length][0], key)) {\n return length;\n }\n }\n return -1;\n}\n\nmodule.exports = assocIndexOf;\n","var isKeyable = require('./_isKeyable');\n\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\nfunction getMapData(map, key) {\n var data = map.__data__;\n return isKeyable(key)\n ? data[typeof key == 'string' ? 'string' : 'hash']\n : data.map;\n}\n\nmodule.exports = getMapData;\n","export { default as Point } from './Point';","import React, { createElement } from 'react';\nimport { Group } from '@visx/group';\nimport { css } from '@emotion/core';\nimport {\n goalpostsStyles,\n stabRuleStyles,\n stabRuleStylesSocial,\n subtitleStylesBase,\n subtitleStylesPrint,\n subtitleStylesSocial,\n subtitleStylesVideo,\n titleStylesBase,\n titleStylesPrint,\n titleStylesSocial,\n titleStylesVideo,\n} from './styles';\nimport { chartTopperPropTypes } from '../prop-types';\nimport { chartTopperDefaultProps } from '../default-props';\n\nconst titleStylesMap = {\n print: titleStylesPrint,\n social: titleStylesSocial,\n video: titleStylesVideo,\n web: null,\n};\nconst subtitleStylesMap = {\n print: subtitleStylesPrint,\n social: subtitleStylesSocial,\n video: subtitleStylesVideo,\n web: null,\n};\n\nconst ChartTopper = ({\n height,\n margin,\n stabRule,\n subtitle,\n subtitleFontSize,\n subtitleLineHeight,\n subtitleMarkupCustom,\n subtitlePosition,\n subtitleStylesCustom,\n title,\n titleFontSize,\n titleLineHeight,\n titleMarkupCustom,\n titlePosition,\n titleStylesCustom,\n type,\n width,\n}) => {\n return (\n {children}
;\n\nCard.propTypes = {\n children: PropTypes.node.isRequired,\n className: PropTypes.string,\n};\n\nCard.defaultProps = {\n className: null,\n};\n\nexport default Card;\n","const addDays = (date, days) => {\n const result = new Date(date);\n result.setDate(result.getDate() + days);\n return result;\n};\n\nexport default addDays;\n","function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\n\nvar Point = /*#__PURE__*/function () {\n function Point(_ref) {\n var _ref$x = _ref.x,\n x = _ref$x === void 0 ? 0 : _ref$x,\n _ref$y = _ref.y,\n y = _ref$y === void 0 ? 0 : _ref$y;\n\n _defineProperty(this, \"x\", 0);\n\n _defineProperty(this, \"y\", 0);\n\n this.x = x;\n this.y = y;\n }\n\n var _proto = Point.prototype;\n\n _proto.value = function value() {\n return {\n x: this.x,\n y: this.y\n };\n };\n\n _proto.toArray = function toArray() {\n return [this.x, this.y];\n };\n\n return Point;\n}();\n\nexport { Point as default };","var TEST_TIME = new Date(Date.UTC(2020, 1, 2, 3, 4, 5));\nvar TEST_FORMAT = '%Y-%m-%d %H:%M';\n/**\n * Check if the scale is UTC or Time scale\n * When local time is equal to UTC, always return true\n * @param scale time or utc scale\n */\n\nexport default function isUtcScale(scale) {\n // The only difference between time and utc scale is\n // whether the tick format function is utcFormat or timeFormat\n var output = scale.tickFormat(1, TEST_FORMAT)(TEST_TIME);\n return output === '2020-02-02 03:04';\n}","\"use strict\";\n\nexports.__esModule = true;\nexports.default = localPoint;\n\nvar _localPointGeneric = _interopRequireDefault(require(\"./localPointGeneric\"));\n\nvar _typeGuards = require(\"./typeGuards\");\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n/** Handles two signatures for backwards compatibility. */\nfunction localPoint(nodeOrEvent, maybeEvent) {\n // localPoint(node, event)\n if ((0, _typeGuards.isElement)(nodeOrEvent) && maybeEvent) {\n return (0, _localPointGeneric.default)(nodeOrEvent, maybeEvent);\n } // localPoint(event)\n\n\n if ((0, _typeGuards.isEvent)(nodeOrEvent)) {\n var event = nodeOrEvent;\n var node = event.target;\n if (node) return (0, _localPointGeneric.default)(node, event);\n }\n\n return null;\n}","export default function nice(domain, interval) {\n domain = domain.slice();\n\n var i0 = 0,\n i1 = domain.length - 1,\n x0 = domain[i0],\n x1 = domain[i1],\n t;\n\n if (x1 < x0) {\n t = i0, i0 = i1, i1 = t;\n t = x0, x0 = x1, x1 = t;\n }\n\n domain[i0] = interval.floor(x0);\n domain[i1] = interval.ceil(x1);\n return domain;\n}\n","import tracking from './src/javascript/tracking.js';\n\n/**\n * Automatically initilise o-tracking\n *\n * @returns {void}\n */\nfunction initialise() {\n\ttracking.init();\n\tdocument.removeEventListener('o.DOMContentLoaded', initialise);\n}\n\n// Try and initialise on o.DOMContentLoaded. If it fails, defer to the\n// consumer of the library.\ndocument.addEventListener('o.DOMContentLoaded', initialise);\n\n/**\n * A constructed object, this module is a Singleton as we only want one\n * instance sending events. See {@link Tracking} for the publicly available\n * interface.\n *\n * @type {tracking}\n */\nexport default tracking;\n","import {xhr} from './xhr.js';\nimport {sendBeacon} from './send-beacon.js';\nimport {image} from './image.js';\n\nexport {\n\txhr,\n\tsendBeacon,\n\timage\n};\n\n/**\n * @type {object|undefined} - mock transport for testing\n */\nexport const mock = {};\n\n/**\n * Given the name of a transport, returns that transport if it exists.\n *\n * @param {string} name - The name of the transport to use\n * @returns {Function|undefined} - The transport function or undefined if not found.\n */\nexport function get(name) {\n\tif (mock.transport) {\n\t\treturn mock.transport;\n\t}\n\tswitch (name) {\n\t\tcase 'xhr': {\n\t\t\treturn xhr;\n\t\t}\n\t\tcase 'sendBeacon': {\n\t\t\treturn sendBeacon;\n\t\t}\n\t\tcase 'image': {\n\t\t\treturn image;\n\t\t}\n\t\tdefault: {\n\t\t\treturn undefined;\n\t\t}\n\t}\n}\n","import Overlay from '@financial-times/o-overlay';\n\nconst form = `\n`;\n\nconst isUnique = (displayName) => {\n\tconst url = `https://comments-api.ft.com/displayname/isavailable/${encodeURIComponent(displayName)}`;\n\n\treturn fetch(url, { method: 'GET' })\n\t\t.then(response => response.json())\n\t\t.then(({available}) => {\n\t\t\treturn available;\n\t\t});\n};\n\nconst findInvalidCharacters = (displayName) => {\n\t/*\n\t * Allowed Characters\n\t * The below regex matches any character not in the allowed characters set\n\t * All allowed characters are case insensitive\n\t * Anything in the range A-Z or 0-9 is allowed\n\t * Any of the below special characters are allowed\n\t * !#$%'`()*+,-./:;=@[]^_{|}\n\t * Spaces are allowed\n\t */\n\n\tconst matchInvalidCharacters = /[^0-9a-z!#$%'`()*+,\\-.\\/:;=@[\\]\\^_{}\\|\\s]/gi;\n\tconst matchingCharacters = displayName\n\t\t.match(matchInvalidCharacters);\n\tconst uniqueMatchingCharacters = matchingCharacters && matchingCharacters.length ?\n\t\tmatchingCharacters\n\t\t\t.filter((character, position) => matchingCharacters.indexOf(character) === position) :\n\t\t[];\n\n\treturn uniqueMatchingCharacters.length ?\n\t\tuniqueMatchingCharacters.join('') :\n\t\tfalse;\n};\n\nconst prompt = () => {\n\tconst overlay = new Overlay('displayName', {\n\t\thtml: form,\n\t\tclass: 'o-comments__displayname-prompt',\n\t\tcompact: true,\n\t\theading: {\n\t\t\ttitle: 'Choose a commenting display name'\n\t\t}\n\t});\n\n\toverlay.open();\n\n\treturn overlay;\n};\n\nconst validation = (displayName) => {\n\treturn new Promise((resolve, reject) => {\n\t\tif (!displayName) {\n\t\t\treturn reject(new Error('Empty display name'));\n\t\t}\n\n\t\tconst invalidCharacters = findInvalidCharacters(displayName);\n\n\t\tif (invalidCharacters) {\n\t\t\treturn reject(new Error(`The display name contains the following invalid characters: ${invalidCharacters}`));\n\t\t} else {\n\t\t\tisUnique(displayName)\n\t\t\t\t.then(isUnique => {\n\t\t\t\t\tif (!isUnique) {\n\t\t\t\t\t\treturn reject(new Error('Unfortunately that display name is already taken'));\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn resolve(displayName);\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t\t.catch(() => {\n\t\t\t\t\tconst apiError = new Error('Sorry, we are unable to update display names. Please try again later.');\n\n\t\t\t\t\tapiError.name = 'CommentsApiError';\n\n\t\t\t\t\treturn reject(apiError);\n\t\t\t\t});\n\t\t}\n\t});\n};\n\nconst promptValidation = (event) => {\n\tevent.preventDefault();\n\n\treturn new Promise(resolve => {\n\t\tconst displayNameForm = event.srcElement;\n\t\tconst input = displayNameForm.querySelector('input');\n\t\tconst displayName = input.value.trim();\n\t\tconst errorMessage = displayNameForm.querySelector('#o-comments-displayname-error');\n\n\t\terrorMessage.innerText = '';\n\t\tdisplayNameForm.classList.remove('o-forms-input--invalid');\n\n\n\t\treturn validation(displayName)\n\t\t\t.then(displayName => resolve(displayName))\n\t\t\t.catch(error => {\n\t\t\t\terrorMessage.innerText = error.message;\n\t\t\t\tdisplayNameForm.classList.add('o-forms-input--invalid');\n\n\t\t\t\tif (error.name === 'CommentsApiError') {\n\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t\t});\n\t});\n};\n\nexport default {\n\tprompt,\n\tvalidation,\n\tpromptValidation\n};\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\n\n/**\n * DOM event delegator\n *\n * The delegator will listen\n * for events that bubble up\n * to the root node.\n *\n * @constructor\n * @param {Node|string} [root] The root node or a selector string matching the root node\n */\nfunction Delegate(root) {\n /**\n * Maintain a map of listener\n * lists, keyed by event name.\n *\n * @type Object\n */\n this.listenerMap = [{}, {}];\n\n if (root) {\n this.root(root);\n }\n /** @type function() */\n\n\n this.handle = Delegate.prototype.handle.bind(this); // Cache of event listeners removed during an event cycle\n\n this._removedListeners = [];\n}\n/**\n * Start listening for events\n * on the provided DOM element\n *\n * @param {Node|string} [root] The root node or a selector string matching the root node\n * @returns {Delegate} This method is chainable\n */\n\n\nDelegate.prototype.root = function (root) {\n var listenerMap = this.listenerMap;\n var eventType; // Remove master event listeners\n\n if (this.rootElement) {\n for (eventType in listenerMap[1]) {\n if (listenerMap[1].hasOwnProperty(eventType)) {\n this.rootElement.removeEventListener(eventType, this.handle, true);\n }\n }\n\n for (eventType in listenerMap[0]) {\n if (listenerMap[0].hasOwnProperty(eventType)) {\n this.rootElement.removeEventListener(eventType, this.handle, false);\n }\n }\n } // If no root or root is not\n // a dom node, then remove internal\n // root reference and exit here\n\n\n if (!root || !root.addEventListener) {\n if (this.rootElement) {\n delete this.rootElement;\n }\n\n return this;\n }\n /**\n * The root node at which\n * listeners are attached.\n *\n * @type Node\n */\n\n\n this.rootElement = root; // Set up master event listeners\n\n for (eventType in listenerMap[1]) {\n if (listenerMap[1].hasOwnProperty(eventType)) {\n this.rootElement.addEventListener(eventType, this.handle, true);\n }\n }\n\n for (eventType in listenerMap[0]) {\n if (listenerMap[0].hasOwnProperty(eventType)) {\n this.rootElement.addEventListener(eventType, this.handle, false);\n }\n }\n\n return this;\n};\n/**\n * @param {string} eventType\n * @returns boolean\n */\n\n\nDelegate.prototype.captureForType = function (eventType) {\n return ['blur', 'error', 'focus', 'load', 'resize', 'scroll'].indexOf(eventType) !== -1;\n};\n/**\n * Attach a handler to one\n * event for all elements\n * that match the selector,\n * now or in the future\n *\n * The handler function receives\n * three arguments: the DOM event\n * object, the node that matched\n * the selector while the event\n * was bubbling and a reference\n * to itself. Within the handler,\n * 'this' is equal to the second\n * argument.\n *\n * The node that actually received\n * the event can be accessed via\n * 'event.target'.\n *\n * @param {string} eventType Listen for these events\n * @param {string|undefined} selector Only handle events on elements matching this selector, if undefined match root element\n * @param {function()} handler Handler function - event data passed here will be in event.data\n * @param {boolean} [useCapture] see 'useCapture' in