govuk_tech_docs 3.3.1 → 3.4.5

data/node_modules/govuk-frontend/govuk/components/character-count/character-count.js

@@ -1,2177 +1,2281 @@
 (function (global, factory) {
-	typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
-	typeof define === 'function' && define.amd ? define('GOVUKFrontend.CharacterCount', factory) :
-	(global.GOVUKFrontend = global.GOVUKFrontend || {}, global.GOVUKFrontend.CharacterCount = factory());
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
+  typeof define === 'function' && define.amd ? define('GOVUKFrontend.CharacterCount', factory) :
+  (global.GOVUKFrontend = global.GOVUKFrontend || {}, global.GOVUKFrontend.CharacterCount = factory());
 }(this, (function () { 'use strict';
 
-(function(undefined) {
+  // @ts-nocheck
+  (function (undefined) {
 
-    // Detection from https://github.com/Financial-Times/polyfill-library/blob/v3.111.0/polyfills/Date/now/detect.js
-    var detect = ('Date' in self && 'now' in self.Date && 'getTime' in self.Date.prototype);
+    // 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://polyfill.io/v3/polyfill.js?version=3.111.0&features=Date.now&flags=always
-    Date.now = function () {
-        return new Date().getTime();
-    };
+    // 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;
 
-}).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/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;
+      while (elements[index] && elements[index] !== element) {
+        ++index;
+      }
 
-  if (detect) return
+      return !!elements[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);
-          }
-          // 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))
-                  );
-
-              }
+  }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
 
-          };
+  // @ts-nocheck
 
-          // 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.
+  (function(undefined) {
 
-          var boundLength = max(0, target.length - args.length);
+    // 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
+    );
 
-          // 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);
-          }
+    if (detect) return
 
-          // 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;
-          }
+    // 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;
 
-          // 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;
+      while (node) {
+        if (node.matches(selector)) return node;
+        else node = 'SVGElement' in window && node instanceof SVGElement ? node.parentNode : node.parentElement;
       }
-  });
-})
-.call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
 
-(function(undefined) {
+      return null;
+    };
 
-// Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Window/detect.js
-var detect = ('Window' in this);
+  }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
 
-if (detect) return
+  /**
+   * Returns the value of the given attribute closest to the given element (including itself)
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {Element} $element - The element to start walking the DOM tree up
+   * @param {string} attributeName - The name of the attribute
+   * @returns {string | null} Attribute value
+   */
+  function closestAttributeValue ($element, attributeName) {
+    var $closestElementWithAttribute = $element.closest('[' + attributeName + ']');
+    return $closestElementWithAttribute
+      ? $closestElementWithAttribute.getAttribute(attributeName)
+      : null
+  }
 
-// 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));
-}
+  /**
+   * 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
+   */
 
-})
-.call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+  /**
+   * 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
+          }
+          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(undefined) {
+      // Kick off the recursive loop
+      flattenLoop(configObject);
+      return flattenedObject
+    };
 
-// Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Document/detect.js
-var detect = ("Document" in this);
+    // Start with an empty object as our base
+    /** @type {Object<string, unknown>} */
+    var formattedConfigObject = {};
 
-if (detect) return
+    // 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];
+        }
+      }
+    }
 
-// Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Document&flags=always
-if ((typeof WorkerGlobalScope === "undefined") && (typeof importScripts !== "function")) {
+    return formattedConfigObject
+  }
 
-	if (this.HTMLDocument) { // IE8
+  /**
+   * Extracts keys starting with a particular namespace from a flattened config
+   * object, removing the namespace in the process.
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {Object<string, unknown>} configObject - The object to extract key-value pairs from.
+   * @param {string} namespace - The namespace to filter keys with.
+   * @returns {Object<string, unknown>} Flattened object with dot-separated key namespace removed
+   * @throws {Error} Config object required
+   * @throws {Error} Namespace string required
+   */
+  function extractConfigByNamespace (configObject, namespace) {
+    // Check we have what we need
+    if (!configObject || typeof configObject !== 'object') {
+      throw new Error('Provide a `configObject` of type "object".')
+    }
 
-		// 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;
+    if (!namespace || typeof namespace !== 'string') {
+      throw new Error('Provide a `namespace` of type "string" to filter the `configObject` by.')
+    }
 
-	} else {
+    /** @type {Object<string, unknown>} */
+    var newObject = {};
+
+    for (var key in configObject) {
+      // Split the key into parts, using . as our namespace separator
+      var keyParts = key.split('.');
+      // Check if the first namespace matches the configured namespace
+      if (Object.prototype.hasOwnProperty.call(configObject, key) && keyParts[0] === namespace) {
+        // Remove the first item (the namespace) from the parts array,
+        // but only if there is more than one part (we don't want blank keys!)
+        if (keyParts.length > 1) {
+          keyParts.shift();
+        }
+        // Join the remaining parts back together
+        var newKey = keyParts.join('.');
+        // Add them to our new object
+        newObject[newKey] = configObject[key];
+      }
+    }
+    return newObject
+  }
 
-		// 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) {
-  		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/master/packages/polyfill-library/polyfills/DOMTokenList/detect.js
-    var detect = (
-      'DOMTokenList' in this && (function (x) {
-        return 'classList' in x ? !x.classList.toggle('x', false) && !x.className : true;
-      })(document.createElement('x'))
-    );
+  /**
+   * @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://raw.githubusercontent.com/Financial-Times/polyfill-service/master/packages/polyfill-library/polyfills/DOMTokenList/polyfill.js
-    (function (global) {
-      var nativeImpl = "DOMTokenList" in global && global.DOMTokenList;
-
-      if (
-          !nativeImpl ||
-          (
-            !!document.createElementNS &&
-            !!document.createElementNS('http://www.w3.org/2000/svg', 'svg') &&
-            !(document.createElementNS("http://www.w3.org/2000/svg", "svg").classList instanceof DOMTokenList)
-          )
-        ) {
-        global.DOMTokenList = (function() { // eslint-disable-line no-unused-vars
-          var dpSupport = true;
-          var defineGetter = function (object, name, fn, configurable) {
-            if (Object.defineProperty)
-              Object.defineProperty(object, name, {
-                configurable: false === dpSupport ? true : !!configurable,
-                get: fn
-              });
+  // 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
+    	}
+    }())
+  );
 
-            else object.__defineGetter__(name, fn);
-          };
+  if (detect) return
 
-          /** Ensure the browser allows Object.defineProperty to be used on native JavaScript objects. */
-          try {
-            defineGetter({}, "support");
-          }
-          catch (e) {
-            dpSupport = false;
-          }
+  // 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) {
 
-          var _DOMTokenList = function (el, prop) {
-            var that = this;
-            var tokens = [];
-            var tokenMap = {};
-            var length = 0;
-            var maxLength = 0;
-            var addIndexGetter = function (i) {
-              defineGetter(that, i, function () {
-                preop();
-                return tokens[i];
-              }, false);
+  // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Document/detect.js
+  var detect = ("Document" in this);
 
-            };
-            var reindex = function () {
+  if (detect) return
 
-              /** Define getter functions for array-like access to the tokenList's contents. */
-              if (length >= maxLength)
-                for (; maxLength < length; ++maxLength) {
-                  addIndexGetter(maxLength);
-                }
-            };
+  // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Document&flags=always
+  if ((typeof WorkerGlobalScope === "undefined") && (typeof importScripts !== "function")) {
 
-            /** Helper function called at the start of each class method. Internal use only. */
-            var preop = function () {
-              var error;
-              var i;
-              var args = arguments;
-              var rSpace = /\s+/;
-
-              /** Validate the token/s passed to an instance method, if any. */
-              if (args.length)
-                for (i = 0; i < args.length; ++i)
-                  if (rSpace.test(args[i])) {
-                    error = new SyntaxError('String "' + args[i] + '" ' + "contains" + ' an invalid character');
-                    error.code = 5;
-                    error.name = "InvalidCharacterError";
-                    throw error;
-                  }
+  	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;
 
-              /** Split the new value apart by whitespace*/
-              if (typeof el[prop] === "object") {
-                tokens = ("" + el[prop].baseVal).replace(/^\s+|\s+$/g, "").split(rSpace);
-              } else {
-                tokens = ("" + el[prop]).replace(/^\s+|\s+$/g, "").split(rSpace);
-              }
+  	} else {
 
-              /** Avoid treating blank strings as single-item token lists */
-              if ("" === tokens[0]) tokens = [];
+  		// 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;
+  	}
+  }
 
-              /** Repopulate the internal token lists */
-              tokenMap = {};
-              for (i = 0; i < tokens.length; ++i)
-                tokenMap[tokens[i]] = true;
-              length = tokens.length;
-              reindex();
-            };
 
-            /** Populate our internal token list if the targeted attribute of the subject element isn't empty. */
-            preop();
+  })
+  .call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
 
-            /** Return the number of tokens in the underlying string. Read-only. */
-            defineGetter(that, "length", function () {
-              preop();
-              return length;
-            });
+  // @ts-nocheck
 
-            /** Override the default toString/toLocaleString methods to return a space-delimited list of tokens when typecast. */
-            that.toLocaleString =
-              that.toString = function () {
-                preop();
-                return tokens.join(" ");
-              };
+  (function(undefined) {
 
-            that.item = function (idx) {
-              preop();
-              return tokens[idx];
-            };
+  // 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);
 
-            that.contains = function (token) {
-              preop();
-              return !!tokenMap[token];
-            };
+  if (detect) return
 
-            that.add = function () {
-              preop.apply(that, args = arguments);
+  // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element&flags=always
+  (function () {
 
-              for (var args, token, i = 0, l = args.length; i < l; ++i) {
-                token = args[i];
-                if (!tokenMap[token]) {
-                  tokens.push(token);
-                  tokenMap[token] = true;
-                }
-              }
+  	// IE8
+  	if (window.Element && !window.HTMLElement) {
+  		window.HTMLElement = window.Element;
+  		return;
+  	}
 
-              /** Update the targeted attribute of the attached element if the token list's changed. */
-              if (length !== tokens.length) {
-                length = tokens.length >>> 0;
-                if (typeof el[prop] === "object") {
-                  el[prop].baseVal = tokens.join(" ");
-                } else {
-                  el[prop] = tokens.join(" ");
-                }
-                reindex();
-              }
-            };
+  	// 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;
+  		};
+  	}
 
-            that.remove = function () {
-              preop.apply(that, args = arguments);
-
-              /** Build a hash of token names to compare against when recollecting our token list. */
-              for (var args, ignore = {}, i = 0, t = []; i < args.length; ++i) {
-                ignore[args[i]] = true;
-                delete tokenMap[args[i]];
-              }
-
-              /** Run through our tokens list and reassign only those that aren't defined in the hash declared above. */
-              for (i = 0; i < tokens.length; ++i)
-                if (!ignore[tokens[i]]) t.push(tokens[i]);
-
-              tokens = t;
-              length = t.length >>> 0;
-
-              /** Update the targeted attribute of the attached element. */
-              if (typeof el[prop] === "object") {
-                el[prop].baseVal = tokens.join(" ");
-              } else {
-                el[prop] = tokens.join(" ");
-              }
-              reindex();
-            };
+  	// 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);
+  	}
 
-            that.toggle = function (token, force) {
-              preop.apply(that, [token]);
+  	// Apply to any new elements created after load
+  	document.createElement = function createElement(nodeName) {
+  		var element = nativeCreateElement(String(nodeName).toLowerCase());
+  		return shiv(element);
+  	};
 
-              /** Token state's being forced. */
-              if (undefined !== force) {
-                if (force) {
-                  that.add(token);
-                  return true;
-                } else {
-                  that.remove(token);
-                  return false;
-                }
-              }
+  	// remove sandboxed iframe
+  	document.removeChild(vbody);
+  }());
 
