@ministryofjustice/frontend 5.0.0 → 5.1.1

package/moj/components/filter-toggle-button/filter-toggle-button.mjs

@@ -1,32 +1,47 @@
-class FilterToggleButton {
-  constructor(options) {
-    this.options = options;
-    this.container = this.options.toggleButton.container;
-    this.filterContainer = this.options.filter.container;
+import { ConfigurableComponent } from 'govuk-frontend';
+
+/**
+ * @augments {ConfigurableComponent<FilterToggleButtonConfig>}
+ */
+class FilterToggleButton extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for filter toggle button
+   * @param {FilterToggleButtonConfig} [config] - Filter toggle button config
+   */
+  constructor($root, config = {}) {
+    var _this$config$toggleBu, _this$config$closeBut;
+    super($root, config);
+    const $toggleButtonContainer = (_this$config$toggleBu = this.config.toggleButtonContainer.element) != null ? _this$config$toggleBu : document.querySelector(this.config.toggleButtonContainer.selector);
+    const $closeButtonContainer = (_this$config$closeBut = this.config.closeButtonContainer.element) != null ? _this$config$closeBut : this.$root.querySelector(this.config.closeButtonContainer.selector);
+    if (!($toggleButtonContainer instanceof HTMLElement && $closeButtonContainer instanceof HTMLElement)) {
+      return this;
+    }
+    this.$toggleButtonContainer = $toggleButtonContainer;
+    this.$closeButtonContainer = $closeButtonContainer;
     this.createToggleButton();
     this.setupResponsiveChecks();
-    this.filterContainer.setAttribute('tabindex', '-1');
-    if (this.options.startHidden) {
+    this.$root.setAttribute('tabindex', '-1');
+    if (this.config.startHidden) {
       this.hideMenu();
     }
   }
   setupResponsiveChecks() {
-    this.mq = window.matchMedia(this.options.bigModeMediaQuery);
+    this.mq = window.matchMedia(this.config.bigModeMediaQuery);
     this.mq.addListener(this.checkMode.bind(this));
-    this.checkMode(this.mq);
+    this.checkMode();
   }
   createToggleButton() {
-    this.menuButton = document.createElement('button');
-    this.menuButton.setAttribute('type', 'button');
-    this.menuButton.setAttribute('aria-haspopup', 'true');
-    this.menuButton.setAttribute('aria-expanded', 'false');
-    this.menuButton.className = `govuk-button ${this.options.toggleButton.classes}`;
-    this.menuButton.textContent = this.options.toggleButton.showText;
-    this.menuButton.addEventListener('click', this.onMenuButtonClick.bind(this));
-    this.container.append(this.menuButton);
+    this.$menuButton = document.createElement('button');
+    this.$menuButton.setAttribute('type', 'button');
+    this.$menuButton.setAttribute('aria-haspopup', 'true');
+    this.$menuButton.setAttribute('aria-expanded', 'false');
+    this.$menuButton.className = `govuk-button ${this.config.toggleButton.classes}`;
+    this.$menuButton.textContent = this.config.toggleButton.showText;
+    this.$menuButton.addEventListener('click', this.onMenuButtonClick.bind(this));
+    this.$toggleButtonContainer.append(this.$menuButton);
   }
-  checkMode(mq) {
-    if (mq.matches) {
+  checkMode() {
+    if (this.mq.matches) {
       this.enableBigMode();
     } else {
       this.enableSmallMode();
@@ -41,48 +56,124 @@ class FilterToggleButton {
     this.addCloseButton();
   }
   addCloseButton() {
-    if (!this.options.closeButton) {
-      return;
-    }
-    this.closeButton = document.createElement('button');
-    this.closeButton.setAttribute('type', 'button');
-    this.closeButton.className = 'moj-filter__close';
-    this.closeButton.textContent = this.options.closeButton.text;
-    this.closeButton.addEventListener('click', this.onCloseClick.bind(this));
-    this.options.closeButton.container.append(this.closeButton);
+    this.$closeButton = document.createElement('button');
+    this.$closeButton.setAttribute('type', 'button');
+    this.$closeButton.className = this.config.closeButton.classes;
+    this.$closeButton.textContent = this.config.closeButton.text;
+    this.$closeButton.addEventListener('click', this.onCloseClick.bind(this));
+    this.$closeButtonContainer.append(this.$closeButton);
   }
   onCloseClick() {
     this.hideMenu();
-    this.menuButton.focus();
+    this.$menuButton.focus();
   }
   removeCloseButton() {
-    if (this.closeButton) {
-      this.closeButton.remove();
-      this.closeButton = null;
+    if (this.$closeButton) {
+      this.$closeButton.remove();
+      this.$closeButton = null;
     }
   }
   hideMenu() {
-    this.menuButton.setAttribute('aria-expanded', 'false');
-    this.filterContainer.classList.add('moj-js-hidden');
-    this.menuButton.textContent = this.options.toggleButton.showText;
+    this.$menuButton.setAttribute('aria-expanded', 'false');
+    this.$root.classList.add('moj-js-hidden');
+    this.$menuButton.textContent = this.config.toggleButton.showText;
   }
   showMenu() {
-    this.menuButton.setAttribute('aria-expanded', 'true');
-    this.filterContainer.classList.remove('moj-js-hidden');
-    this.menuButton.textContent = this.options.toggleButton.hideText;
+    this.$menuButton.setAttribute('aria-expanded', 'true');
+    this.$root.classList.remove('moj-js-hidden');
+    this.$menuButton.textContent = this.config.toggleButton.hideText;
   }
   onMenuButtonClick() {
     this.toggle();
   }
   toggle() {
-    if (this.menuButton.getAttribute('aria-expanded') === 'false') {
+    if (this.$menuButton.getAttribute('aria-expanded') === 'false') {
       this.showMenu();
-      this.filterContainer.focus();
+      this.$root.focus();
     } else {
       this.hideMenu();
     }
   }
+
+  /**
+   * Name for the component used when initialising using data-module attributes.
+   */
 }
 
+/**
+ * @typedef {object} FilterToggleButtonConfig
+ * @property {string} [bigModeMediaQuery] - Media query for big mode
+ * @property {boolean} [startHidden] - Whether to start hidden
+ * @property {object} [toggleButton] - Toggle button config
+ * @property {string} [toggleButton.showText] - Text for show button
+ * @property {string} [toggleButton.hideText] - Text for hide button
+ * @property {string} [toggleButton.classes] - Classes for toggle button
+ * @property {object} [toggleButtonContainer] - Toggle button container config
+ * @property {string} [toggleButtonContainer.selector] - Selector for toggle button container
+ * @property {Element | null} [toggleButtonContainer.element] - HTML element for toggle button container
+ * @property {object} [closeButton] - Close button config
+ * @property {string} [closeButton.text] - Text for close button
+ * @property {string} [closeButton.classes] - Classes for close button
+ * @property {object} [closeButtonContainer] - Close button container config
+ * @property {string} [closeButtonContainer.selector] - Selector for close button container
+ * @property {Element | null} [closeButtonContainer.element] - HTML element for close button container
+ */
+
+/**
+ * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
+ */
+FilterToggleButton.moduleName = 'moj-filter';
+/**
+ * Filter toggle button config
+ *
+ * @type {FilterToggleButtonConfig}
+ */
+FilterToggleButton.defaults = Object.freeze({
+  bigModeMediaQuery: '(min-width: 48.0625em)',
+  startHidden: true,
+  toggleButton: {
+    showText: 'Show filter',
+    hideText: 'Hide filter',
+    classes: 'govuk-button--secondary'
+  },
+  toggleButtonContainer: {
+    selector: '.moj-action-bar__filter'
+  },
+  closeButton: {
+    text: 'Close',
+    classes: 'moj-filter__close'
+  },
+  closeButtonContainer: {
+    selector: '.moj-filter__header-action'
+  }
+});
+/**
+ * Filter toggle button config schema
+ *
+ * @satisfies {Schema<FilterToggleButtonConfig>}
+ */
+FilterToggleButton.schema = Object.freeze(/** @type {const} */{
+  properties: {
+    bigModeMediaQuery: {
+      type: 'string'
+    },
+    startHidden: {
+      type: 'boolean'
+    },
+    toggleButton: {
+      type: 'object'
+    },
+    toggleButtonContainer: {
+      type: 'object'
+    },
+    closeButton: {
+      type: 'object'
+    },
+    closeButtonContainer: {
+      type: 'object'
+    }
+  }
+});
+
 export { FilterToggleButton };
 //# sourceMappingURL=filter-toggle-button.mjs.map

package/moj/components/filter-toggle-button/filter-toggle-button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"filter-toggle-button.mjs","sources":["../../../../src/moj/components/filter-toggle-button/filter-toggle-button.mjs"],"sourcesContent":["export class FilterToggleButton {\n  constructor(options) {\n    this.options = options\n    this.container = this.options.toggleButton.container\n    this.filterContainer = this.options.filter.container\n\n    this.createToggleButton()\n    this.setupResponsiveChecks()\n    this.filterContainer.setAttribute('tabindex', '-1')\n    if (this.options.startHidden) {\n      this.hideMenu()\n    }\n  }\n\n  setupResponsiveChecks() {\n    this.mq = window.matchMedia(this.options.bigModeMediaQuery)\n    this.mq.addListener(this.checkMode.bind(this))\n    this.checkMode(this.mq)\n  }\n\n  createToggleButton() {\n    this.menuButton = document.createElement('button')\n    this.menuButton.setAttribute('type', 'button')\n    this.menuButton.setAttribute('aria-haspopup', 'true')\n    this.menuButton.setAttribute('aria-expanded', 'false')\n\n    this.menuButton.className = `govuk-button ${this.options.toggleButton.classes}`\n    this.menuButton.textContent = this.options.toggleButton.showText\n\n    this.menuButton.addEventListener('click', this.onMenuButtonClick.bind(this))\n    this.container.append(this.menuButton)\n  }\n\n  checkMode(mq) {\n    if (mq.matches) {\n      this.enableBigMode()\n    } else {\n      this.enableSmallMode()\n    }\n  }\n\n  enableBigMode() {\n    this.showMenu()\n    this.removeCloseButton()\n  }\n\n  enableSmallMode() {\n    this.hideMenu()\n    this.addCloseButton()\n  }\n\n  addCloseButton() {\n    if (!this.options.closeButton) {\n      return\n    }\n\n    this.closeButton = document.createElement('button')\n    this.closeButton.setAttribute('type', 'button')\n\n    this.closeButton.className = 'moj-filter__close'\n    this.closeButton.textContent = this.options.closeButton.text\n\n    this.closeButton.addEventListener('click', this.onCloseClick.bind(this))\n    this.options.closeButton.container.append(this.closeButton)\n  }\n\n  onCloseClick() {\n    this.hideMenu()\n    this.menuButton.focus()\n  }\n\n  removeCloseButton() {\n    if (this.closeButton) {\n      this.closeButton.remove()\n      this.closeButton = null\n    }\n  }\n\n  hideMenu() {\n    this.menuButton.setAttribute('aria-expanded', 'false')\n    this.filterContainer.classList.add('moj-js-hidden')\n    this.menuButton.textContent = this.options.toggleButton.showText\n  }\n\n  showMenu() {\n    this.menuButton.setAttribute('aria-expanded', 'true')\n    this.filterContainer.classList.remove('moj-js-hidden')\n    this.menuButton.textContent = this.options.toggleButton.hideText\n  }\n\n  onMenuButtonClick() {\n    this.toggle()\n  }\n\n  toggle() {\n    if (this.menuButton.getAttribute('aria-expanded') === 'false') {\n      this.showMenu()\n      this.filterContainer.focus()\n    } else {\n      this.hideMenu()\n    }\n  }\n}\n"],"names":["FilterToggleButton","constructor","options","container","toggleButton","filterContainer","filter","createToggleButton","setupResponsiveChecks","setAttribute","startHidden","hideMenu","mq","window","matchMedia","bigModeMediaQuery","addListener","checkMode","bind","menuButton","document","createElement","className","classes","textContent","showText","addEventListener","onMenuButtonClick","append","matches","enableBigMode","enableSmallMode","showMenu","removeCloseButton","addCloseButton","closeButton","text","onCloseClick","focus","remove","classList","add","hideText","toggle","getAttribute"],"mappings":"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"}
+{"version":3,"file":"filter-toggle-button.mjs","sources":["../../../../src/moj/components/filter-toggle-button/filter-toggle-button.mjs"],"sourcesContent":["import { ConfigurableComponent } from 'govuk-frontend'\n\n/**\n * @augments {ConfigurableComponent<FilterToggleButtonConfig>}\n */\nexport class FilterToggleButton extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for filter toggle button\n   * @param {FilterToggleButtonConfig} [config] - Filter toggle button config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $toggleButtonContainer =\n      this.config.toggleButtonContainer.element ??\n      document.querySelector(this.config.toggleButtonContainer.selector)\n\n    const $closeButtonContainer =\n      this.config.closeButtonContainer.element ??\n      this.$root.querySelector(this.config.closeButtonContainer.selector)\n\n    if (\n      !(\n        $toggleButtonContainer instanceof HTMLElement &&\n        $closeButtonContainer instanceof HTMLElement\n      )\n    ) {\n      return this\n    }\n\n    this.$toggleButtonContainer = $toggleButtonContainer\n    this.$closeButtonContainer = $closeButtonContainer\n\n    this.createToggleButton()\n    this.setupResponsiveChecks()\n\n    this.$root.setAttribute('tabindex', '-1')\n\n    if (this.config.startHidden) {\n      this.hideMenu()\n    }\n  }\n\n  setupResponsiveChecks() {\n    this.mq = window.matchMedia(this.config.bigModeMediaQuery)\n    this.mq.addListener(this.checkMode.bind(this))\n    this.checkMode()\n  }\n\n  createToggleButton() {\n    this.$menuButton = document.createElement('button')\n    this.$menuButton.setAttribute('type', 'button')\n    this.$menuButton.setAttribute('aria-haspopup', 'true')\n    this.$menuButton.setAttribute('aria-expanded', 'false')\n\n    this.$menuButton.className = `govuk-button ${this.config.toggleButton.classes}`\n    this.$menuButton.textContent = this.config.toggleButton.showText\n\n    this.$menuButton.addEventListener(\n      'click',\n      this.onMenuButtonClick.bind(this)\n    )\n\n    this.$toggleButtonContainer.append(this.$menuButton)\n  }\n\n  checkMode() {\n    if (this.mq.matches) {\n      this.enableBigMode()\n    } else {\n      this.enableSmallMode()\n    }\n  }\n\n  enableBigMode() {\n    this.showMenu()\n    this.removeCloseButton()\n  }\n\n  enableSmallMode() {\n    this.hideMenu()\n    this.addCloseButton()\n  }\n\n  addCloseButton() {\n    this.$closeButton = document.createElement('button')\n    this.$closeButton.setAttribute('type', 'button')\n\n    this.$closeButton.className = this.config.closeButton.classes\n    this.$closeButton.textContent = this.config.closeButton.text\n\n    this.$closeButton.addEventListener('click', this.onCloseClick.bind(this))\n    this.$closeButtonContainer.append(this.$closeButton)\n  }\n\n  onCloseClick() {\n    this.hideMenu()\n    this.$menuButton.focus()\n  }\n\n  removeCloseButton() {\n    if (this.$closeButton) {\n      this.$closeButton.remove()\n      this.$closeButton = null\n    }\n  }\n\n  hideMenu() {\n    this.$menuButton.setAttribute('aria-expanded', 'false')\n    this.$root.classList.add('moj-js-hidden')\n    this.$menuButton.textContent = this.config.toggleButton.showText\n  }\n\n  showMenu() {\n    this.$menuButton.setAttribute('aria-expanded', 'true')\n    this.$root.classList.remove('moj-js-hidden')\n    this.$menuButton.textContent = this.config.toggleButton.hideText\n  }\n\n  onMenuButtonClick() {\n    this.toggle()\n  }\n\n  toggle() {\n    if (this.$menuButton.getAttribute('aria-expanded') === 'false') {\n      this.showMenu()\n      this.$root.focus()\n    } else {\n      this.hideMenu()\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'moj-filter'\n\n  /**\n   * Filter toggle button config\n   *\n   * @type {FilterToggleButtonConfig}\n   */\n  static defaults = Object.freeze({\n    bigModeMediaQuery: '(min-width: 48.0625em)',\n    startHidden: true,\n    toggleButton: {\n      showText: 'Show filter',\n      hideText: 'Hide filter',\n      classes: 'govuk-button--secondary'\n    },\n    toggleButtonContainer: {\n      selector: '.moj-action-bar__filter'\n    },\n    closeButton: {\n      text: 'Close',\n      classes: 'moj-filter__close'\n    },\n    closeButtonContainer: {\n      selector: '.moj-filter__header-action'\n    }\n  })\n\n  /**\n   * Filter toggle button config schema\n   *\n   * @satisfies {Schema<FilterToggleButtonConfig>}\n   */\n  static schema = Object.freeze(\n    /** @type {const} */ ({\n      properties: {\n        bigModeMediaQuery: { type: 'string' },\n        startHidden: { type: 'boolean' },\n        toggleButton: { type: 'object' },\n        toggleButtonContainer: { type: 'object' },\n        closeButton: { type: 'object' },\n        closeButtonContainer: { type: 'object' }\n      }\n    })\n  )\n}\n\n/**\n * @typedef {object} FilterToggleButtonConfig\n * @property {string} [bigModeMediaQuery] - Media query for big mode\n * @property {boolean} [startHidden] - Whether to start hidden\n * @property {object} [toggleButton] - Toggle button config\n * @property {string} [toggleButton.showText] - Text for show button\n * @property {string} [toggleButton.hideText] - Text for hide button\n * @property {string} [toggleButton.classes] - Classes for toggle button\n * @property {object} [toggleButtonContainer] - Toggle button container config\n * @property {string} [toggleButtonContainer.selector] - Selector for toggle button container\n * @property {Element | null} [toggleButtonContainer.element] - HTML element for toggle button container\n * @property {object} [closeButton] - Close button config\n * @property {string} [closeButton.text] - Text for close button\n * @property {string} [closeButton.classes] - Classes for close button\n * @property {object} [closeButtonContainer] - Close button container config\n * @property {string} [closeButtonContainer.selector] - Selector for close button container\n * @property {Element | null} [closeButtonContainer.element] - HTML element for close button container\n */\n\n/**\n * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'\n */\n"],"names":["FilterToggleButton","ConfigurableComponent","constructor","$root","config","_this$config$toggleBu","_this$config$closeBut","$toggleButtonContainer","toggleButtonContainer","element","document","querySelector","selector","$closeButtonContainer","closeButtonContainer","HTMLElement","createToggleButton","setupResponsiveChecks","setAttribute","startHidden","hideMenu","mq","window","matchMedia","bigModeMediaQuery","addListener","checkMode","bind","$menuButton","createElement","className","toggleButton","classes","textContent","showText","addEventListener","onMenuButtonClick","append","matches","enableBigMode","enableSmallMode","showMenu","removeCloseButton","addCloseButton","$closeButton","closeButton","text","onCloseClick","focus","remove","classList","add","hideText","toggle","getAttribute","moduleName","defaults","Object","freeze","schema","properties","type"],"mappings":"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"}

package/moj/components/form-validator/form-validator.bundle.js

@@ -1,55 +1,68 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
-  typeof define === 'function' && define.amd ? define(['exports'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MOJFrontend = global.MOJFrontend || {}));
-})(this, (function (exports) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('govuk-frontend')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'govuk-frontend'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MOJFrontend = global.MOJFrontend || {}, global.GOVUKFrontend));
+})(this, (function (exports, govukFrontend) { 'use strict';
 
-  function removeAttributeValue(el, attr, value) {
+  /**
+   * @param {Element} $element - Element to remove attribute value from
+   * @param {string} attr - Attribute name
+   * @param {string} value - Attribute value
+   */
+  function removeAttributeValue($element, attr, value) {
     let re, m;
-    if (el.getAttribute(attr)) {
-      if (el.getAttribute(attr) === value) {
-        el.removeAttribute(attr);
+    if ($element.getAttribute(attr)) {
+      if ($element.getAttribute(attr) === value) {
+        $element.removeAttribute(attr);
       } else {
         re = new RegExp(`(^|\\s)${value}(\\s|$)`);
-        m = el.getAttribute(attr).match(re);
+        m = $element.getAttribute(attr).match(re);
         if (m && m.length === 3) {
-          el.setAttribute(attr, el.getAttribute(attr).replace(re, m[1] && m[2] ? ' ' : ''));
+          $element.setAttribute(attr, $element.getAttribute(attr).replace(re, m[1] && m[2] ? ' ' : ''));
         }
       }
     }
   }
-  function addAttributeValue(el, attr, value) {
+
+  /**
+   * @param {Element} $element - Element to add attribute value to
+   * @param {string} attr - Attribute name
+   * @param {string} value - Attribute value
+   */
+  function addAttributeValue($element, attr, value) {
     let re;
-    if (!el.getAttribute(attr)) {
-      el.setAttribute(attr, value);
+    if (!$element.getAttribute(attr)) {
+      $element.setAttribute(attr, value);
     } else {
       re = new RegExp(`(^|\\s)${value}(\\s|$)`);
-      if (!re.test(el.getAttribute(attr))) {
-        el.setAttribute(attr, `${el.getAttribute(attr)} ${value}`);
+      if (!re.test($element.getAttribute(attr))) {
+        $element.setAttribute(attr, `${$element.getAttribute(attr)} ${value}`);
       }
     }
   }
 
-  class FormValidator {
+  /**
+   * @augments {ConfigurableComponent<FormValidatorConfig, HTMLFormElement>}
+   */
+  class FormValidator extends govukFrontend.ConfigurableComponent {
     /**
-     * @param {Element | null} form - HTML element to use for form validator
-     * @param {FormValidatorConfig} [config] - Button menu config
+     * @param {Element | null} $root - HTML element to use for form validator
+     * @param {FormValidatorConfig} [config] - Form validator config
      */
-    constructor(form, config = {}) {
-      if (!form || !(form instanceof HTMLFormElement)) {
+    constructor($root, config = {}) {
+      super($root, config);
+      const $summary = this.config.summary.element || document.querySelector(this.config.summary.selector);
+      if (!$summary || !($summary instanceof HTMLElement)) {
         return this;
       }
-      this.form = form;
-      this.errors = [];
-      this.validators = [];
-      this.form.addEventListener('submit', this.onSubmit.bind(this));
-      this.summary = config.summary || document.querySelector('.govuk-error-summary');
+      this.$summary = $summary;
+      this.errors = /** @type {ValidationError[]} */[];
+      this.validators = /** @type {Validator[]} */[];
       this.originalTitle = document.title;
+      this.$root.addEventListener('submit', this.onSubmit.bind(this));
     }
-    escapeHtml(string) {
-      return String(string).replace(/[&<>"'`=/]/g, function fromEntityMap(s) {
-        return FormValidator.entityMap[s];
-      });
+    escapeHtml(string = '') {
+      return String(string).replace(/[&<>"'`=/]/g, name => FormValidator.entityMap[name]);
     }
     resetTitle() {
       document.title = this.originalTitle;
@@ -58,10 +71,10 @@
       document.title = `${this.errors.length} errors - ${document.title}`;
     }
     showSummary() {
-      this.summary.innerHTML = this.getSummaryHtml();
-      this.summary.classList.remove('moj-hidden');
-      this.summary.setAttribute('aria-labelledby', 'errorSummary-heading');
-      this.summary.focus();
+      this.$summary.innerHTML = this.getSummaryHtml();
+      this.$summary.classList.remove('moj-hidden');
+      this.$summary.setAttribute('aria-labelledby', 'errorSummary-heading');
+      this.$summary.focus();
     }
     getSummaryHtml() {
       let html = '<h2 id="error-summary-title" class="govuk-error-summary__title">There is a problem</h2>';
@@ -79,9 +92,13 @@
       return html;
     }
     hideSummary() {
-      this.summary.classList.add('moj-hidden');
-      this.summary.removeAttribute('aria-labelledby');
+      this.$summary.classList.add('moj-hidden');
+      this.$summary.removeAttribute('aria-labelledby');
     }
+
+    /**
+     * @param {SubmitEvent} event - Form submit event
+     */
     onSubmit(event) {
       this.removeInlineErrors();
       this.hideSummary();
@@ -98,25 +115,29 @@
         this.showInlineError(error);
       }
     }
+
+    /**
+     * @param {ValidationError} error
+     */
     showInlineError(error) {
-      const errorSpan = document.createElement('span');
-      errorSpan.id = `${error.fieldName}-error`;
-      errorSpan.classList.add('govuk-error-message');
-      errorSpan.innerHTML = this.escapeHtml(error.message);
-      const control = document.querySelector(`#${error.fieldName}`);
-      const fieldset = control.closest('.govuk-fieldset');
-      const fieldContainer = (fieldset || control).closest('.govuk-form-group');
-      const label = fieldContainer.querySelector('label');
-      const legend = fieldContainer.querySelector('legend');
-      fieldContainer.classList.add('govuk-form-group--error');
-      if (fieldset && legend) {
-        legend.after(errorSpan);
-        fieldContainer.setAttribute('aria-invalid', 'true');
-        addAttributeValue(fieldset, 'aria-describedby', errorSpan.id);
-      } else if (label && control) {
-        label.after(errorSpan);
-        control.setAttribute('aria-invalid', 'true');
-        addAttributeValue(control, 'aria-describedby', errorSpan.id);
+      const $errorSpan = document.createElement('span');
+      $errorSpan.id = `${error.fieldName}-error`;
+      $errorSpan.classList.add('govuk-error-message');
+      $errorSpan.innerHTML = this.escapeHtml(error.message);
+      const $control = document.querySelector(`#${error.fieldName}`);
+      const $fieldset = $control.closest('.govuk-fieldset');
+      const $fieldContainer = ($fieldset || $control).closest('.govuk-form-group');
+      const $label = $fieldContainer.querySelector('label');
+      const $legend = $fieldContainer.querySelector('legend');
+      $fieldContainer.classList.add('govuk-form-group--error');
+      if ($fieldset && $legend) {
+        $legend.after($errorSpan);
+        $fieldContainer.setAttribute('aria-invalid', 'true');
+        addAttributeValue($fieldset, 'aria-describedby', $errorSpan.id);
+      } else if ($label && $control) {
+        $label.after($errorSpan);
+        $control.setAttribute('aria-invalid', 'true');
+        addAttributeValue($control, 'aria-describedby', $errorSpan.id);
       }
     }
     removeInlineErrors() {
@@ -124,33 +145,46 @@
         this.removeInlineError(error);
       }
     }
+
+    /**
+     * @param {ValidationError} error
+     */
     removeInlineError(error) {
-      const errorSpan = document.querySelector(`#${error.fieldName}-error`);
-      const control = document.querySelector(`#${error.fieldName}`);
-      const fieldset = control.closest('.govuk-fieldset');
-      const fieldContainer = (fieldset || control).closest('.govuk-form-group');
-      const label = fieldContainer.querySelector('label');
-      const legend = fieldContainer.querySelector('legend');
-      errorSpan.remove();
-      fieldContainer.classList.remove('govuk-form-group--error');
-      if (fieldset && legend) {
-        fieldContainer.removeAttribute('aria-invalid');
-        removeAttributeValue(fieldset, 'aria-describedby', errorSpan.id);
-      } else if (label && control) {
-        control.removeAttribute('aria-invalid');
-        removeAttributeValue(control, 'aria-describedby', errorSpan.id);
+      const $errorSpan = document.querySelector(`#${error.fieldName}-error`);
+      const $control = document.querySelector(`#${error.fieldName}`);
+      const $fieldset = $control.closest('.govuk-fieldset');
+      const $fieldContainer = ($fieldset || $control).closest('.govuk-form-group');
+      const $label = $fieldContainer.querySelector('label');
+      const $legend = $fieldContainer.querySelector('legend');
+      $errorSpan.remove();
+      $fieldContainer.classList.remove('govuk-form-group--error');
+      if ($fieldset && $legend) {
+        $fieldContainer.removeAttribute('aria-invalid');
+        removeAttributeValue($fieldset, 'aria-describedby', $errorSpan.id);
+      } else if ($label && $control) {
+        $control.removeAttribute('aria-invalid');
+        removeAttributeValue($control, 'aria-describedby', $errorSpan.id);
       }
     }
+
+    /**
+     * @param {string} fieldName - Field name
+     * @param {ValidationRule[]} rules - Validation rules
+     */
     addValidator(fieldName, rules) {
       this.validators.push({
         fieldName,
         rules,
-        field: this.form.elements[fieldName]
+        field: this.$root.elements.namedItem(fieldName)
       });
     }
     validate() {
       this.errors = [];
+
+      /** @type {Validator | null} */
       let validator = null;
+
+      /** @type {boolean | string} */
       let validatorReturnValue = true;
       let i;
       let j;
@@ -175,11 +209,41 @@
       }
       return this.errors.length === 0;
     }
+
+    /**
+     * @type {Record<string, string>}
+     */
   }
 
   /**
    * @typedef {object} FormValidatorConfig
-   * @property {HTMLElement} [summary] - HTML element to use for error summary
+   * @property {object} [summary] - Error summary config
+   * @property {string} [summary.selector] - Selector for error summary
+   * @property {Element | null} [summary.element] - HTML element for error summary
+   */
+
+  /**
+   * @typedef {object} ValidationRule
+   * @property {(field: Validator['field'], params: Record<string, Validator['field']>) => boolean | string} method - Validation method
+   * @property {string} message - Error message
+   * @property {Record<string, Validator['field']>} [params] - Parameters for validation
+   */
+
+  /**
+   * @typedef {object} ValidationError
+   * @property {string} fieldName - Name of the field
+   * @property {string} message - Validation error message
+   */
+
+  /**
+   * @typedef {object} Validator
+   * @property {string} fieldName - Name of the field
+   * @property {ValidationRule[]} rules - Validation rules
+   * @property {Element | RadioNodeList} field - Form field
+   */
+
+  /**
+   * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
    */
   FormValidator.entityMap = {
     '&': '&amp;',
@@ -191,6 +255,32 @@
     '`': '&#x60;',
     '=': '&#x3D;'
   };
+  /**
+   * Name for the component used when initialising using data-module attributes.
+   */
+  FormValidator.moduleName = 'moj-form-validator';
+  /**
+   * Multi file upload default config
+   *
+   * @type {FormValidatorConfig}
+   */
+  FormValidator.defaults = Object.freeze({
+    summary: {
+      selector: '.govuk-error-summary'
+    }
+  });
+  /**
+   * Multi file upload config schema
+   *
+   * @satisfies {Schema<FormValidatorConfig>}
+   */
+  FormValidator.schema = Object.freeze(/** @type {const} */{
+    properties: {
+      summary: {
+        type: 'object'
+      }
+    }
+  });
 
   exports.FormValidator = FormValidator;