govuk_tech_docs 3.4.0 → 3.4.5

data/node_modules/govuk-frontend/govuk/components/error-summary/error-summary.js

@@ -1,1136 +1,1189 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define('GOVUKFrontend.ErrorSummary', factory) :
-	(global.GOVUKFrontend = global.GOVUKFrontend || {}, global.GOVUKFrontend.ErrorSummary = factory());
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define('GOVUKFrontend.ErrorSummary', factory) :
+  (global.GOVUKFrontend = global.GOVUKFrontend || {}, global.GOVUKFrontend.ErrorSummary = factory());
 }(this, (function () { 'use strict';
 
-(function(undefined) {
-
-// Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Object/defineProperty/detect.js
-var detect = (
-  // In IE8, defineProperty could only act on DOM elements, so full support
-  // for the feature requires the ability to set a property on an arbitrary object
-  'defineProperty' in Object && (function() {
-  	try {
-  		var a = {};
-  		Object.defineProperty(a, 'test', {value:42});
-  		return true;
-  	} catch(e) {
-  		return false
-  	}
-  }())
-);
-
-if (detect) return
-
-// Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.defineProperty&flags=always
-(function (nativeDefineProperty) {
-
-	var supportsAccessors = Object.prototype.hasOwnProperty('__defineGetter__');
-	var ERR_ACCESSORS_NOT_SUPPORTED = 'Getters & setters cannot be defined on this javascript engine';
-	var ERR_VALUE_ACCESSORS = 'A property cannot both have accessors and be writable or have a value';
-
-	Object.defineProperty = function defineProperty(object, property, descriptor) {
-
-		// Where native support exists, assume it
-		if (nativeDefineProperty && (object === window || object === document || object === Element.prototype || object instanceof Element)) {
-			return nativeDefineProperty(object, property, descriptor);
-		}
-
-		if (object === null || !(object instanceof Object || typeof object === 'object')) {
-			throw new TypeError('Object.defineProperty called on non-object');
-		}
-
-		if (!(descriptor instanceof Object)) {
-			throw new TypeError('Property description must be an object');
-		}
-
-		var propertyString = String(property);
-		var hasValueOrWritable = 'value' in descriptor || 'writable' in descriptor;
-		var getterType = 'get' in descriptor && typeof descriptor.get;
-		var setterType = 'set' in descriptor && typeof descriptor.set;
-
-		// handle descriptor.get
-		if (getterType) {
-			if (getterType !== 'function') {
-				throw new TypeError('Getter must be a function');
-			}
-			if (!supportsAccessors) {
-				throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
-			}
-			if (hasValueOrWritable) {
-				throw new TypeError(ERR_VALUE_ACCESSORS);
-			}
-			Object.__defineGetter__.call(object, propertyString, descriptor.get);
-		} else {
-			object[propertyString] = descriptor.value;
-		}
-
-		// handle descriptor.set
-		if (setterType) {
-			if (setterType !== 'function') {
-				throw new TypeError('Setter must be a function');
-			}
-			if (!supportsAccessors) {
-				throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
-			}
-			if (hasValueOrWritable) {
-				throw new TypeError(ERR_VALUE_ACCESSORS);
-			}
-			Object.__defineSetter__.call(object, propertyString, descriptor.set);
-		}
-
-		// OK to define value unconditionally - if a getter has been specified as well, an error would be thrown above
-		if ('value' in descriptor) {
-			object[propertyString] = descriptor.value;
-		}
-
-		return object;
-	};
-}(Object.defineProperty));
-})
-.call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
-
-(function(undefined) {
-  // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Function/prototype/bind/detect.js
-  var detect = 'bind' in Function.prototype;
-
-  if (detect) return
+  /**
+   * Common helpers which do not require polyfill.
+   *
+   * IMPORTANT: If a helper require a polyfill, please isolate it in its own module
+   * so that the polyfill can be properly tree-shaken and does not burden
+   * the components that do not need that helper
+   *
+   * @module common/index
+   */
 
-  // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Function.prototype.bind&flags=always
-  Object.defineProperty(Function.prototype, 'bind', {
-      value: function bind(that) { // .length is 1
-          // add necessary es5-shim utilities
-          var $Array = Array;
-          var $Object = Object;
-          var ObjectPrototype = $Object.prototype;
-          var ArrayPrototype = $Array.prototype;
-          var Empty = function Empty() {};
-          var to_string = ObjectPrototype.toString;
-          var hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol';
-          var isCallable; /* inlined from https://npmjs.com/is-callable */ var fnToStr = Function.prototype.toString, tryFunctionObject = function tryFunctionObject(value) { try { fnToStr.call(value); return true; } catch (e) { return false; } }, fnClass = '[object Function]', genClass = '[object GeneratorFunction]'; isCallable = function isCallable(value) { if (typeof value !== 'function') { return false; } if (hasToStringTag) { return tryFunctionObject(value); } var strClass = to_string.call(value); return strClass === fnClass || strClass === genClass; };
-          var array_slice = ArrayPrototype.slice;
-          var array_concat = ArrayPrototype.concat;
-          var array_push = ArrayPrototype.push;
-          var max = Math.max;
-          // /add necessary es5-shim utilities
-
-          // 1. Let Target be the this value.
-          var target = this;
-          // 2. If IsCallable(Target) is false, throw a TypeError exception.
-          if (!isCallable(target)) {
-              throw new TypeError('Function.prototype.bind called on incompatible ' + target);
+  /**
+   * Config flattening function
+   *
+   * Takes any number of objects, flattens them into namespaced key-value pairs,
+   * (e.g. {'i18n.showSection': 'Show section'}) and combines them together, with
+   * greatest priority on the LAST item passed in.
+   *
+   * @deprecated Will be made private in v5.0
+   * @returns {Object<string, unknown>} A flattened object of key-value pairs.
+   */
+  function mergeConfigs (/* configObject1, configObject2, ...configObjects */) {
+    /**
+     * Function to take nested objects and flatten them to a dot-separated keyed
+     * object. Doing this means we don't need to do any deep/recursive merging of
+     * each of our objects, nor transform our dataset from a flat list into a
+     * nested object.
+     *
+     * @param {Object<string, unknown>} configObject - Deeply nested object
+     * @returns {Object<string, unknown>} Flattened object with dot-separated keys
+     */
+    var flattenObject = function (configObject) {
+      // Prepare an empty return object
+      /** @type {Object<string, unknown>} */
+      var flattenedObject = {};
+
+      /**
+       * Our flattening function, this is called recursively for each level of
+       * depth in the object. At each level we prepend the previous level names to
+       * the key using `prefix`.
+       *
+       * @param {Partial<Object<string, unknown>>} obj - Object to flatten
+       * @param {string} [prefix] - Optional dot-separated prefix
+       */
+      var flattenLoop = function (obj, prefix) {
+        // Loop through keys...
+        for (var key in obj) {
+          // Check to see if this is a prototypical key/value,
+          // if it is, skip it.
+          if (!Object.prototype.hasOwnProperty.call(obj, key)) {
+            continue
           }
-          // 3. Let A be a new (possibly empty) internal list of all of the
-          //   argument values provided after thisArg (arg1, arg2 etc), in order.
-          // XXX slicedArgs will stand in for "A" if used
-          var args = array_slice.call(arguments, 1); // for normal call
-          // 4. Let F be a new native ECMAScript object.
-          // 11. Set the [[Prototype]] internal property of F to the standard
-          //   built-in Function prototype object as specified in 15.3.3.1.
-          // 12. Set the [[Call]] internal property of F as described in
-          //   15.3.4.5.1.
-          // 13. Set the [[Construct]] internal property of F as described in
-          //   15.3.4.5.2.
-          // 14. Set the [[HasInstance]] internal property of F as described in
-          //   15.3.4.5.3.
-          var bound;
-          var binder = function () {
-
-              if (this instanceof bound) {
-                  // 15.3.4.5.2 [[Construct]]
-                  // When the [[Construct]] internal method of a function object,
-                  // F that was created using the bind function is called with a
-                  // list of arguments ExtraArgs, the following steps are taken:
-                  // 1. Let target be the value of F's [[TargetFunction]]
-                  //   internal property.
-                  // 2. If target has no [[Construct]] internal method, a
-                  //   TypeError exception is thrown.
-                  // 3. Let boundArgs be the value of F's [[BoundArgs]] internal
-                  //   property.
-                  // 4. Let args be a new list containing the same values as the
-                  //   list boundArgs in the same order followed by the same
-                  //   values as the list ExtraArgs in the same order.
-                  // 5. Return the result of calling the [[Construct]] internal
-                  //   method of target providing args as the arguments.
-
-                  var result = target.apply(
-                      this,
-                      array_concat.call(args, array_slice.call(arguments))
-                  );
-                  if ($Object(result) === result) {
-                      return result;
-                  }
-                  return this;
-
-              } else {
-                  // 15.3.4.5.1 [[Call]]
-                  // When the [[Call]] internal method of a function object, F,
-                  // which was created using the bind function is called with a
-                  // this value and a list of arguments ExtraArgs, the following
-                  // steps are taken:
-                  // 1. Let boundArgs be the value of F's [[BoundArgs]] internal
-                  //   property.
-                  // 2. Let boundThis be the value of F's [[BoundThis]] internal
-                  //   property.
-                  // 3. Let target be the value of F's [[TargetFunction]] internal
-                  //   property.
-                  // 4. Let args be a new list containing the same values as the
-                  //   list boundArgs in the same order followed by the same
-                  //   values as the list ExtraArgs in the same order.
-                  // 5. Return the result of calling the [[Call]] internal method
-                  //   of target providing boundThis as the this value and
-                  //   providing args as the arguments.
-
-                  // equiv: target.call(this, ...boundArgs, ...args)
-                  return target.apply(
-                      that,
-                      array_concat.call(args, array_slice.call(arguments))
-                  );
-
-              }
-
-          };
-
-          // 15. If the [[Class]] internal property of Target is "Function", then
-          //     a. Let L be the length property of Target minus the length of A.
-          //     b. Set the length own property of F to either 0 or L, whichever is
-          //       larger.
-          // 16. Else set the length own property of F to 0.
-
-          var boundLength = max(0, target.length - args.length);
-
-          // 17. Set the attributes of the length own property of F to the values
-          //   specified in 15.3.5.1.
-          var boundArgs = [];
-          for (var i = 0; i < boundLength; i++) {
-              array_push.call(boundArgs, '$' + i);
+          var value = obj[key];
+          var prefixedKey = prefix ? prefix + '.' + key : key;
+          if (typeof value === 'object') {
+            // If the value is a nested object, recurse over that too
+            flattenLoop(value, prefixedKey);
+          } else {
+            // Otherwise, add this value to our return object
+            flattenedObject[prefixedKey] = value;
           }
+        }
+      };
 
-          // XXX Build a dynamic function with desired amount of arguments is the only
-          // way to set the length property of a function.
-          // In environments where Content Security Policies enabled (Chrome extensions,
-          // for ex.) all use of eval or Function costructor throws an exception.
-          // However in all of these environments Function.prototype.bind exists
-          // and so this code will never be executed.
-          bound = Function('binder', 'return function (' + boundArgs.join(',') + '){ return binder.apply(this, arguments); }')(binder);
-
-          if (target.prototype) {
-              Empty.prototype = target.prototype;
-              bound.prototype = new Empty();
-              // Clean up dangling references.
-              Empty.prototype = null;
-          }
+      // Kick off the recursive loop
+      flattenLoop(configObject);
+      return flattenedObject
+    };
 
-          // TODO
-          // 18. Set the [[Extensible]] internal property of F to true.
-
-          // TODO
-          // 19. Let thrower be the [[ThrowTypeError]] function Object (13.2.3).
-          // 20. Call the [[DefineOwnProperty]] internal method of F with
-          //   arguments "caller", PropertyDescriptor {[[Get]]: thrower, [[Set]]:
-          //   thrower, [[Enumerable]]: false, [[Configurable]]: false}, and
-          //   false.
-          // 21. Call the [[DefineOwnProperty]] internal method of F with
-          //   arguments "arguments", PropertyDescriptor {[[Get]]: thrower,
-          //   [[Set]]: thrower, [[Enumerable]]: false, [[Configurable]]: false},
-          //   and false.
-
-          // TODO
-          // NOTE Function objects created using Function.prototype.bind do not
-          // have a prototype property or the [[Code]], [[FormalParameters]], and
-          // [[Scope]] internal properties.
-          // XXX can't delete prototype in pure-js.
-
-          // 22. Return F.
-          return bound;
+    // Start with an empty object as our base
+    /** @type {Object<string, unknown>} */
+    var formattedConfigObject = {};
+
+    // Loop through each of the remaining passed objects and push their keys
+    // one-by-one into configObject. Any duplicate keys will override the existing
+    // key with the new value.
+    for (var i = 0; i < arguments.length; i++) {
+      var obj = flattenObject(arguments[i]);
+      for (var key in obj) {
+        if (Object.prototype.hasOwnProperty.call(obj, key)) {
+          formattedConfigObject[key] = obj[key];
+        }
       }
-  });
-})
-.call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+    }
 
-(function(undefined) {
+    return formattedConfigObject
+  }
 
-// Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Window/detect.js
-var detect = ('Window' in this);
+  /**
+   * @template {Node} ElementType
+   * @callback nodeListIterator
+   * @param {ElementType} value - The current node being iterated on
+   * @param {number} index - The current index in the iteration
+   * @param {NodeListOf<ElementType>} nodes - NodeList from querySelectorAll()
+   * @returns {void}
+   */
 
-if (detect) return
+  // @ts-nocheck
+  (function (undefined) {
 
-// Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Window&flags=always
-if ((typeof WorkerGlobalScope === "undefined") && (typeof importScripts !== "function")) {
-	(function (global) {
-		if (global.constructor) {
-			global.Window = global.constructor;
-		} else {
-			(global.Window = global.constructor = new Function('return function Window() {}')()).prototype = this;
-		}
-	}(this));
-}
+  // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Object/defineProperty/detect.js
+  var detect = (
+    // In IE8, defineProperty could only act on DOM elements, so full support
+    // for the feature requires the ability to set a property on an arbitrary object
+    'defineProperty' in Object && (function() {
+    	try {
+    		var a = {};
+    		Object.defineProperty(a, 'test', {value:42});
+    		return true;
+    	} catch(e) {
+    		return false
+    	}
+    }())
+  );
 
-})
-.call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+  if (detect) return
 
-(function(undefined) {
+  // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.defineProperty&flags=always
+  (function (nativeDefineProperty) {
+
+  	var supportsAccessors = Object.prototype.hasOwnProperty('__defineGetter__');
+  	var ERR_ACCESSORS_NOT_SUPPORTED = 'Getters & setters cannot be defined on this javascript engine';
+  	var ERR_VALUE_ACCESSORS = 'A property cannot both have accessors and be writable or have a value';
+
+  	Object.defineProperty = function defineProperty(object, property, descriptor) {
+
+  		// Where native support exists, assume it
+  		if (nativeDefineProperty && (object === window || object === document || object === Element.prototype || object instanceof Element)) {
+  			return nativeDefineProperty(object, property, descriptor);
+  		}
+
+  		if (object === null || !(object instanceof Object || typeof object === 'object')) {
+  			throw new TypeError('Object.defineProperty called on non-object');
+  		}
+
+  		if (!(descriptor instanceof Object)) {
+  			throw new TypeError('Property description must be an object');
+  		}
+
+  		var propertyString = String(property);
+  		var hasValueOrWritable = 'value' in descriptor || 'writable' in descriptor;
+  		var getterType = 'get' in descriptor && typeof descriptor.get;
+  		var setterType = 'set' in descriptor && typeof descriptor.set;
+
+  		// handle descriptor.get
+  		if (getterType) {
+  			if (getterType !== 'function') {
+  				throw new TypeError('Getter must be a function');
+  			}
+  			if (!supportsAccessors) {
+  				throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
+  			}
+  			if (hasValueOrWritable) {
+  				throw new TypeError(ERR_VALUE_ACCESSORS);
+  			}
+  			Object.__defineGetter__.call(object, propertyString, descriptor.get);
+  		} else {
+  			object[propertyString] = descriptor.value;
+  		}
+
+  		// handle descriptor.set
+  		if (setterType) {
+  			if (setterType !== 'function') {
+  				throw new TypeError('Setter must be a function');
+  			}
+  			if (!supportsAccessors) {
+  				throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
+  			}
+  			if (hasValueOrWritable) {
+  				throw new TypeError(ERR_VALUE_ACCESSORS);
+  			}
+  			Object.__defineSetter__.call(object, propertyString, descriptor.set);
+  		}
+
+  		// OK to define value unconditionally - if a getter has been specified as well, an error would be thrown above
+  		if ('value' in descriptor) {
+  			object[propertyString] = descriptor.value;
+  		}
+
+  		return object;
+  	};
+  }(Object.defineProperty));
+  })
+  .call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+
+  // @ts-nocheck
+  (function (undefined) {
+
+  // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Document/detect.js
+  var detect = ("Document" in this);
 
-// Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Document/detect.js
-var detect = ("Document" in this);
+  if (detect) return
 
-if (detect) return
+  // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Document&flags=always
+  if ((typeof WorkerGlobalScope === "undefined") && (typeof importScripts !== "function")) {
 
-// Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Document&flags=always
-if ((typeof WorkerGlobalScope === "undefined") && (typeof importScripts !== "function")) {
+  	if (this.HTMLDocument) { // IE8
 
-	if (this.HTMLDocument) { // IE8
+  		// HTMLDocument is an extension of Document.  If the browser has HTMLDocument but not Document, the former will suffice as an alias for the latter.
+  		this.Document = this.HTMLDocument;
 
-		// HTMLDocument is an extension of Document.  If the browser has HTMLDocument but not Document, the former will suffice as an alias for the latter.
-		this.Document = this.HTMLDocument;
+  	} else {
 
-	} else {
+  		// Create an empty function to act as the missing constructor for the document object, attach the document object as its prototype.  The function needs to be anonymous else it is hoisted and causes the feature detect to prematurely pass, preventing the assignments below being made.
+  		this.Document = this.HTMLDocument = document.constructor = (new Function('return function Document() {}')());
+  		this.Document.prototype = document;
+  	}
+  }
+
+
+  })
+  .call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+
+  // @ts-nocheck
+
+  (function(undefined) {
+
+  // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Element/detect.js
+  var detect = ('Element' in this && 'HTMLElement' in this);
+
+  if (detect) return
+
+  // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element&flags=always
+  (function () {
+
+  	// IE8
+  	if (window.Element && !window.HTMLElement) {
+  		window.HTMLElement = window.Element;
+  		return;
+  	}
+
+  	// create Element constructor
+  	window.Element = window.HTMLElement = new Function('return function Element() {}')();
+
+  	// generate sandboxed iframe
+  	var vbody = document.appendChild(document.createElement('body'));
+  	var frame = vbody.appendChild(document.createElement('iframe'));
+
+  	// use sandboxed iframe to replicate Element functionality
+  	var frameDocument = frame.contentWindow.document;
+  	var prototype = Element.prototype = frameDocument.appendChild(frameDocument.createElement('*'));
+  	var cache = {};
+
+  	// polyfill Element.prototype on an element
+  	var shiv = function (element, deep) {
+  		var
+  		childNodes = element.childNodes || [],
+  		index = -1,
+  		key, value, childNode;
+
+  		if (element.nodeType === 1 && element.constructor !== Element) {
+  			element.constructor = Element;
+
+  			for (key in cache) {
+  				value = cache[key];
+  				element[key] = value;
+  			}
+  		}
+
+  		while (childNode = deep && childNodes[++index]) {
+  			shiv(childNode, deep);
+  		}
+
+  		return element;
+  	};
+
+  	var elements = document.getElementsByTagName('*');
+  	var nativeCreateElement = document.createElement;
+  	var interval;
+  	var loopLimit = 100;
+
+  	prototype.attachEvent('onpropertychange', function (event) {
+  		var
+  		propertyName = event.propertyName,
+  		nonValue = !cache.hasOwnProperty(propertyName),
+  		newValue = prototype[propertyName],
+  		oldValue = cache[propertyName],
+  		index = -1,
+  		element;
+
+  		while (element = elements[++index]) {
+  			if (element.nodeType === 1) {
+  				if (nonValue || element[propertyName] === oldValue) {
+  					element[propertyName] = newValue;
+  				}
+  			}
+  		}
+
+  		cache[propertyName] = newValue;
+  	});
+
+  	prototype.constructor = Element;
+
+  	if (!prototype.hasAttribute) {
+  		// <Element>.hasAttribute
+  		prototype.hasAttribute = function hasAttribute(name) {
+  			return this.getAttribute(name) !== null;
+  		};
+  	}
 
-		// Create an empty function to act as the missing constructor for the document object, attach the document object as its prototype.  The function needs to be anonymous else it is hoisted and causes the feature detect to prematurely pass, preventing the assignments below being made.
-		this.Document = this.HTMLDocument = document.constructor = (new Function('return function Document() {}')());
-		this.Document.prototype = document;
-	}
-}
-
-
-})
-.call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
-
-(function(undefined) {
-
-// Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Element/detect.js
-var detect = ('Element' in this && 'HTMLElement' in this);
-
-if (detect) return
-
-// Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element&flags=always
-(function () {
-
-	// IE8
-	if (window.Element && !window.HTMLElement) {
-		window.HTMLElement = window.Element;
-		return;
-	}
-
-	// create Element constructor
-	window.Element = window.HTMLElement = new Function('return function Element() {}')();
-
-	// generate sandboxed iframe
-	var vbody = document.appendChild(document.createElement('body'));
-	var frame = vbody.appendChild(document.createElement('iframe'));
-
-	// use sandboxed iframe to replicate Element functionality
-	var frameDocument = frame.contentWindow.document;
-	var prototype = Element.prototype = frameDocument.appendChild(frameDocument.createElement('*'));
-	var cache = {};
-
-	// polyfill Element.prototype on an element
-	var shiv = function (element, deep) {
-		var
-		childNodes = element.childNodes || [],
-		index = -1,
-		key, value, childNode;
-
-		if (element.nodeType === 1 && element.constructor !== Element) {
-			element.constructor = Element;
-
-			for (key in cache) {
-				value = cache[key];
-				element[key] = value;
-			}
-		}
-
-		while (childNode = deep && childNodes[++index]) {
-			shiv(childNode, deep);
-		}
-
-		return element;
-	};
-
-	var elements = document.getElementsByTagName('*');
-	var nativeCreateElement = document.createElement;
-	var interval;
-	var loopLimit = 100;
-
-	prototype.attachEvent('onpropertychange', function (event) {
-		var
-		propertyName = event.propertyName,
-		nonValue = !cache.hasOwnProperty(propertyName),
-		newValue = prototype[propertyName],
-		oldValue = cache[propertyName],
-		index = -1,
-		element;
-
-		while (element = elements[++index]) {
-			if (element.nodeType === 1) {
-				if (nonValue || element[propertyName] === oldValue) {
-					element[propertyName] = newValue;
-				}
-			}
-		}
-
-		cache[propertyName] = newValue;
-	});
-
-	prototype.constructor = Element;
-
-	if (!prototype.hasAttribute) {
-		// <Element>.hasAttribute
-		prototype.hasAttribute = function hasAttribute(name) {
-			return this.getAttribute(name) !== null;
-		};
-	}
-
-	// Apply Element prototype to the pre-existing DOM as soon as the body element appears.
-	function bodyCheck() {
-		if (!(loopLimit--)) clearTimeout(interval);
-		if (document.body && !document.body.prototype && /(complete|interactive)/.test(document.readyState)) {
-			shiv(document, true);
-			if (interval && document.body.prototype) clearTimeout(interval);
-			return (!!document.body.prototype);
-		}
-		return false;
-	}
-	if (!bodyCheck()) {
-		document.onreadystatechange = bodyCheck;
-		interval = setInterval(bodyCheck, 25);
-	}
-
-	// Apply to any new elements created after load
-	document.createElement = function createElement(nodeName) {
-		var element = nativeCreateElement(String(nodeName).toLowerCase());
-		return shiv(element);
-	};
-
-	// remove sandboxed iframe
-	document.removeChild(vbody);
-}());
-
-})
-.call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
-
-(function(undefined) {
-
-// Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Event/detect.js
-var detect = (
-  (function(global) {
-
-  	if (!('Event' in global)) return false;
-  	if (typeof global.Event === 'function') return true;
-
-  	try {
-
-  		// In IE 9-11, the Event object exists but cannot be instantiated
-  		new Event('click');
-  		return true;
-  	} catch(e) {
+  	// Apply Element prototype to the pre-existing DOM as soon as the body element appears.
+  	function bodyCheck() {
+  		if (!(loopLimit--)) clearTimeout(interval);
+  		if (document.body && !document.body.prototype && /(complete|interactive)/.test(document.readyState)) {
+  			shiv(document, true);
+  			if (interval && document.body.prototype) clearTimeout(interval);
+  			return (!!document.body.prototype);
+  		}
   		return false;
   	}
-  }(this))
-);
-
-if (detect) return
-
-// Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Event&flags=always
-(function () {
-	var unlistenableWindowEvents = {
-		click: 1,
-		dblclick: 1,
-		keyup: 1,
-		keypress: 1,
-		keydown: 1,
-		mousedown: 1,
-		mouseup: 1,
-		mousemove: 1,
-		mouseover: 1,
-		mouseenter: 1,
-		mouseleave: 1,
-		mouseout: 1,
-		storage: 1,
-		storagecommit: 1,
-		textinput: 1
-	};
-
-	// This polyfill depends on availability of `document` so will not run in a worker
-	// However, we asssume there are no browsers with worker support that lack proper
-	// support for `Event` within the worker
-	if (typeof document === 'undefined' || typeof window === 'undefined') return;
-
-	function indexOf(array, element) {
-		var
-		index = -1,
-		length = array.length;
-
-		while (++index < length) {
-			if (index in array && array[index] === element) {
-				return index;
-			}
-		}
-
-		return -1;
-	}
-
-	var existingProto = (window.Event && window.Event.prototype) || null;
-	window.Event = Window.prototype.Event = function Event(type, eventInitDict) {
-		if (!type) {
-			throw new Error('Not enough arguments');
-		}
-
-		var event;
-		// Shortcut if browser supports createEvent
-		if ('createEvent' in document) {
-			event = document.createEvent('Event');
-			var bubbles = eventInitDict && eventInitDict.bubbles !== undefined ? eventInitDict.bubbles : false;
-			var cancelable = eventInitDict && eventInitDict.cancelable !== undefined ? eventInitDict.cancelable : false;
-
-			event.initEvent(type, bubbles, cancelable);
-
-			return event;
-		}
-
-		event = document.createEventObject();
-
-		event.type = type;
-		event.bubbles = eventInitDict && eventInitDict.bubbles !== undefined ? eventInitDict.bubbles : false;
-		event.cancelable = eventInitDict && eventInitDict.cancelable !== undefined ? eventInitDict.cancelable : false;
-
-		return event;
-	};
-	if (existingProto) {
-		Object.defineProperty(window.Event, 'prototype', {
-			configurable: false,
-			enumerable: false,
-			writable: true,
-			value: existingProto
-		});
-	}
-
-	if (!('createEvent' in document)) {
-		window.addEventListener = Window.prototype.addEventListener = Document.prototype.addEventListener = Element.prototype.addEventListener = function addEventListener() {
-			var
-			element = this,
-			type = arguments[0],
-			listener = arguments[1];
-
-			if (element === window && type in unlistenableWindowEvents) {
-				throw new Error('In IE8 the event: ' + type + ' is not available on the window object. Please see https://github.com/Financial-Times/polyfill-service/issues/317 for more information.');
-			}
-
-			if (!element._events) {
-				element._events = {};
-			}
-
-			if (!element._events[type]) {
-				element._events[type] = function (event) {
-					var
-					list = element._events[event.type].list,
-					events = list.slice(),
-					index = -1,
-					length = events.length,
-					eventElement;
-
-					event.preventDefault = function preventDefault() {
-						if (event.cancelable !== false) {
-							event.returnValue = false;
-						}
-					};
-
-					event.stopPropagation = function stopPropagation() {
-						event.cancelBubble = true;
-					};
-
-					event.stopImmediatePropagation = function stopImmediatePropagation() {
-						event.cancelBubble = true;
-						event.cancelImmediate = true;
-					};
-
-					event.currentTarget = element;
-					event.relatedTarget = event.fromElement || null;
-					event.target = event.target || event.srcElement || element;
-					event.timeStamp = new Date().getTime();
-
-					if (event.clientX) {
-						event.pageX = event.clientX + document.documentElement.scrollLeft;
-						event.pageY = event.clientY + document.documentElement.scrollTop;
-					}
-
-					while (++index < length && !event.cancelImmediate) {
-						if (index in events) {
-							eventElement = events[index];
-
-							if (indexOf(list, eventElement) !== -1 && typeof eventElement === 'function') {
-								eventElement.call(element, event);
-							}
-						}
-					}
-				};
-
-				element._events[type].list = [];
-
-				if (element.attachEvent) {
-					element.attachEvent('on' + type, element._events[type]);
-				}
-			}
-
-			element._events[type].list.push(listener);
-		};
-
-		window.removeEventListener = Window.prototype.removeEventListener = Document.prototype.removeEventListener = Element.prototype.removeEventListener = function removeEventListener() {
-			var
-			element = this,
-			type = arguments[0],
-			listener = arguments[1],
-			index;
-
-			if (element._events && element._events[type] && element._events[type].list) {
-				index = indexOf(element._events[type].list, listener);
-
-				if (index !== -1) {
-					element._events[type].list.splice(index, 1);
-
-					if (!element._events[type].list.length) {
-						if (element.detachEvent) {
-							element.detachEvent('on' + type, element._events[type]);
-						}
-						delete element._events[type];
-					}
-				}
-			}
-		};
-
-		window.dispatchEvent = Window.prototype.dispatchEvent = Document.prototype.dispatchEvent = Element.prototype.dispatchEvent = function dispatchEvent(event) {
-			if (!arguments.length) {
-				throw new Error('Not enough arguments');
-			}
-
-			if (!event || typeof event.type !== 'string') {
-				throw new Error('DOM Events Exception 0');
-			}
-
-			var element = this, type = event.type;
-
-			try {
-				if (!event.bubbles) {
-					event.cancelBubble = true;
-
-					var cancelBubbleEvent = function (event) {
-						event.cancelBubble = true;
-
-						(element || window).detachEvent('on' + type, cancelBubbleEvent);
-					};
-
-					this.attachEvent('on' + type, cancelBubbleEvent);
-				}
-
-				this.fireEvent('on' + type, event);
-			} catch (error) {
-				event.target = element;
-
-				do {
-					event.currentTarget = element;
-
-					if ('_events' in element && typeof element._events[type] === 'function') {
-						element._events[type].call(element, event);
-					}
-
-					if (typeof element['on' + type] === 'function') {
-						element['on' + type].call(element, event);
-					}
-
-					element = element.nodeType === 9 ? element.parentWindow : element.parentNode;
-				} while (element && !event.cancelBubble);
-			}
-
-			return true;
-		};
-
-		// Add the DOMContentLoaded Event
-		document.attachEvent('onreadystatechange', function() {
-			if (document.readyState === 'complete') {
-				document.dispatchEvent(new Event('DOMContentLoaded', {
-					bubbles: true
-				}));
-			}
-		});
-	}
-}());
-
-})
-.call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
-
-(function(undefined) {
-
-  // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-service/1f3c09b402f65bf6e393f933a15ba63f1b86ef1f/packages/polyfill-library/polyfills/Element/prototype/matches/detect.js
-  var detect = (
-    'document' in this && "matches" in document.documentElement
-  );
+  	if (!bodyCheck()) {
+  		document.onreadystatechange = bodyCheck;
+  		interval = setInterval(bodyCheck, 25);
+  	}
 
-  if (detect) return
+  	// Apply to any new elements created after load
+  	document.createElement = function createElement(nodeName) {
+  		var element = nativeCreateElement(String(nodeName).toLowerCase());
+  		return shiv(element);
+  	};
 
-  // Polyfill from https://raw.githubusercontent.com/Financial-Times/polyfill-service/1f3c09b402f65bf6e393f933a15ba63f1b86ef1f/packages/polyfill-library/polyfills/Element/prototype/matches/polyfill.js
-  Element.prototype.matches = Element.prototype.webkitMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.mozMatchesSelector || function matches(selector) {
-    var element = this;
-    var elements = (element.document || element.ownerDocument).querySelectorAll(selector);
-    var index = 0;
+  	// remove sandboxed iframe
+  	document.removeChild(vbody);
+  }());
 
-    while (elements[index] && elements[index] !== element) {
-      ++index;
-    }
+  })
+  .call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
 
-    return !!elements[index];
-  };
+  // @ts-nocheck
 
-}).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+  (function(undefined) {
 
-(function(undefined) {
+    // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-library/13cf7c340974d128d557580b5e2dafcd1b1192d1/polyfills/Element/prototype/dataset/detect.js
+    var detect = (function(){
+      if (!document.documentElement.dataset) {
+        return false;
+      }
+      var el = document.createElement('div');
+      el.setAttribute("data-a-b", "c");
+      return el.dataset && el.dataset.aB == "c";
+    }());
 
-  // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-service/1f3c09b402f65bf6e393f933a15ba63f1b86ef1f/packages/polyfill-library/polyfills/Element/prototype/closest/detect.js
-  var detect = (
-    'document' in this && "closest" in document.documentElement
-  );
+    if (detect) return
 
-  if (detect) return
+    // Polyfill derived from  https://raw.githubusercontent.com/Financial-Times/polyfill-library/13cf7c340974d128d557580b5e2dafcd1b1192d1/polyfills/Element/prototype/dataset/polyfill.js
+    Object.defineProperty(Element.prototype, 'dataset', {
+      get: function() {
+        var element = this;
+        var attributes = this.attributes;
+        var map = {};
+
+        for (var i = 0; i < attributes.length; i++) {
+          var attribute = attributes[i];
+
+          // This regex has been edited from the original polyfill, to add
+          // support for period (.) separators in data-* attribute names. These
+          // are allowed in the HTML spec, but were not covered by the original
+          // polyfill's regex. We use periods in our i18n implementation.
+          if (attribute && attribute.name && (/^data-\w[.\w-]*$/).test(attribute.name)) {
+            var name = attribute.name;
+            var value = attribute.value;
+
+            var propName = name.substr(5).replace(/-./g, function (prop) {
+              return prop.charAt(1).toUpperCase();
+            });
+
+            // If this browser supports __defineGetter__ and __defineSetter__,
+            // continue using defineProperty. If not (like IE 8 and below), we use
+            // a hacky fallback which at least gives an object in the right format
+            if ('__defineGetter__' in Object.prototype && '__defineSetter__' in Object.prototype) {
+              Object.defineProperty(map, propName, {
+                enumerable: true,
+                get: function() {
+                  return this.value;
+                }.bind({value: value || ''}),
+                set: function setter(name, value) {
+                  if (typeof value !== 'undefined') {
+                    this.setAttribute(name, value);
+                  } else {
+                    this.removeAttribute(name);
+                  }
+                }.bind(element, name)
+              });
+            } else {
+              map[propName] = value;
+            }
+
+          }
+        }
+
+        return map;
+      }
+    });
+
+  }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+
+  // @ts-nocheck
+  (function (undefined) {
+
+      // Detection from https://github.com/mdn/content/blob/cf607d68522cd35ee7670782d3ee3a361eaef2e4/files/en-us/web/javascript/reference/global_objects/string/trim/index.md#polyfill
+      var detect = ('trim' in String.prototype);
+
+      if (detect) return
+
+      // Polyfill from https://github.com/mdn/content/blob/cf607d68522cd35ee7670782d3ee3a361eaef2e4/files/en-us/web/javascript/reference/global_objects/string/trim/index.md#polyfill
+      String.prototype.trim = function () {
+          return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+      };
+
+  }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
 
-  // Polyfill from https://raw.githubusercontent.com/Financial-Times/polyfill-service/1f3c09b402f65bf6e393f933a15ba63f1b86ef1f/packages/polyfill-library/polyfills/Element/prototype/closest/polyfill.js
-  Element.prototype.closest = function closest(selector) {
-    var node = this;
+  /* eslint-disable es-x/no-string-prototype-trim -- Polyfill imported */
 
-    while (node) {
-      if (node.matches(selector)) return node;
-      else node = 'SVGElement' in window && node instanceof SVGElement ? node.parentNode : node.parentElement;
+  /**
+   * Normalise string
+   *
+   * 'If it looks like a duck, and it quacks like a duck…' 🦆
+   *
+   * If the passed value looks like a boolean or a number, convert it to a boolean
+   * or number.
+   *
+   * Designed to be used to convert config passed via data attributes (which are
+   * always strings) into something sensible.
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {string} value - The value to normalise
+   * @returns {string | boolean | number | undefined} Normalised data
+   */
+  function normaliseString (value) {
+    if (typeof value !== 'string') {
+      return value
     }
 
-    return null;
-  };
+    var trimmedValue = value.trim();
+
+    if (trimmedValue === 'true') {
+      return true
+    }
+
+    if (trimmedValue === 'false') {
+      return false
+    }
+
+    // Empty / whitespace-only strings are considered finite so we need to check
+    // the length of the trimmed string as well
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      return Number(trimmedValue)
+    }
+
+    return value
+  }
 
-}).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
-
-/**
- * Common helpers which do not require polyfill.
- *
- * IMPORTANT: If a helper require a polyfill, please isolate it in its own module
- * so that the polyfill can be properly tree-shaken and does not burden
- * the components that do not need that helper
- *
- * @module common/index
- */
-
-/**
- * Config flattening function
- *
- * Takes any number of objects, flattens them into namespaced key-value pairs,
- * (e.g. {'i18n.showSection': 'Show section'}) and combines them together, with
- * greatest priority on the LAST item passed in.
- *
- * @returns {object} A flattened object of key-value pairs.
- */
-function mergeConfigs (/* configObject1, configObject2, ...configObjects */) {
   /**
-   * Function to take nested objects and flatten them to a dot-separated keyed
-   * object. Doing this means we don't need to do any deep/recursive merging of
-   * each of our objects, nor transform our dataset from a flat list into a
-   * nested object.
+   * Normalise dataset
+   *
+   * Loop over an object and normalise each value using normaliseData function
    *
-   * @param {object} configObject - Deeply nested object
-   * @returns {object} Flattened object with dot-separated keys
+   * @deprecated Will be made private in v5.0
+   * @param {DOMStringMap} dataset - HTML element dataset
+   * @returns {Object<string, unknown>} Normalised dataset
    */
-  var flattenObject = function (configObject) {
-    // Prepare an empty return object
-    var flattenedObject = {};
-
-    // Our flattening function, this is called recursively for each level of
-    // depth in the object. At each level we prepend the previous level names to
-    // the key using `prefix`.
-    var flattenLoop = function (obj, prefix) {
-      // Loop through keys...
-      for (var key in obj) {
-        // Check to see if this is a prototypical key/value,
-        // if it is, skip it.
-        if (!Object.prototype.hasOwnProperty.call(obj, key)) {
-          continue
-        }
-        var value = obj[key];
-        var prefixedKey = prefix ? prefix + '.' + key : key;
-        if (typeof value === 'object') {
-          // If the value is a nested object, recurse over that too
-          flattenLoop(value, prefixedKey);
-        } else {
-          // Otherwise, add this value to our return object
-          flattenedObject[prefixedKey] = value;
-        }
+  function normaliseDataset (dataset) {
+    /** @type {Object<string, unknown>} */
+    var out = {};
+
+    for (var key in dataset) {
+      out[key] = normaliseString(dataset[key]);
+    }
+
+    return out
+  }
+
+  // @ts-nocheck
+  (function (undefined) {
+
+    // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-service/1f3c09b402f65bf6e393f933a15ba63f1b86ef1f/packages/polyfill-library/polyfills/Element/prototype/matches/detect.js
+    var detect = (
+      'document' in this && "matches" in document.documentElement
+    );
+
+    if (detect) return
+
+    // Polyfill from https://raw.githubusercontent.com/Financial-Times/polyfill-service/1f3c09b402f65bf6e393f933a15ba63f1b86ef1f/packages/polyfill-library/polyfills/Element/prototype/matches/polyfill.js
+    Element.prototype.matches = Element.prototype.webkitMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.mozMatchesSelector || function matches(selector) {
+      var element = this;
+      var elements = (element.document || element.ownerDocument).querySelectorAll(selector);
+      var index = 0;
+
+      while (elements[index] && elements[index] !== element) {
+        ++index;
       }
+
+      return !!elements[index];
     };
 
-    // Kick off the recursive loop
-    flattenLoop(configObject);
-    return flattenedObject
-  };
+  }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+
+  // @ts-nocheck
+
+  (function(undefined) {
+
+    // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-service/1f3c09b402f65bf6e393f933a15ba63f1b86ef1f/packages/polyfill-library/polyfills/Element/prototype/closest/detect.js
+    var detect = (
+      'document' in this && "closest" in document.documentElement
+    );
+
+    if (detect) return
+
+    // Polyfill from https://raw.githubusercontent.com/Financial-Times/polyfill-service/1f3c09b402f65bf6e393f933a15ba63f1b86ef1f/packages/polyfill-library/polyfills/Element/prototype/closest/polyfill.js
+    Element.prototype.closest = function closest(selector) {
+      var node = this;
 
-  // Start with an empty object as our base
-  var formattedConfigObject = {};
-
-  // Loop through each of the remaining passed objects and push their keys
-  // one-by-one into configObject. Any duplicate keys will override the existing
-  // key with the new value.
-  for (var i = 0; i < arguments.length; i++) {
-    var obj = flattenObject(arguments[i]);
-    for (var key in obj) {
-      if (Object.prototype.hasOwnProperty.call(obj, key)) {
-        formattedConfigObject[key] = obj[key];
+      while (node) {
+        if (node.matches(selector)) return node;
+        else node = 'SVGElement' in window && node instanceof SVGElement ? node.parentNode : node.parentElement;
       }
-    }
+
+      return null;
+    };
+
+  }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+
+  // @ts-nocheck
+  (function (undefined) {
+
+  // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Window/detect.js
+  var detect = ('Window' in this);
+
+  if (detect) return
+
+  // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Window&flags=always
+  if ((typeof WorkerGlobalScope === "undefined") && (typeof importScripts !== "function")) {
+  	(function (global) {
+  		if (global.constructor) {
+  			global.Window = global.constructor;
+  		} else {
+  			(global.Window = global.constructor = new Function('return function Window() {}')()).prototype = this;
+  		}
+  	}(this));
   }
 
-  return formattedConfigObject
-}
+  })
+  .call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
 
-/**
- * @callback nodeListIterator
- * @param {Element} value - The current node being iterated on
- * @param {number} index - The current index in the iteration
- * @param {NodeListOf<Element>} nodes - NodeList from querySelectorAll()
- * @returns {undefined}
- */
+  // @ts-nocheck
 
-(function(undefined) {
+  (function(undefined) {
 
-  // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-library/13cf7c340974d128d557580b5e2dafcd1b1192d1/polyfills/Element/prototype/dataset/detect.js
-  var detect = (function(){
-    if (!document.documentElement.dataset) {
-      return false;
-    }
-    var el = document.createElement('div');
-    el.setAttribute("data-a-b", "c");
-    return el.dataset && el.dataset.aB == "c";
-  }());
+  // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Event/detect.js
+  var detect = (
+    (function(global) {
+
+    	if (!('Event' in global)) return false;
+    	if (typeof global.Event === 'function') return true;
+
+    	try {
+
+    		// In IE 9-11, the Event object exists but cannot be instantiated
+    		new Event('click');
+    		return true;
+    	} catch(e) {
+    		return false;
+    	}
+    }(this))
+  );
 
   if (detect) return
 
-  // Polyfill derived from  https://raw.githubusercontent.com/Financial-Times/polyfill-library/13cf7c340974d128d557580b5e2dafcd1b1192d1/polyfills/Element/prototype/dataset/polyfill.js
-  Object.defineProperty(Element.prototype, 'dataset', {
-    get: function() {
-      var element = this;
-      var attributes = this.attributes;
-      var map = {};
-  
-      for (var i = 0; i < attributes.length; i++) {
-        var attribute = attributes[i];
-  
-        // This regex has been edited from the original polyfill, to add
-        // support for period (.) separators in data-* attribute names. These
-        // are allowed in the HTML spec, but were not covered by the original
-        // polyfill's regex. We use periods in our i18n implementation.
-        if (attribute && attribute.name && (/^data-\w[.\w-]*$/).test(attribute.name)) {
-          var name = attribute.name;
-          var value = attribute.value;
-  
-          var propName = name.substr(5).replace(/-./g, function (prop) {
-            return prop.charAt(1).toUpperCase();
-          });
-          
-          // If this browser supports __defineGetter__ and __defineSetter__,
-          // continue using defineProperty. If not (like IE 8 and below), we use
-          // a hacky fallback which at least gives an object in the right format
-          if ('__defineGetter__' in Object.prototype && '__defineSetter__' in Object.prototype) {
-            Object.defineProperty(map, propName, {
-              enumerable: true,
-              get: function() {
-                return this.value;
-              }.bind({value: value || ''}),
-              set: function setter(name, value) {
-                if (typeof value !== 'undefined') {
-                  this.setAttribute(name, value);
+  // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Event&flags=always
+  (function () {
+  	var unlistenableWindowEvents = {
+  		click: 1,
+  		dblclick: 1,
+  		keyup: 1,
+  		keypress: 1,
+  		keydown: 1,
+  		mousedown: 1,
+  		mouseup: 1,
+  		mousemove: 1,
+  		mouseover: 1,
+  		mouseenter: 1,
+  		mouseleave: 1,
+  		mouseout: 1,
+  		storage: 1,
+  		storagecommit: 1,
+  		textinput: 1
+  	};
+
+  	// This polyfill depends on availability of `document` so will not run in a worker
+  	// However, we asssume there are no browsers with worker support that lack proper
+  	// support for `Event` within the worker
+  	if (typeof document === 'undefined' || typeof window === 'undefined') return;
+
+  	function indexOf(array, element) {
+  		var
+  		index = -1,
+  		length = array.length;
+
+  		while (++index < length) {
+  			if (index in array && array[index] === element) {
+  				return index;
+  			}
+  		}
+
+  		return -1;
+  	}
+
+  	var existingProto = (window.Event && window.Event.prototype) || null;
+  	window.Event = Window.prototype.Event = function Event(type, eventInitDict) {
+  		if (!type) {
+  			throw new Error('Not enough arguments');
+  		}
+
+  		var event;
+  		// Shortcut if browser supports createEvent
+  		if ('createEvent' in document) {
+  			event = document.createEvent('Event');
+  			var bubbles = eventInitDict && eventInitDict.bubbles !== undefined ? eventInitDict.bubbles : false;
+  			var cancelable = eventInitDict && eventInitDict.cancelable !== undefined ? eventInitDict.cancelable : false;
+
+  			event.initEvent(type, bubbles, cancelable);
+
+  			return event;
+  		}
+
+  		event = document.createEventObject();
+
+  		event.type = type;
+  		event.bubbles = eventInitDict && eventInitDict.bubbles !== undefined ? eventInitDict.bubbles : false;
+  		event.cancelable = eventInitDict && eventInitDict.cancelable !== undefined ? eventInitDict.cancelable : false;
+
+  		return event;
+  	};
+  	if (existingProto) {
+  		Object.defineProperty(window.Event, 'prototype', {
+  			configurable: false,
+  			enumerable: false,
+  			writable: true,
+  			value: existingProto
+  		});
+  	}
+
+  	if (!('createEvent' in document)) {
+  		window.addEventListener = Window.prototype.addEventListener = Document.prototype.addEventListener = Element.prototype.addEventListener = function addEventListener() {
+  			var
+  			element = this,
+  			type = arguments[0],
+  			listener = arguments[1];
+
+  			if (element === window && type in unlistenableWindowEvents) {
+  				throw new Error('In IE8 the event: ' + type + ' is not available on the window object. Please see https://github.com/Financial-Times/polyfill-service/issues/317 for more information.');
+  			}
+
+  			if (!element._events) {
+  				element._events = {};
+  			}
+
+  			if (!element._events[type]) {
+  				element._events[type] = function (event) {
+  					var
+  					list = element._events[event.type].list,
+  					events = list.slice(),
+  					index = -1,
+  					length = events.length,
+  					eventElement;
+
+  					event.preventDefault = function preventDefault() {
+  						if (event.cancelable !== false) {
+  							event.returnValue = false;
+  						}
+  					};
+
+  					event.stopPropagation = function stopPropagation() {
+  						event.cancelBubble = true;
+  					};
+
+  					event.stopImmediatePropagation = function stopImmediatePropagation() {
+  						event.cancelBubble = true;
+  						event.cancelImmediate = true;
+  					};
+
+  					event.currentTarget = element;
+  					event.relatedTarget = event.fromElement || null;
+  					event.target = event.target || event.srcElement || element;
+  					event.timeStamp = new Date().getTime();
+
+  					if (event.clientX) {
+  						event.pageX = event.clientX + document.documentElement.scrollLeft;
+  						event.pageY = event.clientY + document.documentElement.scrollTop;
+  					}
+
+  					while (++index < length && !event.cancelImmediate) {
+  						if (index in events) {
+  							eventElement = events[index];
+
+  							if (indexOf(list, eventElement) !== -1 && typeof eventElement === 'function') {
+  								eventElement.call(element, event);
+  							}
+  						}
+  					}
+  				};
+
+  				element._events[type].list = [];
+
+  				if (element.attachEvent) {
+  					element.attachEvent('on' + type, element._events[type]);
+  				}
+  			}
+
+  			element._events[type].list.push(listener);
+  		};
+
+  		window.removeEventListener = Window.prototype.removeEventListener = Document.prototype.removeEventListener = Element.prototype.removeEventListener = function removeEventListener() {
+  			var
+  			element = this,
+  			type = arguments[0],
+  			listener = arguments[1],
+  			index;
+
+  			if (element._events && element._events[type] && element._events[type].list) {
+  				index = indexOf(element._events[type].list, listener);
+
+  				if (index !== -1) {
+  					element._events[type].list.splice(index, 1);
+
+  					if (!element._events[type].list.length) {
+  						if (element.detachEvent) {
+  							element.detachEvent('on' + type, element._events[type]);
+  						}
+  						delete element._events[type];
+  					}
+  				}
+  			}
+  		};
+
+  		window.dispatchEvent = Window.prototype.dispatchEvent = Document.prototype.dispatchEvent = Element.prototype.dispatchEvent = function dispatchEvent(event) {
+  			if (!arguments.length) {
+  				throw new Error('Not enough arguments');
+  			}
+
+  			if (!event || typeof event.type !== 'string') {
+  				throw new Error('DOM Events Exception 0');
+  			}
+
+  			var element = this, type = event.type;
+
+  			try {
+  				if (!event.bubbles) {
+  					event.cancelBubble = true;
+
+  					var cancelBubbleEvent = function (event) {
+  						event.cancelBubble = true;
+
+  						(element || window).detachEvent('on' + type, cancelBubbleEvent);
+  					};
+
+  					this.attachEvent('on' + type, cancelBubbleEvent);
+  				}
+
+  				this.fireEvent('on' + type, event);
+  			} catch (error) {
+  				event.target = element;
+
+  				do {
+  					event.currentTarget = element;
+
+  					if ('_events' in element && typeof element._events[type] === 'function') {
+  						element._events[type].call(element, event);
+  					}
+
+  					if (typeof element['on' + type] === 'function') {
+  						element['on' + type].call(element, event);
+  					}
+
+  					element = element.nodeType === 9 ? element.parentWindow : element.parentNode;
+  				} while (element && !event.cancelBubble);
+  			}
+
+  			return true;
+  		};
+
+  		// Add the DOMContentLoaded Event
+  		document.attachEvent('onreadystatechange', function() {
+  			if (document.readyState === 'complete') {
+  				document.dispatchEvent(new Event('DOMContentLoaded', {
+  					bubbles: true
+  				}));
+  			}
+  		});
+  	}
+  }());
+
+  })
+  .call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+
+  // @ts-nocheck
+
+  (function(undefined) {
+    // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Function/prototype/bind/detect.js
+    var detect = 'bind' in Function.prototype;
+
+    if (detect) return
+
+    // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Function.prototype.bind&flags=always
+    Object.defineProperty(Function.prototype, 'bind', {
+        value: function bind(that) { // .length is 1
+            // add necessary es5-shim utilities
+            var $Array = Array;
+            var $Object = Object;
+            var ObjectPrototype = $Object.prototype;
+            var ArrayPrototype = $Array.prototype;
+            var Empty = function Empty() {};
+            var to_string = ObjectPrototype.toString;
+            var hasToStringTag = typeof Symbol === 'function' && typeof Symbol.toStringTag === 'symbol';
+            var isCallable; /* inlined from https://npmjs.com/is-callable */ var fnToStr = Function.prototype.toString, tryFunctionObject = function tryFunctionObject(value) { try { fnToStr.call(value); return true; } catch (e) { return false; } }, fnClass = '[object Function]', genClass = '[object GeneratorFunction]'; isCallable = function isCallable(value) { if (typeof value !== 'function') { return false; } if (hasToStringTag) { return tryFunctionObject(value); } var strClass = to_string.call(value); return strClass === fnClass || strClass === genClass; };
+            var array_slice = ArrayPrototype.slice;
+            var array_concat = ArrayPrototype.concat;
+            var array_push = ArrayPrototype.push;
+            var max = Math.max;
+            // /add necessary es5-shim utilities
+
+            // 1. Let Target be the this value.
+            var target = this;
+            // 2. If IsCallable(Target) is false, throw a TypeError exception.
+            if (!isCallable(target)) {
+                throw new TypeError('Function.prototype.bind called on incompatible ' + target);
+            }
+            // 3. Let A be a new (possibly empty) internal list of all of the
+            //   argument values provided after thisArg (arg1, arg2 etc), in order.
+            // XXX slicedArgs will stand in for "A" if used
+            var args = array_slice.call(arguments, 1); // for normal call
+            // 4. Let F be a new native ECMAScript object.
+            // 11. Set the [[Prototype]] internal property of F to the standard
+            //   built-in Function prototype object as specified in 15.3.3.1.
+            // 12. Set the [[Call]] internal property of F as described in
+            //   15.3.4.5.1.
+            // 13. Set the [[Construct]] internal property of F as described in
+            //   15.3.4.5.2.
+            // 14. Set the [[HasInstance]] internal property of F as described in
+            //   15.3.4.5.3.
+            var bound;
+            var binder = function () {
+
+                if (this instanceof bound) {
+                    // 15.3.4.5.2 [[Construct]]
+                    // When the [[Construct]] internal method of a function object,
+                    // F that was created using the bind function is called with a
+                    // list of arguments ExtraArgs, the following steps are taken:
+                    // 1. Let target be the value of F's [[TargetFunction]]
+                    //   internal property.
+                    // 2. If target has no [[Construct]] internal method, a
+                    //   TypeError exception is thrown.
+                    // 3. Let boundArgs be the value of F's [[BoundArgs]] internal
+                    //   property.
+                    // 4. Let args be a new list containing the same values as the
+                    //   list boundArgs in the same order followed by the same
+                    //   values as the list ExtraArgs in the same order.
+                    // 5. Return the result of calling the [[Construct]] internal
+                    //   method of target providing args as the arguments.
+
+                    var result = target.apply(
+                        this,
+                        array_concat.call(args, array_slice.call(arguments))
+                    );
+                    if ($Object(result) === result) {
+                        return result;
+                    }
+                    return this;
+
                 } else {
-                  this.removeAttribute(name);
+                    // 15.3.4.5.1 [[Call]]
+                    // When the [[Call]] internal method of a function object, F,
+                    // which was created using the bind function is called with a
+                    // this value and a list of arguments ExtraArgs, the following
+                    // steps are taken:
+                    // 1. Let boundArgs be the value of F's [[BoundArgs]] internal
+                    //   property.
+                    // 2. Let boundThis be the value of F's [[BoundThis]] internal
+                    //   property.
+                    // 3. Let target be the value of F's [[TargetFunction]] internal
+                    //   property.
+                    // 4. Let args be a new list containing the same values as the
+                    //   list boundArgs in the same order followed by the same
+                    //   values as the list ExtraArgs in the same order.
+                    // 5. Return the result of calling the [[Call]] internal method
+                    //   of target providing boundThis as the this value and
+                    //   providing args as the arguments.
+
+                    // equiv: target.call(this, ...boundArgs, ...args)
+                    return target.apply(
+                        that,
+                        array_concat.call(args, array_slice.call(arguments))
+                    );
+
                 }
-              }.bind(element, name)
-            });
-          } else {
-            map[propName] = value;
-          }
 
+            };
+
+            // 15. If the [[Class]] internal property of Target is "Function", then
+            //     a. Let L be the length property of Target minus the length of A.
+            //     b. Set the length own property of F to either 0 or L, whichever is
+            //       larger.
+            // 16. Else set the length own property of F to 0.
+
+            var boundLength = max(0, target.length - args.length);
+
+            // 17. Set the attributes of the length own property of F to the values
+            //   specified in 15.3.5.1.
+            var boundArgs = [];
+            for (var i = 0; i < boundLength; i++) {
+                array_push.call(boundArgs, '$' + i);
+            }
+
+            // XXX Build a dynamic function with desired amount of arguments is the only
+            // way to set the length property of a function.
+            // In environments where Content Security Policies enabled (Chrome extensions,
+            // for ex.) all use of eval or Function costructor throws an exception.
+            // However in all of these environments Function.prototype.bind exists
+            // and so this code will never be executed.
+            bound = Function('binder', 'return function (' + boundArgs.join(',') + '){ return binder.apply(this, arguments); }')(binder);
+
+            if (target.prototype) {
+                Empty.prototype = target.prototype;
+                bound.prototype = new Empty();
+                // Clean up dangling references.
+                Empty.prototype = null;
+            }
+
+            // TODO
+            // 18. Set the [[Extensible]] internal property of F to true.
+
+            // TODO
+            // 19. Let thrower be the [[ThrowTypeError]] function Object (13.2.3).
+            // 20. Call the [[DefineOwnProperty]] internal method of F with
+            //   arguments "caller", PropertyDescriptor {[[Get]]: thrower, [[Set]]:
+            //   thrower, [[Enumerable]]: false, [[Configurable]]: false}, and
+            //   false.
+            // 21. Call the [[DefineOwnProperty]] internal method of F with
+            //   arguments "arguments", PropertyDescriptor {[[Get]]: thrower,
+            //   [[Set]]: thrower, [[Enumerable]]: false, [[Configurable]]: false},
+            //   and false.
+
+            // TODO
+            // NOTE Function objects created using Function.prototype.bind do not
+            // have a prototype property or the [[Code]], [[FormalParameters]], and
+            // [[Scope]] internal properties.
+            // XXX can't delete prototype in pure-js.
+
+            // 22. Return F.
+            return bound;
         }
-      }
-  
-      return map;
-    }
-  });
+    });
+  })
+  .call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
 
-}).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+  /* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */
 
-(function(undefined) {
+  /**
+   * JavaScript enhancements for the ErrorSummary
+   *
+   * Takes focus on initialisation for accessible announcement, unless disabled in configuration.
+   *
+   * @class
+   * @param {Element} $module - HTML element to use for error summary
+   * @param {ErrorSummaryConfig} [config] - Error summary config
+   */
+  function ErrorSummary ($module, config) {
+    // Some consuming code may not be passing a module,
+    // for example if they initialise the component
+    // on their own by directly passing the result
+    // of `document.querySelector`.
+    // To avoid breaking further JavaScript initialisation
+    // we need to safeguard against this so things keep
+    // working the same now we read the elements data attributes
+    if (!($module instanceof HTMLElement)) {
+      // Little safety in case code gets ported as-is
+      // into and ES6 class constructor, where the return value matters
+      return this
+    }
 
-    // Detection from https://github.com/mdn/content/blob/cf607d68522cd35ee7670782d3ee3a361eaef2e4/files/en-us/web/javascript/reference/global_objects/string/trim/index.md#polyfill
-    var detect = ('trim' in String.prototype);
-    
-    if (detect) return
+    /** @deprecated Will be made private in v5.0 */
+    this.$module = $module;
 
-    // Polyfill from https://github.com/mdn/content/blob/cf607d68522cd35ee7670782d3ee3a361eaef2e4/files/en-us/web/javascript/reference/global_objects/string/trim/index.md#polyfill
-    String.prototype.trim = function () {
-        return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+    var defaultConfig = {
+      disableAutoFocus: false
     };
 
-}).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
-
-/**
- * Normalise string
- *
- * 'If it looks like a duck, and it quacks like a duck…' 🦆
- *
- * If the passed value looks like a boolean or a number, convert it to a boolean
- * or number.
- *
- * Designed to be used to convert config passed via data attributes (which are
- * always strings) into something sensible.
- *
- * @param {string} value - The value to normalise
- * @returns {string | boolean | number | undefined} Normalised data
- */
-function normaliseString (value) {
-  if (typeof value !== 'string') {
-    return value
+    /**
+     * @deprecated Will be made private in v5.0
+     * @type {ErrorSummaryConfig}
+     */
+    this.config = mergeConfigs(
+      defaultConfig,
+      config || {},
+      normaliseDataset($module.dataset)
+    );
   }
 
-  var trimmedValue = value.trim();
+  /**
+   * Initialise component
+   */
+  ErrorSummary.prototype.init = function () {
+    // Check that required elements are present
+    if (!this.$module) {
+      return
+    }
 
-  if (trimmedValue === 'true') {
-    return true
-  }
+    var $module = this.$module;
 
-  if (trimmedValue === 'false') {
-    return false
-  }
+    this.setFocus();
+    $module.addEventListener('click', this.handleClick.bind(this));
+  };
 
-  // Empty / whitespace-only strings are considered finite so we need to check
-  // the length of the trimmed string as well
-  if (trimmedValue.length > 0 && isFinite(trimmedValue)) {
-    return Number(trimmedValue)
-  }
+  /**
+   * Focus the error summary
+   *
+   * @deprecated Will be made private in v5.0
+   */
+  ErrorSummary.prototype.setFocus = function () {
+    var $module = this.$module;
 
-  return value
-}
-
-/**
- * Normalise dataset
- *
- * Loop over an object and normalise each value using normaliseData function
- *
- * @param {DOMStringMap} dataset - HTML element dataset
- * @returns {Object<string, string | boolean | number | undefined>} Normalised dataset
- */
-function normaliseDataset (dataset) {
-  var out = {};
-
-  for (var key in dataset) {
-    out[key] = normaliseString(dataset[key]);
-  }
+    if (this.config.disableAutoFocus) {
+      return
+    }
 
-  return out
-}
-
-/**
- * JavaScript enhancements for the ErrorSummary
- *
- * Takes focus on initialisation for accessible announcement, unless disabled in configuration.
- *
- * @class
- * @param {HTMLElement} $module - The element this component controls
- * @param {ErrorSummaryConfig} config - Error summary config
- */
-function ErrorSummary ($module, config) {
-  // Some consuming code may not be passing a module,
-  // for example if they initialise the component
-  // on their own by directly passing the result
-  // of `document.querySelector`.
-  // To avoid breaking further JavaScript initialisation
-  // we need to safeguard against this so things keep
-  // working the same now we read the elements data attributes
-  if (!$module) {
-    // Little safety in case code gets ported as-is
-    // into and ES6 class constructor, where the return value matters
-    return this
-  }
+    // Set tabindex to -1 to make the element programmatically focusable, but
+    // remove it on blur as the error summary doesn't need to be focused again.
+    $module.setAttribute('tabindex', '-1');
 
-  this.$module = $module;
+    $module.addEventListener('blur', function () {
+      $module.removeAttribute('tabindex');
+    });
 
-  var defaultConfig = {
-    disableAutoFocus: false
+    $module.focus();
   };
-  this.config = mergeConfigs(
-    defaultConfig,
-    config || {},
-    normaliseDataset($module.dataset)
-  );
-}
 
-ErrorSummary.prototype.init = function () {
-  var $module = this.$module;
-  if (!$module) {
-    return
-  }
+  /**
+   * Click event handler
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {MouseEvent} event - Click event
+   */
+  ErrorSummary.prototype.handleClick = function (event) {
+    var $target = event.target;
+    if (this.focusTarget($target)) {
+      event.preventDefault();
+    }
+  };
 
-  this.setFocus();
-  $module.addEventListener('click', this.handleClick.bind(this));
-};
+  /**
+   * Focus the target element
+   *
+   * By default, the browser will scroll the target into view. Because our labels
+   * or legends appear above the input, this means the user will be presented with
+   * an input without any context, as the label or legend will be off the top of
+   * the screen.
+   *
+   * Manually handling the click event, scrolling the question into view and then
+   * focussing the element solves this.
+   *
+   * This also results in the label and/or legend being announced correctly in
+   * NVDA (as tested in 2018.3.2) - without this only the field type is announced
+   * (e.g. "Edit, has autocomplete").
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {EventTarget} $target - Event target
+   * @returns {boolean} True if the target was able to be focussed
+   */
+  ErrorSummary.prototype.focusTarget = function ($target) {
+    // If the element that was clicked was not a link, return early
+    if (!($target instanceof HTMLAnchorElement)) {
+      return false
+    }
 
-/**
- * Focus the error summary
- */
-ErrorSummary.prototype.setFocus = function () {
-  var $module = this.$module;
+    var inputId = this.getFragmentFromUrl($target.href);
+    if (!inputId) {
+      return false
+    }
 
-  if (this.config.disableAutoFocus) {
-    return
-  }
+    var $input = document.getElementById(inputId);
+    if (!$input) {
+      return false
+    }
 
-  // Set tabindex to -1 to make the element programmatically focusable, but
-  // remove it on blur as the error summary doesn't need to be focused again.
-  $module.setAttribute('tabindex', '-1');
-
-  $module.addEventListener('blur', function () {
-    $module.removeAttribute('tabindex');
-  });
-
-  $module.focus();
-};
-
-/**
- * Click event handler
- *
- * @param {MouseEvent} event - Click event
- */
-ErrorSummary.prototype.handleClick = function (event) {
-  var target = event.target;
-  if (this.focusTarget(target)) {
-    event.preventDefault();
-  }
-};
-
-/**
- * Focus the target element
- *
- * By default, the browser will scroll the target into view. Because our labels
- * or legends appear above the input, this means the user will be presented with
- * an input without any context, as the label or legend will be off the top of
- * the screen.
- *
- * Manually handling the click event, scrolling the question into view and then
- * focussing the element solves this.
- *
- * This also results in the label and/or legend being announced correctly in
- * NVDA (as tested in 2018.3.2) - without this only the field type is announced
- * (e.g. "Edit, has autocomplete").
- *
- * @param {HTMLElement} $target - Event target
- * @returns {boolean} True if the target was able to be focussed
- */
-ErrorSummary.prototype.focusTarget = function ($target) {
-  // If the element that was clicked was not a link, return early
-  if ($target.tagName !== 'A' || $target.href === false) {
-    return false
-  }
+    var $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+    if (!$legendOrLabel) {
+      return false
+    }
 
-  var inputId = this.getFragmentFromUrl($target.href);
-  var $input = document.getElementById(inputId);
-  if (!$input) {
-    return false
-  }
+    // Scroll the legend or label into view *before* calling focus on the input to
+    // avoid extra scrolling in browsers that don't support `preventScroll` (which
+    // at time of writing is most of them...)
+    $legendOrLabel.scrollIntoView();
+    $input.focus({ preventScroll: true });
 
-  var $legendOrLabel = this.getAssociatedLegendOrLabel($input);
-  if (!$legendOrLabel) {
-    return false
-  }
+    return true
+  };
 
-  // Scroll the legend or label into view *before* calling focus on the input to
-  // avoid extra scrolling in browsers that don't support `preventScroll` (which
-  // at time of writing is most of them...)
-  $legendOrLabel.scrollIntoView();
-  $input.focus({ preventScroll: true });
-
-  return true
-};
-
-/**
- * Get fragment from URL
- *
- * Extract the fragment (everything after the hash) from a URL, but not including
- * the hash.
- *
- * @param {string} url - URL
- * @returns {string} Fragment from URL, without the hash
- */
-ErrorSummary.prototype.getFragmentFromUrl = function (url) {
-  if (url.indexOf('#') === -1) {
-    return false
-  }
+  /**
+   * Get fragment from URL
+   *
+   * Extract the fragment (everything after the hash) from a URL, but not including
+   * the hash.
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {string} url - URL
+   * @returns {string | undefined} Fragment from URL, without the hash
+   */
+  ErrorSummary.prototype.getFragmentFromUrl = function (url) {
+    if (url.indexOf('#') === -1) {
+      return undefined
+    }
 
-  return url.split('#').pop()
-};
-
-/**
- * Get associated legend or label
- *
- * Returns the first element that exists from this list:
- *
- * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long
- *   as the top of it is no more than half a viewport height away from the
- *   bottom of the input
- * - The first `<label>` that is associated with the input using for="inputId"
- * - The closest parent `<label>`
- *
- * @param {HTMLElement} $input - The input
- * @returns {HTMLElement} Associated legend or label, or null if no associated
- *                        legend or label can be found
- */
-ErrorSummary.prototype.getAssociatedLegendOrLabel = function ($input) {
-  var $fieldset = $input.closest('fieldset');
-
-  if ($fieldset) {
-    var legends = $fieldset.getElementsByTagName('legend');
-
-    if (legends.length) {
-      var $candidateLegend = legends[0];
-
-      // If the input type is radio or checkbox, always use the legend if there
-      // is one.
-      if ($input.type === 'checkbox' || $input.type === 'radio') {
-        return $candidateLegend
-      }
+    return url.split('#').pop()
+  };
+
+  /**
+   * Get associated legend or label
+   *
+   * Returns the first element that exists from this list:
+   *
+   * - The `<legend>` associated with the closest `<fieldset>` ancestor, as long
+   *   as the top of it is no more than half a viewport height away from the
+   *   bottom of the input
+   * - The first `<label>` that is associated with the input using for="inputId"
+   * - The closest parent `<label>`
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {Element} $input - The input
+   * @returns {Element | null} Associated legend or label, or null if no associated
+   *   legend or label can be found
+   */
+  ErrorSummary.prototype.getAssociatedLegendOrLabel = function ($input) {
+    var $fieldset = $input.closest('fieldset');
+
+    if ($fieldset) {
+      var $legends = $fieldset.getElementsByTagName('legend');
 
-      // For other input types, only scroll to the fieldset’s legend (instead of
-      // the label associated with the input) if the input would end up in the
-      // top half of the screen.
-      //
-      // This should avoid situations where the input either ends up off the
-      // screen, or obscured by a software keyboard.
-      var legendTop = $candidateLegend.getBoundingClientRect().top;
-      var inputRect = $input.getBoundingClientRect();
-
-      // If the browser doesn't support Element.getBoundingClientRect().height
-      // or window.innerHeight (like IE8), bail and just link to the label.
-      if (inputRect.height && window.innerHeight) {
-        var inputBottom = inputRect.top + inputRect.height;
-
-        if (inputBottom - legendTop < window.innerHeight / 2) {
+      if ($legends.length) {
+        var $candidateLegend = $legends[0];
+
+        // If the input type is radio or checkbox, always use the legend if there
+        // is one.
+        if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
           return $candidateLegend
         }
+
+        // For other input types, only scroll to the fieldset’s legend (instead of
+        // the label associated with the input) if the input would end up in the
+        // top half of the screen.
+        //
+        // This should avoid situations where the input either ends up off the
+        // screen, or obscured by a software keyboard.
+        var legendTop = $candidateLegend.getBoundingClientRect().top;
+        var inputRect = $input.getBoundingClientRect();
+
+        // If the browser doesn't support Element.getBoundingClientRect().height
+        // or window.innerHeight (like IE8), bail and just link to the label.
+        if (inputRect.height && window.innerHeight) {
+          var inputBottom = inputRect.top + inputRect.height;
+
+          if (inputBottom - legendTop < window.innerHeight / 2) {
+            return $candidateLegend
+          }
+        }
       }
     }
-  }
 
-  return document.querySelector("label[for='" + $input.getAttribute('id') + "']") ||
-    $input.closest('label')
-};
+    return document.querySelector("label[for='" + $input.getAttribute('id') + "']") ||
+      $input.closest('label')
+  };
 
-/**
- * Error summary config
- *
- * @typedef {object} ErrorSummaryConfig
- * @property {boolean} [disableAutoFocus = false] -
- *  If set to `true` the error summary will not be focussed when the page loads.
- */
+  /**
+   * Error summary config
+   *
+   * @typedef {object} ErrorSummaryConfig
+   * @property {boolean} [disableAutoFocus = false] - If set to `true` the error
+   *   summary will not be focussed when the page loads.
+   */
 
-return ErrorSummary;
+  return ErrorSummary;
 
 })));
+//# sourceMappingURL=error-summary.js.map