-              /** Token already exists in tokenList. Remove it, and return FALSE. */
-              if (tokenMap[token]) {
-                that.remove(token);
-                return false;
-              }
+  })
+  .call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
 
-              /** Otherwise, add the token and return TRUE. */
-              that.add(token);
-              return true;
-            };
+  // @ts-nocheck
 
-            return that;
-          };
+  (function(undefined) {
 
-          return _DOMTokenList;
-        }());
+    // 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";
+    }());
+
+    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;
+            }
 
-      // Add second argument to native DOMTokenList.toggle() if necessary
-      (function () {
-        var e = document.createElement('span');
-        if (!('classList' in e)) return;
-        e.classList.toggle('x', false);
-        if (!e.classList.contains('x')) return;
-        e.classList.constructor.prototype.toggle = function toggle(token /*, force*/) {
-          var force = arguments[1];
-          if (force === undefined) {
-            var add = !this.contains(token);
-            this[add ? 'add' : 'remove'](token);
-            return add;
-          }
-          force = !!force;
-          this[force ? 'add' : 'remove'](token);
-          return force;
-        };
-      }());
-
-      // Add multiple arguments to native DOMTokenList.add() if necessary
-      (function () {
-        var e = document.createElement('span');
-        if (!('classList' in e)) return;
-        e.classList.add('a', 'b');
-        if (e.classList.contains('b')) return;
-        var native = e.classList.constructor.prototype.add;
-        e.classList.constructor.prototype.add = function () {
-          var args = arguments;
-          var l = arguments.length;
-          for (var i = 0; i < l; i++) {
-            native.call(this, args[i]);
-          }
-        };
-      }());
-
-      // Add multiple arguments to native DOMTokenList.remove() if necessary
-      (function () {
-        var e = document.createElement('span');
-        if (!('classList' in e)) return;
-        e.classList.add('a');
-        e.classList.add('b');
-        e.classList.remove('a', 'b');
-        if (!e.classList.contains('b')) return;
-        var native = e.classList.constructor.prototype.remove;
-        e.classList.constructor.prototype.remove = function () {
-          var args = arguments;
-          var l = arguments.length;
-          for (var i = 0; i < l; i++) {
-            native.call(this, args[i]);
           }
-        };
-      }());
+        }
 
-    }(this));
+        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 || {});
 
-(function(undefined) {
+  // @ts-nocheck
+  (function (undefined) {
 
-    // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-service/8717a9e04ac7aff99b4980fbedead98036b0929a/packages/polyfill-library/polyfills/Element/prototype/classList/detect.js
-    var detect = (
-      'document' in this && "classList" in document.documentElement && 'Element' in this && 'classList' in Element.prototype && (function () {
-        var e = document.createElement('span');
-        e.classList.add('a', 'b');
-        return e.classList.contains('b');
-      }())
-    );
+      // 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
+      if (detect) return
 
-    // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element.prototype.classList&flags=always
-    (function (global) {
-      var dpSupport = true;
-      var defineGetter = function (object, name, fn, configurable) {
-        if (Object.defineProperty)
-          Object.defineProperty(object, name, {
-            configurable: false === dpSupport ? true : !!configurable,
-            get: fn
-          });
-
-        else object.__defineGetter__(name, fn);
+      // 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, '');
       };
-      /** Ensure the browser allows Object.defineProperty to be used on native JavaScript objects. */
-      try {
-        defineGetter({}, "support");
-      }
-      catch (e) {
-        dpSupport = false;
-      }
-      /** Polyfills a property with a DOMTokenList */
-      var addProp = function (o, name, attr) {
-
-        defineGetter(o.prototype, name, function () {
-          var tokenList;
-
-          var THIS = this,
-
-          /** Prevent this from firing twice for some reason. What the hell, IE. */
-          gibberishProperty = "__defineGetter__" + "DEFINE_PROPERTY" + name;
-          if(THIS[gibberishProperty]) return tokenList;
-          THIS[gibberishProperty] = true;
-
-          /**
-           * IE8 can't define properties on native JavaScript objects, so we'll use a dumb hack instead.
-           *
-           * What this is doing is creating a dummy element ("reflection") inside a detached phantom node ("mirror")
-           * that serves as the target of Object.defineProperty instead. While we could simply use the subject HTML
-           * element instead, this would conflict with element types which use indexed properties (such as forms and
-           * select lists).
-           */
-          if (false === dpSupport) {
-
-            var visage;
-            var mirror = addProp.mirror || document.createElement("div");
-            var reflections = mirror.childNodes;
-            var l = reflections.length;
-
-            for (var i = 0; i < l; ++i)
-              if (reflections[i]._R === THIS) {
-                visage = reflections[i];
-                break;
-              }
-
-            /** Couldn't find an element's reflection inside the mirror. Materialise one. */
-            visage || (visage = mirror.appendChild(document.createElement("div")));
-
-            tokenList = DOMTokenList.call(visage, THIS, attr);
-          } else tokenList = new DOMTokenList(THIS, attr);
-
-          defineGetter(THIS, name, function () {
-            return tokenList;
-          });
-          delete THIS[gibberishProperty];
 
-          return tokenList;
-        }, true);
-      };
+  }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+
+  /* eslint-disable es-x/no-string-prototype-trim -- Polyfill imported */
 
-      addProp(global.Element, "classList", "className");
-      addProp(global.HTMLElement, "classList", "className");
-      addProp(global.HTMLLinkElement, "relList", "rel");
-      addProp(global.HTMLAnchorElement, "relList", "rel");
-      addProp(global.HTMLAreaElement, "relList", "rel");
-    }(this));
-
-}).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 string
    *
-   * @param {object} configObject - Deeply nested object
-   * @returns {object} Flattened object with dot-separated keys
+   * '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
    */
-  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 normaliseString (value) {
+    if (typeof value !== 'string') {
+      return value
+    }
 
-    // Kick off the recursive loop
-    flattenLoop(configObject);
-    return flattenedObject
-  };
+    var trimmedValue = value.trim();
 
-  // 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];
-      }
+    if (trimmedValue === 'true') {
+      return true
     }
-  }
 
