@ministryofjustice/frontend 4.0.0 → 5.0.0

package/moj/components/add-another/add-another.mjs

@@ -1,107 +1,120 @@
-function AddAnother(container) {
-  this.container = $(container);
-
-  if (this.container.data('moj-add-another-initialised')) {
-    return
+class AddAnother {
+  constructor(container) {
+    this.container = container;
+    if (this.container.hasAttribute('data-moj-add-another-init')) {
+      return this;
+    }
+    this.container.setAttribute('data-moj-add-another-init', '');
+    this.container.addEventListener('click', this.onRemoveButtonClick.bind(this));
+    this.container.addEventListener('click', this.onAddButtonClick.bind(this));
+    const buttons = this.container.querySelectorAll('.moj-add-another__add-button, moj-add-another__remove-button');
+    buttons.forEach(button => {
+      if (!(button instanceof HTMLButtonElement)) {
+        return;
+      }
+      button.type = 'button';
+    });
   }
-
-  this.container.data('moj-add-another-initialised', true);
-
-  this.container.on(
-    'click',
-    '.moj-add-another__remove-button',
-    $.proxy(this, 'onRemoveButtonClick')
-  );
-  this.container.on(
-    'click',
-    '.moj-add-another__add-button',
-    $.proxy(this, 'onAddButtonClick')
-  );
-  this.container
-    .find('.moj-add-another__add-button, moj-add-another__remove-button')
-    .prop('type', 'button');
-}
-
-AddAnother.prototype.onAddButtonClick = function (e) {
-  const item = this.getNewItem();
-  this.updateAttributes(this.getItems().length, item);
-  this.resetItem(item);
-  const firstItem = this.getItems().first();
-  if (!this.hasRemoveButton(firstItem)) {
-    this.createRemoveButton(firstItem);
+  onAddButtonClick(event) {
+    const button = event.target;
+    if (!button || !(button instanceof HTMLButtonElement) || !button.classList.contains('moj-add-another__add-button')) {
+      return;
+    }
+    const items = this.getItems();
+    const item = this.getNewItem();
+    if (!item || !(item instanceof HTMLElement)) {
+      return;
+    }
+    this.updateAttributes(item, items.length);
+    this.resetItem(item);
+    const firstItem = items[0];
+    if (!this.hasRemoveButton(firstItem)) {
+      this.createRemoveButton(firstItem);
+    }
+    items[items.length - 1].after(item);
+    const input = item.querySelector('input, textarea, select');
+    if (input && input instanceof HTMLInputElement) {
+      input.focus();
+    }
   }
-  this.getItems().last().after(item);
-  item.find('input, textarea, select').first().focus();
-};
-
-AddAnother.prototype.hasRemoveButton = function (item) {
-  return item.find('.moj-add-another__remove-button').length
-};
-
-AddAnother.prototype.getItems = function () {
-  return this.container.find('.moj-add-another__item')
-};
-
-AddAnother.prototype.getNewItem = function () {
-  const item = this.getItems().first().clone();
-  if (!this.hasRemoveButton(item)) {
-    this.createRemoveButton(item);
+  hasRemoveButton(item) {
+    return item.querySelectorAll('.moj-add-another__remove-button').length;
   }
-  return item
-};
-
-AddAnother.prototype.updateAttributes = function (index, item) {
-  item.find('[data-name]').each(function (i, el) {
-    const originalId = el.id;
-
-    el.name = $(el)
-      .attr('data-name')
-      .replace(/%index%/, index);
-    el.id = $(el)
-      .attr('data-id')
-      .replace(/%index%/, index);
-
-    const label =
-      $(el).siblings('label')[0] ||
-      $(el).parents('label')[0] ||
-      item.find(`[for="${originalId}"]`)[0];
-    label.htmlFor = el.id;
-  });
-};
-
-AddAnother.prototype.createRemoveButton = function (item) {
-  item.append(
-    '<button type="button" class="govuk-button govuk-button--secondary moj-add-another__remove-button">Remove</button>'
-  );
-};
-
-AddAnother.prototype.resetItem = function (item) {
-  item.find('[data-name], [data-id]').each(function (index, el) {
-    if (el.type === 'checkbox' || el.type === 'radio') {
-      el.checked = false;
-    } else {
-      el.value = '';
+  getItems() {
+    if (!this.container) {
+      return [];
     }
-  });
-};
-
-AddAnother.prototype.onRemoveButtonClick = function (e) {
-  $(e.currentTarget).parents('.moj-add-another__item').remove();
-  const items = this.getItems();
-  if (items.length === 1) {
-    items.find('.moj-add-another__remove-button').remove();
+    const items = Array.from(this.container.querySelectorAll('.moj-add-another__item'));
+    return items.filter(item => item instanceof HTMLElement);
   }
-  items.each(
-    $.proxy(function (index, el) {
-      this.updateAttributes(index, $(el));
-    }, this)
-  );
-  this.focusHeading();
-};
-
-AddAnother.prototype.focusHeading = function () {
-  this.container.find('.moj-add-another__heading').get(0).focus();
-};
+  getNewItem() {
+    const items = this.getItems();
+    const item = items[0].cloneNode(true);
+    if (!item || !(item instanceof HTMLElement)) {
+      return;
+    }
+    if (!this.hasRemoveButton(item)) {
+      this.createRemoveButton(item);
+    }
+    return item;
+  }
+  updateAttributes(item, index) {
+    item.querySelectorAll('[data-name]').forEach(el => {
+      if (!(el instanceof HTMLInputElement)) {
+        return;
+      }
+      const name = el.getAttribute('data-name') || '';
+      const id = el.getAttribute('data-id') || '';
+      const originalId = el.id;
+      el.name = name.replace(/%index%/, `${index}`);
+      el.id = id.replace(/%index%/, `${index}`);
+      const label = el.parentElement.querySelector('label') || el.closest('label') || item.querySelector(`[for="${originalId}"]`);
+      if (label && label instanceof HTMLLabelElement) {
+        label.htmlFor = el.id;
+      }
+    });
+  }
+  createRemoveButton(item) {
+    const button = document.createElement('button');
+    button.type = 'button';
+    button.classList.add('govuk-button', 'govuk-button--secondary', 'moj-add-another__remove-button');
+    button.textContent = 'Remove';
+    item.append(button);
+  }
+  resetItem(item) {
+    item.querySelectorAll('[data-name], [data-id]').forEach(el => {
+      if (!(el instanceof HTMLInputElement)) {
+        return;
+      }
+      if (el.type === 'checkbox' || el.type === 'radio') {
+        el.checked = false;
+      } else {
+        el.value = '';
+      }
+    });
+  }
+  onRemoveButtonClick(event) {
+    const button = event.target;
+    if (!button || !(button instanceof HTMLButtonElement) || !button.classList.contains('moj-add-another__remove-button')) {
+      return;
+    }
+    button.closest('.moj-add-another__item').remove();
+    const items = this.getItems();
+    if (items.length === 1) {
+      items[0].querySelector('.moj-add-another__remove-button').remove();
+    }
+    items.forEach((el, index) => {
+      this.updateAttributes(el, index);
+    });
+    this.focusHeading();
+  }
+  focusHeading() {
+    const heading = this.container.querySelector('.moj-add-another__heading');
+    if (heading && heading instanceof HTMLElement) {
+      heading.focus();
+    }
+  }
+}
 
 export { AddAnother };
 //# sourceMappingURL=add-another.mjs.map

package/moj/components/add-another/add-another.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"add-another.mjs","sources":["../../../../src/moj/components/add-another/add-another.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function AddAnother(container) {\n  this.container = $(container)\n\n  if (this.container.data('moj-add-another-initialised')) {\n    return\n  }\n\n  this.container.data('moj-add-another-initialised', true)\n\n  this.container.on(\n    'click',\n    '.moj-add-another__remove-button',\n    $.proxy(this, 'onRemoveButtonClick')\n  )\n  this.container.on(\n    'click',\n    '.moj-add-another__add-button',\n    $.proxy(this, 'onAddButtonClick')\n  )\n  this.container\n    .find('.moj-add-another__add-button, moj-add-another__remove-button')\n    .prop('type', 'button')\n}\n\nAddAnother.prototype.onAddButtonClick = function (e) {\n  const item = this.getNewItem()\n  this.updateAttributes(this.getItems().length, item)\n  this.resetItem(item)\n  const firstItem = this.getItems().first()\n  if (!this.hasRemoveButton(firstItem)) {\n    this.createRemoveButton(firstItem)\n  }\n  this.getItems().last().after(item)\n  item.find('input, textarea, select').first().focus()\n}\n\nAddAnother.prototype.hasRemoveButton = function (item) {\n  return item.find('.moj-add-another__remove-button').length\n}\n\nAddAnother.prototype.getItems = function () {\n  return this.container.find('.moj-add-another__item')\n}\n\nAddAnother.prototype.getNewItem = function () {\n  const item = this.getItems().first().clone()\n  if (!this.hasRemoveButton(item)) {\n    this.createRemoveButton(item)\n  }\n  return item\n}\n\nAddAnother.prototype.updateAttributes = function (index, item) {\n  item.find('[data-name]').each(function (i, el) {\n    const originalId = el.id\n\n    el.name = $(el)\n      .attr('data-name')\n      .replace(/%index%/, index)\n    el.id = $(el)\n      .attr('data-id')\n      .replace(/%index%/, index)\n\n    const label =\n      $(el).siblings('label')[0] ||\n      $(el).parents('label')[0] ||\n      item.find(`[for=\"${originalId}\"]`)[0]\n    label.htmlFor = el.id\n  })\n}\n\nAddAnother.prototype.createRemoveButton = function (item) {\n  item.append(\n    '<button type=\"button\" class=\"govuk-button govuk-button--secondary moj-add-another__remove-button\">Remove</button>'\n  )\n}\n\nAddAnother.prototype.resetItem = function (item) {\n  item.find('[data-name], [data-id]').each(function (index, el) {\n    if (el.type === 'checkbox' || el.type === 'radio') {\n      el.checked = false\n    } else {\n      el.value = ''\n    }\n  })\n}\n\nAddAnother.prototype.onRemoveButtonClick = function (e) {\n  $(e.currentTarget).parents('.moj-add-another__item').remove()\n  const items = this.getItems()\n  if (items.length === 1) {\n    items.find('.moj-add-another__remove-button').remove()\n  }\n  items.each(\n    $.proxy(function (index, el) {\n      this.updateAttributes(index, $(el))\n    }, this)\n  )\n  this.focusHeading()\n}\n\nAddAnother.prototype.focusHeading = function () {\n  this.container.find('.moj-add-another__heading').get(0).focus()\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"add-another.mjs","sources":["../../../../src/moj/components/add-another/add-another.mjs"],"sourcesContent":["export class AddAnother {\n  constructor(container) {\n    this.container = container\n\n    if (this.container.hasAttribute('data-moj-add-another-init')) {\n      return this\n    }\n\n    this.container.setAttribute('data-moj-add-another-init', '')\n\n    this.container.addEventListener(\n      'click',\n      this.onRemoveButtonClick.bind(this)\n    )\n    this.container.addEventListener('click', this.onAddButtonClick.bind(this))\n\n    const buttons = this.container.querySelectorAll(\n      '.moj-add-another__add-button, moj-add-another__remove-button'\n    )\n\n    buttons.forEach((button) => {\n      if (!(button instanceof HTMLButtonElement)) {\n        return\n      }\n\n      button.type = 'button'\n    })\n  }\n\n  onAddButtonClick(event) {\n    const button = event.target\n\n    if (\n      !button ||\n      !(button instanceof HTMLButtonElement) ||\n      !button.classList.contains('moj-add-another__add-button')\n    ) {\n      return\n    }\n\n    const items = this.getItems()\n    const item = this.getNewItem()\n\n    if (!item || !(item instanceof HTMLElement)) {\n      return\n    }\n\n    this.updateAttributes(item, items.length)\n    this.resetItem(item)\n\n    const firstItem = items[0]\n    if (!this.hasRemoveButton(firstItem)) {\n      this.createRemoveButton(firstItem)\n    }\n\n    items[items.length - 1].after(item)\n\n    const input = item.querySelector('input, textarea, select')\n    if (input && input instanceof HTMLInputElement) {\n      input.focus()\n    }\n  }\n\n  hasRemoveButton(item) {\n    return item.querySelectorAll('.moj-add-another__remove-button').length\n  }\n\n  getItems() {\n    if (!this.container) {\n      return []\n    }\n\n    const items = Array.from(\n      this.container.querySelectorAll('.moj-add-another__item')\n    )\n\n    return items.filter((item) => item instanceof HTMLElement)\n  }\n\n  getNewItem() {\n    const items = this.getItems()\n    const item = items[0].cloneNode(true)\n\n    if (!item || !(item instanceof HTMLElement)) {\n      return\n    }\n\n    if (!this.hasRemoveButton(item)) {\n      this.createRemoveButton(item)\n    }\n\n    return item\n  }\n\n  updateAttributes(item, index) {\n    item.querySelectorAll('[data-name]').forEach((el) => {\n      if (!(el instanceof HTMLInputElement)) {\n        return\n      }\n\n      const name = el.getAttribute('data-name') || ''\n      const id = el.getAttribute('data-id') || ''\n      const originalId = el.id\n\n      el.name = name.replace(/%index%/, `${index}`)\n      el.id = id.replace(/%index%/, `${index}`)\n\n      const label =\n        el.parentElement.querySelector('label') ||\n        el.closest('label') ||\n        item.querySelector(`[for=\"${originalId}\"]`)\n\n      if (label && label instanceof HTMLLabelElement) {\n        label.htmlFor = el.id\n      }\n    })\n  }\n\n  createRemoveButton(item) {\n    const button = document.createElement('button')\n    button.type = 'button'\n\n    button.classList.add(\n      'govuk-button',\n      'govuk-button--secondary',\n      'moj-add-another__remove-button'\n    )\n\n    button.textContent = 'Remove'\n\n    item.append(button)\n  }\n\n  resetItem(item) {\n    item.querySelectorAll('[data-name], [data-id]').forEach((el) => {\n      if (!(el instanceof HTMLInputElement)) {\n        return\n      }\n\n      if (el.type === 'checkbox' || el.type === 'radio') {\n        el.checked = false\n      } else {\n        el.value = ''\n      }\n    })\n  }\n\n  onRemoveButtonClick(event) {\n    const button = event.target\n\n    if (\n      !button ||\n      !(button instanceof HTMLButtonElement) ||\n      !button.classList.contains('moj-add-another__remove-button')\n    ) {\n      return\n    }\n\n    button.closest('.moj-add-another__item').remove()\n\n    const items = this.getItems()\n\n    if (items.length === 1) {\n      items[0].querySelector('.moj-add-another__remove-button').remove()\n    }\n\n    items.forEach((el, index) => {\n      this.updateAttributes(el, index)\n    })\n\n    this.focusHeading()\n  }\n\n  focusHeading() {\n    const heading = this.container.querySelector('.moj-add-another__heading')\n\n    if (heading && heading instanceof HTMLElement) {\n      heading.focus()\n    }\n  }\n}\n"],"names":["AddAnother","constructor","container","hasAttribute","setAttribute","addEventListener","onRemoveButtonClick","bind","onAddButtonClick","buttons","querySelectorAll","forEach","button","HTMLButtonElement","type","event","target","classList","contains","items","getItems","item","getNewItem","HTMLElement","updateAttributes","length","resetItem","firstItem","hasRemoveButton","createRemoveButton","after","input","querySelector","HTMLInputElement","focus","Array","from","filter","cloneNode","index","el","name","getAttribute","id","originalId","replace","label","parentElement","closest","HTMLLabelElement","htmlFor","document","createElement","add","textContent","append","checked","value","remove","focusHeading","heading"],"mappings":"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"}

package/moj/components/alert/_alert.scss

@@ -11,6 +11,7 @@
   border: 5px solid transparent;
   background: govuk-colour("white");
   -ms-grid-columns: min-content fit-content(960px);
+  grid-template-columns: -webkit-min-content fit-content(960px);
   grid-template-columns: min-content fit-content(960px);
   gap: govuk-spacing(2);
   @include govuk-font($size: false);
@@ -22,6 +23,7 @@
 
 .moj-alert[data-dismissible] {
   @include govuk-media-query($from: tablet) {
+    grid-template-columns: -webkit-min-content fit-content(920px) auto;
     grid-template-columns: min-content fit-content(920px) auto;
   }
 }
@@ -143,3 +145,5 @@
     @include govuk-link-style-error;
   }
 }
+
+/*# sourceMappingURL=_alert.scss.map */

package/moj/components/alert/_alert.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/alert/_alert.scss"],"names":[],"mappings":"AAAA,+BAA+B;AAC/B,yCAAyC;AACzC,kCAAkC;AAClC,uCAAuC;;AAEvC;EACE,iBAAiB;EACjB,aAAa;EACb,+BAA+B;EAC/B,yBAAyB;EACzB,6BAA6B;EAC7B,iCAAiC;EACjC,gDAAgD;EAChD,6DAAqD;EAArD,qDAAqD;EACrD,qBAAqB;EACrB,iCAAiC;;EAEjC;IACE,qDAAqD;EACvD;AACF;;AAEA;EACE;IACE,kEAA0D;IAA1D,0DAA0D;EAC5D;AACF;;AAEA;EACE,cAAc;EACd,4BAA4B;EAC5B,6BAA6B;EAC7B,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,iCAAiC;EACjC,iCAAiC;EACjC,gBAAgB;EAChB,4BAA4B;EAC5B,mCAAmC;;EAEnC;IACE,iCAAiC;EACnC;AACF;;AAEA;EACE,oBAAoB;EACpB,mBAAmB;;EAEnB;IACE,oBAAoB;IACpB,mBAAmB;EACrB;AACF;;AAEA;EACE,8BAA8B;EAC9B,gBAAgB;EAChB,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,6BAA6B;EAC7B,wBAAwB;EACxB,eAAe;EACf,gBAAgB;EAChB,mCAAmC;EACnC,0BAA0B;EAC1B,iCAAiC;EACjC,kCAAkC;AACpC;;AAEA;EACE,cAAc;EACd,aAAa;EACb,mCAAmC;EACnC,0BAA0B;EAC1B,mCAAmC;EACnC,qCAAqC;;EAErC;IACE,mCAAmC;EACrC;AACF;;AAEA;;;EAGE,gBAAgB;AAClB;;AAEA;+EAC+E;AAC/E;EACE,iCAAiC;EACjC,0BAA0B;;EAE1B;;IAEE,0BAA0B;IAC1B,iCAAiC;EACnC;AACF;;AAEA;EACE,mCAAmC;EACnC,4BAA4B;;EAE5B;;;IAGE,0BAA0B;IAC1B,iCAAiC;EACnC;AACF;;AAEA;EACE,iCAAiC;EACjC,0BAA0B;;EAE1B;IACE,+BAA+B;EACjC;;EAEA;;;IAGE,0BAA0B;IAC1B,+BAA+B;EACjC;AACF;;AAEA;EACE,iCAAiC;EACjC,0BAA0B;;EAE1B;;;IAGE,0BAA0B;IAC1B,+BAA+B;EACjC;AACF","file":"_alert.scss","sourcesContent":["@use \"../../helpers/links\" as *;\n@use \"../../objects/width-container\" as *;\n@use \"../../settings/colours\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-alert {\n  display: -ms-grid;\n  display: grid;\n  margin-bottom: govuk-spacing(6);\n  padding: govuk-spacing(2);\n  border: 5px solid transparent;\n  background: govuk-colour(\"white\");\n  -ms-grid-columns: min-content fit-content(960px);\n  grid-template-columns: min-content fit-content(960px);\n  gap: govuk-spacing(2);\n  @include govuk-font($size: false);\n\n  &:focus {\n    outline: $govuk-focus-width solid $govuk-focus-colour;\n  }\n}\n\n.moj-alert[data-dismissible] {\n  @include govuk-media-query($from: tablet) {\n    grid-template-columns: min-content fit-content(920px) auto;\n  }\n}\n\n.moj-alert__icon {\n  display: block;\n  width: govuk-px-to-rem(30px);\n  height: govuk-px-to-rem(30px);\n  fill: currentcolor;\n}\n\n.moj-alert__content {\n  display: block;\n  // Padding to align text with icon\n  padding-top: govuk-px-to-rem(5px);\n  overflow: hidden;\n  color: govuk-colour(\"black\");\n  @include govuk-font-size($size: 19);\n\n  @include govuk-media-query($from: tablet) {\n    padding-top: govuk-px-to-rem(2px);\n  }\n}\n\n.moj-alert__action {\n  grid-column-start: 2;\n  grid-column-end: -1;\n\n  @include govuk-media-query($from: tablet) {\n    grid-column-start: 3;\n    justify-self: right;\n  }\n}\n\n.moj-alert__dismiss {\n  // Give the button link styling\n  margin-bottom: 0;\n  padding: 0;\n  border: none;\n  color: unset;\n  background-color: transparent;\n  -webkit-appearance: none;\n  cursor: pointer;\n  appearance: none;\n  @include govuk-font-size($size: 19);\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n  @include govuk-link-print-friendly;\n}\n\n.moj-alert__heading {\n  display: block;\n  margin-top: 0;\n  margin-bottom: govuk-px-to-rem(5px);\n  @include govuk-text-colour;\n  @include govuk-font-size($size: 24);\n  @include govuk-typography-weight-bold;\n\n  @include govuk-media-query($from: tablet) {\n    margin-bottom: govuk-px-to-rem(3px);\n  }\n}\n\n.moj-alert__content p:last-child,\n.moj-alert__content a:last-child,\n.moj-alert__content ul:last-child {\n  margin-bottom: 0;\n}\n\n/* Style variants\n   ========================================================================== */\n.moj-alert--information {\n  border-color: $govuk-brand-colour;\n  color: $govuk-brand-colour;\n\n  .moj-alert__dismiss,\n  .moj-alert__content a {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n  }\n}\n\n.moj-alert--success {\n  border-color: govuk-colour(\"green\");\n  color: govuk-colour(\"green\");\n\n  .moj-alert__dismiss,\n  .moj-alert__content a,\n  .moj-alert__content .govuk-link {\n    @include govuk-link-common;\n    @include govuk-link-style-success;\n  }\n}\n\n.moj-alert--warning {\n  border-color: $moj-warning-colour;\n  color: $moj-warning-colour;\n\n  .moj-alert__dismiss {\n    color: $moj-warning-link-colour;\n  }\n\n  .moj-alert__dismiss,\n  .moj-alert__content a,\n  .moj-alert__content .govuk-link {\n    @include govuk-link-common;\n    @include moj-link-style-warning;\n  }\n}\n\n.moj-alert--error {\n  border-color: govuk-colour(\"red\");\n  color: govuk-colour(\"red\");\n\n  .moj-alert__dismiss,\n  .moj-alert__content a,\n  .moj-alert__content .govuk-link {\n    @include govuk-link-common;\n    @include govuk-link-style-error;\n  }\n}\n"]}

package/moj/components/alert/alert.bundle.js

@@ -0,0 +1,330 @@
+(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';
+
+  /**
+   * Find an elements preceding sibling
+   *
+   * Utility function to find an elements previous sibling matching the provided
+   * selector.
+   *
+   * @param {Element | null} $element - Element to find siblings for
+   * @param {string} [selector] - selector for required sibling
+   */
+  function getPreviousSibling($element, selector) {
+    if (!$element || !($element instanceof HTMLElement)) {
+      return;
+    }
+
+    // Get the previous sibling element
+    let $sibling = $element.previousElementSibling;
+
+    // If the sibling matches our selector, use it
+    // If not, jump to the next sibling and continue the loop
+    while ($sibling) {
+      if ($sibling.matches(selector)) return $sibling;
+      $sibling = $sibling.previousElementSibling;
+    }
+  }
+
+  /**
+   * @param {Element | null} $element
+   * @param {string} [selector]
+   */
+  function findNearestMatchingElement($element, selector) {
+    // If no element or selector is provided, return
+    if (!$element || !($element instanceof HTMLElement) || false) {
+      return;
+    }
+
+    // Start with the current element
+    let $currentElement = $element;
+    while ($currentElement) {
+      // First check the current element
+      if ($currentElement.matches(selector)) {
+        return $currentElement;
+      }
+
+      // Check all previous siblings
+      let $sibling = $currentElement.previousElementSibling;
+      while ($sibling) {
+        // Check if the sibling itself is a heading
+        if ($sibling.matches(selector)) {
+          return $sibling;
+        }
+        $sibling = $sibling.previousElementSibling;
+      }
+
+      // If no match found in siblings, move up to parent
+      $currentElement = $currentElement.parentElement;
+    }
+  }
+
+  /**
+   * Move focus to element
+   *
+   * Sets tabindex to -1 to make the element programmatically focusable,
+   * but removes it on blur as the element doesn't need to be focused again.
+   *
+   * @param {HTMLElement} $element - HTML element
+   * @param {object} [options] - Handler options
+   * @param {function(this: HTMLElement): void} [options.onBeforeFocus] - Callback before focus
+   * @param {function(this: HTMLElement): void} [options.onBlur] - Callback on blur
+   */
+  function setFocus($element, options = {}) {
+    const isFocusable = $element.getAttribute('tabindex');
+    if (!isFocusable) {
+      $element.setAttribute('tabindex', '-1');
+    }
+
+    /**
+     * Handle element focus
+     */
+    function onFocus() {
+      $element.addEventListener('blur', onBlur, {
+        once: true
+      });
+    }
+
+    /**
+     * Handle element blur
+     */
+    function onBlur() {
+      if (options.onBlur) {
+        options.onBlur.call($element);
+      }
+      if (!isFocusable) {
+        $element.removeAttribute('tabindex');
+      }
+    }
+
+    // Add listener to reset element on blur, after focus
+    $element.addEventListener('focus', onFocus, {
+      once: true
+    });
+
+    // Focus element
+    if (options.onBeforeFocus) {
+      options.onBeforeFocus.call($element);
+    }
+    $element.focus();
+  }
+
+  class Alert {
+    /**
+     * @param {Element | null} $module - HTML element to use for alert
+     * @param {AlertConfig} [config] - Alert config
+     */
+    constructor($module, config = {}) {
+      if (!$module || !($module instanceof HTMLElement)) {
+        return this;
+      }
+      const schema = Object.freeze({
+        properties: {
+          dismissible: {
+            type: 'boolean'
+          },
+          dismissText: {
+            type: 'string'
+          },
+          disableAutoFocus: {
+            type: 'boolean'
+          },
+          focusOnDismissSelector: {
+            type: 'string'
+          }
+        }
+      });
+      const defaults = {
+        dismissible: false,
+        dismissText: 'Dismiss',
+        disableAutoFocus: false
+      };
+
+      // data attributes override JS config, which overrides defaults
+      this.config = this.mergeConfigs(defaults, config, this.parseDataset(schema, $module.dataset));
+      this.$module = $module;
+
+      /**
+       * Focus the alert
+       *
+       * If `role="alert"` is set, focus the element to help some assistive
+       * technologies prioritise announcing it.
+       *
+       * You can turn off the auto-focus functionality by setting
+       * `data-disable-auto-focus="true"` in the component HTML. You might wish to
+       * do this based on user research findings, or to avoid a clash with another
+       * element which should be focused when the page loads.
+       */
+      if (this.$module.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+        setFocus(this.$module);
+      }
+      this.$dismissButton = this.$module.querySelector('.moj-alert__dismiss');
+      if (this.config.dismissible && this.$dismissButton) {
+        this.$dismissButton.innerHTML = this.config.dismissText;
+        this.$dismissButton.removeAttribute('hidden');
+        this.$module.addEventListener('click', event => {
+          if (event.target instanceof Node && this.$dismissButton.contains(event.target)) {
+            this.dimiss();
+          }
+        });
+      }
+    }
+
+    /**
+     * Handle dismissing the alert
+     */
+    dimiss() {
+      let $elementToRecieveFocus;
+
+      // If a selector has been provided, attempt to find that element
+      if (this.config.focusOnDismissSelector) {
+        $elementToRecieveFocus = document.querySelector(this.config.focusOnDismissSelector);
+      }
+
+      // Is the next sibling another alert
+      if (!$elementToRecieveFocus) {
+        const $nextSibling = this.$module.nextElementSibling;
+        if ($nextSibling && $nextSibling.matches('.moj-alert')) {
+          $elementToRecieveFocus = $nextSibling;
+        }
+      }
+
+      // Else try to find any preceding sibling alert or heading
+      if (!$elementToRecieveFocus) {
+        $elementToRecieveFocus = getPreviousSibling(this.$module, '.moj-alert, h1, h2, h3, h4, h5, h6');
+      }
+
+      // Else find the closest ancestor heading, or fallback to main, or last resort
+      // use the body element
+      if (!$elementToRecieveFocus) {
+        $elementToRecieveFocus = findNearestMatchingElement(this.$module, 'h1, h2, h3, h4, h5, h6, main, body');
+      }
+
+      // If we have an element, place focus on it
+      if ($elementToRecieveFocus instanceof HTMLElement) {
+        setFocus($elementToRecieveFocus);
+      }
+
+      // Remove the alert
+      this.$module.remove();
+    }
+
+    /**
+     * Normalise string
+     *
+     * 'If it looks like a duck, and it quacks like a duck…' 🦆
+     *
+     * If the passed value looks like a boolean or a number, convert it to a boolean
+     * or number.
+     *
+     * Designed to be used to convert config passed via data attributes (which are
+     * always strings) into something sensible.
+     *
+     * @internal
+     * @param {DOMStringMap[string]} value - The value to normalise
+     * @param {SchemaProperty} [property] - Component schema property
+     * @returns {string | boolean | number | undefined} Normalised data
+     */
+    normaliseString(value, property) {
+      const trimmedValue = value ? value.trim() : '';
+      let output;
+      let outputType;
+      if (property && property.type) {
+        outputType = property.type;
+      }
+
+      // No schema type set? Determine automatically
+      if (!outputType) {
+        if (['true', 'false'].includes(trimmedValue)) {
+          outputType = 'boolean';
+        }
+
+        // Empty / whitespace-only strings are considered finite so we need to check
+        // the length of the trimmed string as well
+        if (trimmedValue.length > 0 && Number.isFinite(Number(trimmedValue))) {
+          outputType = 'number';
+        }
+      }
+      switch (outputType) {
+        case 'boolean':
+          output = trimmedValue === 'true';
+          break;
+        case 'number':
+          output = Number(trimmedValue);
+          break;
+        default:
+          output = value;
+      }
+      return output;
+    }
+
+    /**
+     * Parse dataset
+     *
+     * Loop over an object and normalise each value using {@link normaliseString},
+     * optionally expanding nested `i18n.field`
+     *
+     * @param {Schema} schema - component schema
+     * @param {DOMStringMap} dataset - HTML element dataset
+     * @returns {object} Normalised dataset
+     */
+    parseDataset(schema, dataset) {
+      const parsed = {};
+      for (const [field, property] of Object.entries(schema.properties)) {
+        if (field in dataset) {
+          if (dataset[field]) {
+            parsed[field] = this.normaliseString(dataset[field], property);
+          }
+        }
+      }
+      return parsed;
+    }
+
+    /**
+     * Config merging function
+     *
+     * Takes any number of objects and combines them together, with
+     * greatest priority on the LAST item passed in.
+     *
+     * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge
+     * @returns {{ [key: string]: unknown }} A merged config object
+     */
+    mergeConfigs(...configObjects) {
+      const formattedConfigObject = {};
+
+      // Loop through each of the passed objects
+      for (const configObject of configObjects) {
+        for (const key of Object.keys(configObject)) {
+          const option = formattedConfigObject[key];
+          const override = configObject[key];
+
+          // Push their keys one-by-one into formattedConfigObject. Any duplicate
+          // keys with object values will be merged, otherwise the new value will
+          // override the existing value.
+          if (typeof option === 'object' && typeof override === 'object') {
+            // @ts-expect-error Index signature for type 'string' is missing
+            formattedConfigObject[key] = this.mergeConfigs(option, override);
+          } else {
+            formattedConfigObject[key] = override;
+          }
+        }
+      }
+      return formattedConfigObject;
+    }
+  }
+
+  /**
+   * @typedef {object} AlertConfig
+   * @property {boolean} [dismissible=false] - Can the alert be dismissed by the user
+   * @property {string} [dismissText=Dismiss] - the label text for the dismiss button
+   * @property {boolean} [disableAutoFocus=false] - whether the alert will be autofocused
+   * @property {string} [focusOnDismissSelector] - CSS Selector for element to be focused on dismiss
+   */
+
+  exports.Alert = Alert;
+
+}));
+//# sourceMappingURL=alert.bundle.js.map