hmrc-frontend 5.9.0 → 5.10.0

package/hmrc/all.js

@@ -942,881 +942,883 @@
     }
   };
 
-  (function (undefined) {
-    // Detection from https://github.com/Financial-Times/polyfill-library/blob/987630a085e29226da16b5dc542042c687560191/polyfills/Array/prototype/forEach/detect.js
-    var detect = ('forEach' in Array.prototype);
-    if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Array.prototype.forEach&flags=always
+  function BackLinkHelper($module, window, document) {
+    this.$module = $module;
+    this.window = window;
+    this.document = document;
+  }
 
-    (function () {
-      Array.prototype.forEach = function forEach(callback) {
-        if (this === undefined || this === null) {
-          throw new TypeError(this + " is not an object");
-        }
+  BackLinkHelper.prototype.init = function init() {
+    var _this = this;
 
-        if (typeof callback !== "function") {
-          throw new TypeError(callback + " is not a function");
-        }
+    // do nothing if History API is absent
+    if (this.window.history) {
+      // store referrer value to cater for IE
+      var docReferrer = this.document.referrer; // prevent resubmit warning
 
-        var object = Object(this),
-            scope = arguments[1],
-            arraylike = object instanceof String ? object.split("") : object,
-            length = Math.max(Math.min(arraylike.length, 9007199254740991), 0) || 0,
-            index = -1;
+      if (this.window.history.replaceState && typeof this.window.history.replaceState === 'function') {
+        this.window.history.replaceState(null, null, this.window.location.href);
+      } // handle 'Back' click, dependent upon presence of referrer & no host change
 
-        while (++index < length) {
-          if (index in arraylike) {
-            callback.call(scope, arraylike[index], index, object);
+
+      this.$module.addEventListener('click', function (event) {
+        event.preventDefault();
+
+        if (_this.window.history.back && typeof _this.window.history.back === 'function') {
+          if (docReferrer !== '' && docReferrer.indexOf(_this.window.location.host) !== -1) {
+            _this.window.history.back();
           }
         }
-      };
-    })();
-  }).call('object' === (typeof window === "undefined" ? "undefined" : _typeof(window)) && window || 'object' === (typeof self === "undefined" ? "undefined" : _typeof(self)) && self || 'object' === (typeof global === "undefined" ? "undefined" : _typeof(global)) && global || {});
+      });
+    }
+  };
 
-  (function (undefined) {
-    // Detection from https://github.com/Financial-Times/polyfill-library/blob/987630a085e29226da16b5dc542042c687560191/polyfills/Object/keys/detect.js
-    var detect = 'keys' in Object && function () {
-      // Safari 5.0 bug where Object.keys doesn't work with arguments
-      return Object.keys(arguments).length === 2;
-    }(1, 2) && function () {
-      try {
-        return true;
-      } catch (e) {
-        return false;
+  var Event_1 = createCommonjsModule(function (module, exports) {
+  (function (global, factory) {
+    factory();
+  })(commonjsGlobal, function () {
+
+    (function (undefined) {
+      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Window/detect.js
+      var detect = ('Window' in this);
+      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Window&flags=always
+
+      if (typeof WorkerGlobalScope === "undefined" && typeof importScripts !== "function") {
+        (function (global) {
+          if (global.constructor) {
+            global.Window = global.constructor;
+          } else {
+            (global.Window = global.constructor = new Function('return function Window() {}')()).prototype = this;
+          }
+        })(this);
       }
-    }();
+    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
+    (function (undefined) {
+      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Document/detect.js
+      var detect = ("Document" in this);
+      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Document&flags=always
 
-    if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.assign&flags=always
+      if (typeof WorkerGlobalScope === "undefined" && typeof importScripts !== "function") {
+        if (this.HTMLDocument) {
+          // IE8
+          // HTMLDocument is an extension of Document.  If the browser has HTMLDocument but not Document, the former will suffice as an alias for the latter.
+          this.Document = this.HTMLDocument;
+        } else {
+          // Create an empty function to act as the missing constructor for the document object, attach the document object as its prototype.  The function needs to be anonymous else it is hoisted and causes the feature detect to prematurely pass, preventing the assignments below being made.
+          this.Document = this.HTMLDocument = document.constructor = new Function('return function Document() {}')();
+          this.Document.prototype = document;
+        }
+      }
+    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
+    (function (undefined) {
+      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Element/detect.js
+      var detect = 'Element' in this && 'HTMLElement' in this;
+      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element&flags=always
 
-    Object.keys = function () {
+      (function () {
+        // IE8
+        if (window.Element && !window.HTMLElement) {
+          window.HTMLElement = window.Element;
+          return;
+        } // create Element constructor
 
-      var has = Object.prototype.hasOwnProperty;
-      var toStr = Object.prototype.toString;
-      var isEnumerable = Object.prototype.propertyIsEnumerable;
-      var hasDontEnumBug = !isEnumerable.call({
-        toString: null
-      }, "toString");
-      var hasProtoEnumBug = isEnumerable.call(function () {}, "prototype");
-      var dontEnums = ["toString", "toLocaleString", "valueOf", "hasOwnProperty", "isPrototypeOf", "propertyIsEnumerable", "constructor"];
 
-      var equalsConstructorPrototype = function equalsConstructorPrototype(o) {
-        var ctor = o.constructor;
-        return ctor && ctor.prototype === o;
-      };
+        window.Element = window.HTMLElement = new Function('return function Element() {}')(); // generate sandboxed iframe
 
-      var excludedKeys = {
-        $console: true,
-        $external: true,
-        $frame: true,
-        $frameElement: true,
-        $frames: true,
-        $innerHeight: true,
-        $innerWidth: true,
-        $outerHeight: true,
-        $outerWidth: true,
-        $pageXOffset: true,
-        $pageYOffset: true,
-        $parent: true,
-        $scrollLeft: true,
-        $scrollTop: true,
-        $scrollX: true,
-        $scrollY: true,
-        $self: true,
-        $webkitIndexedDB: true,
-        $webkitStorageInfo: true,
-        $window: true
-      };
+        var vbody = document.appendChild(document.createElement('body'));
+        var frame = vbody.appendChild(document.createElement('iframe')); // use sandboxed iframe to replicate Element functionality
 
-      var hasAutomationEqualityBug = function () {
-        /* global window */
-        if (typeof window === "undefined") {
-          return false;
-        }
+        var frameDocument = frame.contentWindow.document;
+        var prototype = Element.prototype = frameDocument.appendChild(frameDocument.createElement('*'));
+        var cache = {}; // polyfill Element.prototype on an element
 
-        for (var k in window) {
-          try {
-            if (!excludedKeys['$' + k] && has.call(window, k) && window[k] !== null && _typeof(window[k]) === 'object') {
-              try {
-                equalsConstructorPrototype(window[k]);
-              } catch (e) {
-                return true;
-              }
+        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;
             }
-          } catch (e) {
-            return true;
           }
-        }
-
-        return false;
-      }();
 
-      var equalsConstructorPrototypeIfNotBuggy = function equalsConstructorPrototypeIfNotBuggy(o) {
-        /* global window */
-        if (typeof window === "undefined" || !hasAutomationEqualityBug) {
-          return equalsConstructorPrototype(o);
-        }
+          while (childNode = deep && childNodes[++index]) {
+            shiv(childNode, deep);
+          }
 
-        try {
-          return equalsConstructorPrototype(o);
-        } catch (e) {
-          return false;
-        }
-      };
+          return element;
+        };
 
-      function isArgumentsObject(value) {
-        var str = toStr.call(value);
-        var isArgs = str === "[object Arguments]";
+        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;
 
-        if (!isArgs) {
-          isArgs = str !== "[object Array]" && value !== null && _typeof(value) === "object" && typeof value.length === "number" && value.length >= 0 && toStr.call(value.callee) === "[object Function]";
-        }
+          while (element = elements[++index]) {
+            if (element.nodeType === 1) {
+              if (nonValue || element[propertyName] === oldValue) {
+                element[propertyName] = newValue;
+              }
+            }
+          }
 
-        return isArgs;
-      }
+          cache[propertyName] = newValue;
+        });
+        prototype.constructor = Element;
 
-      return function keys(object) {
-        var isFunction = toStr.call(object) === "[object Function]";
-        var isArguments = isArgumentsObject(object);
-        var isString = toStr.call(object) === "[object String]";
-        var theKeys = [];
+        if (!prototype.hasAttribute) {
+          // <Element>.hasAttribute
+          prototype.hasAttribute = function hasAttribute(name) {
+            return this.getAttribute(name) !== null;
+          };
+        } // Apply Element prototype to the pre-existing DOM as soon as the body element appears.
 
-        if (object === undefined || object === null) {
-          throw new TypeError("Cannot convert undefined or null to object");
-        }
 
-        var skipProto = hasProtoEnumBug && isFunction;
+        function bodyCheck() {
+          if (!loopLimit--) clearTimeout(interval);
 
-        if (isString && object.length > 0 && !has.call(object, 0)) {
-          for (var i = 0; i < object.length; ++i) {
-            theKeys.push(String(i));
+          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;
           }
-        }
 
-        if (isArguments && object.length > 0) {
-          for (var j = 0; j < object.length; ++j) {
-            theKeys.push(String(j));
-          }
-        } else {
-          for (var name in object) {
-            if (!(skipProto && name === "prototype") && has.call(object, name)) {
-              theKeys.push(String(name));
-            }
-          }
+          return false;
         }
 
-        if (hasDontEnumBug) {
-          var skipConstructor = equalsConstructorPrototypeIfNotBuggy(object);
+        if (!bodyCheck()) {
+          document.onreadystatechange = bodyCheck;
+          interval = setInterval(bodyCheck, 25);
+        } // Apply to any new elements created after load
 
-          for (var k = 0; k < dontEnums.length; ++k) {
-            if (!(skipConstructor && dontEnums[k] === "constructor") && has.call(object, dontEnums[k])) {
-              theKeys.push(dontEnums[k]);
-            }
-          }
-        }
 
-        return theKeys;
-      };
-    }();
-  }).call("object" === (typeof window === "undefined" ? "undefined" : _typeof(window)) && window || "object" === (typeof self === "undefined" ? "undefined" : _typeof(self)) && self || "object" === (typeof global === "undefined" ? "undefined" : _typeof(global)) && global || {});
+        document.createElement = function createElement(nodeName) {
+          var element = nativeCreateElement(String(nodeName).toLowerCase());
+          return shiv(element);
+        }; // remove sandboxed iframe
 
-  (function (undefined) {
-    // Detection from https://github.com/Financial-Times/polyfill-library/blob/987630a085e29226da16b5dc542042c687560191/polyfills/Object/assign/detect.js
-    var detect = ('assign' in Object);
-    if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.assign&flags=always
 
-    (function () {
-      // 7.1.13 ToObject ( argument )
-      function toObject(argument) {
-        if (argument === null || argument === undefined) {
-          throw new TypeError('Cannot call method on ' + argument);
+        document.removeChild(vbody);
+      })();
+    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
+    (function (undefined) {
+      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Object/defineProperty/detect.js
+      var detect = // In IE8, defineProperty could only act on DOM elements, so full support
+      // for the feature requires the ability to set a property on an arbitrary object
+      'defineProperty' in Object && function () {
+        try {
+          var a = {};
+          Object.defineProperty(a, 'test', {
+            value: 42
+          });
+          return true;
+        } catch (e) {
+          return false;
         }
+      }();
 
-        return Object(argument);
-      }
-
-      Object.defineProperty(Object, 'assign', {
-        enumerable: false,
-        configurable: true,
-        writable: true,
-        value: function assign(target, source) {
-          // eslint-disable-line no-unused-vars
-          // 1. Let to be ? ToObject(target).
-          var to = toObject(target); // 2. If only one argument was passed, return to.
+      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.defineProperty&flags=always
 
-          if (arguments.length === 1) {
-            return to;
-          } // 3. Let sources be the List of argument values starting with the second argument
+      (function (nativeDefineProperty) {
+        var supportsAccessors = Object.prototype.hasOwnProperty('__defineGetter__');
+        var ERR_ACCESSORS_NOT_SUPPORTED = 'Getters & setters cannot be defined on this javascript engine';
+        var ERR_VALUE_ACCESSORS = 'A property cannot both have accessors and be writable or have a value';
 
+        Object.defineProperty = function defineProperty(object, property, descriptor) {
+          // Where native support exists, assume it
+          if (nativeDefineProperty && (object === window || object === document || object === Element.prototype || object instanceof Element)) {
+            return nativeDefineProperty(object, property, descriptor);
+          }
 
-          var sources = Array.prototype.slice.call(arguments, 1); // 4. For each element nextSource of sources, in ascending index order, do
+          if (object === null || !(object instanceof Object || typeof object === 'object')) {
+            throw new TypeError('Object.defineProperty called on non-object');
+          }
 
-          var index1;
-          var index2;
-          var keys;
-          var from;
+          if (!(descriptor instanceof Object)) {
+            throw new TypeError('Property description must be an object');
+          }
 
-          for (index1 = 0; index1 < sources.length; index1++) {
-            var nextSource = sources[index1]; // 4a. If nextSource is undefined or null, let keys be a new empty List.
+          var propertyString = String(property);
+          var hasValueOrWritable = 'value' in descriptor || 'writable' in descriptor;
+          var getterType = 'get' in descriptor && typeof descriptor.get;
+          var setterType = 'set' in descriptor && typeof descriptor.set; // handle descriptor.get
 
-            if (nextSource === undefined || nextSource === null) {
-              keys = []; // 4b. Else,
-            } else {
-              // 4bi. Let from be ! ToObject(nextSource).
-              from = toObject(nextSource); // 4bii. Let keys be ? from.[[OwnPropertyKeys]]().
+          if (getterType) {
+            if (getterType !== 'function') {
+              throw new TypeError('Getter must be a function');
+            }
 
-              /*
-                This step in our polyfill is not complying with the specification.
-                [[OwnPropertyKeys]] is meant to return ALL keys, including non-enumerable and symbols.
-                TODO: When we have Reflect.ownKeys, use that instead as it is the userland equivalent of [[OwnPropertyKeys]].
-              */
+            if (!supportsAccessors) {
+              throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
+            }
 
-              keys = Object.keys(from);
-            } // 4c. For each element nextKey of keys in List order, do
+            if (hasValueOrWritable) {
+              throw new TypeError(ERR_VALUE_ACCESSORS);
+            }
 
+            Object.__defineGetter__.call(object, propertyString, descriptor.get);
+          } else {
+            object[propertyString] = descriptor.value;
+          } // handle descriptor.set
 
-            for (index2 = 0; index2 < keys.length; index2++) {
-              var nextKey = keys[index2]; // 4ci. Let desc be ? from.[[GetOwnProperty]](nextKey).
 
-              var desc = Object.getOwnPropertyDescriptor(from, nextKey); // 4cii. If desc is not undefined and desc.[[Enumerable]] is true, then
+          if (setterType) {
+            if (setterType !== 'function') {
+              throw new TypeError('Setter must be a function');
+            }
 
-              if (desc !== undefined && desc.enumerable) {
-                // 4cii1. Let propValue be ? Get(from, nextKey).
-                var propValue = from[nextKey]; // 4cii2. Perform ? Set(to, nextKey, propValue, true).
+            if (!supportsAccessors) {
+              throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
+            }
 
-                to[nextKey] = propValue;
-              }
+            if (hasValueOrWritable) {
+              throw new TypeError(ERR_VALUE_ACCESSORS);
             }
-          } // 5. Return to.
 
+            Object.__defineSetter__.call(object, propertyString, descriptor.set);
+          } // OK to define value unconditionally - if a getter has been specified as well, an error would be thrown above
 
-          return to;
-        }
-      });
-    })();
-  }).call('object' === (typeof window === "undefined" ? "undefined" : _typeof(window)) && window || 'object' === (typeof self === "undefined" ? "undefined" : _typeof(self)) && self || 'object' === (typeof global === "undefined" ? "undefined" : _typeof(global)) && global || {});
 
-  (function (undefined) {
-    // Detection from https://github.com/Financial-Times/polyfill-library/blob/987630a085e29226da16b5dc542042c687560191/polyfills/Date/now/detect.js
-    var detect = 'Date' in this && 'now' in this.Date && 'getTime' in this.Date.prototype;
-    if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Array.prototype.forEach&flags=always
+          if ('value' in descriptor) {
+            object[propertyString] = descriptor.value;
+          }
 
-    Date.now = function now() {
-      return new Date().getTime();
-    };
-  }).call('object' === (typeof window === "undefined" ? "undefined" : _typeof(window)) && window || 'object' === (typeof self === "undefined" ? "undefined" : _typeof(self)) && self || 'object' === (typeof global === "undefined" ? "undefined" : _typeof(global)) && global || {});
+          return object;
+        };
+      })(Object.defineProperty);
+    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
+    (function (undefined) {
+      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Event/detect.js
+      var detect = function (global) {
+        if (!('Event' in global)) return false;
+        if (typeof global.Event === 'function') return true;
 
-  /**
-   * TODO: Ideally this would be a NodeList.prototype.forEach polyfill
-   * This seems to fail in IE8, requires more investigation.
-   * See: https://github.com/imagitama/nodelist-foreach-polyfill
-   */
-  // eslint-disable-next-line consistent-return
-  function nodeListForEach(nodes, callback) {
-    if (window.NodeList.prototype.forEach) {
-      return nodes.forEach(callback);
-    }
+        try {
+          // In IE 9-11, the Event object exists but cannot be instantiated
+          new Event('click');
+          return true;
+        } catch (e) {
+          return false;
+        }
+      }(this);
 
-    for (var i = 0; i < nodes.length; i += 1) {
-      callback.call(window, nodes[i], i, nodes);
-    }
-  } // eslint-disable-next-line import/prefer-default-export
+      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Event&flags=always
 
-  /* global ActiveXObject */
-  var _console = console,
-      warn = _console.warn;
-  var utils = {
-    generateDomElementFromString: function generateDomElementFromString(str) {
-      var abc = document.createElement('div');
-      abc.innerHTML = str;
-      return abc.firstChild;
-    },
-    generateDomElementFromStringAndAppendText: function generateDomElementFromStringAndAppendText(str, text) {
-      var $tmp = utils.generateDomElementFromString(str);
-      $tmp.innerText = text;
-      return $tmp;
-    },
-    hasClass: function hasClass(selector, className) {
-      return document.querySelector(selector).classList.contains(className);
-    },
-    addClass: function addClass(selector, className) {
-      var elements = document.querySelectorAll(selector);
-      nodeListForEach(elements, function (i) {
-        i.classList.add(className);
-      });
-    },
-    removeClass: function removeClass(selector, className) {
-      var elements = document.querySelectorAll(selector);
-      nodeListForEach(elements, function (i) {
-        i.classList.remove(className);
-      });
-    },
-    removeElement: function removeElement($elem) {
-      var parent = $elem.parentNode;
+      (function () {
+        var unlistenableWindowEvents = {
+          click: 1,
+          dblclick: 1,
+          keyup: 1,
+          keypress: 1,
+          keydown: 1,
+          mousedown: 1,
+          mouseup: 1,
+          mousemove: 1,
+          mouseover: 1,
+          mouseenter: 1,
+          mouseleave: 1,
+          mouseout: 1,
+          storage: 1,
+          storagecommit: 1,
+          textinput: 1
+        }; // This polyfill depends on availability of `document` so will not run in a worker
+        // However, we asssume there are no browsers with worker support that lack proper
+        // support for `Event` within the worker
 
-      if (parent) {
-        parent.removeChild($elem);
-      } else {
-        warn("couldn't find parent for elem", $elem);
-      }
-    },
-    ajaxGet: function ajaxGet(url, success) {
-      var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
-      xhr.open('GET', url);
+        if (typeof document === 'undefined' || typeof window === 'undefined') return;
 
-      xhr.onreadystatechange = function () {
-        if (xhr.readyState > 3 && xhr.status === 200) success(xhr.responseText);
-      };
+        function indexOf(array, element) {
+          var index = -1,
+              length = array.length;
 
-      xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
-      xhr.send();
-      return xhr;
-    }
-  };
+          while (++index < length) {
+            if (index in array && array[index] === element) {
+              return index;
+            }
+          }
 
-  function displayDialog($elementToDisplay) {
-    var $dialog = utils.generateDomElementFromString('<div id="hmrc-timeout-dialog" tabindex="-1" role="dialog" aria-modal="true" class="hmrc-timeout-dialog">');
-    var $overlay = utils.generateDomElementFromString('<div id="hmrc-timeout-overlay" class="hmrc-timeout-overlay">');
-    var $preparedElementToDisplay = typeof $elementToDisplay === 'string' ? utils.generateDomElementFromString($elementToDisplay) : $elementToDisplay;
-    var resetElementsFunctionList = [];
-    var closeCallbacks = [];
-    $dialog.appendChild($preparedElementToDisplay);
+          return -1;
+        }
 
-    if (!utils.hasClass('html', 'noScroll')) {
-      utils.addClass('html', 'noScroll');
-      resetElementsFunctionList.push(function () {
-        utils.removeClass('html', 'noScroll');
-      });
-    }
+        var existingProto = window.Event && window.Event.prototype || null;
 
-    document.body.appendChild($dialog);
-    document.body.appendChild($overlay);
-    resetElementsFunctionList.push(function () {
-      utils.removeElement($dialog);
-      utils.removeElement($overlay);
-    });
+        window.Event = Window.prototype.Event = function Event(type, eventInitDict) {
+          if (!type) {
+            throw new Error('Not enough arguments');
+          }
 
-    var setupFocusHandlerAndFocusDialog = function setupFocusHandlerAndFocusDialog() {
-      function keepFocus(event) {
-        var modalFocus = document.getElementById('hmrc-timeout-dialog');
+          var event; // Shortcut if browser supports createEvent
 
-        if (modalFocus) {
-          if (event.target !== modalFocus && !modalFocus.contains(event.target)) {
-            event.stopPropagation();
-            modalFocus.focus();
+          if ('createEvent' in document) {
+            event = document.createEvent('Event');
+            var bubbles = eventInitDict && eventInitDict.bubbles !== undefined ? eventInitDict.bubbles : false;
+            var cancelable = eventInitDict && eventInitDict.cancelable !== undefined ? eventInitDict.cancelable : false;
+            event.initEvent(type, bubbles, cancelable);
+            return event;
           }
+
+          event = document.createEventObject();
+          event.type = type;
+          event.bubbles = eventInitDict && eventInitDict.bubbles !== undefined ? eventInitDict.bubbles : false;
+          event.cancelable = eventInitDict && eventInitDict.cancelable !== undefined ? eventInitDict.cancelable : false;
+          return event;
+        };
+
+        if (existingProto) {
+          Object.defineProperty(window.Event, 'prototype', {
+            configurable: false,
+            enumerable: false,
+            writable: true,
+            value: existingProto
+          });
         }
-      }
 
-      var elemToFocusOnReset = document.activeElement;
-      $dialog.focus();
-      document.addEventListener('focus', keepFocus, true);
-      resetElementsFunctionList.push(function () {
-        document.removeEventListener('focus', keepFocus);
-        elemToFocusOnReset.focus();
-      });
-    }; // disable the non-dialog page to prevent confusion for VoiceOver users
+        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.');
+            }
 
-    var selectors = ['#skiplink-container', 'body > header', '#global-cookie-message', 'main[role=main]', 'body > footer', 'body > .govuk-skip-link', '.cbanner-govuk-cookie-banner', 'body > .govuk-width-container'];
-    var elements = document.querySelectorAll(selectors.join(', '));
+            if (!element._events) {
+              element._events = {};
+            }
 
-    var close = function close() {
-      while (resetElementsFunctionList.length > 0) {
-        var fn = resetElementsFunctionList.shift();
-        fn();
-      }
-    };
+            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;
 
-    var closeAndInform = function closeAndInform() {
-      closeCallbacks.forEach(function (fn) {
-        fn();
-      });
-      close();
-    };
+                event.preventDefault = function preventDefault() {
+                  if (event.cancelable !== false) {
+                    event.returnValue = false;
+                  }
+                };
 
-    var setupKeydownHandler = function setupKeydownHandler() {
-      function keydownListener(e) {
-        if (e.keyCode === 27) {
-          closeAndInform();
-        }
-      }
+                event.stopPropagation = function stopPropagation() {
+                  event.cancelBubble = true;
+                };
 
-      document.addEventListener('keydown', keydownListener);
-      resetElementsFunctionList.push(function () {
-        document.removeEventListener('keydown', keydownListener);
-      });
-    };
+                event.stopImmediatePropagation = function stopImmediatePropagation() {
+                  event.cancelBubble = true;
+                  event.cancelImmediate = true;
+                };
 
-    var preventMobileScrollWhileAllowingPinchZoom = function preventMobileScrollWhileAllowingPinchZoom() {
-      var handleTouch = function handleTouch(e) {
-        var touches = e.touches || e.changedTouches || [];
+                event.currentTarget = element;
+                event.relatedTarget = event.fromElement || null;
+                event.target = event.target || event.srcElement || element;
+                event.timeStamp = new Date().getTime();
 
-        if (touches.length === 1) {
-          e.preventDefault();
-        }
-      };
+                if (event.clientX) {
+                  event.pageX = event.clientX + document.documentElement.scrollLeft;
+                  event.pageY = event.clientY + document.documentElement.scrollTop;
+                }
 
-      document.addEventListener('touchmove', handleTouch, true);
-      resetElementsFunctionList.push(function () {
-        document.removeEventListener('touchmove', handleTouch, true);
-      });
-    };
+                while (++index < length && !event.cancelImmediate) {
+                  if (index in events) {
+                    eventElement = events[index];
 
-    nodeListForEach(elements, function ($elem) {
-      var value = $elem.getAttribute('aria-hidden');
-      $elem.setAttribute('aria-hidden', 'true');
-      resetElementsFunctionList.push(function () {
-        if (value) {
-          $elem.setAttribute('aria-hidden', value);
-        } else {
-          $elem.removeAttribute('aria-hidden');
-        }
-      });
-    }); //
+                    if (indexOf(list, eventElement) !== -1 && typeof eventElement === 'function') {
+                      eventElement.call(element, event);
+                    }
+                  }
+                }
+              };
 
-    setupFocusHandlerAndFocusDialog();
-    setupKeydownHandler();
-    preventMobileScrollWhileAllowingPinchZoom();
-    return {
-      closeDialog: function closeDialog() {
-        close();
-      },
-      setAriaLabelledBy: function setAriaLabelledBy(value) {
-        if (value) {
-          $dialog.setAttribute('aria-labelledby', value);
-        } else {
-          $dialog.removeAttribute('aria-labelledby');
-        }
-      },
-      addCloseHandler: function addCloseHandler(closeHandler) {
-        closeCallbacks.push(closeHandler);
-      }
-    };
-  }
+              element._events[type].list = [];
 
-  var dialog = {
-    displayDialog: displayDialog
-  };
+              if (element.attachEvent) {
+                element.attachEvent('on' + type, element._events[type]);
+              }
+            }
 
-  // Polyfill from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN
-  Number.isNaN = Number.isNaN || function isNaN(input) {
-    return typeof input === 'number' && input !== input;
-  };
+            element._events[type].list.push(listener);
+          };
 
-  function ValidateInput() {}
+          window.removeEventListener = Window.prototype.removeEventListener = Document.prototype.removeEventListener = Element.prototype.removeEventListener = function removeEventListener() {
+            var element = this,
+                type = arguments[0],
+                listener = arguments[1],
+                index;
 
-  ValidateInput["int"] = function (stringToValidate) {
-    var parsedInt = parseInt(stringToValidate, 10);
-    return Number.isNaN(parsedInt) ? undefined : parsedInt;
-  };
+            if (element._events && element._events[type] && element._events[type].list) {
+              index = indexOf(element._events[type].list, listener);
 
-  ValidateInput.string = function (stringToValidate) {
-    return typeof stringToValidate === 'string' ? stringToValidate : undefined;
-  };
+              if (index !== -1) {
+                element._events[type].list.splice(index, 1);
 
-  ValidateInput["boolean"] = function (stringToValidate) {
-    return String(stringToValidate).toLowerCase() === 'true';
-  };
+                if (!element._events[type].list.length) {
+                  if (element.detachEvent) {
+                    element.detachEvent('on' + type, element._events[type]);
+                  }
 
-  function RedirectHelper() {}
+                  delete element._events[type];
+                }
+              }
+            }
+          };
 
-  RedirectHelper.redirectToUrl = function (url) {
-    // This exists to make redirects more testable
-    window.location.href = url;
-  };
+          window.dispatchEvent = Window.prototype.dispatchEvent = Document.prototype.dispatchEvent = Element.prototype.dispatchEvent = function dispatchEvent(event) {
+            if (!arguments.length) {
+              throw new Error('Not enough arguments');
+            }
 
-  function TimeoutDialog($module, $sessionActivityService) {
-    var options = {};
-    var settings = {};
-    var cleanupFunctions = [];
-    var currentTimer;
-    var sessionActivityService = $sessionActivityService;
-    cleanupFunctions.push(function () {
-      if (currentTimer) {
-        window.clearTimeout(currentTimer);
-      }
-    });
+            if (!event || typeof event.type !== 'string') {
+              throw new Error('DOM Events Exception 0');
+            }
 
-    function init() {
-      var validate = ValidateInput;
+            var element = this,
+                type = event.type;
 
-      function lookupData(key) {
-        return ($module.attributes.getNamedItem(key) || {}).value;
-      }
+            try {
+              if (!event.bubbles) {
+                event.cancelBubble = true;
 
-      var localisedDefaults = validate.string(lookupData('data-language')) === 'cy' ? {
-        title: 'Rydych ar fin cael eich allgofnodi',
-        message: 'Er eich diogelwch, byddwn yn eich allgofnodi cyn pen',
-        keepAliveButtonText: 'Parhau i fod wedi’ch mewngofnodi',
-        signOutButtonText: 'Allgofnodi',
-        properties: {
-          minutes: 'funud',
-          minute: 'funud',
-          seconds: 'eiliad',
-          second: 'eiliad'
-        }
-      } : {
-        title: 'You’re about to be signed out',
-        message: 'For your security, we will sign you out in',
-        keepAliveButtonText: 'Stay signed in',
-        signOutButtonText: 'Sign out',
-        properties: {
-          minutes: 'minutes',
-          minute: 'minute',
-          seconds: 'seconds',
-          second: 'second'
-        }
-      };
-      options = {
-        timeout: validate["int"](lookupData('data-timeout')),
-        countdown: validate["int"](lookupData('data-countdown')),
-        keepAliveUrl: validate.string(lookupData('data-keep-alive-url')),
-        signOutUrl: validate.string(lookupData('data-sign-out-url')),
-        timeoutUrl: validate.string(lookupData('data-timeout-url')),
-        title: validate.string(lookupData('data-title')),
-        message: validate.string(lookupData('data-message')),
-        messageSuffix: validate.string(lookupData('data-message-suffix')),
-        keepAliveButtonText: validate.string(lookupData('data-keep-alive-button-text')),
-        signOutButtonText: validate.string(lookupData('data-sign-out-button-text')),
-        synchroniseTabs: validate["boolean"](lookupData('data-synchronise-tabs') || false)
-      }; // Default timeoutUrl to signOutUrl if not set
+                var cancelBubbleEvent = function (event) {
+                  event.cancelBubble = true;
+                  (element || window).detachEvent('on' + type, cancelBubbleEvent);
+                };
 
-      options.timeoutUrl = options.timeoutUrl || options.signOutUrl;
-      validateInput(options);
-      settings = mergeOptionsWithDefaults(options, localisedDefaults);
-      setupDialogTimer();
-      listenForSessionActivityAndResetDialogTimer();
-    }
+                this.attachEvent('on' + type, cancelBubbleEvent);
+              }
 
-    var broadcastSessionActivity = function broadcastSessionActivity() {
-      sessionActivityService.logActivity();
-    };
+              this.fireEvent('on' + type, event);
+            } catch (error) {
+              event.target = element;
 
-    var listenForSessionActivityAndResetDialogTimer = function listenForSessionActivityAndResetDialogTimer() {
-      if (settings.synchroniseTabs) {
-        sessionActivityService.onActivity(function (event) {
-          var timeOfActivity = event.timestamp;
-          cleanup();
-          setupDialogTimer(timeOfActivity);
-        });
-      }
-    };
+              do {
+                event.currentTarget = element;
 
-    var validateInput = function validateInput(config) {
-      var requiredConfig = ['timeout', 'countdown', 'keepAliveUrl', 'signOutUrl'];
-      var missingRequiredConfig = [];
-      requiredConfig.forEach(function (item) {
-        if (!config[item]) {
-          missingRequiredConfig.push("data-".concat(item.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()));
-        }
-      });
+                if ('_events' in element && typeof element._events[type] === 'function') {
+                  element._events[type].call(element, event);
+                }
 
-      if (missingRequiredConfig.length > 0) {
-        throw new Error("Missing config item(s): [".concat(missingRequiredConfig.join(', '), "]"));
-      }
-    };
+                if (typeof element['on' + type] === 'function') {
+                  element['on' + type].call(element, event);
+                }
 
-    var mergeOptionsWithDefaults = function mergeOptionsWithDefaults(theOptions, localisedDefaults) {
-      var clone = _objectSpread2({}, theOptions);
+                element = element.nodeType === 9 ? element.parentWindow : element.parentNode;
+              } while (element && !event.cancelBubble);
+            }
 
-      Object.keys(localisedDefaults).forEach(function (key) {
-        if (_typeof(clone[key]) === 'object') {
-          clone[key] = mergeOptionsWithDefaults(theOptions[key], localisedDefaults[key]);
-        }
+            return true;
+          }; // Add the DOMContentLoaded Event
 
-        if (clone[key] === undefined || clone[key] === '') {
-          clone[key] = localisedDefaults[key];
+
+          document.attachEvent('onreadystatechange', function () {
+            if (document.readyState === 'complete') {
+              document.dispatchEvent(new Event('DOMContentLoaded', {
+                bubbles: true
+              }));
+            }
+          });
         }
-      });
-      return clone;
-    };
+      })();
+    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
+  });
+  });
 
-    var setupDialogTimer = function setupDialogTimer() {
-      var timeOfLastActivity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getDateNow();
-      var signoutTime = timeOfLastActivity + settings.timeout * 1000;
-      var delta = getDateNow() - timeOfLastActivity;
-      var secondsUntilTimeoutDialog = settings.timeout - settings.countdown;
-      var timeout = window.setTimeout(function () {
-        setupDialog(signoutTime);
-      }, secondsUntilTimeoutDialog * 1000 - delta);
-      cleanupFunctions.push(function () {
-        window.clearTimeout(timeout);
-      });
-    };
+  var classList = createCommonjsModule(function (module, exports) {
+  (function (global, factory) {
+    factory();
+  })(commonjsGlobal, function () {
 
-    var wrapLink = function wrapLink($elem) {
-      var $wrapper = document.createElement('div');
-      $wrapper.classList.add('hmrc-timeout-dialog__link-wrapper');
-      $wrapper.appendChild($elem);
-      return $wrapper;
-    };
+    (function (undefined) {
+      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Object/defineProperty/detect.js
+      var detect = // In IE8, defineProperty could only act on DOM elements, so full support
+      // for the feature requires the ability to set a property on an arbitrary object
+      'defineProperty' in Object && function () {
+        try {
+          var a = {};
+          Object.defineProperty(a, 'test', {
+            value: 42
+          });
+          return true;
+        } catch (e) {
+          return false;
+        }
+      }();
 
-    var setupDialog = function setupDialog(signoutTime) {
-      var $element = utils.generateDomElementFromString('<div>');
+      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.defineProperty&flags=always
 
-      if (settings.title) {
-        var $tmp = utils.generateDomElementFromStringAndAppendText('<h1 id="hmrc-timeout-heading" class="govuk-heading-m push--top">', settings.title);
-        $element.appendChild($tmp);
-      }
+      (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';
 
-      var $countdownElement = utils.generateDomElementFromString('<span id="hmrc-timeout-countdown" class="hmrc-timeout-dialog__countdown">');
-      var $audibleMessage = utils.generateDomElementFromString('<p id="hmrc-timeout-message" class="govuk-visually-hidden screenreader-content" aria-live="assertive">');
-      var $visualMessge = utils.generateDomElementFromStringAndAppendText('<p class="govuk-body hmrc-timeout-dialog__message" aria-hidden="true">', settings.message);
-      $visualMessge.appendChild(document.createTextNode(' '));
-      $visualMessge.appendChild($countdownElement);
-      $visualMessge.appendChild(document.createTextNode('.'));
+        Object.defineProperty = function defineProperty(object, property, descriptor) {
+          // Where native support exists, assume it
+          if (nativeDefineProperty && (object === window || object === document || object === Element.prototype || object instanceof Element)) {
+            return nativeDefineProperty(object, property, descriptor);
+          }
 
-      if (settings.messageSuffix) {
-        $visualMessge.appendChild(document.createTextNode(" ".concat(settings.messageSuffix)));
-      }
+          if (object === null || !(object instanceof Object || typeof object === 'object')) {
+            throw new TypeError('Object.defineProperty called on non-object');
+          }
 
-      var $staySignedInButton = utils.generateDomElementFromStringAndAppendText('<button id="hmrc-timeout-keep-signin-btn" class="govuk-button">', settings.keepAliveButtonText);
-      var $signOutButton = utils.generateDomElementFromStringAndAppendText('<a id="hmrc-timeout-sign-out-link" class="govuk-link hmrc-timeout-dialog__link">', settings.signOutButtonText);
-      $staySignedInButton.addEventListener('click', keepAliveAndClose);
-      $signOutButton.addEventListener('click', signOut);
-      $signOutButton.setAttribute('href', settings.signOutUrl);
-      $element.appendChild($visualMessge);
-      $element.appendChild($audibleMessage);
-      $element.appendChild($staySignedInButton);
-      $element.appendChild(document.createTextNode(' '));
-      $element.appendChild(wrapLink($signOutButton));
-      var dialogControl = dialog.displayDialog($element);
-      cleanupFunctions.push(function () {
-        dialogControl.closeDialog();
-      });
-      dialogControl.addCloseHandler(keepAliveAndClose);
-      dialogControl.setAriaLabelledBy('hmrc-timeout-heading hmrc-timeout-message');
+          if (!(descriptor instanceof Object)) {
+            throw new TypeError('Property description must be an object');
+          }
 
-      var getMillisecondsRemaining = function getMillisecondsRemaining() {
-        return signoutTime - getDateNow();
-      };
+          var propertyString = String(property);
+          var hasValueOrWritable = 'value' in descriptor || 'writable' in descriptor;
+          var getterType = 'get' in descriptor && typeof descriptor.get;
+          var setterType = 'set' in descriptor && typeof descriptor.set; // handle descriptor.get
 
-      var getSecondsRemaining = function getSecondsRemaining() {
-        return Math.round(getMillisecondsRemaining() / 1000);
-      };
+          if (getterType) {
+            if (getterType !== 'function') {
+              throw new TypeError('Getter must be a function');
+            }
 
-      var getHumanText = function getHumanText(counter) {
-        var minutes;
-        var visibleMessage;
+            if (!supportsAccessors) {
+              throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
+            }
 
-        if (counter < 60) {
-          visibleMessage = "".concat(counter, " ").concat(settings.properties[counter !== 1 ? 'seconds' : 'second']);
-        } else {
-          minutes = Math.ceil(counter / 60);
-          visibleMessage = "".concat(minutes, " ").concat(settings.properties[minutes === 1 ? 'minute' : 'minutes']);
-        }
+            if (hasValueOrWritable) {
+              throw new TypeError(ERR_VALUE_ACCESSORS);
+            }
 
-        return visibleMessage;
-      };
+            Object.__defineGetter__.call(object, propertyString, descriptor.get);
+          } else {
+            object[propertyString] = descriptor.value;
+          } // handle descriptor.set
 
-      var getAudibleHumanText = function getAudibleHumanText(counter) {
-        var humanText = getHumanText(roundSecondsUp(counter));
-        var messageParts = [settings.message, ' ', humanText, '.'];
 
-        if (settings.messageSuffix) {
-          messageParts.push(' ');
-          messageParts.push(settings.messageSuffix);
-        }
+          if (setterType) {
+            if (setterType !== 'function') {
+              throw new TypeError('Setter must be a function');
+            }
 
-        return messageParts.join('');
-      };
+            if (!supportsAccessors) {
+              throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
+            }
 
-      var roundSecondsUp = function roundSecondsUp(counter) {
-        if (counter > 60) {
-          return counter;
-        }
+            if (hasValueOrWritable) {
+              throw new TypeError(ERR_VALUE_ACCESSORS);
+            }
 
-        if (counter < 20) {
-          return 20;
-        }
+            Object.__defineSetter__.call(object, propertyString, descriptor.set);
+          } // OK to define value unconditionally - if a getter has been specified as well, an error would be thrown above
 
-        return Math.ceil(counter / 20) * 20;
-      };
 
-      var updateTextIfChanged = function updateTextIfChanged($elem, text) {
-        if ($elem.innerText !== text) {
-          // eslint-disable-next-line no-param-reassign
-          $elem.innerText = text;
-        }
-      };
+          if ('value' in descriptor) {
+            object[propertyString] = descriptor.value;
+          }
 
-      var updateCountdown = function updateCountdown(counter) {
-        var visibleMessage = getHumanText(counter);
-        var audibleHumanText = getAudibleHumanText(counter);
-        updateTextIfChanged($countdownElement, visibleMessage);
-        updateTextIfChanged($audibleMessage, audibleHumanText);
-      };
+          return object;
+        };
+      })(Object.defineProperty);
+    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
+    (function (undefined) {
+      // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-service/master/packages/polyfill-library/polyfills/DOMTokenList/detect.js
+      var detect = 'DOMTokenList' in this && function (x) {
+        return 'classList' in x ? !x.classList.toggle('x', false) && !x.className : true;
+      }(document.createElement('x'));
 
-      var getNextTimeout = function getNextTimeout() {
-        var remaining = getMillisecondsRemaining();
-        var roundedRemaining = Math.floor(getMillisecondsRemaining() / 1000) * 1000;
+      if (detect) return; // Polyfill from https://raw.githubusercontent.com/Financial-Times/polyfill-service/master/packages/polyfill-library/polyfills/DOMTokenList/polyfill.js
 
-        if (roundedRemaining <= 60000) {
-          return remaining - roundedRemaining || 1000;
-        }
+      (function (global) {
+        var nativeImpl = "DOMTokenList" in global && global.DOMTokenList;
 
-        return remaining - (roundedRemaining - (roundedRemaining % 60000 || 60000));
-      };
+        if (!nativeImpl || !!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg') && !(document.createElementNS("http://www.w3.org/2000/svg", "svg").classList instanceof DOMTokenList)) {
+          global.DOMTokenList = function () {
+            // eslint-disable-line no-unused-vars
+            var dpSupport = true;
 
-      var runUpdate = function runUpdate() {
-        var counter = getSecondsRemaining();
-        updateCountdown(counter);
+            var defineGetter = function (object, name, fn, configurable) {
+              if (Object.defineProperty) Object.defineProperty(object, name, {
+                configurable: false === dpSupport ? true : !!configurable,
+                get: fn
+              });else object.__defineGetter__(name, fn);
+            };
+            /** Ensure the browser allows Object.defineProperty to be used on native JavaScript objects. */
 
-        if (counter <= 0) {
-          timeout();
-        }
 
-        currentTimer = window.setTimeout(runUpdate, getNextTimeout());
-      };
+            try {
+              defineGetter({}, "support");
+            } catch (e) {
+              dpSupport = false;
+            }
 
-      runUpdate();
-    };
+            var _DOMTokenList = function (el, prop) {
+              var that = this;
+              var tokens = [];
+              var tokenMap = {};
+              var length = 0;
+              var maxLength = 0;
 
-    var keepAliveAndClose = function keepAliveAndClose() {
-      cleanup();
-      setupDialogTimer();
-      utils.ajaxGet(settings.keepAliveUrl, function () {});
-      broadcastSessionActivity();
-    };
+              var addIndexGetter = function (i) {
+                defineGetter(that, i, function () {
+                  preop();
+                  return tokens[i];
+                }, false);
+              };
 
-    var getDateNow = function getDateNow() {
-      return Date.now();
-    };
+              var reindex = function () {
+                /** Define getter functions for array-like access to the tokenList's contents. */
+                if (length >= maxLength) for (; maxLength < length; ++maxLength) {
+                  addIndexGetter(maxLength);
+                }
+              };
+              /** Helper function called at the start of each class method. Internal use only. */
 
-    var signOut = function signOut() {
-      RedirectHelper.redirectToUrl(settings.signOutUrl);
-    };
 
-    var timeout = function timeout() {
-      RedirectHelper.redirectToUrl(settings.timeoutUrl);
-    };
+              var preop = function () {
+                var error;
+                var i;
+                var args = arguments;
+                var rSpace = /\s+/;
+                /** Validate the token/s passed to an instance method, if any. */
 
-    var cleanup = function cleanup() {
-      while (cleanupFunctions.length > 0) {
-        var fn = cleanupFunctions.shift();
-        fn();
-      }
-    };
+                if (args.length) for (i = 0; i < args.length; ++i) if (rSpace.test(args[i])) {
+                  error = new SyntaxError('String "' + args[i] + '" ' + "contains" + ' an invalid character');
+                  error.code = 5;
+                  error.name = "InvalidCharacterError";
+                  throw error;
+                }
+                /** Split the new value apart by whitespace*/
 
-    return {
-      init: init,
-      cleanup: cleanup
-    };
-  }
+                if (typeof el[prop] === "object") {
+                  tokens = ("" + el[prop].baseVal).replace(/^\s+|\s+$/g, "").split(rSpace);
+                } else {
+                  tokens = ("" + el[prop]).replace(/^\s+|\s+$/g, "").split(rSpace);
+                }
+                /** Avoid treating blank strings as single-item token lists */
 
-  TimeoutDialog.dialog = dialog;
-  TimeoutDialog.redirectHelper = RedirectHelper;
-  TimeoutDialog.utils = utils;
 
-  // Based on https://github.com/alphagov/govuk_template_jinja
-  var setCookie = function setCookie(name, value) {
-    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    var cookieString = "".concat(name, "=").concat(value, "; path=/");
+                if ("" === tokens[0]) tokens = [];
+                /** Repopulate the internal token lists */
 
-    if (options.days) {
-      var date = new Date();
-      date.setTime(date.getTime() + options.days * 24 * 60 * 60 * 1000);
-      cookieString = "".concat(cookieString, "; expires=").concat(date.toGMTString());
-    }
+                tokenMap = {};
 
-    if (window.location.protocol === 'https:') {
-      cookieString += '; Secure';
-    }
+                for (i = 0; i < tokens.length; ++i) tokenMap[tokens[i]] = true;
 
-    document.cookie = cookieString;
-    return cookieString;
-  };
-  var getCookie = function getCookie(name) {
-    var nameEQ = "".concat(name, "=");
-    var cookies = document.cookie.split(';');
+                length = tokens.length;
+                reindex();
+              };
+              /** Populate our internal token list if the targeted attribute of the subject element isn't empty. */
 
-    for (var i = 0, len = cookies.length; i < len; i += 1) {
-      var cookie = cookies[i];
 
-      while (cookie.charAt(0) === ' ') {
-        cookie = cookie.substring(1, cookie.length);
-      }
+              preop();
+              /** Return the number of tokens in the underlying string. Read-only. */
 
-      if (cookie.indexOf(nameEQ) === 0) {
-        return decodeURIComponent(cookie.substring(nameEQ.length));
-      }
-    }
+              defineGetter(that, "length", function () {
+                preop();
+                return length;
+              });
+              /** Override the default toString/toLocaleString methods to return a space-delimited list of tokens when typecast. */
 
-    return null;
-  };
+              that.toLocaleString = that.toString = function () {
+                preop();
+                return tokens.join(" ");
+              };
 
-  function UserResearchBanner($module) {
-    this.$module = $module;
-    this.$closeLink = this.$module.querySelector('.hmrc-user-research-banner__close');
-    this.cookieName = 'mdtpurr';
-    this.cookieExpiryDays = 28;
-  }
+              that.item = function (idx) {
+                preop();
+                return tokens[idx];
+              };
 
-  UserResearchBanner.prototype.init = function init() {
-    var cookieData = getCookie(this.cookieName);
+              that.contains = function (token) {
+                preop();
+                return !!tokenMap[token];
+              };
 
-    if (cookieData == null) {
-      this.$module.classList.add('hmrc-user-research-banner--show');
-      this.$closeLink.addEventListener('click', this.eventHandlers.noThanksClick.bind(this));
-    }
-  };
+              that.add = function () {
+                preop.apply(that, args = arguments);
 
-  UserResearchBanner.prototype.eventHandlers = {
-    noThanksClick: function noThanksClick(event) {
-      event.preventDefault();
-      setCookie(this.cookieName, 'suppress_for_all_services', {
-        days: this.cookieExpiryDays
-      });
-      this.$module.classList.remove('hmrc-user-research-banner--show');
-    }
-  };
+                for (var args, token, i = 0, l = args.length; i < l; ++i) {
+                  token = args[i];
 
-  var Event_1 = createCommonjsModule(function (module, exports) {
-  (function (global, factory) {
-    factory();
-  })(commonjsGlobal, function () {
+                  if (!tokenMap[token]) {
+                    tokens.push(token);
+                    tokenMap[token] = true;
+                  }
+                }
+                /** Update the targeted attribute of the attached element if the token list's changed. */
 
-    (function (undefined) {
-      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Window/detect.js
-      var detect = ('Window' in this);
-      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Window&flags=always
 
-      if (typeof WorkerGlobalScope === "undefined" && typeof importScripts !== "function") {
-        (function (global) {
-          if (global.constructor) {
-            global.Window = global.constructor;
-          } else {
-            (global.Window = global.constructor = new Function('return function Window() {}')()).prototype = this;
-          }
-        })(this);
-      }
-    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
-    (function (undefined) {
-      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Document/detect.js
-      var detect = ("Document" in this);
-      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Document&flags=always
+                if (length !== tokens.length) {
+                  length = tokens.length >>> 0;
 
-      if (typeof WorkerGlobalScope === "undefined" && typeof importScripts !== "function") {
-        if (this.HTMLDocument) {
-          // IE8
-          // HTMLDocument is an extension of Document.  If the browser has HTMLDocument but not Document, the former will suffice as an alias for the latter.
-          this.Document = this.HTMLDocument;
-        } else {
-          // Create an empty function to act as the missing constructor for the document object, attach the document object as its prototype.  The function needs to be anonymous else it is hoisted and causes the feature detect to prematurely pass, preventing the assignments below being made.
-          this.Document = this.HTMLDocument = document.constructor = new Function('return function Document() {}')();
-          this.Document.prototype = document;
-        }
-      }
-    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
-    (function (undefined) {
-      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Element/detect.js
-      var detect = 'Element' in this && 'HTMLElement' in this;
-      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element&flags=always
+                  if (typeof el[prop] === "object") {
+                    el[prop].baseVal = tokens.join(" ");
+                  } else {
+                    el[prop] = tokens.join(" ");
+                  }
 
-      (function () {
-        // IE8
-        if (window.Element && !window.HTMLElement) {
-          window.HTMLElement = window.Element;
-          return;
+                  reindex();
+                }
+              };
+
+              that.remove = function () {
+                preop.apply(that, args = arguments);
+                /** Build a hash of token names to compare against when recollecting our token list. */
+
+                for (var args, ignore = {}, i = 0, t = []; i < args.length; ++i) {
+                  ignore[args[i]] = true;
+                  delete tokenMap[args[i]];
+                }
+                /** Run through our tokens list and reassign only those that aren't defined in the hash declared above. */
+
+
+                for (i = 0; i < tokens.length; ++i) if (!ignore[tokens[i]]) t.push(tokens[i]);
+
+                tokens = t;
+                length = t.length >>> 0;
+                /** Update the targeted attribute of the attached element. */
+
+                if (typeof el[prop] === "object") {
+                  el[prop].baseVal = tokens.join(" ");
+                } else {
+                  el[prop] = tokens.join(" ");
+                }
+
+                reindex();
+              };
+
+              that.toggle = function (token, force) {
+                preop.apply(that, [token]);
+                /** Token state's being forced. */
+
+                if (undefined !== force) {
+                  if (force) {
+                    that.add(token);
+                    return true;
+                  } else {
+                    that.remove(token);
+                    return false;
+                  }
+                }
+                /** Token already exists in tokenList. Remove it, and return FALSE. */
+
+
+                if (tokenMap[token]) {
+                  that.remove(token);
+                  return false;
+                }
+                /** Otherwise, add the token and return TRUE. */
+
+
+                that.add(token);
+                return true;
+              };
+
+              return that;
+            };
+
+            return _DOMTokenList;
+          }();
+        } // Add second argument to native DOMTokenList.toggle() if necessary
+
+
+        (function () {
+          var e = document.createElement('span');
+          if (!('classList' in e)) return;
+          e.classList.toggle('x', false);
+          if (!e.classList.contains('x')) return;
+
+          e.classList.constructor.prototype.toggle = function toggle(token
+          /*, force*/
+          ) {
+            var force = arguments[1];
+
+            if (force === undefined) {
+              var add = !this.contains(token);
+              this[add ? 'add' : 'remove'](token);
+              return add;
+            }
+
+            force = !!force;
+            this[force ? 'add' : 'remove'](token);
+            return force;
+          };
+        })(); // Add multiple arguments to native DOMTokenList.add() if necessary
+
+
+        (function () {
+          var e = document.createElement('span');
+          if (!('classList' in e)) return;
+          e.classList.add('a', 'b');
+          if (e.classList.contains('b')) return;
+          var native = e.classList.constructor.prototype.add;
+
+          e.classList.constructor.prototype.add = function () {
+            var args = arguments;
+            var l = arguments.length;
+
+            for (var i = 0; i < l; i++) {
+              native.call(this, args[i]);
+            }
+          };
+        })(); // Add multiple arguments to native DOMTokenList.remove() if necessary
+
+
+        (function () {
+          var e = document.createElement('span');
+          if (!('classList' in e)) return;
+          e.classList.add('a');
+          e.classList.add('b');
+          e.classList.remove('a', 'b');
+          if (!e.classList.contains('b')) return;
+          var native = e.classList.constructor.prototype.remove;
+
+          e.classList.constructor.prototype.remove = function () {
+            var args = arguments;
+            var l = arguments.length;
+
+            for (var i = 0; i < l; i++) {
+              native.call(this, args[i]);
+            }
+          };
+        })();
+      })(this);
+    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
+    (function (undefined) {
+      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Document/detect.js
+      var detect = ("Document" in this);
+      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Document&flags=always
+
+      if (typeof WorkerGlobalScope === "undefined" && typeof importScripts !== "function") {
+        if (this.HTMLDocument) {
+          // IE8
+          // HTMLDocument is an extension of Document.  If the browser has HTMLDocument but not Document, the former will suffice as an alias for the latter.
+          this.Document = this.HTMLDocument;
+        } else {
+          // Create an empty function to act as the missing constructor for the document object, attach the document object as its prototype.  The function needs to be anonymous else it is hoisted and causes the feature detect to prematurely pass, preventing the assignments below being made.
+          this.Document = this.HTMLDocument = document.constructor = new Function('return function Document() {}')();
+          this.Document.prototype = document;
+        }
+      }
+    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
+    (function (undefined) {
+      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Element/detect.js
+      var detect = 'Element' in this && 'HTMLElement' in this;
+      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element&flags=always
+
+      (function () {
+        // IE8
+        if (window.Element && !window.HTMLElement) {
+          window.HTMLElement = window.Element;
+          return;
         } // create Element constructor
 
 
@@ -1912,1144 +1914,1173 @@
       })();
     }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
     (function (undefined) {
-      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Object/defineProperty/detect.js
-      var detect = // In IE8, defineProperty could only act on DOM elements, so full support
-      // for the feature requires the ability to set a property on an arbitrary object
-      'defineProperty' in Object && function () {
-        try {
-          var a = {};
-          Object.defineProperty(a, 'test', {
-            value: 42
-          });
-          return true;
-        } catch (e) {
-          return false;
-        }
+      // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-service/8717a9e04ac7aff99b4980fbedead98036b0929a/packages/polyfill-library/polyfills/Element/prototype/classList/detect.js
+      var detect = 'document' in this && "classList" in document.documentElement && 'Element' in this && 'classList' in Element.prototype && function () {
+        var e = document.createElement('span');
+        e.classList.add('a', 'b');
+        return e.classList.contains('b');
       }();
 
-      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.defineProperty&flags=always
+      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element.prototype.classList&flags=always
 
-      (function (nativeDefineProperty) {
-        var supportsAccessors = Object.prototype.hasOwnProperty('__defineGetter__');
-        var ERR_ACCESSORS_NOT_SUPPORTED = 'Getters & setters cannot be defined on this javascript engine';
-        var ERR_VALUE_ACCESSORS = 'A property cannot both have accessors and be writable or have a value';
+      (function (global) {
+        var dpSupport = true;
 
-        Object.defineProperty = function defineProperty(object, property, descriptor) {
-          // Where native support exists, assume it
-          if (nativeDefineProperty && (object === window || object === document || object === Element.prototype || object instanceof Element)) {
-            return nativeDefineProperty(object, property, descriptor);
-          }
+        var defineGetter = function (object, name, fn, configurable) {
+          if (Object.defineProperty) Object.defineProperty(object, name, {
+            configurable: false === dpSupport ? true : !!configurable,
+            get: fn
+          });else object.__defineGetter__(name, fn);
+        };
+        /** Ensure the browser allows Object.defineProperty to be used on native JavaScript objects. */
 
-          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');
-          }
+        try {
+          defineGetter({}, "support");
+        } catch (e) {
+          dpSupport = false;
+        }
+        /** Polyfills a property with a DOMTokenList */
 
-          var propertyString = String(property);
-          var hasValueOrWritable = 'value' in descriptor || 'writable' in descriptor;
-          var getterType = 'get' in descriptor && typeof descriptor.get;
-          var setterType = 'set' in descriptor && typeof descriptor.set; // handle descriptor.get
 
-          if (getterType) {
-            if (getterType !== 'function') {
-              throw new TypeError('Getter must be a function');
-            }
+        var addProp = function (o, name, attr) {
+          defineGetter(o.prototype, name, function () {
+            var tokenList;
+            var THIS = this,
 
-            if (!supportsAccessors) {
-              throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
-            }
+            /** Prevent this from firing twice for some reason. What the hell, IE. */
+            gibberishProperty = "__defineGetter__" + "DEFINE_PROPERTY" + name;
+            if (THIS[gibberishProperty]) return tokenList;
+            THIS[gibberishProperty] = true;
+            /**
+             * IE8 can't define properties on native JavaScript objects, so we'll use a dumb hack instead.
+             *
+             * What this is doing is creating a dummy element ("reflection") inside a detached phantom node ("mirror")
+             * that serves as the target of Object.defineProperty instead. While we could simply use the subject HTML
+             * element instead, this would conflict with element types which use indexed properties (such as forms and
+             * select lists).
+             */
 
-            if (hasValueOrWritable) {
-              throw new TypeError(ERR_VALUE_ACCESSORS);
-            }
+            if (false === dpSupport) {
+              var visage;
+              var mirror = addProp.mirror || document.createElement("div");
+              var reflections = mirror.childNodes;
+              var l = reflections.length;
 
-            Object.__defineGetter__.call(object, propertyString, descriptor.get);
-          } else {
-            object[propertyString] = descriptor.value;
-          } // handle descriptor.set
+              for (var i = 0; i < l; ++i) if (reflections[i]._R === THIS) {
+                visage = reflections[i];
+                break;
+              }
+              /** Couldn't find an element's reflection inside the mirror. Materialise one. */
 
 
-          if (setterType) {
-            if (setterType !== 'function') {
-              throw new TypeError('Setter must be a function');
-            }
+              visage || (visage = mirror.appendChild(document.createElement("div")));
+              tokenList = DOMTokenList.call(visage, THIS, attr);
+            } else tokenList = new DOMTokenList(THIS, attr);
 
-            if (!supportsAccessors) {
-              throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
-            }
-
-            if (hasValueOrWritable) {
-              throw new TypeError(ERR_VALUE_ACCESSORS);
-            }
+            defineGetter(THIS, name, function () {
+              return tokenList;
+            });
+            delete THIS[gibberishProperty];
+            return tokenList;
+          }, true);
+        };
 
-            Object.__defineSetter__.call(object, propertyString, descriptor.set);
-          } // OK to define value unconditionally - if a getter has been specified as well, an error would be thrown above
+        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 commonjsGlobal && commonjsGlobal || {});
+  });
+  });
 
+  // https://github.com/alphagov/govuk-frontend/blob/main/src/govuk/components/character-count/character-count.js
+  // with the change to support Welsh language messages. At the moment, there is no ability to pass
+  // in custom messages to the component for the dynamic count. If GDS release a version supporting
+  // custom dynamic count messages, this version should be removed.
+  // Linting is disabled to keep aligned with govuk-frontend
 
-          if ('value' in descriptor) {
-            object[propertyString] = descriptor.value;
-          }
+  /* eslint-disable */
 
-          return object;
-        };
-      })(Object.defineProperty);
-    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
-    (function (undefined) {
-      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Event/detect.js
-      var detect = function (global) {
-        if (!('Event' in global)) return false;
-        if (typeof global.Event === 'function') return true;
+  function CharacterCount($module) {
+    this.$module = $module;
+    this.$textarea = $module.querySelector('.hmrc-js-character-count');
+    this.$visibleCountMessage = null;
+    this.$screenReaderCountMessage = null;
+    this.lastInputTimestamp = null;
+  }
 
-        try {
-          // In IE 9-11, the Event object exists but cannot be instantiated
-          new Event('click');
-          return true;
-        } catch (e) {
-          return false;
-        }
-      }(this);
+  CharacterCount.prototype.defaults = {
+    characterCountAttribute: 'data-maxlength',
+    wordCountAttribute: 'data-maxwords'
+  }; // Initialize component
 
-      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Event&flags=always
+  CharacterCount.prototype.init = function () {
+    // Check that required elements are present
+    if (!this.$textarea) {
+      return;
+    } // Check for module
 
-      (function () {
-        var unlistenableWindowEvents = {
-          click: 1,
-          dblclick: 1,
-          keyup: 1,
-          keypress: 1,
-          keydown: 1,
-          mousedown: 1,
-          mouseup: 1,
-          mousemove: 1,
-          mouseover: 1,
-          mouseenter: 1,
-          mouseleave: 1,
-          mouseout: 1,
-          storage: 1,
-          storagecommit: 1,
-          textinput: 1
-        }; // This polyfill depends on availability of `document` so will not run in a worker
-        // However, we asssume there are no browsers with worker support that lack proper
-        // support for `Event` within the worker
 
-        if (typeof document === 'undefined' || typeof window === 'undefined') return;
+    var $module = this.$module;
+    var $textarea = this.$textarea;
+    var $fallbackLimitMessage = document.getElementById($textarea.id + '-info'); // Move the fallback count message to be immediately after the textarea
+    // Kept for backwards compatibility
 
-        function indexOf(array, element) {
-          var index = -1,
-              length = array.length;
+    $textarea.insertAdjacentElement('afterend', $fallbackLimitMessage); // Create the *screen reader* specific live-updating counter
+    // This doesn't need any styling classes, as it is never visible
 
-          while (++index < length) {
-            if (index in array && array[index] === element) {
-              return index;
-            }
-          }
+    var $screenReaderCountMessage = document.createElement('div');
+    $screenReaderCountMessage.className = 'hmrc-character-count__sr-status govuk-visually-hidden';
+    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
+    this.$screenReaderCountMessage = $screenReaderCountMessage;
+    $fallbackLimitMessage.insertAdjacentElement('afterend', $screenReaderCountMessage); // Create our live-updating counter element, copying the classes from the
+    // fallback element for backwards compatibility as these may have been configured
 
-          return -1;
-        }
+    var $visibleCountMessage = document.createElement('div');
+    $visibleCountMessage.className = $fallbackLimitMessage.className;
+    $visibleCountMessage.classList.add('hmrc-character-count__status');
+    $visibleCountMessage.setAttribute('aria-hidden', 'true');
+    this.$visibleCountMessage = $visibleCountMessage;
+    $fallbackLimitMessage.insertAdjacentElement('afterend', $visibleCountMessage); // Hide the fallback limit message
 
-        var existingProto = window.Event && window.Event.prototype || null;
+    $fallbackLimitMessage.classList.add('govuk-visually-hidden'); // Read options set using dataset ('data-' values)
 
-        window.Event = Window.prototype.Event = function Event(type, eventInitDict) {
-          if (!type) {
-            throw new Error('Not enough arguments');
-          }
+    this.options = this.getDataset($module); // Determine the limit attribute (characters or words)
 
-          var event; // Shortcut if browser supports createEvent
+    var countAttribute = this.defaults.characterCountAttribute;
 
-          if ('createEvent' in document) {
-            event = document.createEvent('Event');
-            var bubbles = eventInitDict && eventInitDict.bubbles !== undefined ? eventInitDict.bubbles : false;
-            var cancelable = eventInitDict && eventInitDict.cancelable !== undefined ? eventInitDict.cancelable : false;
-            event.initEvent(type, bubbles, cancelable);
-            return event;
-          }
+    if (this.options.maxwords) {
+      countAttribute = this.defaults.wordCountAttribute;
+    } // Save the element limit
 
-          event = document.createEventObject();
-          event.type = type;
-          event.bubbles = eventInitDict && eventInitDict.bubbles !== undefined ? eventInitDict.bubbles : false;
-          event.cancelable = eventInitDict && eventInitDict.cancelable !== undefined ? eventInitDict.cancelable : false;
-          return event;
-        };
 
-        if (existingProto) {
-          Object.defineProperty(window.Event, 'prototype', {
-            configurable: false,
-            enumerable: false,
-            writable: true,
-            value: existingProto
-          });
-        }
+    this.maxLength = $module.getAttribute(countAttribute); // Check for limit
 
-        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 (!this.maxLength) {
+      return;
+    } // Remove hard limit if set
 
-            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 = {};
-            }
+    $textarea.removeAttribute('maxlength');
+    this.bindChangeEvents(); // When the page is restored after navigating 'back' in some browsers the
+    // state of the character count is not restored until *after* the DOMContentLoaded
+    // event is fired, so we need to manually update it after the pageshow event
+    // in browsers that support it.
 
-            if (!element._events[type]) {
-              element._events[type] = function (event) {
-                var list = element._events[event.type].list,
-                    events = list.slice(),
-                    index = -1,
-                    length = events.length,
-                    eventElement;
+    if ('onpageshow' in window) {
+      window.addEventListener('pageshow', this.updateCountMessage.bind(this));
+    } else {
+      window.addEventListener('DOMContentLoaded', this.updateCountMessage.bind(this));
+    }
 
-                event.preventDefault = function preventDefault() {
-                  if (event.cancelable !== false) {
-                    event.returnValue = false;
-                  }
-                };
+    this.updateCountMessage();
+  }; // Read data attributes
 
-                event.stopPropagation = function stopPropagation() {
-                  event.cancelBubble = true;
-                };
 
-                event.stopImmediatePropagation = function stopImmediatePropagation() {
-                  event.cancelBubble = true;
-                  event.cancelImmediate = true;
-                };
+  CharacterCount.prototype.getDataset = function (element) {
+    var dataset = {};
+    var attributes = element.attributes;
 
-                event.currentTarget = element;
-                event.relatedTarget = event.fromElement || null;
-                event.target = event.target || event.srcElement || element;
-                event.timeStamp = new Date().getTime();
+    if (attributes) {
+      for (var i = 0; i < attributes.length; i++) {
+        var attribute = attributes[i];
+        var match = attribute.name.match(/^data-(.+)/);
 
-                if (event.clientX) {
-                  event.pageX = event.clientX + document.documentElement.scrollLeft;
-                  event.pageY = event.clientY + document.documentElement.scrollTop;
-                }
+        if (match) {
+          dataset[match[1]] = attribute.value;
+        }
+      }
+    }
 
-                while (++index < length && !event.cancelImmediate) {
-                  if (index in events) {
-                    eventElement = events[index];
+    return dataset;
+  }; // Counts characters or words in text
 
-                    if (indexOf(list, eventElement) !== -1 && typeof eventElement === 'function') {
-                      eventElement.call(element, event);
-                    }
-                  }
-                }
-              };
 
-              element._events[type].list = [];
+  CharacterCount.prototype.count = function (text) {
+    var length;
 
-              if (element.attachEvent) {
-                element.attachEvent('on' + type, element._events[type]);
-              }
-            }
+    if (this.options.maxwords) {
+      var tokens = text.match(/\S+/g) || []; // Matches consecutive non-whitespace chars
 
-            element._events[type].list.push(listener);
-          };
+      length = tokens.length;
+    } else {
+      length = text.length;
+    }
 
-          window.removeEventListener = Window.prototype.removeEventListener = Document.prototype.removeEventListener = Element.prototype.removeEventListener = function removeEventListener() {
-            var element = this,
-                type = arguments[0],
-                listener = arguments[1],
-                index;
+    return length;
+  }; // Bind input propertychange to the elements and update based on the change
 
-            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);
+  CharacterCount.prototype.bindChangeEvents = function () {
+    var $textarea = this.$textarea;
+    $textarea.addEventListener('keyup', this.handleKeyUp.bind(this)); // Bind focus/blur events to start/stop polling
 
-                if (!element._events[type].list.length) {
-                  if (element.detachEvent) {
-                    element.detachEvent('on' + type, element._events[type]);
-                  }
+    $textarea.addEventListener('focus', this.handleFocus.bind(this));
+    $textarea.addEventListener('blur', this.handleBlur.bind(this));
+  }; // Speech recognition software such as Dragon NaturallySpeaking will modify the
+  // fields by directly changing its `value`. These changes don't trigger events
+  // in JavaScript, so we need to poll to handle when and if they occur.
 
-                  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');
-            }
+  CharacterCount.prototype.checkIfValueChanged = function () {
+    if (!this.$textarea.oldValue) this.$textarea.oldValue = '';
 
-            if (!event || typeof event.type !== 'string') {
-              throw new Error('DOM Events Exception 0');
-            }
+    if (this.$textarea.value !== this.$textarea.oldValue) {
+      this.$textarea.oldValue = this.$textarea.value;
+      this.updateCountMessage();
+    }
+  }; // Helper function to update both the visible and screen reader-specific
+  // counters simultaneously (e.g. on init)
 
-            var element = this,
-                type = event.type;
 
-            try {
-              if (!event.bubbles) {
-                event.cancelBubble = true;
+  CharacterCount.prototype.updateCountMessage = function () {
+    this.updateVisibleCountMessage();
+    this.updateScreenReaderCountMessage();
+  }; // Update visible counter
 
-                var cancelBubbleEvent = function (event) {
-                  event.cancelBubble = true;
-                  (element || window).detachEvent('on' + type, cancelBubbleEvent);
-                };
 
-                this.attachEvent('on' + type, cancelBubbleEvent);
-              }
+  CharacterCount.prototype.updateVisibleCountMessage = function () {
+    var $textarea = this.$textarea;
+    var $visibleCountMessage = this.$visibleCountMessage;
+    var remainingNumber = this.maxLength - this.count($textarea.value); // If input is over the threshold, remove the disabled class which renders the
+    // counter invisible.
 
-              this.fireEvent('on' + type, event);
-            } catch (error) {
-              event.target = element;
+    if (this.isOverThreshold()) {
+      $visibleCountMessage.classList.remove('hmrc-character-count__message--disabled');
+    } else {
+      $visibleCountMessage.classList.add('hmrc-character-count__message--disabled');
+    } // Update styles
 
-              do {
-                event.currentTarget = element;
 
-                if ('_events' in element && typeof element._events[type] === 'function') {
-                  element._events[type].call(element, event);
-                }
+    if (remainingNumber < 0) {
+      $textarea.classList.add('govuk-textarea--error');
+      $visibleCountMessage.classList.remove('govuk-hint');
+      $visibleCountMessage.classList.add('govuk-error-message');
+    } else {
+      $textarea.classList.remove('govuk-textarea--error');
+      $visibleCountMessage.classList.remove('govuk-error-message');
+      $visibleCountMessage.classList.add('govuk-hint');
+    } // Update message
 
-                if (typeof element['on' + type] === 'function') {
-                  element['on' + type].call(element, event);
-                }
 
-                element = element.nodeType === 9 ? element.parentWindow : element.parentNode;
-              } while (element && !event.cancelBubble);
-            }
+    $visibleCountMessage.innerHTML = this.formattedUpdateMessage();
+  }; // Update screen reader-specific counter
 
-            return true;
-          }; // Add the DOMContentLoaded Event
 
+  CharacterCount.prototype.updateScreenReaderCountMessage = function () {
+    var $screenReaderCountMessage = this.$screenReaderCountMessage; // If over the threshold, remove the aria-hidden attribute, allowing screen
+    // readers to announce the content of the element.
 
-          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 commonjsGlobal && commonjsGlobal || {});
-  });
-  });
+    if (this.isOverThreshold()) {
+      $screenReaderCountMessage.removeAttribute('aria-hidden');
+    } else {
+      $screenReaderCountMessage.setAttribute('aria-hidden', true);
+    } // Update message
 
-  var classList = createCommonjsModule(function (module, exports) {
-  (function (global, factory) {
-    factory();
-  })(commonjsGlobal, function () {
 
-    (function (undefined) {
-      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Object/defineProperty/detect.js
-      var detect = // In IE8, defineProperty could only act on DOM elements, so full support
-      // for the feature requires the ability to set a property on an arbitrary object
-      'defineProperty' in Object && function () {
-        try {
-          var a = {};
-          Object.defineProperty(a, 'test', {
-            value: 42
-          });
-          return true;
-        } catch (e) {
-          return false;
-        }
-      }();
+    $screenReaderCountMessage.innerHTML = this.formattedUpdateMessage();
+  }; // Format update message
 
-      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.defineProperty&flags=always
 
-      (function (nativeDefineProperty) {
-        var supportsAccessors = Object.prototype.hasOwnProperty('__defineGetter__');
-        var ERR_ACCESSORS_NOT_SUPPORTED = 'Getters & setters cannot be defined on this javascript engine';
-        var ERR_VALUE_ACCESSORS = 'A property cannot both have accessors and be writable or have a value';
+  CharacterCount.prototype.formattedUpdateMessage = function () {
+    var $textarea = this.$textarea;
+    var options = this.options;
+    var remainingNumber = this.maxLength - this.count($textarea.value);
+    var isWelsh = this.options.language === 'cy';
+    var charVerb;
+    var charNoun;
+    var charStartMessage = isWelsh ? 'Mae gennych ' : 'You have ';
 
-        Object.defineProperty = function defineProperty(object, property, descriptor) {
-          // Where native support exists, assume it
-          if (nativeDefineProperty && (object === window || object === document || object === Element.prototype || object instanceof Element)) {
-            return nativeDefineProperty(object, property, descriptor);
-          }
+    if (options.maxwords) {
+      if (remainingNumber === -1 || remainingNumber === 1) {
+        charNoun = isWelsh ? 'gair' : 'word';
+      } else {
+        charNoun = isWelsh ? 'o eiriau' : 'words';
+      }
+    } else if (remainingNumber === -1 || remainingNumber === 1) {
+      charNoun = isWelsh ? 'cymeriad' : 'character';
+    } else {
+      charNoun = isWelsh ? 'o gymeriadau' : 'characters';
+    }
 
-          if (object === null || !(object instanceof Object || typeof object === 'object')) {
-            throw new TypeError('Object.defineProperty called on non-object');
-          }
+    if (remainingNumber < 0) {
+      charVerb = isWelsh ? 'yn ormod' : 'too many';
+    } else {
+      charVerb = isWelsh ? 'yn weddill' : 'remaining';
+    }
 
-          if (!(descriptor instanceof Object)) {
-            throw new TypeError('Property description must be an object');
-          }
+    var displayNumber = Math.abs(remainingNumber);
+    return charStartMessage + displayNumber + ' ' + charNoun + ' ' + charVerb;
+  }; // Checks whether the value is over the configured threshold for the input.
+  // If there is no configured threshold, it is set to 0 and this function will
+  // always return true.
 
-          var propertyString = String(property);
-          var hasValueOrWritable = 'value' in descriptor || 'writable' in descriptor;
-          var getterType = 'get' in descriptor && typeof descriptor.get;
-          var setterType = 'set' in descriptor && typeof descriptor.set; // handle descriptor.get
 
-          if (getterType) {
-            if (getterType !== 'function') {
-              throw new TypeError('Getter must be a function');
-            }
+  CharacterCount.prototype.isOverThreshold = function () {
+    var $textarea = this.$textarea;
+    var options = this.options; // Determine the remaining number of characters/words
 
-            if (!supportsAccessors) {
-              throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
-            }
+    var currentLength = this.count($textarea.value);
+    var maxLength = this.maxLength; // Set threshold if presented in options
 
-            if (hasValueOrWritable) {
-              throw new TypeError(ERR_VALUE_ACCESSORS);
-            }
+    var thresholdPercent = options.threshold ? options.threshold : 0;
+    var thresholdValue = maxLength * thresholdPercent / 100;
+    return thresholdValue <= currentLength;
+  }; // Update the visible character counter and keep track of when the last update
+  // happened for each keypress
 
-            Object.__defineGetter__.call(object, propertyString, descriptor.get);
-          } else {
-            object[propertyString] = descriptor.value;
-          } // handle descriptor.set
 
+  CharacterCount.prototype.handleKeyUp = function () {
+    this.updateVisibleCountMessage();
+    this.lastInputTimestamp = Date.now();
+  };
 
-          if (setterType) {
-            if (setterType !== 'function') {
-              throw new TypeError('Setter must be a function');
-            }
+  CharacterCount.prototype.handleFocus = function () {
+    // If the field is focused, and a keyup event hasn't been detected for at
+    // least 1000 ms (1 second), then run the manual change check.
+    // This is so that the update triggered by the manual comparison doesn't
+    // conflict with debounced KeyboardEvent updates.
+    this.valueChecker = setInterval(function () {
+      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
+        this.checkIfValueChanged();
+      }
+    }.bind(this), 1000);
+  };
 
-            if (!supportsAccessors) {
-              throw new TypeError(ERR_ACCESSORS_NOT_SUPPORTED);
-            }
+  CharacterCount.prototype.handleBlur = function () {
+    // Cancel value checking on blur
+    clearInterval(this.valueChecker);
+  };
 
-            if (hasValueOrWritable) {
-              throw new TypeError(ERR_VALUE_ACCESSORS);
-            }
+  (function (undefined) {
+    // Detection from https://github.com/Financial-Times/polyfill-library/blob/987630a085e29226da16b5dc542042c687560191/polyfills/Array/prototype/forEach/detect.js
+    var detect = ('forEach' in Array.prototype);
+    if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Array.prototype.forEach&flags=always
 
-            Object.__defineSetter__.call(object, propertyString, descriptor.set);
-          } // OK to define value unconditionally - if a getter has been specified as well, an error would be thrown above
+    (function () {
+      Array.prototype.forEach = function forEach(callback) {
+        if (this === undefined || this === null) {
+          throw new TypeError(this + " is not an object");
+        }
 
+        if (typeof callback !== "function") {
+          throw new TypeError(callback + " is not a function");
+        }
 
-          if ('value' in descriptor) {
-            object[propertyString] = descriptor.value;
+        var object = Object(this),
+            scope = arguments[1],
+            arraylike = object instanceof String ? object.split("") : object,
+            length = Math.max(Math.min(arraylike.length, 9007199254740991), 0) || 0,
+            index = -1;
+
+        while (++index < length) {
+          if (index in arraylike) {
+            callback.call(scope, arraylike[index], index, object);
           }
+        }
+      };
+    })();
+  }).call('object' === (typeof window === "undefined" ? "undefined" : _typeof(window)) && window || 'object' === (typeof self === "undefined" ? "undefined" : _typeof(self)) && self || 'object' === (typeof global === "undefined" ? "undefined" : _typeof(global)) && global || {});
 
-          return object;
-        };
-      })(Object.defineProperty);
-    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
-    (function (undefined) {
-      // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-service/master/packages/polyfill-library/polyfills/DOMTokenList/detect.js
-      var detect = 'DOMTokenList' in this && function (x) {
-        return 'classList' in x ? !x.classList.toggle('x', false) && !x.className : true;
-      }(document.createElement('x'));
+  (function (undefined) {
+    // Detection from https://github.com/Financial-Times/polyfill-library/blob/987630a085e29226da16b5dc542042c687560191/polyfills/Object/keys/detect.js
+    var detect = 'keys' in Object && function () {
+      // Safari 5.0 bug where Object.keys doesn't work with arguments
+      return Object.keys(arguments).length === 2;
+    }(1, 2) && function () {
+      try {
+        return true;
+      } catch (e) {
+        return false;
+      }
+    }();
 
-      if (detect) return; // Polyfill from https://raw.githubusercontent.com/Financial-Times/polyfill-service/master/packages/polyfill-library/polyfills/DOMTokenList/polyfill.js
+    if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.assign&flags=always
 
-      (function (global) {
-        var nativeImpl = "DOMTokenList" in global && global.DOMTokenList;
+    Object.keys = function () {
 
-        if (!nativeImpl || !!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg') && !(document.createElementNS("http://www.w3.org/2000/svg", "svg").classList instanceof DOMTokenList)) {
-          global.DOMTokenList = function () {
-            // eslint-disable-line no-unused-vars
-            var dpSupport = true;
+      var has = Object.prototype.hasOwnProperty;
+      var toStr = Object.prototype.toString;
+      var isEnumerable = Object.prototype.propertyIsEnumerable;
+      var hasDontEnumBug = !isEnumerable.call({
+        toString: null
+      }, "toString");
+      var hasProtoEnumBug = isEnumerable.call(function () {}, "prototype");
+      var dontEnums = ["toString", "toLocaleString", "valueOf", "hasOwnProperty", "isPrototypeOf", "propertyIsEnumerable", "constructor"];
 
-            var defineGetter = function (object, name, fn, configurable) {
-              if (Object.defineProperty) Object.defineProperty(object, name, {
-                configurable: false === dpSupport ? true : !!configurable,
-                get: fn
-              });else object.__defineGetter__(name, fn);
-            };
-            /** Ensure the browser allows Object.defineProperty to be used on native JavaScript objects. */
+      var equalsConstructorPrototype = function equalsConstructorPrototype(o) {
+        var ctor = o.constructor;
+        return ctor && ctor.prototype === o;
+      };
+
+      var excludedKeys = {
+        $console: true,
+        $external: true,
+        $frame: true,
+        $frameElement: true,
+        $frames: true,
+        $innerHeight: true,
+        $innerWidth: true,
+        $outerHeight: true,
+        $outerWidth: true,
+        $pageXOffset: true,
+        $pageYOffset: true,
+        $parent: true,
+        $scrollLeft: true,
+        $scrollTop: true,
+        $scrollX: true,
+        $scrollY: true,
+        $self: true,
+        $webkitIndexedDB: true,
+        $webkitStorageInfo: true,
+        $window: true
+      };
 
+      var hasAutomationEqualityBug = function () {
+        /* global window */
+        if (typeof window === "undefined") {
+          return false;
+        }
 
-            try {
-              defineGetter({}, "support");
-            } catch (e) {
-              dpSupport = false;
+        for (var k in window) {
+          try {
+            if (!excludedKeys['$' + k] && has.call(window, k) && window[k] !== null && _typeof(window[k]) === 'object') {
+              try {
+                equalsConstructorPrototype(window[k]);
+              } catch (e) {
+                return true;
+              }
             }
+          } catch (e) {
+            return true;
+          }
+        }
 
-            var _DOMTokenList = function (el, prop) {
-              var that = this;
-              var tokens = [];
-              var tokenMap = {};
-              var length = 0;
-              var maxLength = 0;
+        return false;
+      }();
 
-              var addIndexGetter = function (i) {
-                defineGetter(that, i, function () {
-                  preop();
-                  return tokens[i];
-                }, false);
-              };
+      var equalsConstructorPrototypeIfNotBuggy = function equalsConstructorPrototypeIfNotBuggy(o) {
+        /* global window */
+        if (typeof window === "undefined" || !hasAutomationEqualityBug) {
+          return equalsConstructorPrototype(o);
+        }
 
-              var reindex = function () {
-                /** Define getter functions for array-like access to the tokenList's contents. */
-                if (length >= maxLength) for (; maxLength < length; ++maxLength) {
-                  addIndexGetter(maxLength);
-                }
-              };
-              /** Helper function called at the start of each class method. Internal use only. */
+        try {
+          return equalsConstructorPrototype(o);
+        } catch (e) {
+          return false;
+        }
+      };
 
+      function isArgumentsObject(value) {
+        var str = toStr.call(value);
+        var isArgs = str === "[object Arguments]";
 
-              var preop = function () {
-                var error;
-                var i;
-                var args = arguments;
-                var rSpace = /\s+/;
-                /** Validate the token/s passed to an instance method, if any. */
+        if (!isArgs) {
+          isArgs = str !== "[object Array]" && value !== null && _typeof(value) === "object" && typeof value.length === "number" && value.length >= 0 && toStr.call(value.callee) === "[object Function]";
+        }
 
-                if (args.length) for (i = 0; i < args.length; ++i) if (rSpace.test(args[i])) {
-                  error = new SyntaxError('String "' + args[i] + '" ' + "contains" + ' an invalid character');
-                  error.code = 5;
-                  error.name = "InvalidCharacterError";
-                  throw error;
-                }
-                /** Split the new value apart by whitespace*/
+        return isArgs;
+      }
 
-                if (typeof el[prop] === "object") {
-                  tokens = ("" + el[prop].baseVal).replace(/^\s+|\s+$/g, "").split(rSpace);
-                } else {
-                  tokens = ("" + el[prop]).replace(/^\s+|\s+$/g, "").split(rSpace);
-                }
-                /** Avoid treating blank strings as single-item token lists */
+      return function keys(object) {
+        var isFunction = toStr.call(object) === "[object Function]";
+        var isArguments = isArgumentsObject(object);
+        var isString = toStr.call(object) === "[object String]";
+        var theKeys = [];
 
+        if (object === undefined || object === null) {
+          throw new TypeError("Cannot convert undefined or null to object");
+        }
 
-                if ("" === tokens[0]) tokens = [];
-                /** Repopulate the internal token lists */
+        var skipProto = hasProtoEnumBug && isFunction;
 
-                tokenMap = {};
+        if (isString && object.length > 0 && !has.call(object, 0)) {
+          for (var i = 0; i < object.length; ++i) {
+            theKeys.push(String(i));
+          }
+        }
 
-                for (i = 0; i < tokens.length; ++i) tokenMap[tokens[i]] = true;
+        if (isArguments && object.length > 0) {
+          for (var j = 0; j < object.length; ++j) {
+            theKeys.push(String(j));
+          }
+        } else {
+          for (var name in object) {
+            if (!(skipProto && name === "prototype") && has.call(object, name)) {
+              theKeys.push(String(name));
+            }
+          }
+        }
 
-                length = tokens.length;
-                reindex();
-              };
-              /** Populate our internal token list if the targeted attribute of the subject element isn't empty. */
+        if (hasDontEnumBug) {
+          var skipConstructor = equalsConstructorPrototypeIfNotBuggy(object);
 
+          for (var k = 0; k < dontEnums.length; ++k) {
+            if (!(skipConstructor && dontEnums[k] === "constructor") && has.call(object, dontEnums[k])) {
+              theKeys.push(dontEnums[k]);
+            }
+          }
+        }
 
-              preop();
-              /** Return the number of tokens in the underlying string. Read-only. */
+        return theKeys;
+      };
+    }();
+  }).call("object" === (typeof window === "undefined" ? "undefined" : _typeof(window)) && window || "object" === (typeof self === "undefined" ? "undefined" : _typeof(self)) && self || "object" === (typeof global === "undefined" ? "undefined" : _typeof(global)) && global || {});
 
-              defineGetter(that, "length", function () {
-                preop();
-                return length;
-              });
-              /** Override the default toString/toLocaleString methods to return a space-delimited list of tokens when typecast. */
+  (function (undefined) {
+    // Detection from https://github.com/Financial-Times/polyfill-library/blob/987630a085e29226da16b5dc542042c687560191/polyfills/Object/assign/detect.js
+    var detect = ('assign' in Object);
+    if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Object.assign&flags=always
 
-              that.toLocaleString = that.toString = function () {
-                preop();
-                return tokens.join(" ");
-              };
+    (function () {
+      // 7.1.13 ToObject ( argument )
+      function toObject(argument) {
+        if (argument === null || argument === undefined) {
+          throw new TypeError('Cannot call method on ' + argument);
+        }
 
-              that.item = function (idx) {
-                preop();
-                return tokens[idx];
-              };
+        return Object(argument);
+      }
 
-              that.contains = function (token) {
-                preop();
-                return !!tokenMap[token];
-              };
+      Object.defineProperty(Object, 'assign', {
+        enumerable: false,
+        configurable: true,
+        writable: true,
+        value: function assign(target, source) {
+          // eslint-disable-line no-unused-vars
+          // 1. Let to be ? ToObject(target).
+          var to = toObject(target); // 2. If only one argument was passed, return to.
 
-              that.add = function () {
-                preop.apply(that, args = arguments);
+          if (arguments.length === 1) {
+            return to;
+          } // 3. Let sources be the List of argument values starting with the second argument
 
-                for (var args, token, i = 0, l = args.length; i < l; ++i) {
-                  token = args[i];
 
-                  if (!tokenMap[token]) {
-                    tokens.push(token);
-                    tokenMap[token] = true;
-                  }
-                }
-                /** Update the targeted attribute of the attached element if the token list's changed. */
+          var sources = Array.prototype.slice.call(arguments, 1); // 4. For each element nextSource of sources, in ascending index order, do
 
+          var index1;
+          var index2;
+          var keys;
+          var from;
 
-                if (length !== tokens.length) {
-                  length = tokens.length >>> 0;
+          for (index1 = 0; index1 < sources.length; index1++) {
+            var nextSource = sources[index1]; // 4a. If nextSource is undefined or null, let keys be a new empty List.
 
-                  if (typeof el[prop] === "object") {
-                    el[prop].baseVal = tokens.join(" ");
-                  } else {
-                    el[prop] = tokens.join(" ");
-                  }
+            if (nextSource === undefined || nextSource === null) {
+              keys = []; // 4b. Else,
+            } else {
+              // 4bi. Let from be ! ToObject(nextSource).
+              from = toObject(nextSource); // 4bii. Let keys be ? from.[[OwnPropertyKeys]]().
 
-                  reindex();
-                }
-              };
+              /*
+                This step in our polyfill is not complying with the specification.
+                [[OwnPropertyKeys]] is meant to return ALL keys, including non-enumerable and symbols.
+                TODO: When we have Reflect.ownKeys, use that instead as it is the userland equivalent of [[OwnPropertyKeys]].
+              */
 
-              that.remove = function () {
-                preop.apply(that, args = arguments);
-                /** Build a hash of token names to compare against when recollecting our token list. */
+              keys = Object.keys(from);
+            } // 4c. For each element nextKey of keys in List order, do
 
-                for (var args, ignore = {}, i = 0, t = []; i < args.length; ++i) {
-                  ignore[args[i]] = true;
-                  delete tokenMap[args[i]];
-                }
-                /** Run through our tokens list and reassign only those that aren't defined in the hash declared above. */
 
+            for (index2 = 0; index2 < keys.length; index2++) {
+              var nextKey = keys[index2]; // 4ci. Let desc be ? from.[[GetOwnProperty]](nextKey).
 
-                for (i = 0; i < tokens.length; ++i) if (!ignore[tokens[i]]) t.push(tokens[i]);
+              var desc = Object.getOwnPropertyDescriptor(from, nextKey); // 4cii. If desc is not undefined and desc.[[Enumerable]] is true, then
 
-                tokens = t;
-                length = t.length >>> 0;
-                /** Update the targeted attribute of the attached element. */
+              if (desc !== undefined && desc.enumerable) {
+                // 4cii1. Let propValue be ? Get(from, nextKey).
+                var propValue = from[nextKey]; // 4cii2. Perform ? Set(to, nextKey, propValue, true).
 
-                if (typeof el[prop] === "object") {
-                  el[prop].baseVal = tokens.join(" ");
-                } else {
-                  el[prop] = tokens.join(" ");
-                }
+                to[nextKey] = propValue;
+              }
+            }
+          } // 5. Return to.
 
-                reindex();
-              };
 
-              that.toggle = function (token, force) {
-                preop.apply(that, [token]);
-                /** Token state's being forced. */
+          return to;
+        }
+      });
+    })();
+  }).call('object' === (typeof window === "undefined" ? "undefined" : _typeof(window)) && window || 'object' === (typeof self === "undefined" ? "undefined" : _typeof(self)) && self || 'object' === (typeof global === "undefined" ? "undefined" : _typeof(global)) && global || {});
 
-                if (undefined !== force) {
-                  if (force) {
-                    that.add(token);
-                    return true;
-                  } else {
-                    that.remove(token);
-                    return false;
-                  }
-                }
-                /** Token already exists in tokenList. Remove it, and return FALSE. */
+  (function (undefined) {
+    // Detection from https://github.com/Financial-Times/polyfill-library/blob/987630a085e29226da16b5dc542042c687560191/polyfills/Date/now/detect.js
+    var detect = 'Date' in this && 'now' in this.Date && 'getTime' in this.Date.prototype;
+    if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Array.prototype.forEach&flags=always
 
+    Date.now = function now() {
+      return new Date().getTime();
+    };
+  }).call('object' === (typeof window === "undefined" ? "undefined" : _typeof(window)) && window || 'object' === (typeof self === "undefined" ? "undefined" : _typeof(self)) && self || 'object' === (typeof global === "undefined" ? "undefined" : _typeof(global)) && global || {});
 
-                if (tokenMap[token]) {
-                  that.remove(token);
-                  return false;
-                }
-                /** Otherwise, add the token and return TRUE. */
+  /**
+   * TODO: Ideally this would be a NodeList.prototype.forEach polyfill
+   * This seems to fail in IE8, requires more investigation.
+   * See: https://github.com/imagitama/nodelist-foreach-polyfill
+   */
+  // eslint-disable-next-line consistent-return
+  function nodeListForEach(nodes, callback) {
+    if (window.NodeList.prototype.forEach) {
+      return nodes.forEach(callback);
+    }
 
+    for (var i = 0; i < nodes.length; i += 1) {
+      callback.call(window, nodes[i], i, nodes);
+    }
+  } // eslint-disable-next-line import/prefer-default-export
 
-                that.add(token);
-                return true;
-              };
+  /* global ActiveXObject */
+  var _console = console,
+      warn = _console.warn;
+  var utils = {
+    generateDomElementFromString: function generateDomElementFromString(str) {
+      var abc = document.createElement('div');
+      abc.innerHTML = str;
+      return abc.firstChild;
+    },
+    generateDomElementFromStringAndAppendText: function generateDomElementFromStringAndAppendText(str, text) {
+      var $tmp = utils.generateDomElementFromString(str);
+      $tmp.innerText = text;
+      return $tmp;
+    },
+    hasClass: function hasClass(selector, className) {
+      return document.querySelector(selector).classList.contains(className);
+    },
+    addClass: function addClass(selector, className) {
+      var elements = document.querySelectorAll(selector);
+      nodeListForEach(elements, function (i) {
+        i.classList.add(className);
+      });
+    },
+    removeClass: function removeClass(selector, className) {
+      var elements = document.querySelectorAll(selector);
+      nodeListForEach(elements, function (i) {
+        i.classList.remove(className);
+      });
+    },
+    removeElement: function removeElement($elem) {
+      var parent = $elem.parentNode;
 
-              return that;
-            };
+      if (parent) {
+        parent.removeChild($elem);
+      } else {
+        warn("couldn't find parent for elem", $elem);
+      }
+    },
+    ajaxGet: function ajaxGet(url, success) {
+      var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
+      xhr.open('GET', url);
 
-            return _DOMTokenList;
-          }();
-        } // Add second argument to native DOMTokenList.toggle() if necessary
+      xhr.onreadystatechange = function () {
+        if (xhr.readyState > 3 && xhr.status === 200) success(xhr.responseText);
+      };
 
+      xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
+      xhr.send();
+      return xhr;
+    }
+  };
 
-        (function () {
-          var e = document.createElement('span');
-          if (!('classList' in e)) return;
-          e.classList.toggle('x', false);
-          if (!e.classList.contains('x')) return;
+  function displayDialog($elementToDisplay) {
+    var $dialog = utils.generateDomElementFromString('<div id="hmrc-timeout-dialog" tabindex="-1" role="dialog" aria-modal="true" class="hmrc-timeout-dialog">');
+    var $overlay = utils.generateDomElementFromString('<div id="hmrc-timeout-overlay" class="hmrc-timeout-overlay">');
+    var $preparedElementToDisplay = typeof $elementToDisplay === 'string' ? utils.generateDomElementFromString($elementToDisplay) : $elementToDisplay;
+    var resetElementsFunctionList = [];
+    var closeCallbacks = [];
+    $dialog.appendChild($preparedElementToDisplay);
 
-          e.classList.constructor.prototype.toggle = function toggle(token
-          /*, force*/
-          ) {
-            var force = arguments[1];
+    if (!utils.hasClass('html', 'noScroll')) {
+      utils.addClass('html', 'noScroll');
+      resetElementsFunctionList.push(function () {
+        utils.removeClass('html', 'noScroll');
+      });
+    }
 
-            if (force === undefined) {
-              var add = !this.contains(token);
-              this[add ? 'add' : 'remove'](token);
-              return add;
-            }
+    document.body.appendChild($dialog);
+    document.body.appendChild($overlay);
+    resetElementsFunctionList.push(function () {
+      utils.removeElement($dialog);
+      utils.removeElement($overlay);
+    });
 
-            force = !!force;
-            this[force ? 'add' : 'remove'](token);
-            return force;
-          };
-        })(); // Add multiple arguments to native DOMTokenList.add() if necessary
+    var setupFocusHandlerAndFocusDialog = function setupFocusHandlerAndFocusDialog() {
+      function keepFocus(event) {
+        var modalFocus = document.getElementById('hmrc-timeout-dialog');
 
+        if (modalFocus) {
+          if (event.target !== modalFocus && !modalFocus.contains(event.target)) {
+            event.stopPropagation();
+            modalFocus.focus();
+          }
+        }
+      }
 
-        (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;
+      var elemToFocusOnReset = document.activeElement;
+      $dialog.focus();
+      document.addEventListener('focus', keepFocus, true);
+      resetElementsFunctionList.push(function () {
+        document.removeEventListener('focus', keepFocus);
+        elemToFocusOnReset.focus();
+      });
+    }; // disable the non-dialog page to prevent confusion for VoiceOver users
 
-          e.classList.constructor.prototype.add = function () {
-            var args = arguments;
-            var l = arguments.length;
 
-            for (var i = 0; i < l; i++) {
-              native.call(this, args[i]);
-            }
-          };
-        })(); // Add multiple arguments to native DOMTokenList.remove() if necessary
+    var selectors = ['#skiplink-container', 'body > header', '#global-cookie-message', 'main[role=main]', 'body > footer', 'body > .govuk-skip-link', '.cbanner-govuk-cookie-banner', 'body > .govuk-width-container'];
+    var elements = document.querySelectorAll(selectors.join(', '));
 
+    var close = function close() {
+      while (resetElementsFunctionList.length > 0) {
+        var fn = resetElementsFunctionList.shift();
+        fn();
+      }
+    };
 
-        (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;
+    var closeAndInform = function closeAndInform() {
+      closeCallbacks.forEach(function (fn) {
+        fn();
+      });
+      close();
+    };
 
-          e.classList.constructor.prototype.remove = function () {
-            var args = arguments;
-            var l = arguments.length;
+    var setupKeydownHandler = function setupKeydownHandler() {
+      function keydownListener(e) {
+        if (e.keyCode === 27) {
+          closeAndInform();
+        }
+      }
 
-            for (var i = 0; i < l; i++) {
-              native.call(this, args[i]);
-            }
-          };
-        })();
-      })(this);
-    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
-    (function (undefined) {
-      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Document/detect.js
-      var detect = ("Document" in this);
-      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Document&flags=always
-
-      if (typeof WorkerGlobalScope === "undefined" && typeof importScripts !== "function") {
-        if (this.HTMLDocument) {
-          // IE8
-          // HTMLDocument is an extension of Document.  If the browser has HTMLDocument but not Document, the former will suffice as an alias for the latter.
-          this.Document = this.HTMLDocument;
-        } else {
-          // Create an empty function to act as the missing constructor for the document object, attach the document object as its prototype.  The function needs to be anonymous else it is hoisted and causes the feature detect to prematurely pass, preventing the assignments below being made.
-          this.Document = this.HTMLDocument = document.constructor = new Function('return function Document() {}')();
-          this.Document.prototype = document;
-        }
-      }
-    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
-    (function (undefined) {
-      // Detection from https://github.com/Financial-Times/polyfill-service/blob/master/packages/polyfill-library/polyfills/Element/detect.js
-      var detect = 'Element' in this && 'HTMLElement' in this;
-      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element&flags=always
-
-      (function () {
-        // IE8
-        if (window.Element && !window.HTMLElement) {
-          window.HTMLElement = window.Element;
-          return;
-        } // create Element constructor
-
-
-        window.Element = window.HTMLElement = new Function('return function Element() {}')(); // generate sandboxed iframe
-
-        var vbody = document.appendChild(document.createElement('body'));
-        var frame = vbody.appendChild(document.createElement('iframe')); // use sandboxed iframe to replicate Element functionality
-
-        var frameDocument = frame.contentWindow.document;
-        var prototype = Element.prototype = frameDocument.appendChild(frameDocument.createElement('*'));
-        var cache = {}; // polyfill Element.prototype on an element
-
-        var shiv = function (element, deep) {
-          var childNodes = element.childNodes || [],
-              index = -1,
-              key,
-              value,
-              childNode;
-
-          if (element.nodeType === 1 && element.constructor !== Element) {
-            element.constructor = Element;
-
-            for (key in cache) {
-              value = cache[key];
-              element[key] = value;
-            }
-          }
-
-          while (childNode = deep && childNodes[++index]) {
-            shiv(childNode, deep);
-          }
-
-          return element;
-        };
-
-        var elements = document.getElementsByTagName('*');
-        var nativeCreateElement = document.createElement;
-        var interval;
-        var loopLimit = 100;
-        prototype.attachEvent('onpropertychange', function (event) {
-          var propertyName = event.propertyName,
-              nonValue = !cache.hasOwnProperty(propertyName),
-              newValue = prototype[propertyName],
-              oldValue = cache[propertyName],
-              index = -1,
-              element;
-
-          while (element = elements[++index]) {
-            if (element.nodeType === 1) {
-              if (nonValue || element[propertyName] === oldValue) {
-                element[propertyName] = newValue;
-              }
-            }
-          }
-
-          cache[propertyName] = newValue;
-        });
-        prototype.constructor = Element;
-
-        if (!prototype.hasAttribute) {
-          // <Element>.hasAttribute
-          prototype.hasAttribute = function hasAttribute(name) {
-            return this.getAttribute(name) !== null;
-          };
-        } // Apply Element prototype to the pre-existing DOM as soon as the body element appears.
-
-
-        function bodyCheck() {
-          if (!loopLimit--) clearTimeout(interval);
+      document.addEventListener('keydown', keydownListener);
+      resetElementsFunctionList.push(function () {
+        document.removeEventListener('keydown', keydownListener);
+      });
+    };
 
-          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;
-          }
+    var preventMobileScrollWhileAllowingPinchZoom = function preventMobileScrollWhileAllowingPinchZoom() {
+      var handleTouch = function handleTouch(e) {
+        var touches = e.touches || e.changedTouches || [];
 
-          return false;
+        if (touches.length === 1) {
+          e.preventDefault();
         }
+      };
 
-        if (!bodyCheck()) {
-          document.onreadystatechange = bodyCheck;
-          interval = setInterval(bodyCheck, 25);
-        } // Apply to any new elements created after load
-
-
-        document.createElement = function createElement(nodeName) {
-          var element = nativeCreateElement(String(nodeName).toLowerCase());
-          return shiv(element);
-        }; // remove sandboxed iframe
-
-
-        document.removeChild(vbody);
-      })();
-    }).call('object' === typeof window && window || 'object' === typeof self && self || 'object' === typeof commonjsGlobal && commonjsGlobal || {});
-    (function (undefined) {
-      // Detection from https://raw.githubusercontent.com/Financial-Times/polyfill-service/8717a9e04ac7aff99b4980fbedead98036b0929a/packages/polyfill-library/polyfills/Element/prototype/classList/detect.js
-      var detect = 'document' in this && "classList" in document.documentElement && 'Element' in this && 'classList' in Element.prototype && function () {
-        var e = document.createElement('span');
-        e.classList.add('a', 'b');
-        return e.classList.contains('b');
-      }();
-
-      if (detect) return; // Polyfill from https://cdn.polyfill.io/v2/polyfill.js?features=Element.prototype.classList&flags=always
-
-      (function (global) {
-        var dpSupport = true;
-
-        var defineGetter = function (object, name, fn, configurable) {
-          if (Object.defineProperty) Object.defineProperty(object, name, {
-            configurable: false === dpSupport ? true : !!configurable,
-            get: fn
-          });else object.__defineGetter__(name, fn);
-        };
-        /** Ensure the browser allows Object.defineProperty to be used on native JavaScript objects. */
-
+      document.addEventListener('touchmove', handleTouch, true);
+      resetElementsFunctionList.push(function () {
+        document.removeEventListener('touchmove', handleTouch, true);
+      });
+    };
 
-        try {
-          defineGetter({}, "support");
-        } catch (e) {
-          dpSupport = false;
+    nodeListForEach(elements, function ($elem) {
+      var value = $elem.getAttribute('aria-hidden');
+      $elem.setAttribute('aria-hidden', 'true');
+      resetElementsFunctionList.push(function () {
+        if (value) {
+          $elem.setAttribute('aria-hidden', value);
+        } else {
+          $elem.removeAttribute('aria-hidden');
         }
-        /** Polyfills a property with a DOMTokenList */
-
-
-        var addProp = function (o, name, attr) {
-          defineGetter(o.prototype, name, function () {
-            var tokenList;
-            var THIS = this,
-
-            /** Prevent this from firing twice for some reason. What the hell, IE. */
-            gibberishProperty = "__defineGetter__" + "DEFINE_PROPERTY" + name;
-            if (THIS[gibberishProperty]) return tokenList;
-            THIS[gibberishProperty] = true;
-            /**
-             * IE8 can't define properties on native JavaScript objects, so we'll use a dumb hack instead.
-             *
-             * What this is doing is creating a dummy element ("reflection") inside a detached phantom node ("mirror")
-             * that serves as the target of Object.defineProperty instead. While we could simply use the subject HTML
-             * element instead, this would conflict with element types which use indexed properties (such as forms and
-             * select lists).
-             */
-
-            if (false === dpSupport) {
-              var visage;
-              var mirror = addProp.mirror || document.createElement("div");
-              var reflections = mirror.childNodes;
-              var l = reflections.length;
-
-              for (var i = 0; i < l; ++i) if (reflections[i]._R === THIS) {
-                visage = reflections[i];
-                break;
-              }
-              /** Couldn't find an element's reflection inside the mirror. Materialise one. */
-
-
-              visage || (visage = mirror.appendChild(document.createElement("div")));
-              tokenList = DOMTokenList.call(visage, THIS, attr);
-            } else tokenList = new DOMTokenList(THIS, attr);
+      });
+    }); //
 
-            defineGetter(THIS, name, function () {
-              return tokenList;
-            });
-            delete THIS[gibberishProperty];
-            return tokenList;
-          }, true);
-        };
+    setupFocusHandlerAndFocusDialog();
+    setupKeydownHandler();
+    preventMobileScrollWhileAllowingPinchZoom();
+    return {
+      closeDialog: function closeDialog() {
+        close();
+      },
+      setAriaLabelledBy: function setAriaLabelledBy(value) {
+        if (value) {
+          $dialog.setAttribute('aria-labelledby', value);
+        } else {
+          $dialog.removeAttribute('aria-labelledby');
+        }
+      },
+      addCloseHandler: function addCloseHandler(closeHandler) {
+        closeCallbacks.push(closeHandler);
+      }
+    };
+  }
 
-        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 commonjsGlobal && commonjsGlobal || {});
-  });
-  });
+  var dialog = {
+    displayDialog: displayDialog
+  };
 
-  // https://github.com/alphagov/govuk-frontend/blob/main/src/govuk/components/character-count/character-count.js
-  // with the change to support Welsh language messages. At the moment, there is no ability to pass
-  // in custom messages to the component for the dynamic count. If GDS release a version supporting
-  // custom dynamic count messages, this version should be removed.
-  // Linting is disabled to keep aligned with govuk-frontend
+  // Polyfill from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Number/isNaN
+  Number.isNaN = Number.isNaN || function isNaN(input) {
+    return typeof input === 'number' && input !== input;
+  };
 
-  /* eslint-disable */
+  function ValidateInput() {}
 
-  function CharacterCount($module) {
-    this.$module = $module;
-    this.$textarea = $module.querySelector('.hmrc-js-character-count');
-    this.$visibleCountMessage = null;
-    this.$screenReaderCountMessage = null;
-    this.lastInputTimestamp = null;
-  }
+  ValidateInput["int"] = function (stringToValidate) {
+    var parsedInt = parseInt(stringToValidate, 10);
+    return Number.isNaN(parsedInt) ? undefined : parsedInt;
+  };
 
-  CharacterCount.prototype.defaults = {
-    characterCountAttribute: 'data-maxlength',
-    wordCountAttribute: 'data-maxwords'
-  }; // Initialize component
+  ValidateInput.string = function (stringToValidate) {
+    return typeof stringToValidate === 'string' ? stringToValidate : undefined;
+  };
 
-  CharacterCount.prototype.init = function () {
-    // Check that required elements are present
-    if (!this.$textarea) {
-      return;
-    } // Check for module
+  ValidateInput["boolean"] = function (stringToValidate) {
+    return String(stringToValidate).toLowerCase() === 'true';
+  };
 
+  function RedirectHelper() {}
 
-    var $module = this.$module;
-    var $textarea = this.$textarea;
-    var $fallbackLimitMessage = document.getElementById($textarea.id + '-info'); // Move the fallback count message to be immediately after the textarea
-    // Kept for backwards compatibility
+  RedirectHelper.redirectToUrl = function (url) {
+    // This exists to make redirects more testable
+    window.location.href = url;
+  };
 
-    $textarea.insertAdjacentElement('afterend', $fallbackLimitMessage); // Create the *screen reader* specific live-updating counter
-    // This doesn't need any styling classes, as it is never visible
+  function TimeoutDialog($module, $sessionActivityService) {
+    var options = {};
+    var settings = {};
+    var cleanupFunctions = [];
+    var currentTimer;
+    var sessionActivityService = $sessionActivityService;
+    cleanupFunctions.push(function () {
+      if (currentTimer) {
+        window.clearTimeout(currentTimer);
+      }
+    });
 
-    var $screenReaderCountMessage = document.createElement('div');
-    $screenReaderCountMessage.className = 'hmrc-character-count__sr-status govuk-visually-hidden';
-    $screenReaderCountMessage.setAttribute('aria-live', 'polite');
-    this.$screenReaderCountMessage = $screenReaderCountMessage;
-    $fallbackLimitMessage.insertAdjacentElement('afterend', $screenReaderCountMessage); // Create our live-updating counter element, copying the classes from the
-    // fallback element for backwards compatibility as these may have been configured
+    function init() {
+      var validate = ValidateInput;
 
-    var $visibleCountMessage = document.createElement('div');
-    $visibleCountMessage.className = $fallbackLimitMessage.className;
-    $visibleCountMessage.classList.add('hmrc-character-count__status');
-    $visibleCountMessage.setAttribute('aria-hidden', 'true');
-    this.$visibleCountMessage = $visibleCountMessage;
-    $fallbackLimitMessage.insertAdjacentElement('afterend', $visibleCountMessage); // Hide the fallback limit message
+      function lookupData(key) {
+        return ($module.attributes.getNamedItem(key) || {}).value;
+      }
 
-    $fallbackLimitMessage.classList.add('govuk-visually-hidden'); // Read options set using dataset ('data-' values)
+      var localisedDefaults = validate.string(lookupData('data-language')) === 'cy' ? {
+        title: 'Rydych ar fin cael eich allgofnodi',
+        message: 'Er eich diogelwch, byddwn yn eich allgofnodi cyn pen',
+        keepAliveButtonText: 'Parhau i fod wedi’ch mewngofnodi',
+        signOutButtonText: 'Allgofnodi',
+        properties: {
+          minutes: 'funud',
+          minute: 'funud',
+          seconds: 'eiliad',
+          second: 'eiliad'
+        }
+      } : {
+        title: 'You’re about to be signed out',
+        message: 'For your security, we will sign you out in',
+        keepAliveButtonText: 'Stay signed in',
+        signOutButtonText: 'Sign out',
+        properties: {
+          minutes: 'minutes',
+          minute: 'minute',
+          seconds: 'seconds',
+          second: 'second'
+        }
+      };
+      options = {
+        timeout: validate["int"](lookupData('data-timeout')),
+        countdown: validate["int"](lookupData('data-countdown')),
+        keepAliveUrl: validate.string(lookupData('data-keep-alive-url')),
+        signOutUrl: validate.string(lookupData('data-sign-out-url')),
+        timeoutUrl: validate.string(lookupData('data-timeout-url')),
+        title: validate.string(lookupData('data-title')),
+        message: validate.string(lookupData('data-message')),
+        messageSuffix: validate.string(lookupData('data-message-suffix')),
+        keepAliveButtonText: validate.string(lookupData('data-keep-alive-button-text')),
+        signOutButtonText: validate.string(lookupData('data-sign-out-button-text')),
+        synchroniseTabs: validate["boolean"](lookupData('data-synchronise-tabs') || false)
+      }; // Default timeoutUrl to signOutUrl if not set
 
-    this.options = this.getDataset($module); // Determine the limit attribute (characters or words)
+      options.timeoutUrl = options.timeoutUrl || options.signOutUrl;
+      validateInput(options);
+      settings = mergeOptionsWithDefaults(options, localisedDefaults);
+      setupDialogTimer();
+      listenForSessionActivityAndResetDialogTimer();
+    }
 
-    var countAttribute = this.defaults.characterCountAttribute;
+    var broadcastSessionActivity = function broadcastSessionActivity() {
+      sessionActivityService.logActivity();
+    };
 
-    if (this.options.maxwords) {
-      countAttribute = this.defaults.wordCountAttribute;
-    } // Save the element limit
+    var listenForSessionActivityAndResetDialogTimer = function listenForSessionActivityAndResetDialogTimer() {
+      if (settings.synchroniseTabs) {
+        sessionActivityService.onActivity(function (event) {
+          var timeOfActivity = event.timestamp;
+          cleanup();
+          setupDialogTimer(timeOfActivity);
+        });
+      }
+    };
 
+    var validateInput = function validateInput(config) {
+      var requiredConfig = ['timeout', 'countdown', 'keepAliveUrl', 'signOutUrl'];
+      var missingRequiredConfig = [];
+      requiredConfig.forEach(function (item) {
+        if (!config[item]) {
+          missingRequiredConfig.push("data-".concat(item.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase()));
+        }
+      });
 
-    this.maxLength = $module.getAttribute(countAttribute); // Check for limit
+      if (missingRequiredConfig.length > 0) {
+        throw new Error("Missing config item(s): [".concat(missingRequiredConfig.join(', '), "]"));
+      }
+    };
 
-    if (!this.maxLength) {
-      return;
-    } // Remove hard limit if set
+    var mergeOptionsWithDefaults = function mergeOptionsWithDefaults(theOptions, localisedDefaults) {
+      var clone = _objectSpread2({}, theOptions);
 
+      Object.keys(localisedDefaults).forEach(function (key) {
+        if (_typeof(clone[key]) === 'object') {
+          clone[key] = mergeOptionsWithDefaults(theOptions[key], localisedDefaults[key]);
+        }
 
-    $textarea.removeAttribute('maxlength');
-    this.bindChangeEvents(); // When the page is restored after navigating 'back' in some browsers the
-    // state of the character count is not restored until *after* the DOMContentLoaded
-    // event is fired, so we need to manually update it after the pageshow event
-    // in browsers that support it.
+        if (clone[key] === undefined || clone[key] === '') {
+          clone[key] = localisedDefaults[key];
+        }
+      });
+      return clone;
+    };
 
-    if ('onpageshow' in window) {
-      window.addEventListener('pageshow', this.updateCountMessage.bind(this));
-    } else {
-      window.addEventListener('DOMContentLoaded', this.updateCountMessage.bind(this));
-    }
+    var setupDialogTimer = function setupDialogTimer() {
+      var timeOfLastActivity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getDateNow();
+      var signoutTime = timeOfLastActivity + settings.timeout * 1000;
+      var delta = getDateNow() - timeOfLastActivity;
+      var secondsUntilTimeoutDialog = settings.timeout - settings.countdown;
+      var timeout = window.setTimeout(function () {
+        setupDialog(signoutTime);
+      }, secondsUntilTimeoutDialog * 1000 - delta);
+      cleanupFunctions.push(function () {
+        window.clearTimeout(timeout);
+      });
+    };
 
-    this.updateCountMessage();
-  }; // Read data attributes
+    var wrapLink = function wrapLink($elem) {
+      var $wrapper = document.createElement('div');
+      $wrapper.classList.add('hmrc-timeout-dialog__link-wrapper');
+      $wrapper.appendChild($elem);
+      return $wrapper;
+    };
 
+    var setupDialog = function setupDialog(signoutTime) {
+      var $element = utils.generateDomElementFromString('<div>');
 
-  CharacterCount.prototype.getDataset = function (element) {
-    var dataset = {};
-    var attributes = element.attributes;
+      if (settings.title) {
+        var $tmp = utils.generateDomElementFromStringAndAppendText('<h1 id="hmrc-timeout-heading" class="govuk-heading-m push--top">', settings.title);
+        $element.appendChild($tmp);
+      }
 
-    if (attributes) {
-      for (var i = 0; i < attributes.length; i++) {
-        var attribute = attributes[i];
-        var match = attribute.name.match(/^data-(.+)/);
+      var $countdownElement = utils.generateDomElementFromString('<span id="hmrc-timeout-countdown" class="hmrc-timeout-dialog__countdown">');
+      var $audibleMessage = utils.generateDomElementFromString('<p id="hmrc-timeout-message" class="govuk-visually-hidden screenreader-content" aria-live="assertive">');
+      var $visualMessge = utils.generateDomElementFromStringAndAppendText('<p class="govuk-body hmrc-timeout-dialog__message" aria-hidden="true">', settings.message);
+      $visualMessge.appendChild(document.createTextNode(' '));
+      $visualMessge.appendChild($countdownElement);
+      $visualMessge.appendChild(document.createTextNode('.'));
 
-        if (match) {
-          dataset[match[1]] = attribute.value;
-        }
+      if (settings.messageSuffix) {
+        $visualMessge.appendChild(document.createTextNode(" ".concat(settings.messageSuffix)));
       }
-    }
 
-    return dataset;
-  }; // Counts characters or words in text
+      var $staySignedInButton = utils.generateDomElementFromStringAndAppendText('<button id="hmrc-timeout-keep-signin-btn" class="govuk-button">', settings.keepAliveButtonText);
+      var $signOutButton = utils.generateDomElementFromStringAndAppendText('<a id="hmrc-timeout-sign-out-link" class="govuk-link hmrc-timeout-dialog__link">', settings.signOutButtonText);
+      $staySignedInButton.addEventListener('click', keepAliveAndClose);
+      $signOutButton.addEventListener('click', signOut);
+      $signOutButton.setAttribute('href', settings.signOutUrl);
+      $element.appendChild($visualMessge);
+      $element.appendChild($audibleMessage);
+      $element.appendChild($staySignedInButton);
+      $element.appendChild(document.createTextNode(' '));
+      $element.appendChild(wrapLink($signOutButton));
+      var dialogControl = dialog.displayDialog($element);
+      cleanupFunctions.push(function () {
+        dialogControl.closeDialog();
+      });
+      dialogControl.addCloseHandler(keepAliveAndClose);
+      dialogControl.setAriaLabelledBy('hmrc-timeout-heading hmrc-timeout-message');
+
+      var getMillisecondsRemaining = function getMillisecondsRemaining() {
+        return signoutTime - getDateNow();
+      };
 
+      var getSecondsRemaining = function getSecondsRemaining() {
+        return Math.round(getMillisecondsRemaining() / 1000);
+      };
 
-  CharacterCount.prototype.count = function (text) {
-    var length;
+      var getHumanText = function getHumanText(counter) {
+        var minutes;
+        var visibleMessage;
 
-    if (this.options.maxwords) {
-      var tokens = text.match(/\S+/g) || []; // Matches consecutive non-whitespace chars
+        if (counter < 60) {
+          visibleMessage = "".concat(counter, " ").concat(settings.properties[counter !== 1 ? 'seconds' : 'second']);
+        } else {
+          minutes = Math.ceil(counter / 60);
+          visibleMessage = "".concat(minutes, " ").concat(settings.properties[minutes === 1 ? 'minute' : 'minutes']);
+        }
 
-      length = tokens.length;
-    } else {
-      length = text.length;
-    }
+        return visibleMessage;
+      };
 
-    return length;
-  }; // Bind input propertychange to the elements and update based on the change
+      var getAudibleHumanText = function getAudibleHumanText(counter) {
+        var humanText = getHumanText(roundSecondsUp(counter));
+        var messageParts = [settings.message, ' ', humanText, '.'];
 
+        if (settings.messageSuffix) {
+          messageParts.push(' ');
+          messageParts.push(settings.messageSuffix);
+        }
 
-  CharacterCount.prototype.bindChangeEvents = function () {
-    var $textarea = this.$textarea;
-    $textarea.addEventListener('keyup', this.handleKeyUp.bind(this)); // Bind focus/blur events to start/stop polling
+        return messageParts.join('');
+      };
 
-    $textarea.addEventListener('focus', this.handleFocus.bind(this));
-    $textarea.addEventListener('blur', this.handleBlur.bind(this));
-  }; // Speech recognition software such as Dragon NaturallySpeaking will modify the
-  // fields by directly changing its `value`. These changes don't trigger events
-  // in JavaScript, so we need to poll to handle when and if they occur.
+      var roundSecondsUp = function roundSecondsUp(counter) {
+        if (counter > 60) {
+          return counter;
+        }
 
+        if (counter < 20) {
+          return 20;
+        }
 
-  CharacterCount.prototype.checkIfValueChanged = function () {
-    if (!this.$textarea.oldValue) this.$textarea.oldValue = '';
+        return Math.ceil(counter / 20) * 20;
+      };
 
-    if (this.$textarea.value !== this.$textarea.oldValue) {
-      this.$textarea.oldValue = this.$textarea.value;
-      this.updateCountMessage();
-    }
-  }; // Helper function to update both the visible and screen reader-specific
-  // counters simultaneously (e.g. on init)
+      var updateTextIfChanged = function updateTextIfChanged($elem, text) {
+        if ($elem.innerText !== text) {
+          // eslint-disable-next-line no-param-reassign
+          $elem.innerText = text;
+        }
+      };
 
+      var updateCountdown = function updateCountdown(counter) {
+        var visibleMessage = getHumanText(counter);
+        var audibleHumanText = getAudibleHumanText(counter);
+        updateTextIfChanged($countdownElement, visibleMessage);
+        updateTextIfChanged($audibleMessage, audibleHumanText);
+      };
 
-  CharacterCount.prototype.updateCountMessage = function () {
-    this.updateVisibleCountMessage();
-    this.updateScreenReaderCountMessage();
-  }; // Update visible counter
+      var getNextTimeout = function getNextTimeout() {
+        var remaining = getMillisecondsRemaining();
+        var roundedRemaining = Math.floor(getMillisecondsRemaining() / 1000) * 1000;
 
+        if (roundedRemaining <= 60000) {
+          return remaining - roundedRemaining || 1000;
+        }
 
-  CharacterCount.prototype.updateVisibleCountMessage = function () {
-    var $textarea = this.$textarea;
-    var $visibleCountMessage = this.$visibleCountMessage;
-    var remainingNumber = this.maxLength - this.count($textarea.value); // If input is over the threshold, remove the disabled class which renders the
-    // counter invisible.
+        return remaining - (roundedRemaining - (roundedRemaining % 60000 || 60000));
+      };
 
-    if (this.isOverThreshold()) {
-      $visibleCountMessage.classList.remove('hmrc-character-count__message--disabled');
-    } else {
-      $visibleCountMessage.classList.add('hmrc-character-count__message--disabled');
-    } // Update styles
+      var runUpdate = function runUpdate() {
+        var counter = getSecondsRemaining();
+        updateCountdown(counter);
 
+        if (counter <= 0) {
+          timeout();
+        }
 
-    if (remainingNumber < 0) {
-      $textarea.classList.add('govuk-textarea--error');
-      $visibleCountMessage.classList.remove('govuk-hint');
-      $visibleCountMessage.classList.add('govuk-error-message');
-    } else {
-      $textarea.classList.remove('govuk-textarea--error');
-      $visibleCountMessage.classList.remove('govuk-error-message');
-      $visibleCountMessage.classList.add('govuk-hint');
-    } // Update message
+        currentTimer = window.setTimeout(runUpdate, getNextTimeout());
+      };
 
+      runUpdate();
+    };
 
-    $visibleCountMessage.innerHTML = this.formattedUpdateMessage();
-  }; // Update screen reader-specific counter
+    var keepAliveAndClose = function keepAliveAndClose() {
+      cleanup();
+      setupDialogTimer();
+      utils.ajaxGet(settings.keepAliveUrl, function () {});
+      broadcastSessionActivity();
+    };
 
+    var getDateNow = function getDateNow() {
+      return Date.now();
+    };
 
-  CharacterCount.prototype.updateScreenReaderCountMessage = function () {
-    var $screenReaderCountMessage = this.$screenReaderCountMessage; // If over the threshold, remove the aria-hidden attribute, allowing screen
-    // readers to announce the content of the element.
+    var signOut = function signOut() {
+      RedirectHelper.redirectToUrl(settings.signOutUrl);
+    };
 
-    if (this.isOverThreshold()) {
-      $screenReaderCountMessage.removeAttribute('aria-hidden');
-    } else {
-      $screenReaderCountMessage.setAttribute('aria-hidden', true);
-    } // Update message
+    var timeout = function timeout() {
+      RedirectHelper.redirectToUrl(settings.timeoutUrl);
+    };
 
+    var cleanup = function cleanup() {
+      while (cleanupFunctions.length > 0) {
+        var fn = cleanupFunctions.shift();
+        fn();
+      }
+    };
 
-    $screenReaderCountMessage.innerHTML = this.formattedUpdateMessage();
-  }; // Format update message
+    return {
+      init: init,
+      cleanup: cleanup
+    };
+  }
 
+  TimeoutDialog.dialog = dialog;
+  TimeoutDialog.redirectHelper = RedirectHelper;
+  TimeoutDialog.utils = utils;
 
-  CharacterCount.prototype.formattedUpdateMessage = function () {
-    var $textarea = this.$textarea;
-    var options = this.options;
-    var remainingNumber = this.maxLength - this.count($textarea.value);
-    var isWelsh = this.options.language === 'cy';
-    var charVerb;
-    var charNoun;
-    var charStartMessage = isWelsh ? 'Mae gennych ' : 'You have ';
+  // Based on https://github.com/alphagov/govuk_template_jinja
+  var setCookie = function setCookie(name, value) {
+    var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+    var cookieString = "".concat(name, "=").concat(value, "; path=/");
 
-    if (options.maxwords) {
-      if (remainingNumber === -1 || remainingNumber === 1) {
-        charNoun = isWelsh ? 'gair' : 'word';
-      } else {
-        charNoun = isWelsh ? 'o eiriau' : 'words';
-      }
-    } else if (remainingNumber === -1 || remainingNumber === 1) {
-      charNoun = isWelsh ? 'cymeriad' : 'character';
-    } else {
-      charNoun = isWelsh ? 'o gymeriadau' : 'characters';
+    if (options.days) {
+      var date = new Date();
+      date.setTime(date.getTime() + options.days * 24 * 60 * 60 * 1000);
+      cookieString = "".concat(cookieString, "; expires=").concat(date.toGMTString());
     }
 
-    if (remainingNumber < 0) {
-      charVerb = isWelsh ? 'yn ormod' : 'too many';
-    } else {
-      charVerb = isWelsh ? 'yn weddill' : 'remaining';
+    if (window.location.protocol === 'https:') {
+      cookieString += '; Secure';
     }
 
-    var displayNumber = Math.abs(remainingNumber);
-    return charStartMessage + displayNumber + ' ' + charNoun + ' ' + charVerb;
-  }; // Checks whether the value is over the configured threshold for the input.
-  // If there is no configured threshold, it is set to 0 and this function will
-  // always return true.
+    document.cookie = cookieString;
+    return cookieString;
+  };
+  var getCookie = function getCookie(name) {
+    var nameEQ = "".concat(name, "=");
+    var cookies = document.cookie.split(';');
 
+    for (var i = 0, len = cookies.length; i < len; i += 1) {
+      var cookie = cookies[i];
 
-  CharacterCount.prototype.isOverThreshold = function () {
-    var $textarea = this.$textarea;
-    var options = this.options; // Determine the remaining number of characters/words
+      while (cookie.charAt(0) === ' ') {
+        cookie = cookie.substring(1, cookie.length);
+      }
 
-    var currentLength = this.count($textarea.value);
-    var maxLength = this.maxLength; // Set threshold if presented in options
+      if (cookie.indexOf(nameEQ) === 0) {
+        return decodeURIComponent(cookie.substring(nameEQ.length));
+      }
+    }
 
-    var thresholdPercent = options.threshold ? options.threshold : 0;
-    var thresholdValue = maxLength * thresholdPercent / 100;
-    return thresholdValue <= currentLength;
-  }; // Update the visible character counter and keep track of when the last update
-  // happened for each keypress
+    return null;
+  };
 
+  function UserResearchBanner($module) {
+    this.$module = $module;
+    this.$closeLink = this.$module.querySelector('.hmrc-user-research-banner__close');
+    this.cookieName = 'mdtpurr';
+    this.cookieExpiryDays = 28;
+  }
 
-  CharacterCount.prototype.handleKeyUp = function () {
-    this.updateVisibleCountMessage();
-    this.lastInputTimestamp = Date.now();
-  };
+  UserResearchBanner.prototype.init = function init() {
+    var cookieData = getCookie(this.cookieName);
 
-  CharacterCount.prototype.handleFocus = function () {
-    // If the field is focused, and a keyup event hasn't been detected for at
-    // least 1000 ms (1 second), then run the manual change check.
-    // This is so that the update triggered by the manual comparison doesn't
-    // conflict with debounced KeyboardEvent updates.
-    this.valueChecker = setInterval(function () {
-      if (!this.lastInputTimestamp || Date.now() - 500 >= this.lastInputTimestamp) {
-        this.checkIfValueChanged();
-      }
-    }.bind(this), 1000);
+    if (cookieData == null) {
+      this.$module.classList.add('hmrc-user-research-banner--show');
+      this.$closeLink.addEventListener('click', this.eventHandlers.noThanksClick.bind(this));
+    }
   };
 
-  CharacterCount.prototype.handleBlur = function () {
-    // Cancel value checking on blur
-    clearInterval(this.valueChecker);
+  UserResearchBanner.prototype.eventHandlers = {
+    noThanksClick: function noThanksClick(event) {
+      event.preventDefault();
+      setCookie(this.cookieName, 'suppress_for_all_services', {
+        days: this.cookieExpiryDays
+      });
+      this.$module.classList.remove('hmrc-user-research-banner--show');
+    }
   };
 
   var SessionActivityService = /*#__PURE__*/function () {
@@ -3104,6 +3135,10 @@
       new UserResearchBanner($UserResearchBanner).init();
     }
 
+    var $BackLinks = document.querySelectorAll('[data-module="hmrc-back-link"]');
+    nodeListForEach($BackLinks, function ($BackLink) {
+      new BackLinkHelper($BackLink, window, document).init();
+    });
     var $CharacterCounts = document.querySelectorAll('[data-module="hmrc-character-count"]');
     nodeListForEach($CharacterCounts, function ($CharacterCount) {
       new CharacterCount($CharacterCount).init();
@@ -3115,7 +3150,8 @@
     AccountMenu: AccountMenu,
     TimeoutDialog: TimeoutDialog,
     UserResearchBanner: UserResearchBanner,
-    CharacterCount: CharacterCount
+    CharacterCount: CharacterCount,
+    BackLinkHelper: BackLinkHelper
   };
 
   return all;