-  return formattedConfigObject
-}
-
-/**
- * Extracts keys starting with a particular namespace from a flattened config
- * object, removing the namespace in the process.
- *
- * @param {object} configObject - The object to extract key-value pairs from.
- * @param {string} namespace - The namespace to filter keys with.
- * @returns {object} Flattened object with dot-separated key namespace removed
- */
-function extractConfigByNamespace (configObject, namespace) {
-  // Check we have what we need
-  if (!configObject || typeof configObject !== 'object') {
-    throw new Error('Provide a `configObject` of type "object".')
-  }
-  if (!namespace || typeof namespace !== 'string') {
-    throw new Error('Provide a `namespace` of type "string" to filter the `configObject` by.')
-  }
-  var newObject = {};
-  for (var key in configObject) {
-    // Split the key into parts, using . as our namespace separator
-    var keyParts = key.split('.');
-    // Check if the first namespace matches the configured namespace
-    if (Object.prototype.hasOwnProperty.call(configObject, key) && keyParts[0] === namespace) {
-      // Remove the first item (the namespace) from the parts array,
-      // but only if there is more than one part (we don't want blank keys!)
-      if (keyParts.length > 1) {
-        keyParts.shift();
-      }
-      // Join the remaining parts back together
-      var newKey = keyParts.join('.');
-      // Add them to our new object
-      newObject[newKey] = configObject[key];
+    if (trimmedValue === 'false') {
+      return false
     }
-  }
-  return newObject
-}
-
-/**
- * @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}
- */
-
-/**
- * Internal support for selecting messages to render, with placeholder
- * interpolation and locale-aware number formatting and pluralisation
- *
- * @class
- * @private
- * @param {TranslationsFlattened} translations - Key-value pairs of the translation strings to use.
- * @param {object} [config] - Configuration options for the function.
- * @param {string} config.locale - An overriding locale for the PluralRules functionality.
- */
-function I18n (translations, config) {
-  // Make list of translations available throughout function
-  this.translations = translations || {};
-
-  // The locale to use for PluralRules and NumberFormat
-  this.locale = (config && config.locale) || document.documentElement.lang || 'en';
-}
-
-/**
- * The most used function - takes the key for a given piece of UI text and
- * returns the appropriate string.
- *
- * @param {string} lookupKey - The lookup key of the string to use.
- * @param {object} options - Any options passed with the translation string, e.g: for string interpolation.
- * @returns {string} The appropriate translation string.
- */
-I18n.prototype.t = function (lookupKey, options) {
-  if (!lookupKey) {
-    // Print a console error if no lookup key has been provided
-    throw new Error('i18n: lookup key missing')
-  }
-
-  // If the `count` option is set, determine which plural suffix is needed and
-  // change the lookupKey to match. We check to see if it's undefined instead of
-  // falsy, as this could legitimately be 0.
-  if (options && typeof options.count !== 'undefined') {
-    // Get the plural suffix
-    lookupKey = lookupKey + '.' + this.getPluralSuffix(lookupKey, options.count);
-  }
-
-  if (lookupKey in this.translations) {
-    // Fetch the translation string for that lookup key
-    var translationString = this.translations[lookupKey];
-
-    // Check for ${} placeholders in the translation string
-    if (translationString.match(/%{(.\S+)}/)) {
-      if (!options) {
-        throw new Error('i18n: cannot replace placeholders in string if no option data provided')
-      }
 
-      return this.replacePlaceholders(translationString, options)
-    } else {
-      return translationString
+    // 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)
     }
-  } else {
-    // If the key wasn't found in our translations object,
-    // return the lookup key itself as the fallback
-    return lookupKey
-  }
-};
-
-/**
- * Takes a translation string with placeholders, and replaces the placeholders
- * with the provided data
- *
- * @param {string} translationString - The translation string
- * @param {object} options - Any options passed with the translation string, e.g: for string interpolation.
- * @returns {string} The translation string to output, with ${} placeholders replaced
- */
-I18n.prototype.replacePlaceholders = function (translationString, options) {
-  var formatter;
-
-  if (this.hasIntlNumberFormatSupport()) {
-    formatter = new Intl.NumberFormat(this.locale);
-  }
 
-  return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
-    if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
-      var placeholderValue = options[placeholderKey];
-
-      // If a user has passed `false` as the value for the placeholder
-      // treat it as though the value should not be displayed
-      if (placeholderValue === false) {
-        return ''
-      }
+    return value
+  }
 
-      // If the placeholder's value is a number, localise the number formatting
-      if (typeof placeholderValue === 'number' && formatter) {
-        return formatter.format(placeholderValue)
-      }
+  /**
+   * Normalise dataset
+   *
+   * Loop over an object and normalise each value using normaliseData function
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {DOMStringMap} dataset - HTML element dataset
+   * @returns {Object<string, unknown>} Normalised dataset
+   */
+  function normaliseDataset (dataset) {
+    /** @type {Object<string, unknown>} */
+    var out = {};
 
-      return placeholderValue
-    } else {
-      throw new Error('i18n: no data found to replace ' + placeholderWithBraces + ' placeholder in string')
+    for (var key in dataset) {
+      out[key] = normaliseString(dataset[key]);
     }
-  })
-};
-
-/**
- * Check to see if the browser supports Intl and Intl.PluralRules.
- *
- * It requires all conditions to be met in order to be supported:
- * - The browser supports the Intl class (true in IE11)
- * - The implementation of Intl supports PluralRules (NOT true in IE11)
- * - The browser/OS has plural rules for the current locale (browser dependent)
- *
- * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.
- */
-I18n.prototype.hasIntlPluralRulesSupport = function () {
-  return Boolean(window.Intl && ('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length))
-};
-
-/**
- * Check to see if the browser supports Intl and Intl.NumberFormat.
- *
- * It requires all conditions to be met in order to be supported:
- * - The browser supports the Intl class (true in IE11)
- * - The implementation of Intl supports NumberFormat (also true in IE11)
- * - The browser/OS has number formatting rules for the current locale (browser dependent)
- *
- * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.
- */
-I18n.prototype.hasIntlNumberFormatSupport = function () {
-  return Boolean(window.Intl && ('NumberFormat' in window.Intl && Intl.NumberFormat.supportedLocalesOf(this.locale).length))
-};
-
-/**
- * Get the appropriate suffix for the plural form.
- *
- * Uses Intl.PluralRules (or our own fallback implementation) to get the
- * 'preferred' form to use for the given count.
- *
- * Checks that a translation has been provided for that plural form – if it
- * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist
- * either, in which case an error will be thrown)
- *
- * @param {string} lookupKey - The lookup key of the string to use.
- * @param {number} count - Number used to determine which pluralisation to use.
- * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.
- */
-I18n.prototype.getPluralSuffix = function (lookupKey, count) {
-  // Validate that the number is actually a number.
-  //
-  // Number(count) will turn anything that can't be converted to a Number type
-  // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.
-  count = Number(count);
-  if (!isFinite(count)) { return 'other' }
-
-  var preferredForm;
-
-  // Check to verify that all the requirements for Intl.PluralRules are met.
-  // If so, we can use that instead of our custom implementation. Otherwise,
-  // use the hardcoded fallback.
-  if (this.hasIntlPluralRulesSupport()) {
-    preferredForm = new Intl.PluralRules(this.locale).select(count);
-  } else {
-    preferredForm = this.selectPluralFormUsingFallbackRules(count);
+
+    return out
   }
 
-  // Use the correct plural form if provided
-  if (lookupKey + '.' + preferredForm in this.translations) {
-    return preferredForm
-  // Fall back to `other` if the plural form is missing, but log a warning
-  // to the console
-  } else if (lookupKey + '.other' in this.translations) {
-    if (console && 'warn' in console) {
-      console.warn('i18n: Missing plural form ".' + preferredForm + '" for "' +
-        this.locale + '" locale. Falling back to ".other".');
-    }
+  /**
+   * Internal support for selecting messages to render, with placeholder
+   * interpolation and locale-aware number formatting and pluralisation
+   *
+   * @class
+   * @private
+   * @param {Object<string, unknown>} translations - Key-value pairs of the translation strings to use.
+   * @param {object} [config] - Configuration options for the function.
+   * @param {string} [config.locale] - An overriding locale for the PluralRules functionality.
+   */
+  function I18n (translations, config) {
+    // Make list of translations available throughout function
+    this.translations = translations || {};
 
-    return 'other'
-  // If the required `other` plural form is missing, all we can do is error
-  } else {
-    throw new Error(
-      'i18n: Plural form ".other" is required for "' + this.locale + '" locale'
-    )
-  }
-};
-
-/**
- * Get the plural form using our fallback implementation
- *
- * This is split out into a separate function to make it easier to test the
- * fallback behaviour in an environment where Intl.PluralRules exists.
- *
- * @param {number} count - Number used to determine which pluralisation to use.
- * @returns {PluralRule} The pluralisation form for count in this locale.
- */
-I18n.prototype.selectPluralFormUsingFallbackRules = function (count) {
-  // Currently our custom code can only handle positive integers, so let's
-  // make sure our number is one of those.
-  count = Math.abs(Math.floor(count));
-
-  var ruleset = this.getPluralRulesForLocale();
-
-  if (ruleset) {
-    return I18n.pluralRules[ruleset](count)
+    // The locale to use for PluralRules and NumberFormat
+    this.locale = (config && config.locale) || document.documentElement.lang || 'en';
   }
 
-  return 'other'
-};
-
-/**
- * Work out which pluralisation rules to use for the current locale
- *
- * The locale may include a regional indicator (such as en-GB), but we don't
- * usually care about this part, as pluralisation rules are usually the same
- * regardless of region. There are exceptions, however, (e.g. Portuguese) so
- * this searches by both the full and shortened locale codes, just to be sure.
- *
- * @returns {PluralRuleName | undefined} The name of the pluralisation rule to use (a key for one
- *   of the functions in this.pluralRules)
- */
-I18n.prototype.getPluralRulesForLocale = function () {
-  var locale = this.locale;
-  var localeShort = locale.split('-')[0];
-
-  // Look through the plural rules map to find which `pluralRule` is
-  // appropriate for our current `locale`.
-  for (var pluralRule in I18n.pluralRulesMap) {
-    if (Object.prototype.hasOwnProperty.call(I18n.pluralRulesMap, pluralRule)) {
-      var languages = I18n.pluralRulesMap[pluralRule];
-      for (var i = 0; i < languages.length; i++) {
-        if (languages[i] === locale || languages[i] === localeShort) {
-          return pluralRule
-        }
-      }
-    }
-  }
-};
-
-/**
- * Map of plural rules to languages where those rules apply.
- *
- * Note: These groups are named for the most dominant or recognisable language
- * that uses each system. The groupings do not imply that the languages are
- * related to one another. Many languages have evolved the same systems
- * independently of one another.
- *
- * Code to support more languages can be found in the i18n spike:
- * {@link https://github.com/alphagov/govuk-frontend/blob/spike-i18n-support/src/govuk/i18n.mjs}
- *
- * Languages currently supported:
- *
- * Arabic: Arabic (ar)
- * Chinese: Burmese (my), Chinese (zh), Indonesian (id), Japanese (ja),
- *   Javanese (jv), Korean (ko), Malay (ms), Thai (th), Vietnamese (vi)
- * French: Armenian (hy), Bangla (bn), French (fr), Gujarati (gu), Hindi (hi),
- *   Persian Farsi (fa), Punjabi (pa), Zulu (zu)
- * German: Afrikaans (af), Albanian (sq), Azerbaijani (az), Basque (eu),
- *   Bulgarian (bg), Catalan (ca), Danish (da), Dutch (nl), English (en),
- *   Estonian (et), Finnish (fi), Georgian (ka), German (de), Greek (el),
- *   Hungarian (hu), Luxembourgish (lb), Norwegian (no), Somali (so),
- *   Swahili (sw), Swedish (sv), Tamil (ta), Telugu (te), Turkish (tr),
- *   Urdu (ur)
- * Irish: Irish Gaelic (ga)
- * Russian: Russian (ru), Ukrainian (uk)
- * Scottish: Scottish Gaelic (gd)
- * Spanish: European Portuguese (pt-PT), Italian (it), Spanish (es)
- * Welsh: Welsh (cy)
- *
- * @type {Object<PluralRuleName, string[]>}
- */
-I18n.pluralRulesMap = {
-  arabic: ['ar'],
-  chinese: ['my', 'zh', 'id', 'ja', 'jv', 'ko', 'ms', 'th', 'vi'],
-  french: ['hy', 'bn', 'fr', 'gu', 'hi', 'fa', 'pa', 'zu'],
-  german: [
-    'af', 'sq', 'az', 'eu', 'bg', 'ca', 'da', 'nl', 'en', 'et', 'fi', 'ka',
-    'de', 'el', 'hu', 'lb', 'no', 'so', 'sw', 'sv', 'ta', 'te', 'tr', 'ur'
-  ],
-  irish: ['ga'],
-  russian: ['ru', 'uk'],
-  scottish: ['gd'],
-  spanish: ['pt-PT', 'it', 'es'],
-  welsh: ['cy']
-};
-
-/**
- * Different pluralisation rule sets
- *
- * Returns the appropriate suffix for the plural form associated with `n`.
- * Possible suffixes: 'zero', 'one', 'two', 'few', 'many', 'other' (the actual
- * meaning of each differs per locale). 'other' should always exist, even in
- * languages without plurals, such as Chinese.
- * {@link https://cldr.unicode.org/index/cldr-spec/plural-rules}
- *
- * The count must be a positive integer. Negative numbers and decimals aren't accounted for
- *
- * @type {Object<string, function(number): PluralRule>}
- */
-I18n.pluralRules = {
-  arabic: function (n) {
-    if (n === 0) { return 'zero' }
-    if (n === 1) { return 'one' }
-    if (n === 2) { return 'two' }
-    if (n % 100 >= 3 && n % 100 <= 10) { return 'few' }
-    if (n % 100 >= 11 && n % 100 <= 99) { return 'many' }
-    return 'other'
-  },
-  chinese: function () {
-    return 'other'
-  },
-  french: function (n) {
-    return n === 0 || n === 1 ? 'one' : 'other'
-  },
-  german: function (n) {
-    return n === 1 ? 'one' : 'other'
-  },
-  irish: function (n) {
-    if (n === 1) { return 'one' }
-    if (n === 2) { return 'two' }
-    if (n >= 3 && n <= 6) { return 'few' }
-    if (n >= 7 && n <= 10) { return 'many' }
-    return 'other'
-  },
-  russian: function (n) {
-    var lastTwo = n % 100;
-    var last = lastTwo % 10;
-    if (last === 1 && lastTwo !== 11) { return 'one' }
-    if (last >= 2 && last <= 4 && !(lastTwo >= 12 && lastTwo <= 14)) { return 'few' }
-    if (last === 0 || (last >= 5 && last <= 9) || (lastTwo >= 11 && lastTwo <= 14)) { return 'many' }
-    // Note: The 'other' suffix is only used by decimal numbers in Russian.
-    // We don't anticipate it being used, but it's here for consistency.
-    return 'other'
-  },
-  scottish: function (n) {
-    if (n === 1 || n === 11) { return 'one' }
-    if (n === 2 || n === 12) { return 'two' }
-    if ((n >= 3 && n <= 10) || (n >= 13 && n <= 19)) { return 'few' }
-    return 'other'
-  },
-  spanish: function (n) {
-    if (n === 1) { return 'one' }
-    if (n % 1000000 === 0 && n !== 0) { return 'many' }
-    return 'other'
-  },
-  welsh: function (n) {
-    if (n === 0) { return 'zero' }
-    if (n === 1) { return 'one' }
-    if (n === 2) { return 'two' }
-    if (n === 3) { return 'few' }
-    if (n === 6) { return 'many' }
-    return 'other'
-  }
-};
-
-/**
- * Supported languages for plural rules
- *
- * @typedef {'arabic' | 'chinese' | 'french' | 'german' | 'irish' | 'russian' | 'scottish' | 'spanish' | 'welsh'} PluralRuleName
- */
-
-/**
- * Plural rule category mnemonic tags
- *
- * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule
- */
-
-/**
- * Translated message by plural rule they correspond to.
- *
- * Allows to group pluralised messages under a single key when passing
- * translations to a component's constructor
- *
- * @typedef {object} TranslationPluralForms
- * @property {string} [other] - General plural form
- * @property {string} [zero] - Plural form used with 0
- * @property {string} [one] - Plural form used with 1
- * @property {string} [two] - Plural form used with 2
- * @property {string} [few] - Plural form used for a few
- * @property {string} [many] - Plural form used for many
- */
-
-/**
- * Translated messages (flattened)
- *
- * @private
- * @typedef {Object<string, string> | {}} TranslationsFlattened
- */
-
-(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;
+  /**
+   * The most used function - takes the key for a given piece of UI text and
+   * returns the appropriate string.
+   *
+   * @param {string} lookupKey - The lookup key of the string to use.
+   * @param {Object<string, unknown>} [options] - Any options passed with the translation string, e.g: for string interpolation.
+   * @returns {string} The appropriate translation string.
+   * @throws {Error} Lookup key required
+   * @throws {Error} Options required for `${}` placeholders
+   */
+  I18n.prototype.t = function (lookupKey, options) {
+    if (!lookupKey) {
+      // Print a console error if no lookup key has been provided
+      throw new Error('i18n: lookup key missing')
     }
-    var el = document.createElement('div');
-    el.setAttribute("data-a-b", "c");
-    return el.dataset && el.dataset.aB == "c";
-  }());
 
-  if (detect) return
+    // If the `count` option is set, determine which plural suffix is needed and
+    // change the lookupKey to match. We check to see if it's numeric instead of
+    // falsy, as this could legitimately be 0.
+    if (options && typeof options.count === 'number') {
+      // Get the plural suffix
+      lookupKey = lookupKey + '.' + this.getPluralSuffix(lookupKey, options.count);
+    }
 
-  // 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;
-          }
+    // Fetch the translation string for that lookup key
+    var translationString = this.translations[lookupKey];
 
+    if (typeof translationString === 'string') {
+      // Check for ${} placeholders in the translation string
+      if (translationString.match(/%{(.\S+)}/)) {
+        if (!options) {
+          throw new Error('i18n: cannot replace placeholders in string if no option data provided')
         }
+
+        return this.replacePlaceholders(translationString, options)
+      } else {
+        return translationString
       }
-  
-      return map;
+    } else {
+      // If the key wasn't found in our translations object,
+      // return the lookup key itself as the fallback
+      return lookupKey
     }
-  });
-
-}).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
-
-(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, '');
-    };
+  /**
+   * Takes a translation string with placeholders, and replaces the placeholders
+   * with the provided data
+   *
+   * @param {string} translationString - The translation string
+   * @param {Object<string, unknown>} options - Any options passed with the translation string, e.g: for string interpolation.
+   * @returns {string} The translation string to output, with ${} placeholders replaced
+   */
+  I18n.prototype.replacePlaceholders = function (translationString, options) {
+    /** @type {Intl.NumberFormat | undefined} */
+    var formatter;
 
-}).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
-  }
+    if (this.hasIntlNumberFormatSupport()) {
+      formatter = new Intl.NumberFormat(this.locale);
+    }
 
