katalyst-govuk-formbuilder 1.5.0 → 1.6.0

data/app/assets/builds/katalyst/govuk/formbuilder.js

@@ -1,279 +1,82 @@
-function nodeListForEach(nodes, callback) {
-  if (window.NodeList.prototype.forEach) {
-    return nodes.forEach(callback);
-  }
-  for (var i = 0; i < nodes.length; i++) {
-    callback.call(window, nodes[i], i, nodes);
-  }
-}
-
-function mergeConfigs() {
-  var flattenObject = function(configObject) {
-    var flattenedObject = {};
-    var flattenLoop = function(obj, prefix) {
-      for (var key in obj) {
-        if (!Object.prototype.hasOwnProperty.call(obj, key)) {
-          continue;
-        }
-        var value = obj[key];
-        var prefixedKey = prefix ? prefix + "." + key : key;
-        if (typeof value === "object") {
+function mergeConfigs(...configObjects) {
+  function flattenObject(configObject) {
+    const flattenedObject = {};
+    function flattenLoop(obj, prefix) {
+      for (const [key, value] of Object.entries(obj)) {
+        const prefixedKey = prefix ? `${prefix}.${key}` : key;
+        if (value && typeof value === 'object') {
           flattenLoop(value, prefixedKey);
         } else {
           flattenedObject[prefixedKey] = value;
         }
       }
-    };
+    }
     flattenLoop(configObject);
     return flattenedObject;
-  };
-  var formattedConfigObject = {};
-  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];
-      }
+  }
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    const obj = flattenObject(configObject);
+    for (const [key, value] of Object.entries(obj)) {
+      formattedConfigObject[key] = value;
     }
   }
   return formattedConfigObject;
 }
