\n \n
\n )}\n \n \n {\n activeState.current.devModeEnabled = cb.target.checked;\n if (!activeState.current.devModeEnabled) {\n map.scrollZoom.disable();\n map.dragRotate.disable();\n map.dragPan.disable();\n } else {\n map.scrollZoom.enable();\n map.dragRotate.enable();\n map.dragPan.enable();\n }\n }}\n />\n
\n \n ![](\"https://demos.mapbox.com/location-helper/target.a3dbb4a8.svg\")
\n
\n \n ![](\"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\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.destroy = destroy;\nexports.get = exports.set = exports.default = void 0;\nvar settings = {};\n/**\n * Very basic implementation of deep clone, and only supports simple POJO objects and\n * native arrays.\n * @param {*} value Any value\n * @return {*} Copy of value\n * @private\n */\n\nfunction clone(value) {\n if (value === undefined) {\n return value;\n }\n\n switch (Object.prototype.toString.call(value)) {\n case '[object Object]':\n return JSON.parse(JSON.stringify(value));\n\n case '[object Array]':\n return [].slice.call(value);\n\n default:\n return value;\n }\n}\n/**\n * Saves a value. Stores a copy rather than a reference, to avoid mutations leaking.\n *\n * @param {string} key - The key to use to store the object\n * @param {*} value - The value\n * @return {undefined}\n */\n\n\nfunction setValue(key, value) {\n settings[key] = clone(value);\n}\n/**\n * Retrieves a value from the settings object. Returns a copy rather than reference, to\n * avoid mutations leaking.\n *\n * @param {string} key - The key to get\n * @return {*} - The setting.\n */\n\n\nfunction getValue(key) {\n return clone(settings[key]);\n}\n/**\n * Deletes a value\n *\n * @param {string} key - The key to delete\n * @return {undefined}\n */\n\n\nfunction destroy(key) {\n delete settings[key];\n}\n\nvar set = setValue;\nexports.set = set;\nvar get = getValue;\nexports.get = get;\nvar _default = {\n set,\n get,\n destroy\n};\nexports.default = _default;","module.exports = require(\"regenerator-runtime\");\n","export const labelCoordinates = [\n {\n name: 'ns1-label',\n label: 'Nord Stream 1',\n coords: [19.2, 58],\n },\n {\n name: 'ns2-label',\n label: 'Nord Stream 2',\n coords: [21.7, 57.8],\n },\n {\n name: 'bs-label',\n label: 'Blue Stream',\n coords: [38.48, 42.84],\n },\n {\n name: 'ts-label',\n label: 'TurkStream',\n coords: [33.262, 42.91],\n },\n {\n name: 'langeled-label',\n label: 'Langeled',\n coords: [1.23, 59.25],\n },\n {\n name: 'yamal-label',\n label: 'Yamal pipeline',\n coords: [22.1, 53.5],\n },\n {\n name: 'mg-label',\n label: 'Medgaz',\n coords: [-1.25, 36.47],\n },\n {\n name: 'maghreb-label',\n label: 'Maghreb',\n coords: [-6.8, 35.63],\n },\n];\n\n// Define each layer here\nexport const layerConfig = [\n {\n name: 'all-pipelines',\n type: 'line',\n source: 'pipelines',\n },\n {\n name: 'nordstream1',\n type: 'line',\n source: 'pipelines',\n labels: true,\n filter: {\n key: 'Name',\n values: ['NordStream'],\n },\n },\n {\n name: 'nordstream2',\n type: 'line',\n source: 'pipelines',\n labels: true,\n filter: {\n key: 'Name',\n values: ['NordStream2'],\n },\n },\n {\n name: 'turkstream-&-bluestream',\n type: 'line',\n source: 'pipelines',\n filter: {\n key: 'Name',\n values: ['TurkStream', 'BlueStream'],\n },\n },\n {\n name: 'ukraine',\n type: 'line',\n source: 'pipelines',\n filter: {\n key: 'Name',\n values: ['UrengoyPomaryUzhgorod', 'Soyuz'],\n },\n },\n {\n name: 'belarus',\n type: 'line',\n source: 'pipelines',\n filter: {\n key: 'Name',\n values: ['YamalEurope'],\n },\n },\n {\n name: 'algeria',\n type: 'line',\n source: 'pipelines',\n filter: {\n key: 'Name',\n values: ['Medgaz', 'MaghrebEurope'],\n },\n },\n {\n name: 'norway',\n type: 'line',\n source: 'pipelines',\n filter: {\n key: 'Name',\n values: [\n 'Franpipe',\n 'Zeepipe1',\n 'Zeepipe2A',\n 'Zeepipe2B',\n 'Norpipe',\n 'EuroPipe1',\n 'EuroPipe2',\n ],\n },\n },\n {\n name: 'all-uk',\n type: 'line',\n source: 'pipelines',\n filter: {\n key: 'is_uk',\n value: 1,\n },\n },\n {\n name: 'uk-selected',\n type: 'line',\n source: 'pipelines',\n filter: {\n key: 'Name',\n values: ['Langeled North', 'Langeled South', 'BBL', 'Interconnector'],\n },\n },\n {\n name: 'groningen',\n type: 'fill',\n source: 'groningen',\n filter: false,\n },\n {\n name: 'gazprom-storage',\n type: 'symbol',\n source: 'storage',\n filter: { key: 'Gazprom', value: 1 },\n },\n {\n name: 'rough-storage',\n type: 'symbol',\n source: 'storage',\n filter: { key: 'name', value: 'Rough' },\n },\n {\n name: 'ukraine-fill',\n type: 'fill',\n source: 'composite',\n properties: {\n 'source-layer': 'country_boundaries',\n },\n filter: { key: 'name_en', value: 'Ukraine' },\n },\n {\n name: 'ukraine-outline',\n type: 'line',\n source: 'composite',\n properties: {\n 'source-layer': 'country_boundaries',\n },\n filter: { key: 'name_en', value: 'Ukraine' },\n },\n {\n name: 'ns1-label',\n type: 'symbol',\n source: 'pipeline-centroids',\n filter: { key: 'name', value: 'ns1-label' },\n },\n {\n name: 'ns2-label',\n type: 'symbol',\n source: 'pipeline-centroids',\n filter: { key: 'name', value: 'ns2-label' },\n },\n {\n name: 'rough-label',\n type: 'symbol',\n source: 'storage',\n filter: { key: 'name', value: 'Rough' },\n },\n {\n name: 'bs-label',\n type: 'symbol',\n source: 'pipeline-centroids',\n filter: { key: 'name', value: 'bs-label' },\n },\n {\n name: 'ts-label',\n type: 'symbol',\n source: 'pipeline-centroids',\n filter: { key: 'name', value: 'ts-label' },\n },\n {\n name: 'langeled-label',\n type: 'symbol',\n source: 'pipeline-centroids',\n filter: { key: 'name', value: 'langeled-label' },\n },\n {\n name: 'mg-label',\n type: 'symbol',\n source: 'pipeline-centroids',\n filter: { key: 'name', value: 'mg-label' },\n },\n {\n name: 'maghreb-label',\n type: 'symbol',\n source: 'pipeline-centroids',\n filter: { key: 'name', value: 'maghreb-label' },\n },\n {\n name: 'yamal-label',\n type: 'symbol',\n source: 'pipeline-centroids',\n filter: { key: 'name', value: 'yamal-label' },\n },\n];\n\n// Define layer styles here, following the spec: https://docs.mapbox.com/mapbox-gl-js/style-spec/layers/\nexport const layerStyles = () => {\n const capacityRange = [1, 3];\n /* How to understand below:\n The line with range is calculated by interpolating the value between each pair.\n e.g. if the capacity for a pipeline was 1 the range would be [1, 3] between zoom levels [3, 10]. If the capacity was\n 3 it would be [1.5, 6]\n */\n const lineWidthRange = [\n [1, 1.5], // The range of values for the lower limit of line widths at different zoom levels\n [3, 6], // The range of values for the upper limit of line widths at different zoom levels\n ];\n const zoomRange = [3, 10];\n\n const labelStyles = {\n layout: {\n 'text-field': ['get', 'label'],\n 'text-allow-overlap': true,\n 'text-justify': 'auto',\n 'text-font': ['Metric Regular', 'Arial Unicode MS Regular'],\n 'text-size': 15,\n 'text-transform': 'uppercase',\n },\n paint: {\n 'text-color': '#AD5F11',\n 'text-halo-color': '#fff1e5',\n 'text-halo-width': 2,\n 'text-halo-blur': 1,\n },\n };\n\n const lineStyles = {\n layout: {\n 'line-join': 'round',\n },\n paint: {\n 'line-color': '#E19549',\n 'line-width': [\n 'interpolate',\n ['linear'],\n ['zoom'],\n zoomRange[0],\n [\n 'interpolate',\n ['linear'],\n ['get', 'Size'],\n capacityRange[0],\n lineWidthRange[0][0],\n capacityRange[1],\n lineWidthRange[0][1],\n ],\n zoomRange[1],\n [\n 'interpolate',\n ['linear'],\n ['get', 'Size'],\n capacityRange[0],\n lineWidthRange[1][0],\n capacityRange[1],\n lineWidthRange[1][1],\n ],\n ],\n 'line-dasharray': [\n 'case',\n ['==', ['get', 'type'], 'complete'],\n // The arrays below correspond to dasharray strings (e.g. 1, 0 or 2, 2)\n ['literal', [1, 0]],\n ['literal', [4, 2]],\n ],\n },\n };\n\n return [\n {\n name: 'ukraine-fill',\n styles: {\n paint: { 'fill-color': 'rgba(160, 168, 179, 0.5)' },\n },\n },\n {\n name: 'all-pipelines',\n styles: lineStyles,\n },\n {\n name: 'nordstream1',\n styles: lineStyles,\n },\n {\n name: 'nordstream2',\n styles: lineStyles,\n },\n {\n name: 'turkstream-&-bluestream',\n styles: lineStyles,\n },\n {\n name: 'belarus',\n styles: lineStyles,\n },\n {\n name: 'algeria',\n styles: lineStyles,\n },\n {\n name: 'norway',\n styles: lineStyles,\n },\n {\n name: 'united-kingdom',\n styles: lineStyles,\n },\n {\n name: 'ukraine',\n styles: lineStyles,\n },\n {\n name: 'uk-selected',\n styles: lineStyles,\n },\n {\n name: 'all-uk',\n styles: lineStyles,\n },\n {\n name: 'groningen',\n styles: {\n paint: {\n 'fill-pattern': 'gasfield-pattern-medium',\n },\n },\n },\n {\n name: 'gazprom-storage',\n styles: {\n layout: {\n 'icon-image': 'triangle-icon',\n 'icon-size': 0.5,\n // Ensures it is always rendered\n 'icon-allow-overlap': true,\n },\n },\n },\n {\n name: 'rough-storage',\n styles: {\n layout: {\n 'icon-image': 'triangle-icon',\n 'icon-size': 1,\n // Ensures it is always rendered\n 'icon-allow-overlap': true,\n },\n },\n },\n {\n name: 'ukraine-outline',\n styles: {\n paint: {\n 'line-color': '#0D7680',\n 'line-width': 0,\n },\n },\n },\n {\n name: 'ns1-label',\n styles: labelStyles,\n },\n {\n name: 'ns2-label',\n styles: labelStyles,\n },\n {\n name: 'rough-label',\n styles: {\n layout: {\n ...labelStyles.layout,\n 'text-field': 'Rough storage facility',\n 'text-radial-offset': 1,\n 'text-variable-anchor': ['bottom'],\n },\n paint: labelStyles.paint,\n },\n },\n {\n name: 'ts-label',\n styles: labelStyles,\n },\n {\n name: 'langeled-label',\n styles: labelStyles,\n },\n {\n name: 'bs-label',\n styles: labelStyles,\n },\n {\n name: 'mg-label',\n styles: labelStyles,\n },\n {\n name: 'maghreb-label',\n styles: labelStyles,\n },\n {\n name: 'yamal-label',\n styles: labelStyles,\n },\n ];\n};\n\nexport const addLayers = (map, layerConfig, layerStyles, firstSymbolId) => {\n layerConfig.forEach(({ name, type, source, filter, properties }) => {\n // Check if layer exists first\n if (!map.getLayer(name)) {\n const { styles } = layerStyles.find((layerStyle) => layerStyle.name === name) || {};\n map.addLayer(\n {\n id: name,\n type,\n source,\n ...properties,\n ...styles,\n ...(filter && {\n filter: filter.values\n ? // If an array, use this to filter instead\n ['in', ['get', filter.key], ['literal', filter.values]]\n : ['==', ['get', filter.key], filter.value],\n }),\n },\n firstSymbolId\n );\n }\n });\n};\n\nexport default null;\n","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.setRootID = setRootID;\nexports.getRootID = getRootID;\nexports.track = track;\nexports.default = void 0;\n\nvar _send = _interopRequireDefault(require(\"./core/send\"));\n\nvar _user = _interopRequireDefault(require(\"./core/user\"));\n\nvar _session = _interopRequireDefault(require(\"./core/session\"));\n\nvar _settings = _interopRequireDefault(require(\"./core/settings\"));\n\nvar _utils = _interopRequireDefault(require(\"./utils\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\nvar rootID;\n/**\n * Generate and store a new rootID, used to mark a new root event that\n * subsequent events will be linked to.\n * @return {string|*} The rootID.\n */\n\nfunction setRootID() {\n rootID = _utils.default.guid();\n return rootID;\n}\n/**\n * Get the current rootID.\n * @return {string|*} The rootID.\n */\n\n\nfunction getRootID() {\n if (!rootID) {\n setRootID();\n }\n\n return rootID;\n}\n/**\n * Make a tracking request.\n *\n * @param {Object} config - Should be passed an object containing a format and the values for that format\n * @param {function} callback - Fired when the request has been made.\n *\n * @return {Object} request\n */\n\n\nfunction track(config, callback) {\n if (_utils.default.isUndefined(callback)) {\n callback = function callback() {};\n }\n\n var session = _session.default.session(); // Set up the base request object with some values which should always be sent.\n\n\n var request = {\n async: true,\n callback: callback || function () {},\n context: {\n id: config.id || _utils.default.guid(),\n // Use a supplied id or generate one for this request\n root_id: getRootID()\n },\n user: {\n passport_id: _utils.default.getValueFromCookie(/USERID=([0-9]+):/) || _utils.default.getValueFromCookie(/PID=([0-9]+)\\_/),\n ft_session: _utils.default.getValueFromCookie(/FTSession=([^;]+)/),\n ft_session_s: _utils.default.getValueFromCookie(/FTSession_s=([^;]+)/)\n },\n device: {\n spoor_session: session.id,\n spoor_session_is_new: session.isNew,\n spoor_id: _user.default.userID()\n }\n }; // Override any context, user, and device values with object-wide settings\n\n var settingsConfig = _settings.default.get('config') || {};\n\n if (settingsConfig.context) {\n _utils.default.merge(request.context, settingsConfig.context);\n }\n\n if (settingsConfig.user) {\n _utils.default.merge(request.user, settingsConfig.user);\n }\n\n if (settingsConfig.device) {\n _utils.default.merge(request.device, settingsConfig.device);\n } // Update the base config with the parameter-supplied config\n\n\n _utils.default.merge(request, config);\n\n _utils.default.log('Core.Track', request); // Send it.\n\n\n _send.default.addAndRun(request);\n\n return request;\n}\n\nvar _default = {\n setRootID,\n getRootID,\n track\n};\nexports.default = _default;","\"use strict\";\n\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.clear = exports.init = exports.default = void 0;\n\nvar _index = _interopRequireDefault(require(\"./utils/index.js\"));\n\nfunction _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n//TODO remove all ft.com specific stuff so we can remove this as a global\n// currently all FT specific stuff is wrapped in an if window.FT\n\n/**\n * @fileOverview\n * Third party library for use with google publisher tags.\n *\n * @author Robin Marr, robin.marr@ft.com\n */\n\n/**\n * The FT.ads.config object holds the confiuration properties for an FT.ads.gpt instance.\n * There are four tiers of configuration; cookie level config, default config (set within the constructor), metatag config and global (env) config.\n * Global config, (set in the page FT.env ojbect) takes priority over meta followed by default config with cookie config having the least priority.\n * The FT.ads.config() function acts as an accessor method for the config; allowing getting and setting of configuration values.\n * Calling config() with no parameters returns the entire configuration object.\n * Calling config passing a valid property key will envoke the 'getter' and return the value for that property key.\n * Calling config passing a valid property key and a value will envoke the setter and set the value of the key to the new value.\n * Calling config passing an object of keys and values will envoke a setter that extends the store with the object provided.\n * @name config\n * @memberof FT.ads\n * @function\n*/\n\n/**\n* Default configuration set in the constructor.\n*/\nvar defaults = {\n formats: {\n MediumRectangle: {\n sizes: [300, 250]\n },\n Rectangle: {\n sizes: [180, 50]\n },\n WideSkyscraper: {\n sizes: [160, 600]\n },\n Leaderboard: {\n sizes: [728, 90]\n },\n SuperLeaderboard: {\n sizes: [[970, 90], [970, 66]]\n },\n HalfPage: {\n sizes: [300, 600]\n },\n Billboard: {\n sizes: [970, 250]\n },\n Portrait: {\n sizes: [300, 1050]\n },\n AdhesionBanner: {\n sizes: [320, 50]\n },\n MicroBar: {\n sizes: [88, 31]\n },\n Button2: {\n sizes: [120, 60]\n },\n Responsive: {\n sizes: [2, 2]\n }\n },\n responsive: {\n extra: [1025, 0],\n //Reasonable width to show a Billboard (desktop)\n large: [1000, 0],\n //reasonable width to show SuperLeaderboard (tablet landscape)\n medium: [760, 0],\n //reasonable width to show a leaderboard (tablet portrait)\n small: [0, 0] //Mobile\n\n },\n flags: {\n refresh: true,\n inview: true\n },\n displayLabelWithBorders: false\n};\n\nfunction fetchDeclaritiveConfig() {\n var results = {};\n var scripts = Array.from(document.querySelectorAll('script[data-o-ads-config]'));\n scripts.forEach(script => {\n results = window.JSON ? _index.default.extend(results, JSON.parse(script.innerHTML)) : 'UNSUPPORTED';\n });\n return results;\n}\n/**\n* @private\n* @function\n* fetchCanonicalURL Grabs the canonical URL from the page meta if it exists.\n*/\n\n\nfunction fetchCanonicalURL() {\n var canonical;\n var canonicalTag = document.querySelector('link[rel=\"canonical\"]');\n\n if (canonicalTag) {\n canonical = canonicalTag.href;\n }\n\n return {\n canonical: canonical\n };\n}\n/**\n* Defines a store for configuration information and returns a getter/setter method for access.\n* @class\n* @constructor\n*/\n\n\nfunction Config() {\n this.store = {};\n}\n\nConfig.prototype.access = function (k, v) {\n var result;\n\n if (_index.default.isPlainObject(k)) {\n _index.default.extend(true, this.store, k);\n\n result = this.store;\n } else if (typeof v === 'undefined') {\n if (typeof k === 'undefined') {\n result = this.store;\n } else {\n result = this.store[k];\n }\n } else {\n this.store[k] = v;\n result = v;\n }\n\n return result;\n};\n\nConfig.prototype.clear = function (key) {\n if (key) {\n delete this.store[key];\n } else {\n this.store = {};\n }\n};\n\nConfig.prototype.init = function () {\n this.store = _index.default.extend(true, {}, defaults, fetchCanonicalURL(), fetchDeclaritiveConfig());\n return this.store;\n};\n\nvar config = new Config();\n\nvar _default = config.access.bind(config);\n\nexports.default = _default;\nvar init = config.init.bind(config);\nexports.init = init;\nvar clear = config.clear.bind(config);\nexports.clear = clear;","/**\n * @file\n * Sundry hooks that have multiple use-cases\n */\n\nimport { useRef, useEffect, useState } from 'react';\nimport OAds from '@financial-times/o-ads';\nimport { isElement, registerLayoutChangeEvents, unregisterLayoutChangeEvents } from './helpers';\n\n/**\n * @function\n * Provides a standardised way of creating the container DOM elements for portals\n * Usage:\n ```\n const SomeComponent = () => {\n const target = usePortal();\n return createPortal(