-  var trimmedValue = value.trim();
+    return translationString.replace(
+      /%{(.\S+)}/g,
+
+      /**
+       * Replace translation string placeholders
+       *
+       * @param {string} placeholderWithBraces - Placeholder with braces
+       * @param {string} placeholderKey - Placeholder key
+       * @returns {string} Placeholder value
+       */
+      function (placeholderWithBraces, placeholderKey) {
+        if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+          var placeholderValue = options[placeholderKey];
+
+          // If a user has passed `false` as the value for the placeholder
+          // treat it as though the value should not be displayed
+          if (placeholderValue === false || (
+            typeof placeholderValue !== 'number' &&
+            typeof placeholderValue !== 'string')
+          ) {
+            return ''
+          }
 
-  if (trimmedValue === 'true') {
-    return true
-  }
+          // If the placeholder's value is a number, localise the number formatting
+          if (typeof placeholderValue === 'number') {
+            return formatter ? formatter.format(placeholderValue) : placeholderValue.toString()
+          }
 
-  if (trimmedValue === 'false') {
-    return false
-  }
+          return placeholderValue
+        } else {
+          throw new Error('i18n: no data found to replace ' + placeholderWithBraces + ' placeholder in string')
+        }
+      })
+  };
 
-  // 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)
-  }
+  /**
+   * Check to see if the browser supports Intl and Intl.PluralRules.
+   *
+   * It requires all conditions to be met in order to be supported:
+   * - The browser supports the Intl class (true in IE11)
+   * - The implementation of Intl supports PluralRules (NOT true in IE11)
+   * - The browser/OS has plural rules for the current locale (browser dependent)
+   *
+   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.
+   */
+  I18n.prototype.hasIntlPluralRulesSupport = function () {
+    return Boolean(window.Intl && ('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length))
+  };
 
-  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]);
-  }
+  /**
+   * Check to see if the browser supports Intl and Intl.NumberFormat.
+   *
+   * It requires all conditions to be met in order to be supported:
+   * - The browser supports the Intl class (true in IE11)
+   * - The implementation of Intl supports NumberFormat (also true in IE11)
+   * - The browser/OS has number formatting rules for the current locale (browser dependent)
+   *
+   * @returns {boolean} Returns true if all conditions are met. Returns false otherwise.
+   */
+  I18n.prototype.hasIntlNumberFormatSupport = function () {
+    return Boolean(window.Intl && ('NumberFormat' in window.Intl && Intl.NumberFormat.supportedLocalesOf(this.locale).length))
+  };
 
-  return out
-}
+  /**
+   * Get the appropriate suffix for the plural form.
+   *
+   * Uses Intl.PluralRules (or our own fallback implementation) to get the
+   * 'preferred' form to use for the given count.
+   *
+   * Checks that a translation has been provided for that plural form – if it
+   * hasn't, it'll fall back to the 'other' plural form (unless that doesn't exist
+   * either, in which case an error will be thrown)
+   *
+   * @param {string} lookupKey - The lookup key of the string to use.
+   * @param {number} count - Number used to determine which pluralisation to use.
+   * @returns {PluralRule} The suffix associated with the correct pluralisation for this locale.
+   * @throws {Error} Plural form `.other` required when preferred plural form is missing
+   */
+  I18n.prototype.getPluralSuffix = function (lookupKey, count) {
+    // Validate that the number is actually a number.
+    //
+    // Number(count) will turn anything that can't be converted to a Number type
+    // into 'NaN'. isFinite filters out NaN, as it isn't a finite number.
+    count = Number(count);
+    if (!isFinite(count)) { return 'other' }
+
+    var preferredForm;
+
+    // Check to verify that all the requirements for Intl.PluralRules are met.
+    // If so, we can use that instead of our custom implementation. Otherwise,
+    // use the hardcoded fallback.
+    if (this.hasIntlPluralRulesSupport()) {
+      preferredForm = new Intl.PluralRules(this.locale).select(count);
+    } else {
+      preferredForm = this.selectPluralFormUsingFallbackRules(count);
+    }
 
-(function(undefined) {
+    // Use the correct plural form if provided
+    if (lookupKey + '.' + preferredForm in this.translations) {
+      return preferredForm
+    // Fall back to `other` if the plural form is missing, but log a warning
+    // to the console
+    } else if (lookupKey + '.other' in this.translations) {
+      if (console && 'warn' in console) {
+        console.warn('i18n: Missing plural form ".' + preferredForm + '" for "' +
+          this.locale + '" locale. Falling back to ".other".');
+      }
 
-  // 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
-  );
+      return 'other'
+    // If the required `other` plural form is missing, all we can do is error
+    } else {
+      throw new Error(
+        'i18n: Plural form ".other" is required for "' + this.locale + '" locale'
+      )
+    }
+  };
 
-  if (detect) return
+  /**
+   * Get the plural form using our fallback implementation
+   *
+   * This is split out into a separate function to make it easier to test the
+   * fallback behaviour in an environment where Intl.PluralRules exists.
+   *
+   * @param {number} count - Number used to determine which pluralisation to use.
+   * @returns {PluralRule} The pluralisation form for count in this locale.
+   */
+  I18n.prototype.selectPluralFormUsingFallbackRules = function (count) {
+    // Currently our custom code can only handle positive integers, so let's
+    // make sure our number is one of those.
+    count = Math.abs(Math.floor(count));
 
-  // 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;
+    var ruleset = this.getPluralRulesForLocale();
 
-    while (elements[index] && elements[index] !== element) {
-      ++index;
+    if (ruleset) {
+      return I18n.pluralRules[ruleset](count)
     }
 
-    return !!elements[index];
+    return 'other'
   };
 
-}).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/closest/detect.js
-  var detect = (
-    'document' in this && "closest" in document.documentElement
-  );
-
-  if (detect) return
+  /**
+   * Work out which pluralisation rules to use for the current locale
+   *
+   * The locale may include a regional indicator (such as en-GB), but we don't
+   * usually care about this part, as pluralisation rules are usually the same
+   * regardless of region. There are exceptions, however, (e.g. Portuguese) so
+   * this searches by both the full and shortened locale codes, just to be sure.
+   *
+   * @returns {string | undefined} The name of the pluralisation rule to use (a key for one
+   *   of the functions in this.pluralRules)
+   */
+  I18n.prototype.getPluralRulesForLocale = function () {
+    var locale = this.locale;
+    var localeShort = locale.split('-')[0];
+
+    // Look through the plural rules map to find which `pluralRule` is
+    // appropriate for our current `locale`.
+    for (var pluralRule in I18n.pluralRulesMap) {
+      if (Object.prototype.hasOwnProperty.call(I18n.pluralRulesMap, pluralRule)) {
+        var languages = I18n.pluralRulesMap[pluralRule];
+        for (var i = 0; i < languages.length; i++) {
+          if (languages[i] === locale || languages[i] === localeShort) {
+            return pluralRule
+          }
+        }
+      }
+    }
+  };
 
-  // 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;
+  /**
+   * Map of plural rules to languages where those rules apply.
+   *
+   * Note: These groups are named for the most dominant or recognisable language
+   * that uses each system. The groupings do not imply that the languages are
+   * related to one another. Many languages have evolved the same systems
+   * independently of one another.
+   *
+   * Code to support more languages can be found in the i18n spike:
+   * {@link https://github.com/alphagov/govuk-frontend/blob/spike-i18n-support/src/govuk/i18n.mjs}
+   *
+   * Languages currently supported:
+   *
+   * Arabic: Arabic (ar)
+   * Chinese: Burmese (my), Chinese (zh), Indonesian (id), Japanese (ja),
+   *   Javanese (jv), Korean (ko), Malay (ms), Thai (th), Vietnamese (vi)
+   * French: Armenian (hy), Bangla (bn), French (fr), Gujarati (gu), Hindi (hi),
+   *   Persian Farsi (fa), Punjabi (pa), Zulu (zu)
+   * German: Afrikaans (af), Albanian (sq), Azerbaijani (az), Basque (eu),
+   *   Bulgarian (bg), Catalan (ca), Danish (da), Dutch (nl), English (en),
+   *   Estonian (et), Finnish (fi), Georgian (ka), German (de), Greek (el),
+   *   Hungarian (hu), Luxembourgish (lb), Norwegian (no), Somali (so),
+   *   Swahili (sw), Swedish (sv), Tamil (ta), Telugu (te), Turkish (tr),
+   *   Urdu (ur)
+   * Irish: Irish Gaelic (ga)
+   * Russian: Russian (ru), Ukrainian (uk)
+   * Scottish: Scottish Gaelic (gd)
+   * Spanish: European Portuguese (pt-PT), Italian (it), Spanish (es)
+   * Welsh: Welsh (cy)
+   *
+   * @type {Object<string, string[]>}
+   */
+  I18n.pluralRulesMap = {
+    arabic: ['ar'],
+    chinese: ['my', 'zh', 'id', 'ja', 'jv', 'ko', 'ms', 'th', 'vi'],
+    french: ['hy', 'bn', 'fr', 'gu', 'hi', 'fa', 'pa', 'zu'],
+    german: [
+      'af', 'sq', 'az', 'eu', 'bg', 'ca', 'da', 'nl', 'en', 'et', 'fi', 'ka',
+      'de', 'el', 'hu', 'lb', 'no', 'so', 'sw', 'sv', 'ta', 'te', 'tr', 'ur'
+    ],
+    irish: ['ga'],
+    russian: ['ru', 'uk'],
+    scottish: ['gd'],
+    spanish: ['pt-PT', 'it', 'es'],
+    welsh: ['cy']
+  };
 