-
 function extractConfigByNamespace(configObject, namespace) {
-  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) {
-    var keyParts = key.split(".");
-    if (Object.prototype.hasOwnProperty.call(configObject, key) && keyParts[0] === namespace) {
+  const newObject = {};
+  for (const [key, value] of Object.entries(configObject)) {
+    const keyParts = key.split('.');
+    if (keyParts[0] === namespace) {
       if (keyParts.length > 1) {
         keyParts.shift();
       }
-      var newKey = keyParts.join(".");
-      newObject[newKey] = configObject[key];
+      const newKey = keyParts.join('.');
+      newObject[newKey] = value;
     }
   }
   return newObject;
 }
-
-(function(undefined$1) {
-  var detect = "defineProperty" in Object && function() {
-    try {
-      var a = {};
-      Object.defineProperty(a, "test", {
-        value: 42
-      });
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }();
-  if (detect) return;
-  (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) {
-      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;
-      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;
-      }
-      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);
-      }
-      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$1) {
-  var detect = "Document" in this;
-  if (detect) return;
-  if (typeof WorkerGlobalScope === "undefined" && typeof importScripts !== "function") {
-    if (this.HTMLDocument) {
-      this.Document = this.HTMLDocument;
-    } else {
-      this.Document = this.HTMLDocument = document.constructor = new Function("return function Document() {}")();
-      this.Document.prototype = document;
-    }
+function getFragmentFromUrl(url) {
+  if (!url.includes('#')) {
+    return undefined;
   }
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
-
-(function(undefined$1) {
-  var detect = "Element" in this && "HTMLElement" in this;
-  if (detect) return;
-  (function() {
-    if (window.Element && !window.HTMLElement) {
-      window.HTMLElement = window.Element;
-      return;
-    }
-    window.Element = window.HTMLElement = new Function("return function Element() {}")();
-    var vbody = document.appendChild(document.createElement("body"));
-    var frame = vbody.appendChild(document.createElement("iframe"));
-    var frameDocument = frame.contentWindow.document;
-    var prototype = Element.prototype = frameDocument.appendChild(frameDocument.createElement("*"));
-    var cache = {};
-    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) {
-      prototype.hasAttribute = function hasAttribute(name) {
-        return this.getAttribute(name) !== null;
-      };
-    }
-    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 url.split('#').pop();
+}
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function validateConfig(schema, config) {
+  const validationErrors = [];
+  for (const [name, conditions] of Object.entries(schema)) {
+    const errors = [];
+    for (const {
+      required,
+      errorMessage
+    } of conditions) {
+      if (!required.every(key => !!config[key])) {
+        errors.push(errorMessage);
       }
-      return false;
-    }
-    if (!bodyCheck()) {
-      document.onreadystatechange = bodyCheck;
-      interval = setInterval(bodyCheck, 25);
-    }
-    document.createElement = function createElement(nodeName) {
-      var element = nativeCreateElement(String(nodeName).toLowerCase());
-      return shiv(element);
-    };
-    document.removeChild(vbody);
-  })();
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
-
-(function(undefined$1) {
-  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;
-  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];
-        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 ("__defineGetter__" in Object.prototype && "__defineSetter__" in Object.prototype) {
-            Object.defineProperty(map, propName, {
-              enumerable: true,
-              get: function() {
-                return this.value;
-              }.bind({
-                value: value || ""
-              }),
-              set: function setter(name, value) {
-                if (typeof value !== "undefined") {
-                  this.setAttribute(name, value);
-                } else {
-                  this.removeAttribute(name);
-                }
-              }.bind(element, name)
-            });
-          } else {
-            map[propName] = value;
-          }
-        }
-      }
-      return map;
+    if (name === 'anyOf' && !(conditions.length - errors.length >= 1)) {
+      validationErrors.push(...errors);
     }
-  });
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
-
-(function(undefined$1) {
-  var detect = "trim" in String.prototype;
-  if (detect) return;
-  String.prototype.trim = function() {
-    return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, "");
-  };
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
+  }
+  return validationErrors;
+}
 
 function normaliseString(value) {
-  if (typeof value !== "string") {
+  if (typeof value !== 'string') {
     return value;
   }
-  var trimmedValue = value.trim();
-  if (trimmedValue === "true") {
+  const trimmedValue = value.trim();
+  if (trimmedValue === 'true') {
     return true;
   }
-  if (trimmedValue === "false") {
+  if (trimmedValue === 'false') {
     return false;
   }
   if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
@@ -281,1280 +84,1963 @@ function normaliseString(value) {
   }
   return value;
 }
-
 function normaliseDataset(dataset) {
-  var out = {};
-  for (var key in dataset) {
-    out[key] = normaliseString(dataset[key]);
+  const out = {};
+  for (const [key, value] of Object.entries(dataset)) {
+    out[key] = normaliseString(value);
   }
   return out;
 }
 
-(function(undefined$1) {
-  var detect = "Window" in this;
-  if (detect) return;
-  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);
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
   }
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
-
-(function(undefined$1) {
-  var detect = function(global) {
-    if (!("Event" in global)) return false;
-    if (typeof global.Event === "function") return true;
-    try {
-      new Event("click");
-      return true;
-    } catch (e) {
-      return false;
-    }
-  }(this);
-  if (detect) return;
-  (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
-    };
-    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;
-      if ("createEvent" in document) {
-        event = document.createEvent("Event");
-        var bubbles = eventInitDict && eventInitDict.bubbles !== undefined$1 ? eventInitDict.bubbles : false;
-        var cancelable = eventInitDict && eventInitDict.cancelable !== undefined$1 ? eventInitDict.cancelable : false;
-        event.initEvent(type, bubbles, cancelable);
-        return event;
-      }
-      event = document.createEventObject();
-      event.type = type;
-      event.bubbles = eventInitDict && eventInitDict.bubbles !== undefined$1 ? eventInitDict.bubbles : false;
-      event.cancelable = eventInitDict && eventInitDict.cancelable !== undefined$1 ? 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;
-      };
-      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$1) {
-  var detect = "bind" in Function.prototype;
-  if (detect) return;
-  Object.defineProperty(Function.prototype, "bind", {
-    value: function bind(that) {
-      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;
-      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;
-      var target = this;
-      if (!isCallable(target)) {
-        throw new TypeError("Function.prototype.bind called on incompatible " + target);
-      }
-      var args = array_slice.call(arguments, 1);
-      var bound;
-      var binder = function() {
-        if (this instanceof bound) {
-          var result = target.apply(this, array_concat.call(args, array_slice.call(arguments)));
-          if ($Object(result) === result) {
-            return result;
-          }
-          return this;
-        } else {
-          return target.apply(that, array_concat.call(args, array_slice.call(arguments)));
-        }
-      };
-      var boundLength = max(0, target.length - args.length);
-      var boundArgs = [];
-      for (var i = 0; i < boundLength; i++) {
-        array_push.call(boundArgs, "$" + i);
-      }
-      bound = Function("binder", "return function (" + boundArgs.join(",") + "){ return binder.apply(this, arguments); }")(binder);
-      if (target.prototype) {
-        Empty.prototype = target.prototype;
-        bound.prototype = new Empty;
-        Empty.prototype = null;
-      }
-      return bound;
-    }
-  });
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
-
-var KEY_SPACE = 32;
-
-var DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
-
-function Button($module, config) {
-  if (!($module instanceof HTMLElement)) {
-    return this;
-  }
-  this.$module = $module;
-  this.debounceFormSubmitTimer = null;
-  var defaultConfig = {
-    preventDoubleClick: false
-  };
-  this.config = mergeConfigs(defaultConfig, config || {}, normaliseDataset($module.dataset));
 }
-
-Button.prototype.init = function() {
-  if (!this.$module) {
-    return;
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
   }
-  this.$module.addEventListener("keydown", this.handleKeyDown);
-  this.$module.addEventListener("click", this.debounce.bind(this));
-};
-
-Button.prototype.handleKeyDown = function(event) {
-  var $target = event.target;
-  if (event.keyCode !== KEY_SPACE) {
-    return;
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
   }
-  if ($target instanceof HTMLElement && $target.getAttribute("role") === "button") {
-    event.preventDefault();
-    $target.click();
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (typeof messageOrOptions === 'object') {
+      const {
+        componentName,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = `${componentName}: ${identifier}`;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+    }
+    super(message);
+    this.name = 'ElementError';
   }
-};
+}
 
-Button.prototype.debounce = function(event) {
-  if (!this.config.preventDoubleClick) {
-    return;
+class GOVUKFrontendComponent {
+  constructor() {
+    this.checkSupport();
   }
-  if (this.debounceFormSubmitTimer) {
-    event.preventDefault();
-    return false;
+  checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
   }
-  this.debounceFormSubmitTimer = setTimeout(function() {
-    this.debounceFormSubmitTimer = null;
-  }.bind(this), DEBOUNCE_TIMEOUT_IN_SECONDS * 1e3);
-};
-
-(function(undefined$1) {
-  var detect = "document" in this && "matches" in document.documentElement;
-  if (detect) return;
-  Element.prototype.matches = Element.prototype.webkitMatchesSelector || Element.prototype.oMatchesSelector || Element.prototype.msMatchesSelector || Element.prototype.mozMatchesSelector || function matches(selector) {
-    var element = this;
-    var elements = (element.document || element.ownerDocument).querySelectorAll(selector);
-    var index = 0;
-    while (elements[index] && elements[index] !== element) {
-      ++index;
-    }
-    return !!elements[index];
-  };
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
-
-(function(undefined$1) {
-  var detect = "document" in this && "closest" in document.documentElement;
-  if (detect) return;
-  Element.prototype.closest = function closest(selector) {
-    var node = this;
-    while (node) {
-      if (node.matches(selector)) return node; else node = "SVGElement" in window && node instanceof SVGElement ? node.parentNode : node.parentElement;
-    }
-    return null;
-  };
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
-
-function closestAttributeValue($element, attributeName) {
-  var $closestElementWithAttribute = $element.closest("[" + attributeName + "]");
-  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
 }
 
-function I18n(translations, config) {
-  this.translations = translations || {};
-  this.locale = config && config.locale || document.documentElement.lang || "en";
-}
-
-I18n.prototype.t = function(lookupKey, options) {
-  if (!lookupKey) {
-    throw new Error("i18n: lookup key missing");
-  }
-  if (options && typeof options.count === "number") {
-    lookupKey = lookupKey + "." + this.getPluralSuffix(lookupKey, options.count);
-  }
-  var translationString = this.translations[lookupKey];
-  if (typeof translationString === "string") {
-    if (translationString.match(/%{(.\S+)}/)) {
-      if (!options) {
-        throw new Error("i18n: cannot replace placeholders in string if no option data provided");
+class I18n {
+  constructor(translations = {}, config = {}) {
+    var _config$locale;
+    this.translations = void 0;
+    this.locale = void 0;
+    this.translations = translations;
+    this.locale = (_config$locale = config.locale) != null ? _config$locale : document.documentElement.lang || 'en';
+  }
+  t(lookupKey, options) {
+    if (!lookupKey) {
+      throw new Error('i18n: lookup key missing');
+    }
+    if (typeof (options == null ? void 0 : options.count) === 'number') {
+      lookupKey = `${lookupKey}.${this.getPluralSuffix(lookupKey, options.count)}`;
+    }
+    const translationString = this.translations[lookupKey];
+    if (typeof translationString === '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);
       }
-      return this.replacePlaceholders(translationString, options);
-    } else {
       return translationString;
     }
-  } else {
     return lookupKey;
   }
-};
-
-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 (placeholderValue === false || typeof placeholderValue !== "number" && typeof placeholderValue !== "string") {
-        return "";
-      }
-      if (typeof placeholderValue === "number") {
-        return formatter ? formatter.format(placeholderValue) : placeholderValue.toString();
+  replacePlaceholders(translationString, options) {
+    const formatter = Intl.NumberFormat.supportedLocalesOf(this.locale).length ? new Intl.NumberFormat(this.locale) : undefined;
+    return translationString.replace(/%{(.\S+)}/g, function (placeholderWithBraces, placeholderKey) {
+      if (Object.prototype.hasOwnProperty.call(options, placeholderKey)) {
+        const placeholderValue = options[placeholderKey];
+        if (placeholderValue === false || typeof placeholderValue !== 'number' && typeof placeholderValue !== 'string') {
+          return '';
+        }
+        if (typeof placeholderValue === 'number') {
+          return formatter ? formatter.format(placeholderValue) : `${placeholderValue}`;
+        }
+        return placeholderValue;
       }
-      return placeholderValue;
-    } else {
-      throw new Error("i18n: no data found to replace " + placeholderWithBraces + " placeholder in string");
-    }
-  }));
-};
-
-I18n.prototype.hasIntlPluralRulesSupport = function() {
-  return Boolean(window.Intl && ("PluralRules" in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length));
-};
-
-I18n.prototype.hasIntlNumberFormatSupport = function() {
-  return Boolean(window.Intl && ("NumberFormat" in window.Intl && Intl.NumberFormat.supportedLocalesOf(this.locale).length));
-};
-
-I18n.prototype.getPluralSuffix = function(lookupKey, count) {
-  count = Number(count);
-  if (!isFinite(count)) {
-    return "other";
-  }
-  var preferredForm;
-  if (this.hasIntlPluralRulesSupport()) {
-    preferredForm = new Intl.PluralRules(this.locale).select(count);
-  } else {
-    preferredForm = this.selectPluralFormUsingFallbackRules(count);
-  }
-  if (lookupKey + "." + preferredForm in this.translations) {
-    return preferredForm;
-  } 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".');
-    }
-    return "other";
-  } else {
-    throw new Error('i18n: Plural form ".other" is required for "' + this.locale + '" locale');
+      throw new Error(`i18n: no data found to replace ${placeholderWithBraces} placeholder in string`);
+    });
   }
-};
-
-I18n.prototype.selectPluralFormUsingFallbackRules = function(count) {
-  count = Math.abs(Math.floor(count));
-  var ruleset = this.getPluralRulesForLocale();
-  if (ruleset) {
-    return I18n.pluralRules[ruleset](count);
+  hasIntlPluralRulesSupport() {
+    return Boolean('PluralRules' in window.Intl && Intl.PluralRules.supportedLocalesOf(this.locale).length);
   }
-  return "other";
-};
-
-I18n.prototype.getPluralRulesForLocale = function() {
-  var locale = this.locale;
-  var localeShort = locale.split("-")[0];
-  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;
-        }
+  getPluralSuffix(lookupKey, count) {
+    count = Number(count);
+    if (!isFinite(count)) {
+      return 'other';
+    }
+    const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : this.selectPluralFormUsingFallbackRules(count);
+    if (`${lookupKey}.${preferredForm}` in this.translations) {
+      return preferredForm;
+    } else if (`${lookupKey}.other` in this.translations) {
+      console.warn(`i18n: Missing plural form ".${preferredForm}" for "${this.locale}" locale. Falling back to ".other".`);
+      return 'other';
+    }
+    throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
+  }
+  selectPluralFormUsingFallbackRules(count) {
+    count = Math.abs(Math.floor(count));
+    const ruleset = this.getPluralRulesForLocale();
+    if (ruleset) {
+      return I18n.pluralRules[ruleset](count);
+    }
+    return 'other';
+  }
+  getPluralRulesForLocale() {
+    const localeShort = this.locale.split('-')[0];
+    for (const pluralRule in I18n.pluralRulesMap) {
+      const languages = I18n.pluralRulesMap[pluralRule];
+      if (languages.includes(this.locale) || languages.includes(localeShort)) {
+        return pluralRule;
       }
     }
   }
-};
-
+}
 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" ]
+  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']
 };
-
 I18n.pluralRules = {
-  arabic: function(n) {
+  arabic(n) {
     if (n === 0) {
-      return "zero";
+      return 'zero';
     }
     if (n === 1) {
-      return "one";
+      return 'one';
     }
     if (n === 2) {
-      return "two";
+      return 'two';
     }
     if (n % 100 >= 3 && n % 100 <= 10) {
-      return "few";
+      return 'few';
     }
     if (n % 100 >= 11 && n % 100 <= 99) {
-      return "many";
+      return 'many';
     }
-    return "other";
+    return 'other';
   },
-  chinese: function() {
-    return "other";
+  chinese() {
+    return 'other';
   },
-  french: function(n) {
-    return n === 0 || n === 1 ? "one" : "other";
+  french(n) {
+    return n === 0 || n === 1 ? 'one' : 'other';
   },
-  german: function(n) {
-    return n === 1 ? "one" : "other";
+  german(n) {
+    return n === 1 ? 'one' : 'other';
   },
-  irish: function(n) {
+  irish(n) {
     if (n === 1) {
-      return "one";
+      return 'one';
     }
     if (n === 2) {
-      return "two";
+      return 'two';
     }
     if (n >= 3 && n <= 6) {
-      return "few";
+      return 'few';
     }
     if (n >= 7 && n <= 10) {
-      return "many";
+      return 'many';
     }
-    return "other";
+    return 'other';
   },
-  russian: function(n) {
-    var lastTwo = n % 100;
-    var last = lastTwo % 10;
+  russian(n) {
+    const lastTwo = n % 100;
+    const last = lastTwo % 10;
     if (last === 1 && lastTwo !== 11) {
-      return "one";
+      return 'one';
     }
     if (last >= 2 && last <= 4 && !(lastTwo >= 12 && lastTwo <= 14)) {
-      return "few";
+      return 'few';
     }
     if (last === 0 || last >= 5 && last <= 9 || lastTwo >= 11 && lastTwo <= 14) {
-      return "many";
+      return 'many';
     }
-    return "other";
+    return 'other';
   },
-  scottish: function(n) {
+  scottish(n) {
     if (n === 1 || n === 11) {
-      return "one";
+      return 'one';
     }
     if (n === 2 || n === 12) {
-      return "two";
+      return 'two';
     }
     if (n >= 3 && n <= 10 || n >= 13 && n <= 19) {
-      return "few";
+      return 'few';
     }
-    return "other";
+    return 'other';
   },
-  spanish: function(n) {
+  spanish(n) {
     if (n === 1) {
-      return "one";
+      return 'one';
     }
-    if (n % 1e6 === 0 && n !== 0) {
-      return "many";
+    if (n % 1000000 === 0 && n !== 0) {
+      return 'many';
     }
-    return "other";
+    return 'other';
   },
-  welsh: function(n) {
+  welsh(n) {
     if (n === 0) {
-      return "zero";
+      return 'zero';
     }
     if (n === 1) {
-      return "one";
+      return 'one';
     }
     if (n === 2) {
-      return "two";
+      return 'two';
     }
     if (n === 3) {
-      return "few";
+      return 'few';
     }
     if (n === 6) {
-      return "many";
+      return 'many';
     }
-    return "other";
+    return 'other';
   }
 };
 
-(function(undefined$1) {
-  var detect = "Date" in self && "now" in self.Date && "getTime" in self.Date.prototype;
-  if (detect) return;
-  Date.now = function() {
-    return (new Date).getTime();
-  };
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
-
-(function(undefined$1) {
-  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;
-  (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() {
-        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);
-        };
-        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() {
-            if (length >= maxLength) for (;maxLength < length; ++maxLength) {
-              addIndexGetter(maxLength);
-            }
-          };
-          var preop = function() {
-            var error;
-            var i;
-            var args = arguments;
-            var rSpace = /\s+/;
-            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 (typeof el[prop] === "object") {
-              tokens = ("" + el[prop].baseVal).replace(/^\s+|\s+$/g, "").split(rSpace);
-            } else {
-              tokens = ("" + el[prop]).replace(/^\s+|\s+$/g, "").split(rSpace);
-            }
-            if ("" === tokens[0]) tokens = [];
-            tokenMap = {};
-            for (i = 0; i < tokens.length; ++i) tokenMap[tokens[i]] = true;
-            length = tokens.length;
-            reindex();
-          };
-          preop();
-          defineGetter(that, "length", (function() {
-            preop();
-            return length;
-          }));
-          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;
-              }
-            }
-            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);
-            for (var args, ignore = {}, i = 0, t = []; i < args.length; ++i) {
-              ignore[args[i]] = true;
-              delete tokenMap[args[i]];
-            }
-            for (i = 0; i < tokens.length; ++i) if (!ignore[tokens[i]]) t.push(tokens[i]);
-            tokens = t;
-            length = t.length >>> 0;
-            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 ]);
-            if (undefined$1 !== force) {
-              if (force) {
-                that.add(token);
-                return true;
-              } else {
-                that.remove(token);
-                return false;
-              }
-            }
-            if (tokenMap[token]) {
-              that.remove(token);
-              return false;
-            }
-            that.add(token);
-            return true;
-          };
-          return that;
-        };
-        return _DOMTokenList;
-      }();
-    }
-    (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) {
-        var force = arguments[1];
-        if (force === undefined$1) {
-          var add = !this.contains(token);
-          this[add ? "add" : "remove"](token);
-          return add;
-        }
-        force = !!force;
-        this[force ? "add" : "remove"](token);
-        return force;
-      };
-    })();
-    (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]);
+/**
+ * Accordion component
+ *
+ * This allows a collection of sections to be collapsed by default, showing only
+ * their headers. Sections can be expanded or collapsed individually by clicking
+ * their headers. A "Show all sections" button is also added to the top of the
+ * accordion, which switches to "Hide all sections" when all the sections are
+ * expanded.
+ *
+ * The state of each section is saved to the DOM via the `aria-expanded`
+ * attribute, which also provides accessibility.
+ *
+ * @preserve
+ */
+class Accordion extends GOVUKFrontendComponent {
+  /**
+   * @param {Element | null} $module - HTML element to use for accordion
+   * @param {AccordionConfig} [config] - Accordion config
+   */
+  constructor($module, config = {}) {
+    super();
+    this.$module = void 0;
+    this.config = void 0;
+    this.i18n = void 0;
+    this.controlsClass = 'govuk-accordion__controls';
+    this.showAllClass = 'govuk-accordion__show-all';
+    this.showAllTextClass = 'govuk-accordion__show-all-text';
+    this.sectionClass = 'govuk-accordion__section';
+    this.sectionExpandedClass = 'govuk-accordion__section--expanded';
+    this.sectionButtonClass = 'govuk-accordion__section-button';
+    this.sectionHeaderClass = 'govuk-accordion__section-header';
+    this.sectionHeadingClass = 'govuk-accordion__section-heading';
+    this.sectionHeadingDividerClass = 'govuk-accordion__section-heading-divider';
+    this.sectionHeadingTextClass = 'govuk-accordion__section-heading-text';
+    this.sectionHeadingTextFocusClass = 'govuk-accordion__section-heading-text-focus';
+    this.sectionShowHideToggleClass = 'govuk-accordion__section-toggle';
+    this.sectionShowHideToggleFocusClass = 'govuk-accordion__section-toggle-focus';
+    this.sectionShowHideTextClass = 'govuk-accordion__section-toggle-text';
+    this.upChevronIconClass = 'govuk-accordion-nav__chevron';
+    this.downChevronIconClass = 'govuk-accordion-nav__chevron--down';
+    this.sectionSummaryClass = 'govuk-accordion__section-summary';
+    this.sectionSummaryFocusClass = 'govuk-accordion__section-summary-focus';
+    this.sectionContentClass = 'govuk-accordion__section-content';
+    this.$sections = void 0;
+    this.browserSupportsSessionStorage = false;
+    this.$showAllButton = null;
+    this.$showAllIcon = null;
+    this.$showAllText = null;
+    if (!($module instanceof HTMLElement)) {
+      throw new ElementError({
+        componentName: 'Accordion',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    this.$module = $module;
+    this.config = mergeConfigs(Accordion.defaults, config, normaliseDataset($module.dataset));
+    this.i18n = new I18n(extractConfigByNamespace(this.config, 'i18n'));
+    const $sections = this.$module.querySelectorAll(`.${this.sectionClass}`);
+    if (!$sections.length) {
+      throw new ElementError({
+        componentName: 'Accordion',
+        identifier: `Sections (\`<div class="${this.sectionClass}">\`)`
+      });
+    }
+    this.$sections = $sections;
+    this.browserSupportsSessionStorage = helper.checkForSessionStorage();
+    this.initControls();
+    this.initSectionHeaders();
+    const areAllSectionsOpen = this.checkIfAllSectionsOpen();
+    this.updateShowAllButton(areAllSectionsOpen);
+  }
+  initControls() {
+    this.$showAllButton = document.createElement('button');
+    this.$showAllButton.setAttribute('type', 'button');
+    this.$showAllButton.setAttribute('class', this.showAllClass);
+    this.$showAllButton.setAttribute('aria-expanded', 'false');
+    this.$showAllIcon = document.createElement('span');
+    this.$showAllIcon.classList.add(this.upChevronIconClass);
+    this.$showAllButton.appendChild(this.$showAllIcon);
+    const $accordionControls = document.createElement('div');
+    $accordionControls.setAttribute('class', this.controlsClass);
+    $accordionControls.appendChild(this.$showAllButton);
+    this.$module.insertBefore($accordionControls, this.$module.firstChild);
+    this.$showAllText = document.createElement('span');
+    this.$showAllText.classList.add(this.showAllTextClass);
+    this.$showAllButton.appendChild(this.$showAllText);
+    this.$showAllButton.addEventListener('click', () => this.onShowOrHideAllToggle());
+    if ('onbeforematch' in document) {
+      document.addEventListener('beforematch', event => this.onBeforeMatch(event));
+    }
+  }
+  initSectionHeaders() {
+    this.$sections.forEach(($section, i) => {
+      const $header = $section.querySelector(`.${this.sectionHeaderClass}`);
+      if (!$header) {
+        throw new ElementError({
+          componentName: 'Accordion',
+          identifier: `Section headers (\`<div class="${this.sectionHeaderClass}">\`)`
+        });
+      }
+      this.constructHeaderMarkup($header, i);
+      this.setExpanded(this.isExpanded($section), $section);
+      $header.addEventListener('click', () => this.onSectionToggle($section));
+      this.setInitialState($section);
+    });
+  }
+  constructHeaderMarkup($header, index) {
+    const $span = $header.querySelector(`.${this.sectionButtonClass}`);
+    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`);
+    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`);
+    if (!$heading) {
+      throw new ElementError({
+        componentName: 'Accordion',
+        identifier: `Section heading (\`.${this.sectionHeadingClass}\`)`
+      });
+    }
+    if (!$span) {
+      throw new ElementError({
+        componentName: 'Accordion',
+        identifier: `Section button placeholder (\`<span class="${this.sectionButtonClass}">\`)`
+      });
+    }
+    const $button = document.createElement('button');
+    $button.setAttribute('type', 'button');
+    $button.setAttribute('aria-controls', `${this.$module.id}-content-${index + 1}`);
+    for (const attr of Array.from($span.attributes)) {
+      if (attr.nodeName !== 'id') {
+        $button.setAttribute(attr.nodeName, `${attr.nodeValue}`);
+      }
+    }
+    const $headingText = document.createElement('span');
+    $headingText.classList.add(this.sectionHeadingTextClass);
+    $headingText.id = $span.id;
+    const $headingTextFocus = document.createElement('span');
+    $headingTextFocus.classList.add(this.sectionHeadingTextFocusClass);
+    $headingText.appendChild($headingTextFocus);
+    $headingTextFocus.innerHTML = $span.innerHTML;
+    const $showHideToggle = document.createElement('span');
+    $showHideToggle.classList.add(this.sectionShowHideToggleClass);
+    $showHideToggle.setAttribute('data-nosnippet', '');
+    const $showHideToggleFocus = document.createElement('span');
+    $showHideToggleFocus.classList.add(this.sectionShowHideToggleFocusClass);
+    $showHideToggle.appendChild($showHideToggleFocus);
+    const $showHideText = document.createElement('span');
+    const $showHideIcon = document.createElement('span');
+    $showHideIcon.classList.add(this.upChevronIconClass);
+    $showHideToggleFocus.appendChild($showHideIcon);
+    $showHideText.classList.add(this.sectionShowHideTextClass);
+    $showHideToggleFocus.appendChild($showHideText);
+    $button.appendChild($headingText);
+    $button.appendChild(this.getButtonPunctuationEl());
+    if ($summary != null && $summary.parentNode) {
+      const $summarySpan = document.createElement('span');
+      const $summarySpanFocus = document.createElement('span');
+      $summarySpanFocus.classList.add(this.sectionSummaryFocusClass);
+      $summarySpan.appendChild($summarySpanFocus);
+      for (const attr of Array.from($summary.attributes)) {
+        $summarySpan.setAttribute(attr.nodeName, `${attr.nodeValue}`);
+      }
+      $summarySpanFocus.innerHTML = $summary.innerHTML;
+      $summary.parentNode.replaceChild($summarySpan, $summary);
+      $button.appendChild($summarySpan);
+      $button.appendChild(this.getButtonPunctuationEl());
+    }
+    $button.appendChild($showHideToggle);
+    $heading.removeChild($span);
+    $heading.appendChild($button);
+  }
+  onBeforeMatch(event) {
+    const $fragment = event.target;
+    if (!($fragment instanceof Element)) {
+      return;
+    }
+    const $section = $fragment.closest(`.${this.sectionClass}`);
+    if ($section) {
+      this.setExpanded(true, $section);
+    }
+  }
+  onSectionToggle($section) {
+    const expanded = this.isExpanded($section);
+    this.setExpanded(!expanded, $section);
+    this.storeState($section);
+  }
+  onShowOrHideAllToggle() {
+    const nowExpanded = !this.checkIfAllSectionsOpen();
+    this.$sections.forEach($section => {
+      this.setExpanded(nowExpanded, $section);
+      this.storeState($section);
+    });
+    this.updateShowAllButton(nowExpanded);
+  }
+  setExpanded(expanded, $section) {
+    const $showHideIcon = $section.querySelector(`.${this.upChevronIconClass}`);
+    const $showHideText = $section.querySelector(`.${this.sectionShowHideTextClass}`);
+    const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+    const $content = $section.querySelector(`.${this.sectionContentClass}`);
+    if (!$content) {
+      throw new ElementError({
+        componentName: 'Accordion',
+        identifier: `Section content (\`<div class="${this.sectionContentClass}">\`)`
+      });
+    }
+    if (!$showHideIcon || !$showHideText || !$button) {
+      return;
+    }
+    const newButtonText = expanded ? this.i18n.t('hideSection') : this.i18n.t('showSection');
+    $showHideText.textContent = newButtonText;
+    $button.setAttribute('aria-expanded', `${expanded}`);
+    const ariaLabelParts = [];
+    const $headingText = $section.querySelector(`.${this.sectionHeadingTextClass}`);
+    if ($headingText) {
+      ariaLabelParts.push(`${$headingText.textContent}`.trim());
+    }
+    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`);
+    if ($summary) {
+      ariaLabelParts.push(`${$summary.textContent}`.trim());
+    }
+    const ariaLabelMessage = expanded ? this.i18n.t('hideSectionAriaLabel') : this.i18n.t('showSectionAriaLabel');
+    ariaLabelParts.push(ariaLabelMessage);
+    $button.setAttribute('aria-label', ariaLabelParts.join(' , '));
+    if (expanded) {
+      $content.removeAttribute('hidden');
+      $section.classList.add(this.sectionExpandedClass);
+      $showHideIcon.classList.remove(this.downChevronIconClass);
+    } else {
+      $content.setAttribute('hidden', 'until-found');
+      $section.classList.remove(this.sectionExpandedClass);
+      $showHideIcon.classList.add(this.downChevronIconClass);
+    }
+    const areAllSectionsOpen = this.checkIfAllSectionsOpen();
+    this.updateShowAllButton(areAllSectionsOpen);
+  }
+  isExpanded($section) {
+    return $section.classList.contains(this.sectionExpandedClass);
+  }
+  checkIfAllSectionsOpen() {
+    const sectionsCount = this.$sections.length;
+    const expandedSectionCount = this.$module.querySelectorAll(`.${this.sectionExpandedClass}`).length;
+    const areAllSectionsOpen = sectionsCount === expandedSectionCount;
+    return areAllSectionsOpen;
+  }
+  updateShowAllButton(expanded) {
+    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {
+      return;
+    }
+    this.$showAllButton.setAttribute('aria-expanded', expanded.toString());
+    this.$showAllText.textContent = expanded ? this.i18n.t('hideAllSections') : this.i18n.t('showAllSections');
+    this.$showAllIcon.classList.toggle(this.downChevronIconClass, !expanded);
+  }
+  storeState($section) {
+    if (this.browserSupportsSessionStorage && this.config.rememberExpanded) {
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      if ($button) {
+        const contentId = $button.getAttribute('aria-controls');
+        const contentState = $button.getAttribute('aria-expanded');
+        if (contentId && contentState) {
+          window.sessionStorage.setItem(contentId, contentState);
         }
-      };
-    })();
-    (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]);
+      }
+    }
+  }
+  setInitialState($section) {
+    if (this.browserSupportsSessionStorage && this.config.rememberExpanded) {
+      const $button = $section.querySelector(`.${this.sectionButtonClass}`);
+      if ($button) {
+        const contentId = $button.getAttribute('aria-controls');
+        const contentState = contentId ? window.sessionStorage.getItem(contentId) : null;
+        if (contentState !== null) {
+          this.setExpanded(contentState === 'true', $section);
         }
-      };
-    })();
-  })(this);
-}).call("object" === typeof window && window || "object" === typeof self && self || "object" === typeof global && global || {});
-
-(function(undefined$1) {
-  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;
-  (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);
-    };
-    try {
-      defineGetter({}, "support");
-    } catch (e) {
-      dpSupport = false;
-    }
-    var addProp = function(o, name, attr) {
-      defineGetter(o.prototype, name, (function() {
-        var tokenList;
-        var THIS = this, gibberishProperty = "__defineGetter__" + "DEFINE_PROPERTY" + name;
-        if (THIS[gibberishProperty]) return tokenList;
-        THIS[gibberishProperty] = true;
-        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;
-          }
-          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 || {});
-
-var CHARACTER_COUNT_TRANSLATIONS = {
-  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"
-  },
-  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"
+      }
+    }
+  }
+  getButtonPunctuationEl() {
+    const $punctuationEl = document.createElement('span');
+    $punctuationEl.classList.add('govuk-visually-hidden', this.sectionHeadingDividerClass);
+    $punctuationEl.innerHTML = ', ';
+    return $punctuationEl;
+  }
+}
+Accordion.moduleName = 'govuk-accordion';
+Accordion.defaults = Object.freeze({
+  i18n: {
+    hideAllSections: 'Hide all sections',
+    hideSection: 'Hide',
+    hideSectionAriaLabel: 'Hide this section',
+    showAllSections: 'Show all sections',
+    showSection: 'Show',
+    showSectionAriaLabel: 'Show this section'
   },
-  textareaDescription: {
-    other: ""
+  rememberExpanded: true
+});
+const helper = {
+  /**
+   * Check for `window.sessionStorage`, and that it actually works.
+   *
+   * @returns {boolean} True if session storage is available
+   */
+  checkForSessionStorage: function () {
+    const testString = 'this is the test string';
+    let result;
+    try {
+      window.sessionStorage.setItem(testString, testString);
+      result = window.sessionStorage.getItem(testString) === testString.toString();
+      window.sessionStorage.removeItem(testString);
+      return result;
+    } catch (exception) {
+      return false;
+    }
   }
 };
 
-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
-  };
-  var datasetConfig = normaliseDataset($module.dataset);
-  var configOverrides = {};
-  if ("maxwords" in datasetConfig || "maxlength" in datasetConfig) {
-    configOverrides = {
-      maxlength: false,
-      maxwords: false
-    };
+const KEY_SPACE = 32;
+const DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
+
+/**
+ * JavaScript enhancements for the Button component
+ *
+ * @preserve
+ */
+class Button extends GOVUKFrontendComponent {
+  /**
+   * @param {Element | null} $module - HTML element to use for button
+   * @param {ButtonConfig} [config] - Button config
+   */
+  constructor($module, config = {}) {
+    super();
+    this.$module = void 0;
+    this.config = void 0;
+    this.debounceFormSubmitTimer = null;
+    if (!($module instanceof HTMLElement)) {
+      throw new ElementError({
+        componentName: 'Button',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    this.$module = $module;
+    this.config = mergeConfigs(Button.defaults, config, normaliseDataset($module.dataset));
+    this.$module.addEventListener('keydown', event => this.handleKeyDown(event));
+    this.$module.addEventListener('click', event => this.debounce(event));
+  }
+  handleKeyDown(event) {
+    const $target = event.target;
+    if (event.keyCode !== KEY_SPACE) {
+      return;
+    }
+    if ($target instanceof HTMLElement && $target.getAttribute('role') === 'button') {
+      event.preventDefault();
+      $target.click();
+    }
   }
-  this.config = mergeConfigs(defaultConfig, config || {}, configOverrides, datasetConfig);
-  this.i18n = new I18n(extractConfigByNamespace(this.config, "i18n"), {
-    locale: closestAttributeValue($module, "lang")
-  });
-  this.maxLength = Infinity;
-  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;
+  debounce(event) {
+    if (!this.config.preventDoubleClick) {
+      return;
+    }
+    if (this.debounceFormSubmitTimer) {
+      event.preventDefault();
+      return false;
+    }
+    this.debounceFormSubmitTimer = window.setTimeout(() => {
+      this.debounceFormSubmitTimer = null;
+    }, DEBOUNCE_TIMEOUT_IN_SECONDS * 1000);
   }
-  this.$module = $module;
-  this.$textarea = $textarea;
-  this.$visibleCountMessage = null;
-  this.$screenReaderCountMessage = null;
-  this.lastInputTimestamp = null;
-  this.lastInputValue = "";
-  this.valueChecker = null;
 }
 
-CharacterCount.prototype.init = function() {
-  if (!this.$module || !this.$textarea) {
-    return;
-  }
-  var $textarea = this.$textarea;
-  var $textareaDescription = document.getElementById($textarea.id + "-info");
-  if (!$textareaDescription) {
-    return;
-  }
-  if ($textareaDescription.innerText.match(/^\s*$/)) {
-    $textareaDescription.innerText = this.i18n.t("textareaDescription", {
-      count: this.maxLength
-    });
-  }
-  $textarea.insertAdjacentElement("afterend", $textareaDescription);
-  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);
-  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);
-  $textareaDescription.classList.add("govuk-visually-hidden");
-  $textarea.removeAttribute("maxlength");
-  this.bindChangeEvents();
-  window.addEventListener("onpageshow" in window ? "pageshow" : "DOMContentLoaded", this.updateCountMessage.bind(this));
-  this.updateCountMessage();
-};
+/**
+ * Button config
+ *
+ * @typedef {object} ButtonConfig
+ * @property {boolean} [preventDoubleClick=false] - Prevent accidental double
+ *   clicks on submit buttons from submitting forms multiple times.
+ */
+Button.moduleName = 'govuk-button';
+Button.defaults = Object.freeze({
+  preventDoubleClick: false
+});
 
-CharacterCount.prototype.bindChangeEvents = function() {
-  var $textarea = this.$textarea;
-  $textarea.addEventListener("keyup", this.handleKeyUp.bind(this));
-  $textarea.addEventListener("focus", this.handleFocus.bind(this));
-  $textarea.addEventListener("blur", this.handleBlur.bind(this));
-};
+function closestAttributeValue($element, attributeName) {
+  const $closestElementWithAttribute = $element.closest(`[${attributeName}]`);
+  return $closestElementWithAttribute ? $closestElementWithAttribute.getAttribute(attributeName) : null;
+}
 
-CharacterCount.prototype.handleKeyUp = function() {
-  this.updateVisibleCountMessage();
-  this.lastInputTimestamp = Date.now();
-};
-
-CharacterCount.prototype.handleFocus = function() {
-  this.valueChecker = setInterval(function() {
-    if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
-      this.updateIfValueChanged();
+/**
+ * Character count 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.
+ *
+ * @preserve
+ */
+class CharacterCount extends GOVUKFrontendComponent {
+  /**
+   * @param {Element | null} $module - HTML element to use for character count
+   * @param {CharacterCountConfig} [config] - Character count config
+   */
+  constructor($module, config = {}) {
+    var _ref, _this$config$maxwords;
+    super();
+    this.$module = void 0;
+    this.$textarea = void 0;
+    this.$visibleCountMessage = void 0;
+    this.$screenReaderCountMessage = void 0;
+    this.lastInputTimestamp = null;
+    this.lastInputValue = '';
+    this.valueChecker = null;
+    this.config = void 0;
+    this.i18n = void 0;
+    this.maxLength = void 0;
+    if (!($module instanceof HTMLElement)) {
+      throw new ElementError({
+        componentName: 'Character count',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
     }
-  }.bind(this), 1e3);
-};
-
-CharacterCount.prototype.handleBlur = function() {
-  clearInterval(this.valueChecker);
-};
-
-CharacterCount.prototype.updateIfValueChanged = function() {
-  if (this.$textarea.value !== this.lastInputValue) {
-    this.lastInputValue = this.$textarea.value;
+    const $textarea = $module.querySelector('.govuk-js-character-count');
+    if (!($textarea instanceof HTMLTextAreaElement || $textarea instanceof HTMLInputElement)) {
+      throw new ElementError({
+        componentName: 'Character count',
+        element: $textarea,
+        expectedType: 'HTMLTextareaElement or HTMLInputElement',
+        identifier: 'Form field (`.govuk-js-character-count`)'
+      });
+    }
+    const datasetConfig = normaliseDataset($module.dataset);
+    let configOverrides = {};
+    if ('maxwords' in datasetConfig || 'maxlength' in datasetConfig) {
+      configOverrides = {
+        maxlength: undefined,
+        maxwords: undefined
+      };
+    }
+    this.config = mergeConfigs(CharacterCount.defaults, config, configOverrides, datasetConfig);
+    const errors = validateConfig(CharacterCount.schema, this.config);
+    if (errors[0]) {
+      throw new ConfigError(`Character count: ${errors[0]}`);
+    }
+    this.i18n = new I18n(extractConfigByNamespace(this.config, 'i18n'), {
+      locale: closestAttributeValue($module, 'lang')
+    });
+    this.maxLength = (_ref = (_this$config$maxwords = this.config.maxwords) != null ? _this$config$maxwords : this.config.maxlength) != null ? _ref : Infinity;
+    this.$module = $module;
+    this.$textarea = $textarea;
+    const textareaDescriptionId = `${this.$textarea.id}-info`;
+    const $textareaDescription = document.getElementById(textareaDescriptionId);
+    if (!$textareaDescription) {
+      throw new ElementError({
+        componentName: 'Character count',
+        element: $textareaDescription,
+        identifier: `Count message (\`id="${textareaDescriptionId}"\`)`
+      });
+    }
+    if (`${$textareaDescription.textContent}`.match(/^\s*$/)) {
+      $textareaDescription.textContent = this.i18n.t('textareaDescription', {
+        count: this.maxLength
+      });
+    }
+    this.$textarea.insertAdjacentElement('afterend', $textareaDescription);
+    const $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);
+    const $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);
+    $textareaDescription.classList.add('govuk-visually-hidden');
+    this.$textarea.removeAttribute('maxlength');
+    this.bindChangeEvents();
+    window.addEventListener('pageshow', () => this.updateCountMessage());
     this.updateCountMessage();
   }
-};
-
-CharacterCount.prototype.updateCountMessage = function() {
-  this.updateVisibleCountMessage();
-  this.updateScreenReaderCountMessage();
-};
-
-CharacterCount.prototype.updateVisibleCountMessage = function() {
-  var $textarea = this.$textarea;
-  var $visibleCountMessage = this.$visibleCountMessage;
-  var remainingNumber = this.maxLength - this.count($textarea.value);
-  if (this.isOverThreshold()) {
-    $visibleCountMessage.classList.remove("govuk-character-count__message--disabled");
-  } else {
-    $visibleCountMessage.classList.add("govuk-character-count__message--disabled");
-  }
-  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");
-  }
-  $visibleCountMessage.innerText = this.getCountMessage();
-};
-
-CharacterCount.prototype.updateScreenReaderCountMessage = function() {
-  var $screenReaderCountMessage = this.$screenReaderCountMessage;
-  if (this.isOverThreshold()) {
-    $screenReaderCountMessage.removeAttribute("aria-hidden");
-  } else {
-    $screenReaderCountMessage.setAttribute("aria-hidden", "true");
-  }
-  $screenReaderCountMessage.innerText = this.getCountMessage();
-};
-
-CharacterCount.prototype.count = function(text) {
-  if ("maxwords" in this.config && this.config.maxwords) {
-    var tokens = text.match(/\S+/g) || [];
-    return tokens.length;
-  } else {
-    return text.length;
+  bindChangeEvents() {
+    this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+    this.$textarea.addEventListener('focus', () => this.handleFocus());
+    this.$textarea.addEventListener('blur', () => this.handleBlur());
   }
-};
-
-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);
-};
-
-CharacterCount.prototype.formatCountMessage = function(remainingNumber, countType) {
-  if (remainingNumber === 0) {
-    return this.i18n.t(countType + "AtLimit");
+  handleKeyUp() {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
   }
-  var translationKeySuffix = remainingNumber < 0 ? "OverLimit" : "UnderLimit";
-  return this.i18n.t(countType + translationKeySuffix, {
-    count: Math.abs(remainingNumber)
-  });
-};
-
-CharacterCount.prototype.isOverThreshold = function() {
-  if (!this.config.threshold) {
-    return true;
+  handleFocus() {
+    this.valueChecker = window.setInterval(() => {
+      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+        this.updateIfValueChanged();
+      }
+    }, 1000);
   }
-  var $textarea = this.$textarea;
-  var currentLength = this.count($textarea.value);
-  var maxLength = this.maxLength;
-  var thresholdValue = maxLength * this.config.threshold / 100;
-  return thresholdValue <= currentLength;
-};
-
-function Checkboxes($module) {
-  if (!($module instanceof HTMLElement)) {
-    return this;
+  handleBlur() {
+    if (this.valueChecker) {
+      window.clearInterval(this.valueChecker);
+    }
   }
-  var $inputs = $module.querySelectorAll('input[type="checkbox"]');
-  if (!$inputs.length) {
-    return this;
+  updateIfValueChanged() {
+    if (this.$textarea.value !== this.lastInputValue) {
+      this.lastInputValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  }
+  updateCountMessage() {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  }
+  updateVisibleCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const isError = remainingNumber < 0;
+    this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
+    this.$textarea.classList.toggle('govuk-textarea--error', isError);
+    this.$visibleCountMessage.classList.toggle('govuk-error-message', isError);
+    this.$visibleCountMessage.classList.toggle('govuk-hint', !isError);
+    this.$visibleCountMessage.textContent = this.getCountMessage();
+  }
+  updateScreenReaderCountMessage() {
+    if (this.isOverThreshold()) {
+      this.$screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      this.$screenReaderCountMessage.setAttribute('aria-hidden', 'true');
+    }
+    this.$screenReaderCountMessage.textContent = this.getCountMessage();
+  }
+  count(text) {
+    if (this.config.maxwords) {
+      var _text$match;
+      const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
+      return tokens.length;
+    }
+    return text.length;
+  }
+  getCountMessage() {
+    const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+    const countType = this.config.maxwords ? 'words' : 'characters';
+    return this.formatCountMessage(remainingNumber, countType);
+  }
+  formatCountMessage(remainingNumber, countType) {
+    if (remainingNumber === 0) {
+      return this.i18n.t(`${countType}AtLimit`);
+    }
+    const translationKeySuffix = remainingNumber < 0 ? 'OverLimit' : 'UnderLimit';
+    return this.i18n.t(`${countType}${translationKeySuffix}`, {
+      count: Math.abs(remainingNumber)
+    });
+  }
+  isOverThreshold() {
+    if (!this.config.threshold) {
+      return true;
+    }
+    const currentLength = this.count(this.$textarea.value);
+    const maxLength = this.maxLength;
+    const thresholdValue = maxLength * this.config.threshold / 100;
+    return thresholdValue <= currentLength;
   }
-  this.$module = $module;
-  this.$inputs = $inputs;
 }
 
-Checkboxes.prototype.init = function() {
-  if (!this.$module || !this.$inputs) {
-    return;
+/**
+ * Character count config
+ *
+ * @see {@link CharacterCount.defaults}
+ * @typedef {object} CharacterCountConfig
+ * @property {number} [maxlength] - The maximum number of characters.
+ *   If maxwords is provided, the maxlength option will be ignored.
+ * @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=CharacterCount.defaults.i18n] - Character count translations
+ */
+
+/**
+ * Character count translations
+ *
+ * @see {@link CharacterCount.defaults.i18n}
+ * @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('../../common/index.mjs').Schema} Schema
+ * @typedef {import('../../i18n.mjs').TranslationPluralForms} TranslationPluralForms
+ */
+CharacterCount.moduleName = 'govuk-character-count';
+CharacterCount.defaults = Object.freeze({
+  threshold: 0,
+  i18n: {
+    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'
+    },
+    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: ''
+    }
+  }
+});
+CharacterCount.schema = Object.freeze({
+  anyOf: [{
+    required: ['maxwords'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }, {
+    required: ['maxlength'],
+    errorMessage: 'Either "maxlength" or "maxwords" must be provided'
+  }]
+});
+
+/**
+ * Checkboxes component
+ *
+ * @preserve
+ */
+class Checkboxes extends GOVUKFrontendComponent {
+  /**
+   * Checkboxes can be associated with a 'conditionally revealed' content block
+   * – for example, a checkbox for 'Phone' could reveal an additional form field
+   * for the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the checkbox state.
+   *
+   * @param {Element | null} $module - HTML element to use for checkboxes
+   */
+  constructor($module) {
+    super();
+    this.$module = void 0;
+    this.$inputs = void 0;
+    if (!($module instanceof HTMLElement)) {
+      throw new ElementError({
+        componentName: 'Checkboxes',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    const $inputs = $module.querySelectorAll('input[type="checkbox"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        componentName: 'Checkboxes',
+        identifier: 'Form inputs (`<input type="checkbox">`)'
+      });
+    }
+    this.$module = $module;
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
+      }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          componentName: 'Checkboxes',
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
+      }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$module.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
   }
-  var $module = this.$module;
-  var $inputs = this.$inputs;
-  nodeListForEach($inputs, (function($input) {
-    var targetId = $input.getAttribute("data-aria-controls");
-    if (!targetId || !document.getElementById(targetId)) {
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
       return;
     }
-    $input.setAttribute("aria-controls", targetId);
-    $input.removeAttribute("data-aria-controls");
-  }));
-  window.addEventListener("onpageshow" in window ? "pageshow" : "DOMContentLoaded", this.syncAllConditionalReveals.bind(this));
-  this.syncAllConditionalReveals();
-  $module.addEventListener("click", this.handleClick.bind(this));
-};
-
-Checkboxes.prototype.syncAllConditionalReveals = function() {
-  nodeListForEach(this.$inputs, this.syncConditionalRevealWithInputState.bind(this));
-};
-
-Checkboxes.prototype.syncConditionalRevealWithInputState = function($input) {
-  var targetId = $input.getAttribute("aria-controls");
-  if (!targetId) {
-    return;
+    const $target = document.getElementById(targetId);
+    if ($target && $target.classList.contains('govuk-checkboxes__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
+    }
   }
-  var $target = document.getElementById(targetId);
-  if ($target && $target.classList.contains("govuk-checkboxes__conditional")) {
-    var inputIsChecked = $input.checked;
-    $input.setAttribute("aria-expanded", inputIsChecked.toString());
-    $target.classList.toggle("govuk-checkboxes__conditional--hidden", !inputIsChecked);
+  unCheckAllInputsExcept($input) {
+    const allInputsWithSameName = document.querySelectorAll(`input[type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameName.forEach($inputWithSameName => {
+      const hasSameFormOwner = $input.form === $inputWithSameName.form;
+      if (hasSameFormOwner && $inputWithSameName !== $input) {
+        $inputWithSameName.checked = false;
+        this.syncConditionalRevealWithInputState($inputWithSameName);
+      }
+    });
   }
-};
-
-Checkboxes.prototype.unCheckAllInputsExcept = function($input) {
-  var $component = this;
-  var allInputsWithSameName = document.querySelectorAll('input[type="checkbox"][name="' + $input.name + '"]');
-  nodeListForEach(allInputsWithSameName, (function($inputWithSameName) {
-    var hasSameFormOwner = $input.form === $inputWithSameName.form;
-    if (hasSameFormOwner && $inputWithSameName !== $input) {
-      $inputWithSameName.checked = false;
-      $component.syncConditionalRevealWithInputState($inputWithSameName);
-    }
-  }));
-};
-
-Checkboxes.prototype.unCheckExclusiveInputs = function($input) {
-  var $component = this;
-  var allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll('input[data-behaviour="exclusive"][type="checkbox"][name="' + $input.name + '"]');
-  nodeListForEach(allInputsWithSameNameAndExclusiveBehaviour, (function($exclusiveInput) {
-    var hasSameFormOwner = $input.form === $exclusiveInput.form;
-    if (hasSameFormOwner) {
-      $exclusiveInput.checked = false;
-      $component.syncConditionalRevealWithInputState($exclusiveInput);
-    }
-  }));
-};
-
-Checkboxes.prototype.handleClick = function(event) {
-  var $clickedInput = event.target;
-  if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== "checkbox") {
-    return;
+  unCheckExclusiveInputs($input) {
+    const allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(`input[data-behaviour="exclusive"][type="checkbox"][name="${$input.name}"]`);
+    allInputsWithSameNameAndExclusiveBehaviour.forEach($exclusiveInput => {
+      const hasSameFormOwner = $input.form === $exclusiveInput.form;
+      if (hasSameFormOwner) {
+        $exclusiveInput.checked = false;
+        this.syncConditionalRevealWithInputState($exclusiveInput);
+      }
+    });
   }
-  var hasAriaControls = $clickedInput.getAttribute("aria-controls");
-  if (hasAriaControls) {
-    this.syncConditionalRevealWithInputState($clickedInput);
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
+      return;
+    }
+    const hasAriaControls = $clickedInput.getAttribute('aria-controls');
+    if (hasAriaControls) {
+      this.syncConditionalRevealWithInputState($clickedInput);
+    }
+    if (!$clickedInput.checked) {
+      return;
+    }
+    const hasBehaviourExclusive = $clickedInput.getAttribute('data-behaviour') === 'exclusive';
+    if (hasBehaviourExclusive) {
+      this.unCheckAllInputsExcept($clickedInput);
+    } else {
+      this.unCheckExclusiveInputs($clickedInput);
+    }
   }
-  if (!$clickedInput.checked) {
-    return;
+}
+Checkboxes.moduleName = 'govuk-checkboxes';
+
+/**
+ * Error summary component
+ *
+ * Takes focus on initialisation for accessible announcement, unless disabled in
+ * configuration.
+ *
+ * @preserve
+ */
+class ErrorSummary extends GOVUKFrontendComponent {
+  /**
+   * @param {Element | null} $module - HTML element to use for error summary
+   * @param {ErrorSummaryConfig} [config] - Error summary config
+   */
+  constructor($module, config = {}) {
+    super();
+    this.$module = void 0;
+    this.config = void 0;
+    if (!($module instanceof HTMLElement)) {
+      throw new ElementError({
+        componentName: 'Error summary',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    this.$module = $module;
+    this.config = mergeConfigs(ErrorSummary.defaults, config, normaliseDataset($module.dataset));
+    this.setFocus();
+    this.$module.addEventListener('click', event => this.handleClick(event));
   }
-  var hasBehaviourExclusive = $clickedInput.getAttribute("data-behaviour") === "exclusive";
-  if (hasBehaviourExclusive) {
-    this.unCheckAllInputsExcept($clickedInput);
-  } else {
-    this.unCheckExclusiveInputs($clickedInput);
+  setFocus() {
+    if (this.config.disableAutoFocus) {
+      return;
+    }
+    this.$module.setAttribute('tabindex', '-1');
+    this.$module.addEventListener('blur', () => {
+      this.$module.removeAttribute('tabindex');
+    });
+    this.$module.focus();
+  }
+  handleClick(event) {
+    const $target = event.target;
+    if ($target && this.focusTarget($target)) {
+      event.preventDefault();
+    }
+  }
+  focusTarget($target) {
+    if (!($target instanceof HTMLAnchorElement)) {
+      return false;
+    }
+    const inputId = getFragmentFromUrl($target.href);
+    if (!inputId) {
+      return false;
+    }
+    const $input = document.getElementById(inputId);
+    if (!$input) {
+      return false;
+    }
+    const $legendOrLabel = this.getAssociatedLegendOrLabel($input);
+    if (!$legendOrLabel) {
+      return false;
+    }
+    $legendOrLabel.scrollIntoView();
+    $input.focus({
+      preventScroll: true
+    });
+    return true;
+  }
+  getAssociatedLegendOrLabel($input) {
+    var _document$querySelect;
+    const $fieldset = $input.closest('fieldset');
+    if ($fieldset) {
+      const $legends = $fieldset.getElementsByTagName('legend');
+      if ($legends.length) {
+        const $candidateLegend = $legends[0];
+        if ($input instanceof HTMLInputElement && ($input.type === 'checkbox' || $input.type === 'radio')) {
+          return $candidateLegend;
+        }
+        const legendTop = $candidateLegend.getBoundingClientRect().top;
+        const inputRect = $input.getBoundingClientRect();
+        if (inputRect.height && window.innerHeight) {
+          const inputBottom = inputRect.top + inputRect.height;
+          if (inputBottom - legendTop < window.innerHeight / 2) {
+            return $candidateLegend;
+          }
+        }
+      }
+    }
+    return (_document$querySelect = document.querySelector(`label[for='${$input.getAttribute('id')}']`)) != null ? _document$querySelect : $input.closest('label');
   }
-};
-
-function ErrorSummary($module, config) {
-  if (!($module instanceof HTMLElement)) {
-    return this;
-  }
-  this.$module = $module;
-  var defaultConfig = {
-    disableAutoFocus: false
-  };
-  this.config = mergeConfigs(defaultConfig, config || {}, normaliseDataset($module.dataset));
 }
 
-ErrorSummary.prototype.init = function() {
-  if (!this.$module) {
-    return;
+/**
+ * Error summary config
+ *
+ * @typedef {object} ErrorSummaryConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the error
+ *   summary will not be focussed when the page loads.
+ */
+ErrorSummary.moduleName = 'govuk-error-summary';
+ErrorSummary.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+
+/**
+ * Exit this page component
+ *
+ * @preserve
+ */
+class ExitThisPage extends GOVUKFrontendComponent {
+  /**
+   * @param {Element | null} $module - HTML element that wraps the Exit This Page button
+   * @param {ExitThisPageConfig} [config] - Exit This Page config
+   */
+  constructor($module, config = {}) {
+    super();
+    this.$module = void 0;
+    this.config = void 0;
+    this.i18n = void 0;
+    this.$button = void 0;
+    this.$skiplinkButton = null;
+    this.$updateSpan = null;
+    this.$indicatorContainer = null;
+    this.$overlay = null;
+    this.keypressCounter = 0;
+    this.lastKeyWasModified = false;
+    this.timeoutTime = 5000;
+    this.keypressTimeoutId = null;
+    this.timeoutMessageId = null;
+    if (!($module instanceof HTMLElement)) {
+      throw new ElementError({
+        componentName: 'Exit this page',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    const $button = $module.querySelector('.govuk-exit-this-page__button');
+    if (!($button instanceof HTMLAnchorElement)) {
+      throw new ElementError({
+        componentName: 'Exit this page',
+        element: $button,
+        expectedType: 'HTMLAnchorElement',
+        identifier: 'Button (`.govuk-exit-this-page__button`)'
+      });
+    }
+    this.config = mergeConfigs(ExitThisPage.defaults, config, normaliseDataset($module.dataset));
+    this.i18n = new I18n(extractConfigByNamespace(this.config, 'i18n'));
+    this.$module = $module;
+    this.$button = $button;
+    const $skiplinkButton = document.querySelector('.govuk-js-exit-this-page-skiplink');
+    if ($skiplinkButton instanceof HTMLAnchorElement) {
+      this.$skiplinkButton = $skiplinkButton;
+    }
+    this.buildIndicator();
+    this.initUpdateSpan();
+    this.initButtonClickHandler();
+    if (!('govukFrontendExitThisPageKeypress' in document.body.dataset)) {
+      document.addEventListener('keyup', this.handleKeypress.bind(this), true);
+      document.body.dataset.govukFrontendExitThisPageKeypress = 'true';
+    }
+    window.addEventListener('pageshow', this.resetPage.bind(this));
+  }
+  initUpdateSpan() {
+    this.$updateSpan = document.createElement('span');
+    this.$updateSpan.setAttribute('role', 'status');
+    this.$updateSpan.className = 'govuk-visually-hidden';
+    this.$module.appendChild(this.$updateSpan);
+  }
+  initButtonClickHandler() {
+    this.$button.addEventListener('click', this.handleClick.bind(this));
+    if (this.$skiplinkButton) {
+      this.$skiplinkButton.addEventListener('click', this.handleClick.bind(this));
+    }
   }
-  var $module = this.$module;
-  this.setFocus();
-  $module.addEventListener("click", this.handleClick.bind(this));
-};
-
-ErrorSummary.prototype.setFocus = function() {
-  var $module = this.$module;
-  if (this.config.disableAutoFocus) {
-    return;
+  buildIndicator() {
+    this.$indicatorContainer = document.createElement('div');
+    this.$indicatorContainer.className = 'govuk-exit-this-page__indicator';
+    this.$indicatorContainer.setAttribute('aria-hidden', 'true');
+    for (let i = 0; i < 3; i++) {
+      const $indicator = document.createElement('div');
+      $indicator.className = 'govuk-exit-this-page__indicator-light';
+      this.$indicatorContainer.appendChild($indicator);
+    }
+    this.$button.appendChild(this.$indicatorContainer);
   }
-  $module.setAttribute("tabindex", "-1");
-  $module.addEventListener("blur", (function() {
-    $module.removeAttribute("tabindex");
-  }));
-  $module.focus();
-};
-
-ErrorSummary.prototype.handleClick = function(event) {
-  var $target = event.target;
-  if (this.focusTarget($target)) {
+  updateIndicator() {
+    if (!this.$indicatorContainer) {
+      return;
+    }
+    this.$indicatorContainer.classList.toggle('govuk-exit-this-page__indicator--visible', this.keypressCounter > 0);
+    const $indicators = this.$indicatorContainer.querySelectorAll('.govuk-exit-this-page__indicator-light');
+    $indicators.forEach(($indicator, index) => {
+      $indicator.classList.toggle('govuk-exit-this-page__indicator-light--on', index < this.keypressCounter);
+    });
+  }
+  exitPage() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    this.$updateSpan.textContent = '';
+    document.body.classList.add('govuk-exit-this-page-hide-content');
+    this.$overlay = document.createElement('div');
+    this.$overlay.className = 'govuk-exit-this-page-overlay';
+    this.$overlay.setAttribute('role', 'alert');
+    document.body.appendChild(this.$overlay);
+    this.$overlay.textContent = this.i18n.t('activated');
+    window.location.href = this.$button.href;
+  }
+  handleClick(event) {
     event.preventDefault();
+    this.exitPage();
   }
-};
+  handleKeypress(event) {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if ((event.key === 'Shift' || event.keyCode === 16 || event.which === 16) && !this.lastKeyWasModified) {
+      this.keypressCounter += 1;
+      this.updateIndicator();
+      if (this.timeoutMessageId) {
+        window.clearTimeout(this.timeoutMessageId);
+        this.timeoutMessageId = null;
+      }
+      if (this.keypressCounter >= 3) {
+        this.keypressCounter = 0;
+        if (this.keypressTimeoutId) {
+          window.clearTimeout(this.keypressTimeoutId);
+          this.keypressTimeoutId = null;
+        }
+        this.exitPage();
+      } else {
+        if (this.keypressCounter === 1) {
+          this.$updateSpan.textContent = this.i18n.t('pressTwoMoreTimes');
+        } else {
+          this.$updateSpan.textContent = this.i18n.t('pressOneMoreTime');
+        }
+      }
+      this.setKeypressTimer();
+    } else if (this.keypressTimeoutId) {
+      this.resetKeypressTimer();
+    }
+    this.lastKeyWasModified = event.shiftKey;
+  }
+  setKeypressTimer() {
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    this.keypressTimeoutId = window.setTimeout(this.resetKeypressTimer.bind(this), this.timeoutTime);
+  }
+  resetKeypressTimer() {
+    if (!this.$updateSpan) {
+      return;
+    }
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+      this.keypressTimeoutId = null;
+    }
+    const $updateSpan = this.$updateSpan;
+    this.keypressCounter = 0;
+    $updateSpan.textContent = this.i18n.t('timedOut');
+    this.timeoutMessageId = window.setTimeout(() => {
+      $updateSpan.textContent = '';
+    }, this.timeoutTime);
+    this.updateIndicator();
+  }
+  resetPage() {
+    document.body.classList.remove('govuk-exit-this-page-hide-content');
+    if (this.$overlay) {
+      this.$overlay.remove();
+      this.$overlay = null;
+    }
+    if (this.$updateSpan) {
+      this.$updateSpan.setAttribute('role', 'status');
+      this.$updateSpan.textContent = '';
+    }
+    this.updateIndicator();
+    if (this.keypressTimeoutId) {
+      window.clearTimeout(this.keypressTimeoutId);
+    }
+    if (this.timeoutMessageId) {
+      window.clearTimeout(this.timeoutMessageId);
+    }
+  }
+}
 
-ErrorSummary.prototype.focusTarget = function($target) {
-  if (!($target instanceof HTMLAnchorElement)) {
-    return false;
+/**
+ * Exit this Page config
+ *
+ * @see {@link ExitThisPage.defaults}
+ * @typedef {object} ExitThisPageConfig
+ * @property {ExitThisPageTranslations} [i18n=ExitThisPage.defaults.i18n] - Exit this page translations
+ */
+
+/**
+ * Exit this Page translations
+ *
+ * @see {@link ExitThisPage.defaults.i18n}
+ * @typedef {object} ExitThisPageTranslations
+ *
+ * Messages used by the component programatically inserted text, including
+ * overlay text and screen reader announcements.
+ * @property {string} [activated] - Screen reader announcement for when EtP
+ *   keypress functionality has been successfully activated.
+ * @property {string} [timedOut] - Screen reader announcement for when the EtP
+ *   keypress functionality has timed out.
+ * @property {string} [pressTwoMoreTimes] - Screen reader announcement informing
+ *   the user they must press the activation key two more times.
+ * @property {string} [pressOneMoreTime] - Screen reader announcement informing
+ *   the user they must press the activation key one more time.
+ */
+ExitThisPage.moduleName = 'govuk-exit-this-page';
+ExitThisPage.defaults = Object.freeze({
+  i18n: {
+    activated: 'Loading.',
+    timedOut: 'Exit this page expired.',
+    pressTwoMoreTimes: 'Shift, press 2 more times to exit.',
+    pressOneMoreTime: 'Shift, press 1 more time to exit.'
+  }
+});
+
+/**
+ * Header component
+ *
+ * @preserve
+ */
+class Header extends GOVUKFrontendComponent {
+  /**
+   * Apply a matchMedia for desktop which will trigger a state sync if the
+   * browser viewport moves between states.
+   *
+   * @param {Element | null} $module - HTML element to use for header
+   */
+  constructor($module) {
+    super();
+    this.$module = void 0;
+    this.$menuButton = void 0;
+    this.$menu = void 0;
+    this.menuIsOpen = false;
+    this.mql = null;
+    if (!$module) {
+      throw new ElementError({
+        componentName: 'Header',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    this.$module = $module;
+    const $menuButton = $module.querySelector('.govuk-js-header-toggle');
+    if (!$menuButton) {
+      return this;
+    }
+    const menuId = $menuButton.getAttribute('aria-controls');
+    if (!menuId) {
+      throw new ElementError({
+        componentName: 'Header',
+        identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
+      });
+    }
+    const $menu = document.getElementById(menuId);
+    if (!$menu) {
+      throw new ElementError({
+        componentName: 'Header',
+        element: $menu,
+        identifier: `Navigation (\`<ul id="${menuId}">\`)`
+      });
+    }
+    this.$menu = $menu;
+    this.$menuButton = $menuButton;
+    this.mql = window.matchMedia('(min-width: 48.0625em)');
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.syncState());
+    } else {
+      this.mql.addListener(() => this.syncState());
+    }
+    this.syncState();
+    this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
   }
-  var inputId = this.getFragmentFromUrl($target.href);
-  if (!inputId) {
-    return false;
+  syncState() {
+    if (!this.mql || !this.$menu || !this.$menuButton) {
+      return;
+    }
+    if (this.mql.matches) {
+      this.$menu.removeAttribute('hidden');
+      this.$menuButton.setAttribute('hidden', '');
+    } else {
+      this.$menuButton.removeAttribute('hidden');
+      this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
+      if (this.menuIsOpen) {
+        this.$menu.removeAttribute('hidden');
+      } else {
+        this.$menu.setAttribute('hidden', '');
+      }
+    }
   }
-  var $input = document.getElementById(inputId);
-  if (!$input) {
-    return false;
+  handleMenuButtonClick() {
+    this.menuIsOpen = !this.menuIsOpen;
+    this.syncState();
   }
-  var $legendOrLabel = this.getAssociatedLegendOrLabel($input);
-  if (!$legendOrLabel) {
-    return false;
+}
+Header.moduleName = 'govuk-header';
+
+/**
+ * Notification Banner component
+ *
+ * @preserve
+ */
+class NotificationBanner extends GOVUKFrontendComponent {
+  /**
+   * @param {Element | null} $module - HTML element to use for notification banner
+   * @param {NotificationBannerConfig} [config] - Notification banner config
+   */
+  constructor($module, config = {}) {
+    super();
+    this.$module = void 0;
+    this.config = void 0;
+    if (!($module instanceof HTMLElement)) {
+      throw new ElementError({
+        componentName: 'Notification banner',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    this.$module = $module;
+    this.config = mergeConfigs(NotificationBanner.defaults, config, normaliseDataset($module.dataset));
+    this.setFocus();
   }
-  $legendOrLabel.scrollIntoView();
-  $input.focus({
-    preventScroll: true
-  });
-  return true;
-};
-
-ErrorSummary.prototype.getFragmentFromUrl = function(url) {
-  if (url.indexOf("#") === -1) {
-    return undefined;
+  setFocus() {
+    if (this.config.disableAutoFocus) {
+      return;
+    }
+    if (this.$module.getAttribute('role') !== 'alert') {
+      return;
+    }
+    if (!this.$module.getAttribute('tabindex')) {
+      this.$module.setAttribute('tabindex', '-1');
+      this.$module.addEventListener('blur', () => {
+        this.$module.removeAttribute('tabindex');
+      });
+    }
+    this.$module.focus();
   }
-  return url.split("#").pop();
-};
+}
 
-ErrorSummary.prototype.getAssociatedLegendOrLabel = function($input) {
-  var $fieldset = $input.closest("fieldset");
-  if ($fieldset) {
-    var $legends = $fieldset.getElementsByTagName("legend");
-    if ($legends.length) {
-      var $candidateLegend = $legends[0];
-      if ($input instanceof HTMLInputElement && ($input.type === "checkbox" || $input.type === "radio")) {
-        return $candidateLegend;
+/**
+ * Notification banner config
+ *
+ * @typedef {object} NotificationBannerConfig
+ * @property {boolean} [disableAutoFocus=false] - If set to `true` the
+ *   notification banner will not be focussed when the page loads. This only
+ *   applies if the component has a `role` of `alert` – in other cases the
+ *   component will not be focused on page load, regardless of this option.
+ */
+NotificationBanner.moduleName = 'govuk-notification-banner';
+NotificationBanner.defaults = Object.freeze({
+  disableAutoFocus: false
+});
+
+/**
+ * Radios component
+ *
+ * @preserve
+ */
+class Radios extends GOVUKFrontendComponent {
+  /**
+   * Radios can be associated with a 'conditionally revealed' content block –
+   * for example, a radio for 'Phone' could reveal an additional form field for
+   * the user to enter their phone number.
+   *
+   * These associations are made using a `data-aria-controls` attribute, which
+   * is promoted to an aria-controls attribute during initialisation.
+   *
+   * We also need to restore the state of any conditional reveals on the page
+   * (for example if the user has navigated back), and set up event handlers to
+   * keep the reveal in sync with the radio state.
+   *
+   * @param {Element | null} $module - HTML element to use for radios
+   */
+  constructor($module) {
+    super();
+    this.$module = void 0;
+    this.$inputs = void 0;
+    if (!($module instanceof HTMLElement)) {
+      throw new ElementError({
+        componentName: 'Radios',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    const $inputs = $module.querySelectorAll('input[type="radio"]');
+    if (!$inputs.length) {
+      throw new ElementError({
+        componentName: 'Radios',
+        identifier: 'Form inputs (`<input type="radio">`)'
+      });
+    }
+    this.$module = $module;
+    this.$inputs = $inputs;
+    this.$inputs.forEach($input => {
+      const targetId = $input.getAttribute('data-aria-controls');
+      if (!targetId) {
+        return;
       }
-      var legendTop = $candidateLegend.getBoundingClientRect().top;
-      var inputRect = $input.getBoundingClientRect();
-      if (inputRect.height && window.innerHeight) {
-        var inputBottom = inputRect.top + inputRect.height;
-        if (inputBottom - legendTop < window.innerHeight / 2) {
-          return $candidateLegend;
-        }
+      if (!document.getElementById(targetId)) {
+        throw new ElementError({
+          componentName: 'Radios',
+          identifier: `Conditional reveal (\`id="${targetId}"\`)`
+        });
       }
+      $input.setAttribute('aria-controls', targetId);
+      $input.removeAttribute('data-aria-controls');
+    });
+    window.addEventListener('pageshow', () => this.syncAllConditionalReveals());
+    this.syncAllConditionalReveals();
+    this.$module.addEventListener('click', event => this.handleClick(event));
+  }
+  syncAllConditionalReveals() {
+    this.$inputs.forEach($input => this.syncConditionalRevealWithInputState($input));
+  }
+  syncConditionalRevealWithInputState($input) {
+    const targetId = $input.getAttribute('aria-controls');
+    if (!targetId) {
+      return;
+    }
+    const $target = document.getElementById(targetId);
+    if ($target != null && $target.classList.contains('govuk-radios__conditional')) {
+      const inputIsChecked = $input.checked;
+      $input.setAttribute('aria-expanded', inputIsChecked.toString());
+      $target.classList.toggle('govuk-radios__conditional--hidden', !inputIsChecked);
     }
   }
-  return document.querySelector("label[for='" + $input.getAttribute("id") + "']") || $input.closest("label");
-};
-
-function Radios($module) {
-  if (!($module instanceof HTMLElement)) {
-    return this;
+  handleClick(event) {
+    const $clickedInput = event.target;
+    if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'radio') {
+      return;
+    }
+    const $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
+    const $clickedInputForm = $clickedInput.form;
+    const $clickedInputName = $clickedInput.name;
+    $allInputs.forEach($input => {
+      const hasSameFormOwner = $input.form === $clickedInputForm;
+      const hasSameName = $input.name === $clickedInputName;
+      if (hasSameName && hasSameFormOwner) {
+        this.syncConditionalRevealWithInputState($input);
+      }
+    });
+  }
+}
+Radios.moduleName = 'govuk-radios';
+
+/**
+ * Skip link component
+ *
+ * @preserve
+ */
+class SkipLink extends GOVUKFrontendComponent {
+  /**
+   * @param {Element | null} $module - HTML element to use for skip link
+   * @throws {ElementError} when $module is not set or the wrong type
+   * @throws {ElementError} when $module.hash does not contain a hash
+   * @throws {ElementError} when the linked element is missing or the wrong type
+   */
+  constructor($module) {
+    var _this$$module$getAttr;
+    super();
+    this.$module = void 0;
+    this.$linkedElement = void 0;
+    this.linkedElementListener = false;
+    if (!($module instanceof HTMLAnchorElement)) {
+      throw new ElementError({
+        componentName: 'Skip link',
+        element: $module,
+        expectedType: 'HTMLAnchorElement',
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    this.$module = $module;
+    const hash = this.$module.hash;
+    const href = (_this$$module$getAttr = this.$module.getAttribute('href')) != null ? _this$$module$getAttr : '';
+    let url;
+    try {
+      url = new window.URL(this.$module.href);
+    } catch (error) {
+      throw new ElementError(`Skip link: Target link (\`href="${href}"\`) is invalid`);
+    }
+    if (url.origin !== window.location.origin || url.pathname !== window.location.pathname) {
+      return;
+    }
+    const linkedElementId = getFragmentFromUrl(hash);
+    if (!linkedElementId) {
+      throw new ElementError(`Skip link: Target link (\`href="${href}"\`) has no hash fragment`);
+    }
+    const $linkedElement = document.getElementById(linkedElementId);
+    if (!$linkedElement) {
+      throw new ElementError({
+        componentName: 'Skip link',
+        element: $linkedElement,
+        identifier: `Target content (\`id="${linkedElementId}"\`)`
+      });
+    }
+    this.$linkedElement = $linkedElement;
+    this.$module.addEventListener('click', () => this.focusLinkedElement());
   }
-  var $inputs = $module.querySelectorAll('input[type="radio"]');
-  if (!$inputs.length) {
-    return this;
+  focusLinkedElement() {
+    if (!this.$linkedElement) {
+      return;
+    }
+    if (!this.$linkedElement.getAttribute('tabindex')) {
+      this.$linkedElement.setAttribute('tabindex', '-1');
+      this.$linkedElement.classList.add('govuk-skip-link-focused-element');
+      if (!this.linkedElementListener) {
+        this.$linkedElement.addEventListener('blur', () => this.removeFocusProperties());
+        this.linkedElementListener = true;
+      }
+    }
+    this.$linkedElement.focus();
+  }
+  removeFocusProperties() {
+    if (!this.$linkedElement) {
+      return;
+    }
+    this.$linkedElement.removeAttribute('tabindex');
+    this.$linkedElement.classList.remove('govuk-skip-link-focused-element');
   }
-  this.$module = $module;
-  this.$inputs = $inputs;
 }
-
-Radios.prototype.init = function() {
-  if (!this.$module || !this.$inputs) {
-    return;
+SkipLink.moduleName = 'govuk-skip-link';
+
+/**
+ * Tabs component
+ *
+ * @preserve
+ */
+class Tabs extends GOVUKFrontendComponent {
+  /**
+   * @param {Element | null} $module - HTML element to use for tabs
+   */
+  constructor($module) {
+    super();
+    this.$module = void 0;
+    this.$tabs = void 0;
+    this.$tabList = void 0;
+    this.$tabListItems = void 0;
+    this.keys = {
+      left: 37,
+      right: 39,
+      up: 38,
+      down: 40
+    };
+    this.jsHiddenClass = 'govuk-tabs__panel--hidden';
+    this.changingHash = false;
+    this.boundTabClick = void 0;
+    this.boundTabKeydown = void 0;
+    this.boundOnHashChange = void 0;
+    this.mql = null;
+    if (!$module) {
+      throw new ElementError({
+        componentName: 'Tabs',
+        element: $module,
+        identifier: 'Root element (`$module`)'
+      });
+    }
+    const $tabs = $module.querySelectorAll('a.govuk-tabs__tab');
+    if (!$tabs.length) {
+      throw new ElementError({
+        componentName: 'Tabs',
+        identifier: 'Links (`<a class="govuk-tabs__tab">`)'
+      });
+    }
+    this.$module = $module;
+    this.$tabs = $tabs;
+    this.boundTabClick = this.onTabClick.bind(this);
+    this.boundTabKeydown = this.onTabKeydown.bind(this);
+    this.boundOnHashChange = this.onHashChange.bind(this);
+    const $tabList = this.$module.querySelector('.govuk-tabs__list');
+    const $tabListItems = this.$module.querySelectorAll('li.govuk-tabs__list-item');
+    if (!$tabList) {
+      throw new ElementError({
+        componentName: 'Tabs',
+        identifier: 'List (`<ul class="govuk-tabs__list">`)'
+      });
+    }
+    if (!$tabListItems.length) {
+      throw new ElementError({
+        componentName: 'Tabs',
+        identifier: 'List items (`<li class="govuk-tabs__list-item">`)'
+      });
+    }
+    this.$tabList = $tabList;
+    this.$tabListItems = $tabListItems;
+    this.setupResponsiveChecks();
+  }
+  setupResponsiveChecks() {
+    this.mql = window.matchMedia('(min-width: 40.0625em)');
+    if ('addEventListener' in this.mql) {
+      this.mql.addEventListener('change', () => this.checkMode());
+    } else {
+      this.mql.addListener(() => this.checkMode());
+    }
+    this.checkMode();
+  }
+  checkMode() {
+    var _this$mql;
+    if ((_this$mql = this.mql) != null && _this$mql.matches) {
+      this.setup();
+    } else {
+      this.teardown();
+    }
+  }
+  setup() {
+    var _this$getTab;
+    this.$tabList.setAttribute('role', 'tablist');
+    this.$tabListItems.forEach($item => {
+      $item.setAttribute('role', 'presentation');
+    });
+    this.$tabs.forEach($tab => {
+      this.setAttributes($tab);
+      $tab.addEventListener('click', this.boundTabClick, true);
+      $tab.addEventListener('keydown', this.boundTabKeydown, true);
+      this.hideTab($tab);
+    });
+    const $activeTab = (_this$getTab = this.getTab(window.location.hash)) != null ? _this$getTab : this.$tabs[0];
+    this.showTab($activeTab);
+    window.addEventListener('hashchange', this.boundOnHashChange, true);
+  }
+  teardown() {
+    this.$tabList.removeAttribute('role');
+    this.$tabListItems.forEach($item => {
+      $item.removeAttribute('role');
+    });
+    this.$tabs.forEach($tab => {
+      $tab.removeEventListener('click', this.boundTabClick, true);
+      $tab.removeEventListener('keydown', this.boundTabKeydown, true);
+      this.unsetAttributes($tab);
+    });
+    window.removeEventListener('hashchange', this.boundOnHashChange, true);
   }
-  var $module = this.$module;
-  var $inputs = this.$inputs;
-  nodeListForEach($inputs, (function($input) {
-    var targetId = $input.getAttribute("data-aria-controls");
-    if (!targetId || !document.getElementById(targetId)) {
+  onHashChange() {
+    const hash = window.location.hash;
+    const $tabWithHash = this.getTab(hash);
+    if (!$tabWithHash) {
       return;
     }
-    $input.setAttribute("aria-controls", targetId);
-    $input.removeAttribute("data-aria-controls");
-  }));
-  window.addEventListener("onpageshow" in window ? "pageshow" : "DOMContentLoaded", this.syncAllConditionalReveals.bind(this));
-  this.syncAllConditionalReveals();
-  $module.addEventListener("click", this.handleClick.bind(this));
-};
-
-Radios.prototype.syncAllConditionalReveals = function() {
-  nodeListForEach(this.$inputs, this.syncConditionalRevealWithInputState.bind(this));
-};
-
-Radios.prototype.syncConditionalRevealWithInputState = function($input) {
-  var targetId = $input.getAttribute("aria-controls");
-  if (!targetId) {
-    return;
+    if (this.changingHash) {
+      this.changingHash = false;
+      return;
+    }
+    const $previousTab = this.getCurrentTab();
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($previousTab);
+    this.showTab($tabWithHash);
+    $tabWithHash.focus();
   }
-  var $target = document.getElementById(targetId);
-  if ($target && $target.classList.contains("govuk-radios__conditional")) {
-    var inputIsChecked = $input.checked;
-    $input.setAttribute("aria-expanded", inputIsChecked.toString());
-    $target.classList.toggle("govuk-radios__conditional--hidden", !inputIsChecked);
+  hideTab($tab) {
+    this.unhighlightTab($tab);
+    this.hidePanel($tab);
   }
-};
-
-Radios.prototype.handleClick = function(event) {
-  var $component = this;
-  var $clickedInput = event.target;
-  if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== "radio") {
-    return;
+  showTab($tab) {
+    this.highlightTab($tab);
+    this.showPanel($tab);
+  }
+  getTab(hash) {
+    return this.$module.querySelector(`a.govuk-tabs__tab[href="${hash}"]`);
   }
-  var $allInputs = document.querySelectorAll('input[type="radio"][aria-controls]');
-  var $clickedInputForm = $clickedInput.form;
-  var $clickedInputName = $clickedInput.name;
-  nodeListForEach($allInputs, (function($input) {
-    var hasSameFormOwner = $input.form === $clickedInputForm;
-    var hasSameName = $input.name === $clickedInputName;
-    if (hasSameName && hasSameFormOwner) {
-      $component.syncConditionalRevealWithInputState($input);
+  setAttributes($tab) {
+    const panelId = getFragmentFromUrl($tab.href);
+    if (!panelId) {
+      return;
     }
-  }));
-};
+    $tab.setAttribute('id', `tab_${panelId}`);
+    $tab.setAttribute('role', 'tab');
+    $tab.setAttribute('aria-controls', panelId);
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.setAttribute('tabindex', '-1');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.setAttribute('role', 'tabpanel');
+    $panel.setAttribute('aria-labelledby', $tab.id);
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unsetAttributes($tab) {
+    $tab.removeAttribute('id');
+    $tab.removeAttribute('role');
+    $tab.removeAttribute('aria-controls');
+    $tab.removeAttribute('aria-selected');
+    $tab.removeAttribute('tabindex');
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.removeAttribute('role');
+    $panel.removeAttribute('aria-labelledby');
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  onTabClick(event) {
+    const $currentTab = this.getCurrentTab();
+    const $nextTab = event.currentTarget;
+    if (!$currentTab || !($nextTab instanceof HTMLAnchorElement)) {
+      return;
+    }
+    event.preventDefault();
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    this.createHistoryEntry($nextTab);
+  }
+  createHistoryEntry($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    const panelId = $panel.id;
+    $panel.id = '';
+    this.changingHash = true;
+    window.location.hash = panelId;
+    $panel.id = panelId;
+  }
+  onTabKeydown(event) {
+    switch (event.keyCode) {
+      case this.keys.left:
+      case this.keys.up:
+        this.activatePreviousTab();
+        event.preventDefault();
+        break;
+      case this.keys.right:
+      case this.keys.down:
+        this.activateNextTab();
+        event.preventDefault();
+        break;
+    }
+  }
+  activateNextTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $nextTabListItem = $currentTab.parentElement.nextElementSibling;
+    if (!$nextTabListItem) {
+      return;
+    }
+    const $nextTab = $nextTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$nextTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($nextTab);
+    $nextTab.focus();
+    this.createHistoryEntry($nextTab);
+  }
+  activatePreviousTab() {
+    const $currentTab = this.getCurrentTab();
+    if (!($currentTab != null && $currentTab.parentElement)) {
+      return;
+    }
+    const $previousTabListItem = $currentTab.parentElement.previousElementSibling;
+    if (!$previousTabListItem) {
+      return;
+    }
+    const $previousTab = $previousTabListItem.querySelector('a.govuk-tabs__tab');
+    if (!$previousTab) {
+      return;
+    }
+    this.hideTab($currentTab);
+    this.showTab($previousTab);
+    $previousTab.focus();
+    this.createHistoryEntry($previousTab);
+  }
+  getPanel($tab) {
+    const panelId = getFragmentFromUrl($tab.href);
+    if (!panelId) {
+      return null;
+    }
+    return this.$module.querySelector(`#${panelId}`);
+  }
+  showPanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.remove(this.jsHiddenClass);
+  }
+  hidePanel($tab) {
+    const $panel = this.getPanel($tab);
+    if (!$panel) {
+      return;
+    }
+    $panel.classList.add(this.jsHiddenClass);
+  }
+  unhighlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'false');
+    $tab.parentElement.classList.remove('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '-1');
+  }
+  highlightTab($tab) {
+    if (!$tab.parentElement) {
+      return;
+    }
+    $tab.setAttribute('aria-selected', 'true');
+    $tab.parentElement.classList.add('govuk-tabs__list-item--selected');
+    $tab.setAttribute('tabindex', '0');
+  }
+  getCurrentTab() {
+    return this.$module.querySelector('.govuk-tabs__list-item--selected a.govuk-tabs__tab');
+  }
+}
+Tabs.moduleName = 'govuk-tabs';
 
-function initAll(options) {
-  options = typeof options !== "undefined" ? options : {};
-  const scope = typeof options.scope !== "undefined" ? options.scope : document;
-  const $buttons = scope.querySelectorAll('[data-module="govuk-button"]');
-  nodeListForEach($buttons, (function($button) {
-    new Button($button).init();
-  }));
-  const $characterCounts = scope.querySelectorAll('[data-module="govuk-character-count"]');
-  nodeListForEach($characterCounts, (function($characterCount) {
-    new CharacterCount($characterCount).init();
-  }));
-  const $checkboxes = scope.querySelectorAll('[data-module="govuk-checkboxes"]');
-  nodeListForEach($checkboxes, (function($checkbox) {
-    new Checkboxes($checkbox).init();
-  }));
-  const $errorSummary = scope.querySelector('[data-module="govuk-error-summary"]');
-  new ErrorSummary($errorSummary).init();
-  const $radios = scope.querySelectorAll('[data-module="govuk-radios"]');
-  nodeListForEach($radios, (function($radio) {
-    new Radios($radio).init();
-  }));
+function initAll(config) {
+  let _config$scope;
+  config = typeof config !== 'undefined' ? config : {};
+  if (!isSupported()) {
+    console.log(new SupportError());
+    return;
+  }
+  const components = [[Button, config.button], [CharacterCount, config.characterCount], [Checkboxes], [ErrorSummary, config.errorSummary], [Radios]];
+  const $scope = (_config$scope = config.scope) != null ? _config$scope : document;
+  components.forEach(([Component, config]) => {
+    const $elements = $scope.querySelectorAll(`[data-module="${Component.moduleName}"]`);
+    $elements.forEach($element => {
+      try {
+        'defaults' in Component ? new Component($element, config) : new Component($element);
+      } catch (error) {
+        console.log(error);
+      }
+    });
+  });
 }
 
 export { Button, CharacterCount, Checkboxes, ErrorSummary, Radios, initAll };