-    while (node) {
-      if (node.matches(selector)) return node;
-      else node = 'SVGElement' in window && node instanceof SVGElement ? node.parentNode : node.parentElement;
+  /**
+   * Different pluralisation rule sets
+   *
+   * Returns the appropriate suffix for the plural form associated with `n`.
+   * Possible suffixes: 'zero', 'one', 'two', 'few', 'many', 'other' (the actual
+   * meaning of each differs per locale). 'other' should always exist, even in
+   * languages without plurals, such as Chinese.
+   * {@link https://cldr.unicode.org/index/cldr-spec/plural-rules}
+   *
+   * The count must be a positive integer. Negative numbers and decimals aren't accounted for
+   *
+   * @type {Object<string, function(number): PluralRule>}
+   */
+  I18n.pluralRules = {
+    /* eslint-disable jsdoc/require-jsdoc */
+    arabic: function (n) {
+      if (n === 0) { return 'zero' }
+      if (n === 1) { return 'one' }
+      if (n === 2) { return 'two' }
+      if (n % 100 >= 3 && n % 100 <= 10) { return 'few' }
+      if (n % 100 >= 11 && n % 100 <= 99) { return 'many' }
+      return 'other'
+    },
+    chinese: function () {
+      return 'other'
+    },
+    french: function (n) {
+      return n === 0 || n === 1 ? 'one' : 'other'
+    },
+    german: function (n) {
+      return n === 1 ? 'one' : 'other'
+    },
+    irish: function (n) {
+      if (n === 1) { return 'one' }
+      if (n === 2) { return 'two' }
+      if (n >= 3 && n <= 6) { return 'few' }
+      if (n >= 7 && n <= 10) { return 'many' }
+      return 'other'
+    },
+    russian: function (n) {
+      var lastTwo = n % 100;
+      var last = lastTwo % 10;
+      if (last === 1 && lastTwo !== 11) { return 'one' }
+      if (last >= 2 && last <= 4 && !(lastTwo >= 12 && lastTwo <= 14)) { return 'few' }
+      if (last === 0 || (last >= 5 && last <= 9) || (lastTwo >= 11 && lastTwo <= 14)) { return 'many' }
+      // Note: The 'other' suffix is only used by decimal numbers in Russian.
+      // We don't anticipate it being used, but it's here for consistency.
+      return 'other'
+    },
+    scottish: function (n) {
+      if (n === 1 || n === 11) { return 'one' }
+      if (n === 2 || n === 12) { return 'two' }
+      if ((n >= 3 && n <= 10) || (n >= 13 && n <= 19)) { return 'few' }
+      return 'other'
+    },
+    spanish: function (n) {
+      if (n === 1) { return 'one' }
+      if (n % 1000000 === 0 && n !== 0) { return 'many' }
+      return 'other'
+    },
+    welsh: function (n) {
+      if (n === 0) { return 'zero' }
+      if (n === 1) { return 'one' }
+      if (n === 2) { return 'two' }
+      if (n === 3) { return 'few' }
+      if (n === 6) { return 'many' }
+      return 'other'
     }
-
-    return null;
+    /* eslint-enable jsdoc/require-jsdoc */
   };
 
-}).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
-
-/**
- * Returns the value of the given attribute closest to the given element (including itself)
- *
- * @param {HTMLElement} $element - The element to start walking the DOM tree up
- * @param {string} attributeName - The name of the attribute
- * @returns {string | undefined} Attribute value
- */
-function closestAttributeValue ($element, attributeName) {
-  var closestElementWithAttribute = $element.closest('[' + attributeName + ']');
-  if (closestElementWithAttribute) {
-    return closestElementWithAttribute.getAttribute(attributeName)
-  }
-}
-
-/**
- * @constant
- * @type {CharacterCountTranslations}
- * @see Default value for {@link CharacterCountConfig.i18n}
- * @default
- */
-var CHARACTER_COUNT_TRANSLATIONS = {
-  // Characters
-  charactersUnderLimit: {
-    one: 'You have %{count} character remaining',
-    other: 'You have %{count} characters remaining'
-  },
-  charactersAtLimit: 'You have 0 characters remaining',
-  charactersOverLimit: {
-    one: 'You have %{count} character too many',
-    other: 'You have %{count} characters too many'
-  },
-  // Words
-  wordsUnderLimit: {
-    one: 'You have %{count} word remaining',
-    other: 'You have %{count} words remaining'
-  },
-  wordsAtLimit: 'You have 0 words remaining',
-  wordsOverLimit: {
-    one: 'You have %{count} word too many',
-    other: 'You have %{count} words too many'
-  },
-  textareaDescription: {
-    other: ''
-  }
-};
-
-/**
- * JavaScript enhancements for the CharacterCount component
- *
- * Tracks the number of characters or words in the `.govuk-js-character-count`
- * `<textarea>` inside the element. Displays a message with the remaining number
- * of characters/words available, or the number of characters/words in excess.
- *
- * You can configure the message to only appear after a certain percentage
- * of the available characters/words has been entered.
- *
- * @class
- * @param {HTMLElement} $module - The element this component controls
- * @param {CharacterCountConfig} [config] - Character count config
- */
-function CharacterCount ($module, config) {
-  if (!$module) {
-    return this
+  /**
+   * Plural rule category mnemonic tags
+   *
+   * @typedef {'zero' | 'one' | 'two' | 'few' | 'many' | 'other'} PluralRule
+   */
+
+  /**
+   * Translated message by plural rule they correspond to.
+   *
+   * Allows to group pluralised messages under a single key when passing
+   * translations to a component's constructor
+   *
+   * @typedef {object} TranslationPluralForms
+   * @property {string} [other] - General plural form
+   * @property {string} [zero] - Plural form used with 0
+   * @property {string} [one] - Plural form used with 1
+   * @property {string} [two] - Plural form used with 2
+   * @property {string} [few] - Plural form used for a few
+   * @property {string} [many] - Plural form used for many
+   */
+
+  // @ts-nocheck
+  (function (undefined) {
+
+      // Detection from https://github.com/Financial-Times/polyfill-library/blob/v3.111.0/polyfills/Date/now/detect.js
+      var detect = ('Date' in self && 'now' in self.Date && 'getTime' in self.Date.prototype);
+
+      if (detect) return
+
+      // Polyfill from https://polyfill.io/v3/polyfill.js?version=3.111.0&features=Date.now&flags=always
+      Date.now = function () {
+          return new Date().getTime();
+      };
+
+  }).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/master/packages/polyfill-library/polyfills/DOMTokenList/detect.js
+      var detect = (
+        'DOMTokenList' in this && (function (x) {
+          return 'classList' in x ? !x.classList.toggle('x', false) && !x.className : true;
+        })(document.createElement('x'))
+      );
+
+      if (detect) return
+
+      // Polyfill from https://raw.githubusercontent.com/Financial-Times/polyfill-service/master/packages/polyfill-library/polyfills/DOMTokenList/polyfill.js
+      (function (global) {
+        var nativeImpl = "DOMTokenList" in global && global.DOMTokenList;
+
+        if (
+            !nativeImpl ||
+            (
+              !!document.createElementNS &&
+              !!document.createElementNS('http://www.w3.org/2000/svg', 'svg') &&
+              !(document.createElementNS("http://www.w3.org/2000/svg", "svg").classList instanceof DOMTokenList)
+            )
+          ) {
+          global.DOMTokenList = (function() { // eslint-disable-line no-unused-vars
+            var dpSupport = true;
+            var defineGetter = function (object, name, fn, configurable) {
+              if (Object.defineProperty)
+                Object.defineProperty(object, name, {
+                  configurable: false === dpSupport ? true : !!configurable,
+                  get: fn
+                });
+
+              else object.__defineGetter__(name, fn);
+            };
+
+            /** Ensure the browser allows Object.defineProperty to be used on native JavaScript objects. */
+            try {
+              defineGetter({}, "support");
+            }
+            catch (e) {
+              dpSupport = false;
+            }
+
+
+            var _DOMTokenList = function (el, prop) {
+              var that = this;
+              var tokens = [];
+              var tokenMap = {};
+              var length = 0;
+              var maxLength = 0;
+              var addIndexGetter = function (i) {
+                defineGetter(that, i, function () {
+                  preop();
+                  return tokens[i];
+                }, false);
+
+              };
+              var reindex = function () {
+
+                /** Define getter functions for array-like access to the tokenList's contents. */
+                if (length >= maxLength)
+                  for (; maxLength < length; ++maxLength) {
+                    addIndexGetter(maxLength);
+                  }
+              };
+
+              /** Helper function called at the start of each class method. Internal use only. */
+              var preop = function () {
+                var error;
+                var i;
+                var args = arguments;
+                var rSpace = /\s+/;
+
+                /** Validate the token/s passed to an instance method, if any. */
+                if (args.length)
+                  for (i = 0; i < args.length; ++i)
+                    if (rSpace.test(args[i])) {
+                      error = new SyntaxError('String "' + args[i] + '" ' + "contains" + ' an invalid character');
+                      error.code = 5;
+                      error.name = "InvalidCharacterError";
+                      throw error;
+                    }
+
+
+                /** Split the new value apart by whitespace*/
+                if (typeof el[prop] === "object") {
+                  tokens = ("" + el[prop].baseVal).replace(/^\s+|\s+$/g, "").split(rSpace);
+                } else {
+                  tokens = ("" + el[prop]).replace(/^\s+|\s+$/g, "").split(rSpace);
+                }
+
+                /** Avoid treating blank strings as single-item token lists */
+                if ("" === tokens[0]) tokens = [];
+
+                /** Repopulate the internal token lists */
+                tokenMap = {};
+                for (i = 0; i < tokens.length; ++i)
+                  tokenMap[tokens[i]] = true;
+                length = tokens.length;
+                reindex();
+              };
+
+              /** Populate our internal token list if the targeted attribute of the subject element isn't empty. */
+              preop();
+
+              /** Return the number of tokens in the underlying string. Read-only. */
+              defineGetter(that, "length", function () {
+                preop();
+                return length;
+              });
+
+              /** Override the default toString/toLocaleString methods to return a space-delimited list of tokens when typecast. */
+              that.toLocaleString =
+                that.toString = function () {
+                  preop();
+                  return tokens.join(" ");
+                };
+
+              that.item = function (idx) {
+                preop();
+                return tokens[idx];
+              };
+
+              that.contains = function (token) {
+                preop();
+                return !!tokenMap[token];
+              };
+
+              that.add = function () {
+                preop.apply(that, args = arguments);
+
+                for (var args, token, i = 0, l = args.length; i < l; ++i) {
+                  token = args[i];
+                  if (!tokenMap[token]) {
+                    tokens.push(token);
+                    tokenMap[token] = true;
+                  }
+                }
+
+                /** Update the targeted attribute of the attached element if the token list's changed. */
+                if (length !== tokens.length) {
+                  length = tokens.length >>> 0;
+                  if (typeof el[prop] === "object") {
+                    el[prop].baseVal = tokens.join(" ");
+                  } else {
+                    el[prop] = tokens.join(" ");
+                  }
+                  reindex();
+                }
+              };
+
+              that.remove = function () {
+                preop.apply(that, args = arguments);
+
+                /** Build a hash of token names to compare against when recollecting our token list. */
+                for (var args, ignore = {}, i = 0, t = []; i < args.length; ++i) {
+                  ignore[args[i]] = true;
+                  delete tokenMap[args[i]];
+                }
+
+                /** Run through our tokens list and reassign only those that aren't defined in the hash declared above. */
+                for (i = 0; i < tokens.length; ++i)
+                  if (!ignore[tokens[i]]) t.push(tokens[i]);
+
+                tokens = t;
+                length = t.length >>> 0;
+
+                /** Update the targeted attribute of the attached element. */
+                if (typeof el[prop] === "object") {
+                  el[prop].baseVal = tokens.join(" ");
+                } else {
+                  el[prop] = tokens.join(" ");
+                }
+                reindex();
+              };
+
+              that.toggle = function (token, force) {
+                preop.apply(that, [token]);
+
+                /** Token state's being forced. */
+                if (undefined !== force) {
+                  if (force) {
+                    that.add(token);
+                    return true;
+                  } else {
+                    that.remove(token);
+                    return false;
+                  }
+                }
+
+                /** Token already exists in tokenList. Remove it, and return FALSE. */
+                if (tokenMap[token]) {
+                  that.remove(token);
+                  return false;
+                }
+
+                /** Otherwise, add the token and return TRUE. */
+                that.add(token);
+                return true;
+              };
+
+              return that;
+            };
+
+            return _DOMTokenList;
+          }());
+        }
+
+        // Add second argument to native DOMTokenList.toggle() if necessary
+        (function () {
+          var e = document.createElement('span');
+          if (!('classList' in e)) return;
+          e.classList.toggle('x', false);
+          if (!e.classList.contains('x')) return;
+          e.classList.constructor.prototype.toggle = function toggle(token /*, force*/) {
+            var force = arguments[1];
+            if (force === undefined) {
+              var add = !this.contains(token);
+              this[add ? 'add' : 'remove'](token);
+              return add;
+            }
+            force = !!force;
+            this[force ? 'add' : 'remove'](token);
+            return force;
+          };
+        }());
+
+        // Add multiple arguments to native DOMTokenList.add() if necessary
+        (function () {
+          var e = document.createElement('span');
+          if (!('classList' in e)) return;
+          e.classList.add('a', 'b');
+          if (e.classList.contains('b')) return;
+          var native = e.classList.constructor.prototype.add;
+          e.classList.constructor.prototype.add = function () {
+            var args = arguments;
+            var l = arguments.length;
+            for (var i = 0; i < l; i++) {
+              native.call(this, args[i]);
+            }
+          };
+        }());
+
+        // Add multiple arguments to native DOMTokenList.remove() if necessary
+        (function () {
+          var e = document.createElement('span');
+          if (!('classList' in e)) return;
+          e.classList.add('a');
+          e.classList.add('b');
+          e.classList.remove('a', 'b');
+          if (!e.classList.contains('b')) return;
+          var native = e.classList.constructor.prototype.remove;
+          e.classList.constructor.prototype.remove = function () {
+            var args = arguments;
+            var l = arguments.length;
+            for (var i = 0; i < l; i++) {
+              native.call(this, args[i]);
+            }
+          };
+        }());
+
+      }(this));
+
+  }).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/8717a9e04ac7aff99b4980fbedead98036b0929a/packages/polyfill-library/polyfills/Element/prototype/classList/detect.js
+      var detect = (
+        'document' in this && "classList" in document.documentElement && 'Element' in this && 'classList' in Element.prototype && (function () {
+          var e = document.createElement('span');
+          e.classList.add('a', 'b');
+          return e.classList.contains('b');
+        }())
+      );
+
+      if (detect) return
+
+      // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element.prototype.classList&flags=always
+      (function (global) {
+        var dpSupport = true;
+        var defineGetter = function (object, name, fn, configurable) {
+          if (Object.defineProperty)
+            Object.defineProperty(object, name, {
+              configurable: false === dpSupport ? true : !!configurable,
+              get: fn
+            });
+
+          else object.__defineGetter__(name, fn);
+        };
+        /** Ensure the browser allows Object.defineProperty to be used on native JavaScript objects. */
+        try {
+          defineGetter({}, "support");
+        }
+        catch (e) {
+          dpSupport = false;
+        }
+        /** Polyfills a property with a DOMTokenList */
+        var addProp = function (o, name, attr) {
+
+          defineGetter(o.prototype, name, function () {
+            var tokenList;
+
+            var THIS = this,
+
+            /** Prevent this from firing twice for some reason. What the hell, IE. */
+            gibberishProperty = "__defineGetter__" + "DEFINE_PROPERTY" + name;
+            if(THIS[gibberishProperty]) return tokenList;
+            THIS[gibberishProperty] = true;
+
+            /**
+             * IE8 can't define properties on native JavaScript objects, so we'll use a dumb hack instead.
+             *
+             * What this is doing is creating a dummy element ("reflection") inside a detached phantom node ("mirror")
+             * that serves as the target of Object.defineProperty instead. While we could simply use the subject HTML
+             * element instead, this would conflict with element types which use indexed properties (such as forms and
+             * select lists).
+             */
+            if (false === dpSupport) {
+
+              var visage;
+              var mirror = addProp.mirror || document.createElement("div");
+              var reflections = mirror.childNodes;
+              var l = reflections.length;
+
+              for (var i = 0; i < l; ++i)
+                if (reflections[i]._R === THIS) {
+                  visage = reflections[i];
+                  break;
+                }
+
+              /** Couldn't find an element's reflection inside the mirror. Materialise one. */
+              visage || (visage = mirror.appendChild(document.createElement("div")));
+
+              tokenList = DOMTokenList.call(visage, THIS, attr);
+            } else tokenList = new DOMTokenList(THIS, attr);
+
+            defineGetter(THIS, name, function () {
+              return tokenList;
+            });
+            delete THIS[gibberishProperty];
+
+            return tokenList;
+          }, true);
+        };
+
+        addProp(global.Element, "classList", "className");
+        addProp(global.HTMLElement, "classList", "className");
+        addProp(global.HTMLLinkElement, "relList", "rel");
+        addProp(global.HTMLAnchorElement, "relList", "rel");
+        addProp(global.HTMLAreaElement, "relList", "rel");
+      }(this));
+
+  }).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));
   }
 
-  var defaultConfig = {
-    threshold: 0,
-    i18n: CHARACTER_COUNT_TRANSLATIONS
+  })
+  .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/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 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 {
+                    // 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);
+            }
+
+            // 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;
+        }
+    });
+  })
+  .call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof global && global || {});
+
+  /* eslint-disable es-x/no-date-now -- Polyfill imported */
+
+  /**
+   * @constant
+   * @type {CharacterCountTranslations}
+   * @see Default value for {@link CharacterCountConfig.i18n}
+   * @default
+   */
+  var CHARACTER_COUNT_TRANSLATIONS = {
+    // Characters
+    charactersUnderLimit: {
+      one: 'You have %{count} character remaining',
+      other: 'You have %{count} characters remaining'
+    },
+    charactersAtLimit: 'You have 0 characters remaining',
+    charactersOverLimit: {
+      one: 'You have %{count} character too many',
+      other: 'You have %{count} characters too many'
+    },
+    // Words
+    wordsUnderLimit: {
+      one: 'You have %{count} word remaining',
+      other: 'You have %{count} words remaining'
+    },
+    wordsAtLimit: 'You have 0 words remaining',
+    wordsOverLimit: {
+      one: 'You have %{count} word too many',
+      other: 'You have %{count} words too many'
+    },
+    textareaDescription: {
+      other: ''
+    }
   };
 
-  // Read config set using dataset ('data-' values)
-  var datasetConfig = normaliseDataset($module.dataset);
-
-  // To ensure data-attributes take complete precedence, even if they change the
-  // type of count, we need to reset the `maxlength` and `maxwords` from the
-  // JavaScript config.
-  //
-  // We can't mutate `config`, though, as it may be shared across multiple
-  // components inside `initAll`.
-  var configOverrides = {};
-  if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
-    configOverrides = {
-      maxlength: false,
-      maxwords: false
+  /**
+   * JavaScript enhancements for the CharacterCount component
+   *
+   * Tracks the number of characters or words in the `.govuk-js-character-count`
+   * `<textarea>` inside the element. Displays a message with the remaining number
+   * of characters/words available, or the number of characters/words in excess.
+   *
+   * You can configure the message to only appear after a certain percentage
+   * of the available characters/words has been entered.
+   *
+   * @class
+   * @param {Element} $module - HTML element to use for character count
+   * @param {CharacterCountConfig} [config] - Character count config
+   */
+  function CharacterCount ($module, config) {
+    if (!($module instanceof HTMLElement)) {
+      return this
+    }
+
+    var $textarea = $module.querySelector('.govuk-js-character-count');
+    if (
+      !(
+        $textarea instanceof HTMLTextAreaElement ||
+        $textarea instanceof HTMLInputElement
+      )
+    ) {
+      return this
+    }
+
+    var defaultConfig = {
+      threshold: 0,
+      i18n: CHARACTER_COUNT_TRANSLATIONS
     };
-  }
 
-  this.config = mergeConfigs(
-    defaultConfig,
-    config || {},
-    configOverrides,
-    datasetConfig
-  );
+    // Read config set using dataset ('data-' values)
+    var datasetConfig = normaliseDataset($module.dataset);
+
+    // To ensure data-attributes take complete precedence, even if they change the
+    // type of count, we need to reset the `maxlength` and `maxwords` from the
+    // JavaScript config.
+    //
+    // We can't mutate `config`, though, as it may be shared across multiple
+    // components inside `initAll`.
+    var configOverrides = {};
+    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+      configOverrides = {
+        maxlength: false,
+        maxwords: false
+      };
+    }
 
-  this.i18n = new I18n(extractConfigByNamespace(this.config, 'i18n'), {
-    // Read the fallback if necessary rather than have it set in the defaults
-    locale: closestAttributeValue($module, 'lang')
-  });
-
-  // Determine the limit attribute (characters or words)
-  if (this.config.maxwords) {
-    this.maxLength = this.config.maxwords;
-  } else if (this.config.maxlength) {
-    this.maxLength = this.config.maxlength;
-  } else {
-    return
-  }
+    /**
+     * @deprecated Will be made private in v5.0
+     * @type {CharacterCountConfig}
+     */
+    this.config = mergeConfigs(
+      defaultConfig,
+      config || {},
+      configOverrides,
+      datasetConfig
+    );
 
-  this.$module = $module;
-  this.$textarea = $module.querySelector('.govuk-js-character-count');
-  this.$visibleCountMessage = null;
-  this.$screenReaderCountMessage = null;
-  this.lastInputTimestamp = null;
-}
-
-/**
- * Initialise component
- */
-CharacterCount.prototype.init = function () {
-  // Check that required elements are present
-  if (!this.$textarea) {
-    return
-  }
+    /** @deprecated Will be made private in v5.0 */
+    this.i18n = new I18n(extractConfigByNamespace(this.config, 'i18n'), {
+      // Read the fallback if necessary rather than have it set in the defaults
+      locale: closestAttributeValue($module, 'lang')
+    });
+
+    /** @deprecated Will be made private in v5.0 */
+    this.maxLength = Infinity;
+    // Determine the limit attribute (characters or words)
+    if ('maxwords' in this.config && this.config.maxwords) {
+      this.maxLength = this.config.maxwords;
+    } else if ('maxlength' in this.config && this.config.maxlength) {
+      this.maxLength = this.config.maxlength;
+    } else {
+      return
+    }
 
-  var $textarea = this.$textarea;
-  var $textareaDescription = document.getElementById($textarea.id + '-info');
+    /** @deprecated Will be made private in v5.0 */
+    this.$module = $module;
 
-  // Inject a decription for the textarea if none is present already
-  // for when the component was rendered with no maxlength, maxwords
-  // nor custom textareaDescriptionText
-  if ($textareaDescription.innerText.match(/^\s*$/)) {
-    $textareaDescription.innerText = this.i18n.t('textareaDescription', { count: this.maxLength });
-  }
+    /** @deprecated Will be made private in v5.0 */
+    this.$textarea = $textarea;
+
+    /** @deprecated Will be made private in v5.0 */
+    this.$visibleCountMessage = null;
+
+    /** @deprecated Will be made private in v5.0 */
+    this.$screenReaderCountMessage = null;
+
+    /** @deprecated Will be made private in v5.0 */
+    this.lastInputTimestamp = null;
 
-  // Move the textarea description to be immediately after the textarea
-  // Kept for backwards compatibility
-  $textarea.insertAdjacentElement('afterend', $textareaDescription);
-
-  // Create the *screen reader* specific live-updating counter
-  // This doesn't need any styling classes, as it is never visible
-  var $screenReaderCountMessage = document.createElement('div');
-  $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
-  $screenReaderCountMessage.setAttribute('aria-live', 'polite');
-  this.$screenReaderCountMessage = $screenReaderCountMessage;
-  $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
-
-  // Create our live-updating counter element, copying the classes from the
-  // textarea description for backwards compatibility as these may have been
-  // configured
-  var $visibleCountMessage = document.createElement('div');
-  $visibleCountMessage.className = $textareaDescription.className;
-  $visibleCountMessage.classList.add('govuk-character-count__status');
-  $visibleCountMessage.setAttribute('aria-hidden', 'true');
-  this.$visibleCountMessage = $visibleCountMessage;
-  $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
-
-  // Hide the textarea description
-  $textareaDescription.classList.add('govuk-visually-hidden');
-
-  // Remove hard limit if set
-  $textarea.removeAttribute('maxlength');
-
-  this.bindChangeEvents();
-
-  // When the page is restored after navigating 'back' in some browsers the
-  // state of the character count is not restored until *after* the
-  // DOMContentLoaded event is fired, so we need to manually update it after the
-  // pageshow event in browsers that support it.
-  if ('onpageshow' in window) {
-    window.addEventListener('pageshow', this.updateCountMessage.bind(this));
-  } else {
-    window.addEventListener('DOMContentLoaded', this.updateCountMessage.bind(this));
+    /** @deprecated Will be made private in v5.0 */
+    this.lastInputValue = '';
+
+    /** @deprecated Will be made private in v5.0 */
+    this.valueChecker = null;
   }
-  this.updateCountMessage();
-};
-
-/**
- * Bind change events
- *
- * Set up event listeners on the $textarea so that the count messages update
- * when the user types.
- */
-CharacterCount.prototype.bindChangeEvents = function () {
-  var $textarea = this.$textarea;
-  $textarea.addEventListener('keyup', this.handleKeyUp.bind(this));
-
-  // Bind focus/blur events to start/stop polling
-  $textarea.addEventListener('focus', this.handleFocus.bind(this));
-  $textarea.addEventListener('blur', this.handleBlur.bind(this));
-};
-
-/**
- * Handle key up event
- *
- * Update the visible character counter and keep track of when the last update
- * happened for each keypress
- */
-CharacterCount.prototype.handleKeyUp = function () {
-  this.updateVisibleCountMessage();
-  this.lastInputTimestamp = Date.now();
-};
-
-/**
- * Handle focus event
- *
- * Speech recognition software such as Dragon NaturallySpeaking will modify the
- * fields by directly changing its `value`. These changes don't trigger events
- * in JavaScript, so we need to poll to handle when and if they occur.
- *
- * Once the keyup event hasn't been detected for at least 1000 ms (1s), check if
- * the textarea value has changed and update the count message if it has.
- *
- * This is so that the update triggered by the manual comparison doesn't
- * conflict with debounced KeyboardEvent updates.
- */
-CharacterCount.prototype.handleFocus = function () {
-  this.valueChecker = setInterval(function () {
-    if (!this.lastInputTimestamp || (Date.now() - 500) >= this.lastInputTimestamp) {
-      this.updateIfValueChanged();
+
+  /**
+   * Initialise component
+   */
+  CharacterCount.prototype.init = function () {
+    // Check that required elements are present
+    if (!this.$module || !this.$textarea) {
+      return
+    }
+
+    var $textarea = this.$textarea;
+    var $textareaDescription = document.getElementById($textarea.id + '-info');
+    if (!$textareaDescription) {
+      return
+    }
+
+    // Inject a description for the textarea if none is present already
+    // for when the component was rendered with no maxlength, maxwords
+    // nor custom textareaDescriptionText
+    if ($textareaDescription.innerText.match(/^\s*$/)) {
+      $textareaDescription.innerText = this.i18n.t('textareaDescription', { count: this.maxLength });
     }
-  }.bind(this), 1000);
-};
-
-/**
- * Handle blur event
- *
- * Stop checking the textarea value once the textarea no longer has focus
- */
-CharacterCount.prototype.handleBlur = function () {
-  // Cancel value checking on blur
-  clearInterval(this.valueChecker);
-};
-
-/**
- * Update count message if textarea value has changed
- */
-CharacterCount.prototype.updateIfValueChanged = function () {
-  if (!this.$textarea.oldValue) this.$textarea.oldValue = '';
-  if (this.$textarea.value !== this.$textarea.oldValue) {
-    this.$textarea.oldValue = this.$textarea.value;
+
+    // Move the textarea description to be immediately after the textarea
+    // Kept for backwards compatibility
+    $textarea.insertAdjacentElement('afterend', $textareaDescription);
+
+    // Create the *screen reader* specific live-updating counter
+    // This doesn't need any styling classes, as it is never visible
+    var $screenReaderCountMessage = document.createElement('div');
+    $screenReaderCountMessage.className = 'govuk-character-count__sr-status govuk-visually-hidden';
+    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderCountMessage = $screenReaderCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $screenReaderCountMessage);
+
+    // Create our live-updating counter element, copying the classes from the
+    // textarea description for backwards compatibility as these may have been
+    // configured
+    var $visibleCountMessage = document.createElement('div');
+    $visibleCountMessage.className = $textareaDescription.className;
+    $visibleCountMessage.classList.add('govuk-character-count__status');
+    $visibleCountMessage.setAttribute('aria-hidden', 'true');
+    this.$visibleCountMessage = $visibleCountMessage;
+    $textareaDescription.insertAdjacentElement('afterend', $visibleCountMessage);
+
+    // Hide the textarea description
+    $textareaDescription.classList.add('govuk-visually-hidden');
+
+    // Remove hard limit if set
+    $textarea.removeAttribute('maxlength');
+
+    this.bindChangeEvents();
+
+    // When the page is restored after navigating 'back' in some browsers the
+    // state of the character count is not restored until *after* the
+    // DOMContentLoaded event is fired, so we need to manually update it after the
+    // pageshow event in browsers that support it.
+    window.addEventListener(
+      'onpageshow' in window ? 'pageshow' : 'DOMContentLoaded',
+      this.updateCountMessage.bind(this)
+    );
+
     this.updateCountMessage();
-  }
-};
-
-/**
- * Update count message
- *
- * Helper function to update both the visible and screen reader-specific
- * counters simultaneously (e.g. on init)
- */
-CharacterCount.prototype.updateCountMessage = function () {
-  this.updateVisibleCountMessage();
-  this.updateScreenReaderCountMessage();
-};
-
-/**
- * Update visible count message
- */
-CharacterCount.prototype.updateVisibleCountMessage = function () {
-  var $textarea = this.$textarea;
-  var $visibleCountMessage = this.$visibleCountMessage;
-  var remainingNumber = this.maxLength - this.count($textarea.value);
-
-  // If input is over the threshold, remove the disabled class which renders the
-  // counter invisible.
-  if (this.isOverThreshold()) {
-    $visibleCountMessage.classList.remove('govuk-character-count__message--disabled');
-  } else {
-    $visibleCountMessage.classList.add('govuk-character-count__message--disabled');
-  }
+  };
 
-  // Update styles
-  if (remainingNumber < 0) {
-    $textarea.classList.add('govuk-textarea--error');
-    $visibleCountMessage.classList.remove('govuk-hint');
-    $visibleCountMessage.classList.add('govuk-error-message');
-  } else {
-    $textarea.classList.remove('govuk-textarea--error');
-    $visibleCountMessage.classList.remove('govuk-error-message');
-    $visibleCountMessage.classList.add('govuk-hint');
-  }
+  /**
+   * Bind change events
+   *
+   * Set up event listeners on the $textarea so that the count messages update
+   * when the user types.
+   *
+   * @deprecated Will be made private in v5.0
+   */
+  CharacterCount.prototype.bindChangeEvents = function () {
+    var $textarea = this.$textarea;
+    $textarea.addEventListener('keyup', this.handleKeyUp.bind(this));
 
-  // Update message
-  $visibleCountMessage.innerText = this.getCountMessage();
-};
-
-/**
- * Update screen reader count message
- */
-CharacterCount.prototype.updateScreenReaderCountMessage = function () {
-  var $screenReaderCountMessage = this.$screenReaderCountMessage;
-
-  // If over the threshold, remove the aria-hidden attribute, allowing screen
-  // readers to announce the content of the element.
-  if (this.isOverThreshold()) {
-    $screenReaderCountMessage.removeAttribute('aria-hidden');
-  } else {
-    $screenReaderCountMessage.setAttribute('aria-hidden', true);
-  }
+    // Bind focus/blur events to start/stop polling
+    $textarea.addEventListener('focus', this.handleFocus.bind(this));
+    $textarea.addEventListener('blur', this.handleBlur.bind(this));
+  };
 
-  // Update message
-  $screenReaderCountMessage.innerText = this.getCountMessage();
-};
-
-/**
- * Count the number of characters (or words, if `config.maxwords` is set)
- * in the given text
- *
- * @param {string} text - The text to count the characters of
- * @returns {number} the number of characters (or words) in the text
- */
-CharacterCount.prototype.count = function (text) {
-  if (this.config.maxwords) {
-    var tokens = text.match(/\S+/g) || []; // Matches consecutive non-whitespace chars
-    return tokens.length
-  } else {
-    return text.length
-  }
-};
-
-/**
- * Get count message
- *
- * @returns {string} Status message
- */
-CharacterCount.prototype.getCountMessage = function () {
-  var remainingNumber = this.maxLength - this.count(this.$textarea.value);
-
-  var countType = this.config.maxwords ? 'words' : 'characters';
-  return this.formatCountMessage(remainingNumber, countType)
-};
-
-/**
- * Formats the message shown to users according to what's counted
- * and how many remain
- *
- * @param {number} remainingNumber - The number of words/characaters remaining
- * @param {string} countType - "words" or "characters"
- * @returns {string} Status message
- */
-CharacterCount.prototype.formatCountMessage = function (remainingNumber, countType) {
-  if (remainingNumber === 0) {
-    return this.i18n.t(countType + 'AtLimit')
-  }
+  /**
+   * Handle key up event
+   *
+   * Update the visible character counter and keep track of when the last update
+   * happened for each keypress
+   *
+   * @deprecated Will be made private in v5.0
+   */
+  CharacterCount.prototype.handleKeyUp = function () {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
+  };
 
-  var translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
-
-  return this.i18n.t(countType + translationKeySuffix, { count: Math.abs(remainingNumber) })
-};
-
-/**
- * Check if count is over threshold
- *
- * Checks whether the value is over the configured threshold for the input.
- * If there is no configured threshold, it is set to 0 and this function will
- * always return true.
- *
- * @returns {boolean} true if the current count is over the config.threshold
- *   (or no threshold is set)
- */
-CharacterCount.prototype.isOverThreshold = function () {
-  // No threshold means we're always above threshold so save some computation
-  if (!this.config.threshold) {
-    return true
-  }
+  /**
+   * Handle focus event
+   *
+   * Speech recognition software such as Dragon NaturallySpeaking will modify the
+   * fields by directly changing its `value`. These changes don't trigger events
+   * in JavaScript, so we need to poll to handle when and if they occur.
+   *
+   * Once the keyup event hasn't been detected for at least 1000 ms (1s), check if
+   * the textarea value has changed and update the count message if it has.
+   *
+   * This is so that the update triggered by the manual comparison doesn't
+   * conflict with debounced KeyboardEvent updates.
+   *
+   * @deprecated Will be made private in v5.0
+   */
+  CharacterCount.prototype.handleFocus = function () {
+    this.valueChecker = setInterval(function () {
+      if (!this.lastInputTimestamp || (Date.now() - 500) >= this.lastInputTimestamp) {
+        this.updateIfValueChanged();
+      }
+    }.bind(this), 1000);
+  };
+
+  /**
+   * Handle blur event
+   *
+   * Stop checking the textarea value once the textarea no longer has focus
+   *
+   * @deprecated Will be made private in v5.0
+   */
+  CharacterCount.prototype.handleBlur = function () {
+    // Cancel value checking on blur
+    clearInterval(this.valueChecker);
+  };
+
+  /**
+   * Update count message if textarea value has changed
+   *
+   * @deprecated Will be made private in v5.0
+   */
+  CharacterCount.prototype.updateIfValueChanged = function () {
+    if (this.$textarea.value !== this.lastInputValue) {
+      this.lastInputValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  };
+
+  /**
+   * Update count message
+   *
+   * Helper function to update both the visible and screen reader-specific
+   * counters simultaneously (e.g. on init)
+   *
+   * @deprecated Will be made private in v5.0
+   */
+  CharacterCount.prototype.updateCountMessage = function () {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  };
+
+  /**
+   * Update visible count message
+   *
+   * @deprecated Will be made private in v5.0
+   */
+  CharacterCount.prototype.updateVisibleCountMessage = function () {
+    var $textarea = this.$textarea;
+    var $visibleCountMessage = this.$visibleCountMessage;
+    var remainingNumber = this.maxLength - this.count($textarea.value);
+
+    // If input is over the threshold, remove the disabled class which renders the
+    // counter invisible.
+    if (this.isOverThreshold()) {
+      $visibleCountMessage.classList.remove('govuk-character-count__message--disabled');
+    } else {
+      $visibleCountMessage.classList.add('govuk-character-count__message--disabled');
+    }
+
+    // Update styles
+    if (remainingNumber < 0) {
+      $textarea.classList.add('govuk-textarea--error');
+      $visibleCountMessage.classList.remove('govuk-hint');
+      $visibleCountMessage.classList.add('govuk-error-message');
+    } else {
+      $textarea.classList.remove('govuk-textarea--error');
+      $visibleCountMessage.classList.remove('govuk-error-message');
+      $visibleCountMessage.classList.add('govuk-hint');
+    }
+
+    // Update message
+    $visibleCountMessage.innerText = this.getCountMessage();
+  };
+
+  /**
+   * Update screen reader count message
+   *
+   * @deprecated Will be made private in v5.0
+   */
+  CharacterCount.prototype.updateScreenReaderCountMessage = function () {
+    var $screenReaderCountMessage = this.$screenReaderCountMessage;
+
+    // If over the threshold, remove the aria-hidden attribute, allowing screen
+    // readers to announce the content of the element.
+    if (this.isOverThreshold()) {
+      $screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      $screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+    }
+
+    // Update message
+    $screenReaderCountMessage.innerText = this.getCountMessage();
+  };
+
+  /**
+   * Count the number of characters (or words, if `config.maxwords` is set)
+   * in the given text
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {string} text - The text to count the characters of
+   * @returns {number} the number of characters (or words) in the text
+   */
+  CharacterCount.prototype.count = function (text) {
+    if ('maxwords' in this.config && this.config.maxwords) {
+      var tokens = text.match(/\S+/g) || []; // Matches consecutive non-whitespace chars
+      return tokens.length
+    } else {
+      return text.length
+    }
+  };
+
+  /**
+   * Get count message
+   *
+   * @deprecated Will be made private in v5.0
+   * @returns {string} Status message
+   */
+  CharacterCount.prototype.getCountMessage = function () {
+    var remainingNumber = this.maxLength - this.count(this.$textarea.value);
+
+    var countType = 'maxwords' in this.config && this.config.maxwords ? 'words' : 'characters';
+    return this.formatCountMessage(remainingNumber, countType)
+  };
+
+  /**
+   * Formats the message shown to users according to what's counted
+   * and how many remain
+   *
+   * @deprecated Will be made private in v5.0
+   * @param {number} remainingNumber - The number of words/characaters remaining
+   * @param {string} countType - "words" or "characters"
+   * @returns {string} Status message
+   */
+  CharacterCount.prototype.formatCountMessage = function (remainingNumber, countType) {
+    if (remainingNumber === 0) {
+      return this.i18n.t(countType + 'AtLimit')
+    }
+
+    var translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+
+    return this.i18n.t(countType + translationKeySuffix, { count: Math.abs(remainingNumber) })
+  };
+
+  /**
+   * Check if count is over threshold
+   *
+   * Checks whether the value is over the configured threshold for the input.
+   * If there is no configured threshold, it is set to 0 and this function will
+   * always return true.
+   *
+   * @deprecated Will be made private in v5.0
+   * @returns {boolean} true if the current count is over the config.threshold
+   *   (or no threshold is set)
+   */
+  CharacterCount.prototype.isOverThreshold = function () {
+    // No threshold means we're always above threshold so save some computation
+    if (!this.config.threshold) {
+      return true
+    }
+
+    var $textarea = this.$textarea;
+
+    // Determine the remaining number of characters/words
+    var currentLength = this.count($textarea.value);
+    var maxLength = this.maxLength;
+
+    var thresholdValue = maxLength * this.config.threshold / 100;
+
+    return (thresholdValue <= currentLength)
+  };
+
+  /**
+   * Character count config
+   *
+   * @typedef {CharacterCountConfigWithMaxLength | CharacterCountConfigWithMaxWords} CharacterCountConfig
+   */
+
+  /**
+   * Character count config (with maximum number of characters)
+   *
+   * @typedef {object} CharacterCountConfigWithMaxLength
+   * @property {number} [maxlength] - The maximum number of characters.
+   *   If maxwords is provided, the maxlength option will be ignored.
+   * @property {number} [threshold = 0] - The percentage value of the limit at
+   *   which point the count message is displayed. If this attribute is set, the
+   *   count message will be hidden by default.
+   * @property {CharacterCountTranslations} [i18n = CHARACTER_COUNT_TRANSLATIONS] - See constant {@link CHARACTER_COUNT_TRANSLATIONS}
+   */
+
+  /**
+   * Character count config (with maximum number of words)
+   *
+   * @typedef {object} CharacterCountConfigWithMaxWords
+   * @property {number} [maxwords] - The maximum number of words. If maxwords is
+   *   provided, the maxlength option will be ignored.
+   * @property {number} [threshold = 0] - The percentage value of the limit at
+   *   which point the count message is displayed. If this attribute is set, the
+   *   count message will be hidden by default.
+   * @property {CharacterCountTranslations} [i18n = CHARACTER_COUNT_TRANSLATIONS] - See constant {@link CHARACTER_COUNT_TRANSLATIONS}
+   */
+
+  /**
+   * Character count translations
+   *
+   * @typedef {object} CharacterCountTranslations
+   *
+   * Messages shown to users as they type. It provides feedback on how many words
+   * or characters they have remaining or if they are over the limit. This also
+   * includes a message used as an accessible description for the textarea.
+   * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
+   *   when the number of characters is under the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [charactersAtLimit] - Message displayed when the number of
+   *   characters reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
+   *   when the number of characters is over the configured maximum, `maxlength`.
+   *   This message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining characters. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
+   *   the number of words is under the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {string} [wordsAtLimit] - Message displayed when the number of
+   *   words reaches the configured maximum, `maxlength`. This message is
+   *   displayed visually and through assistive technologies.
+   * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
+   *   the number of words is over the configured maximum, `maxlength`. This
+   *   message is displayed visually and through assistive technologies. The
+   *   component will replace the `%{count}` placeholder with the number of
+   *   remaining words. This is a [pluralised list of
+   *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
+   * @property {TranslationPluralForms} [textareaDescription] - Message made
+   *   available to assistive technologies, if none is already present in the
+   *   HTML, to describe that the component accepts only a limited amount of
+   *   content. It is visible on the page when JavaScript is unavailable. The
+   *   component will replace the `%{count}` placeholder with the value of the
+   *   `maxlength` or `maxwords` parameter.
+   */
+
+  /**
+   * @typedef {import('../../i18n.mjs').TranslationPluralForms} TranslationPluralForms
+   */
 
-  var $textarea = this.$textarea;
-
-  // Determine the remaining number of characters/words
-  var currentLength = this.count($textarea.value);
-  var maxLength = this.maxLength;
-
-  var thresholdValue = maxLength * this.config.threshold / 100;
-
-  return (thresholdValue <= currentLength)
-};
-
-/**
- * Character count config
- *
- * @typedef {CharacterCountConfigWithMaxLength | CharacterCountConfigWithMaxWords} CharacterCountConfig
- */
-
-/**
- * Character count config (with maximum number of characters)
- *
- * @typedef {object} CharacterCountConfigWithMaxLength
- * @property {number} [maxlength] - The maximum number of characters.
- *  If maxwords is provided, the maxlength option will be ignored.
- * @property {number} [threshold = 0] - The percentage value of the limit at
- *  which point the count message is displayed. If this attribute is set, the
- *  count message will be hidden by default.
- * @property {CharacterCountTranslations} [i18n = CHARACTER_COUNT_TRANSLATIONS] - See constant {@link CHARACTER_COUNT_TRANSLATIONS}
- */
-
-/**
- * Character count config (with maximum number of words)
- *
- * @typedef {object} CharacterCountConfigWithMaxWords
- * @property {number} [maxwords] - The maximum number of words. If maxwords is
- *  provided, the maxlength option will be ignored.
- * @property {number} [threshold = 0] - The percentage value of the limit at
- *  which point the count message is displayed. If this attribute is set, the
- *  count message will be hidden by default.
- * @property {CharacterCountTranslations} [i18n = CHARACTER_COUNT_TRANSLATIONS] - See constant {@link CHARACTER_COUNT_TRANSLATIONS}
- */
-
-/**
- * Character count translations
- *
- * @typedef {object} CharacterCountTranslations
- *
- * Messages shown to users as they type. It provides feedback on how many words
- * or characters they have remaining or if they are over the limit. This also
- * includes a message used as an accessible description for the textarea.
- * @property {TranslationPluralForms} [charactersUnderLimit] - Message displayed
- *   when the number of characters is under the configured maximum, `maxlength`.
- *   This message is displayed visually and through assistive technologies. The
- *   component will replace the `%{count}` placeholder with the number of
- *   remaining characters. This is a [pluralised list of
- *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
- * @property {string} [charactersAtLimit] - Message displayed when the number of
- *   characters reaches the configured maximum, `maxlength`. This message is
- *   displayed visually and through assistive technologies.
- * @property {TranslationPluralForms} [charactersOverLimit] - Message displayed
- *   when the number of characters is over the configured maximum, `maxlength`.
- *   This message is displayed visually and through assistive technologies. The
- *   component will replace the `%{count}` placeholder with the number of
- *   remaining characters. This is a [pluralised list of
- *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
- * @property {TranslationPluralForms} [wordsUnderLimit] - Message displayed when
- *   the number of words is under the configured maximum, `maxlength`. This
- *   message is displayed visually and through assistive technologies. The
- *   component will replace the `%{count}` placeholder with the number of
- *   remaining words. This is a [pluralised list of
- *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
- * @property {string} [wordsAtLimit] - Message displayed when the number of
- *   words reaches the configured maximum, `maxlength`. This message is
- *   displayed visually and through assistive technologies.
- * @property {TranslationPluralForms} [wordsOverLimit] - Message displayed when
- *   the number of words is over the configured maximum, `maxlength`. This
- *   message is displayed visually and through assistive technologies. The
- *   component will replace the `%{count}` placeholder with the number of
- *   remaining words. This is a [pluralised list of
- *   messages](https://frontend.design-system.service.gov.uk/localise-govuk-frontend).
- * @property {TranslationPluralForms} [textareaDescription] - Message made
- *   available to assistive technologies, if none is already present in the
- *   HTML, to describe that the component accepts only a limited amount of
- *   content. It is visible on the page when JavaScript is unavailable. The
- *   component will replace the `%{count}` placeholder with the value of the
- *   `maxlength` or `maxwords` parameter.
- */
-
-/**
- * @typedef {import('../../i18n.mjs').TranslationPluralForms} TranslationPluralForms
- */
-
-return CharacterCount;
+  return CharacterCount;
 
 })));
+//# sourceMappingURL=character-count.js.map