@ministryofjustice/frontend 4.0.1 → 5.1.0

package/moj/components/button-menu/button-menu.mjs

@@ -1,134 +1,94 @@
-/**
- * @typedef {object} ButtonMenuConfig
- * @property {string} [buttonText=Actions] - Label for the toggle button
- * @property {"left" | "right"} [alignMenu=left] - the alignment of the menu
- * @property {string} [buttonClasses=govuk-button--secondary] - css classes applied to the toggle button
- */
+import { ConfigurableComponent } from 'govuk-frontend';
 
 /**
- * @param {HTMLElement} $module
- * @param {ButtonMenuConfig} config
- * @class
+ * @augments {ConfigurableComponent<ButtonMenuConfig>}
  */
-function ButtonMenu($module, config = {}) {
-  if (!$module) {
-    return this
-  }
-
-  const schema = Object.freeze({
-    properties: {
-      buttonText: { type: 'string' },
-      buttonClasses: { type: 'string' },
-      alignMenu: { type: 'string' }
-    }
-  });
-
-  const defaults = {
-    buttonText: 'Actions',
-    alignMenu: 'left',
-    buttonClasses: ''
-  };
-  // data attributes override JS config, which overrides defaults
-  this.config = this.mergeConfigs(
-    defaults,
-    config,
-    this.parseDataset(schema, $module.dataset)
-  );
-
-  this.$module = $module;
-}
-
-ButtonMenu.prototype.init = function () {
-  // If only one button is provided, don't initiate a menu and toggle button
-  // if classes have been provided for the toggleButton, apply them to the single item
-  if (this.$module.children.length === 1) {
-    const button = this.$module.children[0];
-    button.classList.forEach((className) => {
-      if (className.startsWith('govuk-button-')) {
-        button.classList.remove(className);
+class ButtonMenu extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for button menu
+   * @param {ButtonMenuConfig} [config] - Button menu config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+
+    // If only one button is provided, don't initiate a menu and toggle button
+    // if classes have been provided for the toggleButton, apply them to the single item
+    if (this.$root.children.length === 1) {
+      const $button = this.$root.children[0];
+      $button.classList.forEach(className => {
+        if (className.startsWith('govuk-button-')) {
+          $button.classList.remove(className);
+        }
+        $button.classList.remove('moj-button-menu__item');
+        $button.classList.add('moj-button-menu__single-button');
+      });
+      if (this.config.buttonClasses) {
+        $button.classList.add(...this.config.buttonClasses.split(' '));
       }
-      button.classList.remove('moj-button-menu__item');
-    });
-    if (this.config.buttonClasses) {
-      button.classList.add(...this.config.buttonClasses.split(' '));
     }
-  }
-  // Otherwise intialise a button menu
-  if (this.$module.children.length > 1) {
-    this.initMenu();
-  }
-};
-
-ButtonMenu.prototype.initMenu = function () {
-  this.$menu = this.createMenu();
-  this.$module.insertAdjacentHTML('afterbegin', this.toggleTemplate());
-  this.setupMenuItems();
-
-  this.$menuToggle = this.$module.querySelector(':scope > button');
-  this.items = this.$menu.querySelectorAll('a, button');
-
-  this.$menuToggle.addEventListener('click', (event) => {
-    this.toggleMenu(event);
-  });
-
-  this.$module.addEventListener('keydown', (event) => {
-    this.handleKeyDown(event);
-  });
-
-  document.addEventListener('click', (event) => {
-    if (!this.$module.contains(event.target)) {
-      this.closeMenu(false);
+    // Otherwise initialise a button menu
+    if (this.$root.children.length > 1) {
+      this.initMenu();
     }
-  });
-};
-
-ButtonMenu.prototype.createMenu = function () {
-  const $menu = document.createElement('ul');
-  $menu.setAttribute('role', 'list');
-  $menu.hidden = true;
-  $menu.classList.add('moj-button-menu__wrapper');
-  if (this.config.alignMenu === 'right') {
-    $menu.classList.add('moj-button-menu__wrapper--right');
   }
-
-  this.$module.appendChild($menu);
-  while (this.$module.firstChild !== $menu) {
-    $menu.appendChild(this.$module.firstChild);
+  initMenu() {
+    this.$menu = this.createMenu();
+    this.$root.insertAdjacentHTML('afterbegin', this.toggleTemplate());
+    this.setupMenuItems();
+    this.$menuToggle = this.$root.querySelector(':scope > button');
+    this.$items = this.$menu.querySelectorAll('a, button');
+    this.$menuToggle.addEventListener('click', event => {
+      this.toggleMenu(event);
+    });
+    this.$root.addEventListener('keydown', event => {
+      this.handleKeyDown(event);
+    });
+    document.addEventListener('click', event => {
+      if (event.target instanceof Node && !this.$root.contains(event.target)) {
+        this.closeMenu(false);
+      }
+    });
   }
-
-  return $menu
-};
-
-ButtonMenu.prototype.setupMenuItems = function () {
-  Array.from(this.$menu.children).forEach((item) => {
-    // wrap item in li tag
-    const listItem = document.createElement('li');
-    this.$menu.insertBefore(listItem, item);
-    listItem.appendChild(item);
-
-    item.setAttribute('tabindex', -1);
-
-    if (item.tagName === 'BUTTON') {
-      item.setAttribute('type', 'button');
+  createMenu() {
+    const $menu = document.createElement('ul');
+    $menu.setAttribute('role', 'list');
+    $menu.hidden = true;
+    $menu.classList.add('moj-button-menu__wrapper');
+    if (this.config.alignMenu === 'right') {
+      $menu.classList.add('moj-button-menu__wrapper--right');
     }
-
-    item.classList.forEach((className) => {
-      if (className.startsWith('govuk-button')) {
-        item.classList.remove(className);
+    this.$root.appendChild($menu);
+    while (this.$root.firstChild !== $menu) {
+      $menu.appendChild(this.$root.firstChild);
+    }
+    return $menu;
+  }
+  setupMenuItems() {
+    Array.from(this.$menu.children).forEach($menuItem => {
+      // wrap item in li tag
+      const $listItem = document.createElement('li');
+      this.$menu.insertBefore($listItem, $menuItem);
+      $listItem.appendChild($menuItem);
+      $menuItem.setAttribute('tabindex', '-1');
+      if ($menuItem.tagName === 'BUTTON') {
+        $menuItem.setAttribute('type', 'button');
       }
+      $menuItem.classList.forEach(className => {
+        if (className.startsWith('govuk-button')) {
+          $menuItem.classList.remove(className);
+        }
+      });
+
+      // add a slight delay after click before closing the menu, makes it *feel* better
+      $menuItem.addEventListener('click', () => {
+        setTimeout(() => {
+          this.closeMenu(false);
+        }, 50);
+      });
     });
-
-    // add a slight delay after click before closing the menu, makes it *feel* better
-    item.addEventListener('click', (event) => {
-      setTimeout(() => {
-        this.closeMenu(false);
-      }, 50);
-    });
-  });
-};
-
-ButtonMenu.prototype.toggleTemplate = function () {
-  return `
+  }
+  toggleTemplate() {
+    return `
     <button type="button" class="govuk-button moj-button-menu__toggle-button ${this.config.buttonClasses || ''}" aria-haspopup="true" aria-expanded="false">
       <span>
        ${this.config.buttonText}
@@ -136,195 +96,169 @@ ButtonMenu.prototype.toggleTemplate = function () {
          <path d="M5.5 0L11 5L0 5L5.5 0Z" fill="currentColor"/>
        </svg>
       </span>
-    </button>`
-};
-
-/**
- * @returns {boolean}
- */
-ButtonMenu.prototype.isOpen = function () {
-  return this.$menuToggle.getAttribute('aria-expanded') === 'true'
-};
-
-ButtonMenu.prototype.toggleMenu = function (event) {
-  event.preventDefault();
-
-  // If menu is triggered with mouse don't move focus to first item
-  const keyboardEvent = event.detail === 0;
-  const focusIndex = keyboardEvent ? 0 : -1;
-
-  if (this.isOpen()) {
-    this.closeMenu();
-  } else {
-    this.openMenu(focusIndex);
+    </button>`;
   }
-};
 
-/**
- * Opens the menu and optionally sets the focus to the item with given index
- *
- * @param {number} focusIndex - The index of the item to focus
- */
-ButtonMenu.prototype.openMenu = function (focusIndex = 0) {
-  this.$menu.hidden = false;
-  this.$menuToggle.setAttribute('aria-expanded', 'true');
-  if (focusIndex !== -1) {
-    this.focusItem(focusIndex);
+  /**
+   * @returns {boolean}
+   */
+  isOpen() {
+    return this.$menuToggle.getAttribute('aria-expanded') === 'true';
   }
-};
-
-/**
- * Closes the menu and optionally returns focus back to menuToggle
- *
- * @param {boolean} moveFocus - whether to return focus to the toggle button
- */
-ButtonMenu.prototype.closeMenu = function (moveFocus = true) {
-  this.$menu.hidden = true;
-  this.$menuToggle.setAttribute('aria-expanded', 'false');
-  if (moveFocus) {
-    this.$menuToggle.focus();
-  }
-};
-
-/**
- * Focuses the menu item at the specified index
- *
- * @param {number} index - the index of the item to focus
- */
-ButtonMenu.prototype.focusItem = function (index) {
-  if (index >= this.items.length) index = 0;
-  if (index < 0) index = this.items.length - 1;
 
-  const menuItem = this.items.item(index);
-  if (menuItem) {
-    menuItem.focus();
+  /**
+   * @param {MouseEvent} event - Click event
+   */
+  toggleMenu(event) {
+    event.preventDefault();
+
+    // If menu is triggered with mouse don't move focus to first item
+    const keyboardEvent = event.detail === 0;
+    const focusIndex = keyboardEvent ? 0 : -1;
+    if (this.isOpen()) {
+      this.closeMenu();
+    } else {
+      this.openMenu(focusIndex);
+    }
   }
-};
 
-ButtonMenu.prototype.currentFocusIndex = function () {
-  const activeElement = document.activeElement;
-  const menuItems = Array.from(this.items);
-
-  return menuItems.indexOf(activeElement)
-};
-
-ButtonMenu.prototype.handleKeyDown = function (event) {
-  if (event.target === this.$menuToggle) {
-    switch (event.key) {
-      case 'ArrowDown':
-        event.preventDefault();
-        this.openMenu();
-        break
-      case 'ArrowUp':
-        event.preventDefault();
-        this.openMenu(this.items.length - 1);
-        break
+  /**
+   * Opens the menu and optionally sets the focus to the item with given index
+   *
+   * @param {number} focusIndex - The index of the item to focus
+   */
+  openMenu(focusIndex = 0) {
+    this.$menu.hidden = false;
+    this.$menuToggle.setAttribute('aria-expanded', 'true');
+    if (focusIndex !== -1) {
+      this.focusItem(focusIndex);
     }
   }
 
-  if (this.$menu.contains(event.target) && this.isOpen()) {
-    switch (event.key) {
-      case 'ArrowDown':
-        event.preventDefault();
-        if (this.currentFocusIndex() !== -1) {
-          this.focusItem(this.currentFocusIndex() + 1);
-        }
-        break
-      case 'ArrowUp':
-        event.preventDefault();
-        if (this.currentFocusIndex() !== -1) {
-          this.focusItem(this.currentFocusIndex() - 1);
-        }
-        break
-      case 'Home':
-        event.preventDefault();
-        this.focusItem(0);
-        break
-      case 'End':
-        event.preventDefault();
-        this.focusItem(this.items.length - 1);
-        break
+  /**
+   * Closes the menu and optionally returns focus back to menuToggle
+   *
+   * @param {boolean} moveFocus - whether to return focus to the toggle button
+   */
+  closeMenu(moveFocus = true) {
+    this.$menu.hidden = true;
+    this.$menuToggle.setAttribute('aria-expanded', 'false');
+    if (moveFocus) {
+      this.$menuToggle.focus();
     }
   }
 
-  if (event.key === 'Escape' && this.isOpen()) {
-    this.closeMenu();
+  /**
+   * Focuses the menu item at the specified index
+   *
+   * @param {number} index - the index of the item to focus
+   */
+  focusItem(index) {
+    if (index >= this.$items.length) index = 0;
+    if (index < 0) index = this.$items.length - 1;
+    const $menuItem = this.$items.item(index);
+    if ($menuItem) {
+      $menuItem.focus();
+    }
   }
-  if (event.key === 'Tab' && this.isOpen()) {
-    this.closeMenu(false);
+  currentFocusIndex() {
+    const $activeElement = document.activeElement;
+    const $menuItems = Array.from(this.$items);
+    return ($activeElement instanceof HTMLAnchorElement || $activeElement instanceof HTMLButtonElement) && $menuItems.indexOf($activeElement);
   }
-};
-
-/**
- * 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
- */
-ButtonMenu.prototype.parseDataset = function (schema, dataset) {
-  const parsed = {};
 
-  for (const [field, ,] of Object.entries(schema.properties)) {
-    if (field in dataset) {
-      if (dataset[field]) {
-        parsed[field] = dataset[field];
+  /**
+   * @param {KeyboardEvent} event - Keydown event
+   */
+  handleKeyDown(event) {
+    if (event.target === this.$menuToggle) {
+      switch (event.key) {
+        case 'ArrowDown':
+          event.preventDefault();
+          this.openMenu();
+          break;
+        case 'ArrowUp':
+          event.preventDefault();
+          this.openMenu(this.$items.length - 1);
+          break;
+      }
+    }
+    if (event.target instanceof Node && this.$menu.contains(event.target) && this.isOpen()) {
+      switch (event.key) {
+        case 'ArrowDown':
+          event.preventDefault();
+          if (this.currentFocusIndex() !== -1) {
+            this.focusItem(this.currentFocusIndex() + 1);
+          }
+          break;
+        case 'ArrowUp':
+          event.preventDefault();
+          if (this.currentFocusIndex() !== -1) {
+            this.focusItem(this.currentFocusIndex() - 1);
+          }
+          break;
+        case 'Home':
+          event.preventDefault();
+          this.focusItem(0);
+          break;
+        case 'End':
+          event.preventDefault();
+          this.focusItem(this.$items.length - 1);
+          break;
       }
     }
+    if (event.key === 'Escape' && this.isOpen()) {
+      this.closeMenu();
+    }
+    if (event.key === 'Tab' && this.isOpen()) {
+      this.closeMenu(false);
+    }
   }
 
-  return parsed
-};
+  /**
+   * Name for the component used when initialising using data-module attributes.
+   */
+}
 
 /**
- * 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
+ * @typedef {object} ButtonMenuConfig
+ * @property {string} [buttonText='Actions'] - Label for the toggle button
+ * @property {"left" | "right"} [alignMenu='left'] - the alignment of the menu
+ * @property {string} [buttonClasses='govuk-button--secondary'] - css classes applied to the toggle button
  */
-ButtonMenu.prototype.mergeConfigs = function (...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
-};
 
 /**
- * Schema for component config
+ * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
+ */
+ButtonMenu.moduleName = 'moj-button-menu';
+/**
+ * Button menu config
  *
- * @typedef {object} Schema
- * @property {{ [field: string]: SchemaProperty | undefined }} properties - Schema properties
+ * @type {ButtonMenuConfig}
  */
-
+ButtonMenu.defaults = Object.freeze({
+  buttonText: 'Actions',
+  alignMenu: 'left',
+  buttonClasses: ''
+});
 /**
- * Schema property for component config
+ * Button menu config schema
  *
- * @typedef {object} SchemaProperty
- * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ * @type {Schema<ButtonMenuConfig>}
  */
+ButtonMenu.schema = Object.freeze(/** @type {const} */{
+  properties: {
+    buttonText: {
+      type: 'string'
+    },
+    buttonClasses: {
+      type: 'string'
+    },
+    alignMenu: {
+      type: 'string'
+    }
+  }
+});
 
 export { ButtonMenu };
 //# sourceMappingURL=button-menu.mjs.map

package/moj/components/button-menu/button-menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button-menu.mjs","sources":["../../../../src/moj/components/button-menu/button-menu.mjs"],"sourcesContent":["/**\n * @typedef {object} ButtonMenuConfig\n * @property {string} [buttonText=Actions] - Label for the toggle button\n * @property {\"left\" | \"right\"} [alignMenu=left] - the alignment of the menu\n * @property {string} [buttonClasses=govuk-button--secondary] - css classes applied to the toggle button\n */\n\n/**\n * @param {HTMLElement} $module\n * @param {ButtonMenuConfig} config\n * @class\n */\nexport function ButtonMenu($module, config = {}) {\n  if (!$module) {\n    return this\n  }\n\n  const schema = Object.freeze({\n    properties: {\n      buttonText: { type: 'string' },\n      buttonClasses: { type: 'string' },\n      alignMenu: { type: 'string' }\n    }\n  })\n\n  const defaults = {\n    buttonText: 'Actions',\n    alignMenu: 'left',\n    buttonClasses: ''\n  }\n  // data attributes override JS config, which overrides defaults\n  this.config = this.mergeConfigs(\n    defaults,\n    config,\n    this.parseDataset(schema, $module.dataset)\n  )\n\n  this.$module = $module\n}\n\nButtonMenu.prototype.init = function () {\n  // If only one button is provided, don't initiate a menu and toggle button\n  // if classes have been provided for the toggleButton, apply them to the single item\n  if (this.$module.children.length === 1) {\n    const button = this.$module.children[0]\n    button.classList.forEach((className) => {\n      if (className.startsWith('govuk-button-')) {\n        button.classList.remove(className)\n      }\n      button.classList.remove('moj-button-menu__item')\n    })\n    if (this.config.buttonClasses) {\n      button.classList.add(...this.config.buttonClasses.split(' '))\n    }\n  }\n  // Otherwise intialise a button menu\n  if (this.$module.children.length > 1) {\n    this.initMenu()\n  }\n}\n\nButtonMenu.prototype.initMenu = function () {\n  this.$menu = this.createMenu()\n  this.$module.insertAdjacentHTML('afterbegin', this.toggleTemplate())\n  this.setupMenuItems()\n\n  this.$menuToggle = this.$module.querySelector(':scope > button')\n  this.items = this.$menu.querySelectorAll('a, button')\n\n  this.$menuToggle.addEventListener('click', (event) => {\n    this.toggleMenu(event)\n  })\n\n  this.$module.addEventListener('keydown', (event) => {\n    this.handleKeyDown(event)\n  })\n\n  document.addEventListener('click', (event) => {\n    if (!this.$module.contains(event.target)) {\n      this.closeMenu(false)\n    }\n  })\n}\n\nButtonMenu.prototype.createMenu = function () {\n  const $menu = document.createElement('ul')\n  $menu.setAttribute('role', 'list')\n  $menu.hidden = true\n  $menu.classList.add('moj-button-menu__wrapper')\n  if (this.config.alignMenu === 'right') {\n    $menu.classList.add('moj-button-menu__wrapper--right')\n  }\n\n  this.$module.appendChild($menu)\n  while (this.$module.firstChild !== $menu) {\n    $menu.appendChild(this.$module.firstChild)\n  }\n\n  return $menu\n}\n\nButtonMenu.prototype.setupMenuItems = function () {\n  Array.from(this.$menu.children).forEach((item) => {\n    // wrap item in li tag\n    const listItem = document.createElement('li')\n    this.$menu.insertBefore(listItem, item)\n    listItem.appendChild(item)\n\n    item.setAttribute('tabindex', -1)\n\n    if (item.tagName === 'BUTTON') {\n      item.setAttribute('type', 'button')\n    }\n\n    item.classList.forEach((className) => {\n      if (className.startsWith('govuk-button')) {\n        item.classList.remove(className)\n      }\n    })\n\n    // add a slight delay after click before closing the menu, makes it *feel* better\n    item.addEventListener('click', (event) => {\n      setTimeout(() => {\n        this.closeMenu(false)\n      }, 50)\n    })\n  })\n}\n\nButtonMenu.prototype.toggleTemplate = function () {\n  return `\n    <button type=\"button\" class=\"govuk-button moj-button-menu__toggle-button ${this.config.buttonClasses || ''}\" aria-haspopup=\"true\" aria-expanded=\"false\">\n      <span>\n       ${this.config.buttonText}\n       <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\"  xmlns=\"http://www.w3.org/2000/svg\">\n         <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"/>\n       </svg>\n      </span>\n    </button>`\n}\n\n/**\n * @returns {boolean}\n */\nButtonMenu.prototype.isOpen = function () {\n  return this.$menuToggle.getAttribute('aria-expanded') === 'true'\n}\n\nButtonMenu.prototype.toggleMenu = function (event) {\n  event.preventDefault()\n\n  // If menu is triggered with mouse don't move focus to first item\n  const keyboardEvent = event.detail === 0\n  const focusIndex = keyboardEvent ? 0 : -1\n\n  if (this.isOpen()) {\n    this.closeMenu()\n  } else {\n    this.openMenu(focusIndex)\n  }\n}\n\n/**\n * Opens the menu and optionally sets the focus to the item with given index\n *\n * @param {number} focusIndex - The index of the item to focus\n */\nButtonMenu.prototype.openMenu = function (focusIndex = 0) {\n  this.$menu.hidden = false\n  this.$menuToggle.setAttribute('aria-expanded', 'true')\n  if (focusIndex !== -1) {\n    this.focusItem(focusIndex)\n  }\n}\n\n/**\n * Closes the menu and optionally returns focus back to menuToggle\n *\n * @param {boolean} moveFocus - whether to return focus to the toggle button\n */\nButtonMenu.prototype.closeMenu = function (moveFocus = true) {\n  this.$menu.hidden = true\n  this.$menuToggle.setAttribute('aria-expanded', 'false')\n  if (moveFocus) {\n    this.$menuToggle.focus()\n  }\n}\n\n/**\n * Focuses the menu item at the specified index\n *\n * @param {number} index - the index of the item to focus\n */\nButtonMenu.prototype.focusItem = function (index) {\n  if (index >= this.items.length) index = 0\n  if (index < 0) index = this.items.length - 1\n\n  const menuItem = this.items.item(index)\n  if (menuItem) {\n    menuItem.focus()\n  }\n}\n\nButtonMenu.prototype.currentFocusIndex = function () {\n  const activeElement = document.activeElement\n  const menuItems = Array.from(this.items)\n\n  return menuItems.indexOf(activeElement)\n}\n\nButtonMenu.prototype.handleKeyDown = function (event) {\n  if (event.target === this.$menuToggle) {\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        this.openMenu()\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        this.openMenu(this.items.length - 1)\n        break\n    }\n  }\n\n  if (this.$menu.contains(event.target) && this.isOpen()) {\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        if (this.currentFocusIndex() !== -1) {\n          this.focusItem(this.currentFocusIndex() + 1)\n        }\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        if (this.currentFocusIndex() !== -1) {\n          this.focusItem(this.currentFocusIndex() - 1)\n        }\n        break\n      case 'Home':\n        event.preventDefault()\n        this.focusItem(0)\n        break\n      case 'End':\n        event.preventDefault()\n        this.focusItem(this.items.length - 1)\n        break\n    }\n  }\n\n  if (event.key === 'Escape' && this.isOpen()) {\n    this.closeMenu()\n  }\n  if (event.key === 'Tab' && this.isOpen()) {\n    this.closeMenu(false)\n  }\n}\n\n/**\n * Parse dataset\n *\n * Loop over an object and normalise each value using {@link normaliseString},\n * optionally expanding nested `i18n.field`\n *\n * @param {Schema} schema - component schema\n * @param {DOMStringMap} dataset - HTML element dataset\n * @returns {object} Normalised dataset\n */\nButtonMenu.prototype.parseDataset = function (schema, dataset) {\n  const parsed = {}\n\n  for (const [field, ,] of Object.entries(schema.properties)) {\n    if (field in dataset) {\n      if (dataset[field]) {\n        parsed[field] = dataset[field]\n      }\n    }\n  }\n\n  return parsed\n}\n\n/**\n * Config merging function\n *\n * Takes any number of objects and combines them together, with\n * greatest priority on the LAST item passed in.\n *\n * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge\n * @returns {{ [key: string]: unknown }} A merged config object\n */\nButtonMenu.prototype.mergeConfigs = function (...configObjects) {\n  const formattedConfigObject = {}\n\n  // Loop through each of the passed objects\n  for (const configObject of configObjects) {\n    for (const key of Object.keys(configObject)) {\n      const option = formattedConfigObject[key]\n      const override = configObject[key]\n\n      // Push their keys one-by-one into formattedConfigObject. Any duplicate\n      // keys with object values will be merged, otherwise the new value will\n      // override the existing value.\n      if (typeof option === 'object' && typeof override === 'object') {\n        // @ts-expect-error Index signature for type 'string' is missing\n        formattedConfigObject[key] = this.mergeConfigs(option, override)\n      } else {\n        formattedConfigObject[key] = override\n      }\n    }\n  }\n\n  return formattedConfigObject\n}\n\n/**\n * Schema for component config\n *\n * @typedef {object} Schema\n * @property {{ [field: string]: SchemaProperty | undefined }} properties - Schema properties\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"button-menu.mjs","sources":["../../../../src/moj/components/button-menu/button-menu.mjs"],"sourcesContent":["import { ConfigurableComponent } from 'govuk-frontend'\n\n/**\n * @augments {ConfigurableComponent<ButtonMenuConfig>}\n */\nexport class ButtonMenu extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for button menu\n   * @param {ButtonMenuConfig} [config] - Button menu config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    // If only one button is provided, don't initiate a menu and toggle button\n    // if classes have been provided for the toggleButton, apply them to the single item\n    if (this.$root.children.length === 1) {\n      const $button = this.$root.children[0]\n\n      $button.classList.forEach((className) => {\n        if (className.startsWith('govuk-button-')) {\n          $button.classList.remove(className)\n        }\n\n        $button.classList.remove('moj-button-menu__item')\n        $button.classList.add('moj-button-menu__single-button')\n      })\n\n      if (this.config.buttonClasses) {\n        $button.classList.add(...this.config.buttonClasses.split(' '))\n      }\n    }\n    // Otherwise initialise a button menu\n    if (this.$root.children.length > 1) {\n      this.initMenu()\n    }\n  }\n\n  initMenu() {\n    this.$menu = this.createMenu()\n    this.$root.insertAdjacentHTML('afterbegin', this.toggleTemplate())\n    this.setupMenuItems()\n\n    this.$menuToggle = this.$root.querySelector(':scope > button')\n    this.$items = this.$menu.querySelectorAll('a, button')\n\n    this.$menuToggle.addEventListener('click', (event) => {\n      this.toggleMenu(event)\n    })\n\n    this.$root.addEventListener('keydown', (event) => {\n      this.handleKeyDown(event)\n    })\n\n    document.addEventListener('click', (event) => {\n      if (event.target instanceof Node && !this.$root.contains(event.target)) {\n        this.closeMenu(false)\n      }\n    })\n  }\n\n  createMenu() {\n    const $menu = document.createElement('ul')\n\n    $menu.setAttribute('role', 'list')\n    $menu.hidden = true\n    $menu.classList.add('moj-button-menu__wrapper')\n\n    if (this.config.alignMenu === 'right') {\n      $menu.classList.add('moj-button-menu__wrapper--right')\n    }\n\n    this.$root.appendChild($menu)\n\n    while (this.$root.firstChild !== $menu) {\n      $menu.appendChild(this.$root.firstChild)\n    }\n\n    return $menu\n  }\n\n  setupMenuItems() {\n    Array.from(this.$menu.children).forEach(($menuItem) => {\n      // wrap item in li tag\n      const $listItem = document.createElement('li')\n      this.$menu.insertBefore($listItem, $menuItem)\n      $listItem.appendChild($menuItem)\n\n      $menuItem.setAttribute('tabindex', '-1')\n\n      if ($menuItem.tagName === 'BUTTON') {\n        $menuItem.setAttribute('type', 'button')\n      }\n\n      $menuItem.classList.forEach((className) => {\n        if (className.startsWith('govuk-button')) {\n          $menuItem.classList.remove(className)\n        }\n      })\n\n      // add a slight delay after click before closing the menu, makes it *feel* better\n      $menuItem.addEventListener('click', () => {\n        setTimeout(() => {\n          this.closeMenu(false)\n        }, 50)\n      })\n    })\n  }\n\n  toggleTemplate() {\n    return `\n    <button type=\"button\" class=\"govuk-button moj-button-menu__toggle-button ${this.config.buttonClasses || ''}\" aria-haspopup=\"true\" aria-expanded=\"false\">\n      <span>\n       ${this.config.buttonText}\n       <svg width=\"11\" height=\"5\" viewBox=\"0 0 11 5\"  xmlns=\"http://www.w3.org/2000/svg\">\n         <path d=\"M5.5 0L11 5L0 5L5.5 0Z\" fill=\"currentColor\"/>\n       </svg>\n      </span>\n    </button>`\n  }\n\n  /**\n   * @returns {boolean}\n   */\n  isOpen() {\n    return this.$menuToggle.getAttribute('aria-expanded') === 'true'\n  }\n\n  /**\n   * @param {MouseEvent} event - Click event\n   */\n  toggleMenu(event) {\n    event.preventDefault()\n\n    // If menu is triggered with mouse don't move focus to first item\n    const keyboardEvent = event.detail === 0\n    const focusIndex = keyboardEvent ? 0 : -1\n\n    if (this.isOpen()) {\n      this.closeMenu()\n    } else {\n      this.openMenu(focusIndex)\n    }\n  }\n\n  /**\n   * Opens the menu and optionally sets the focus to the item with given index\n   *\n   * @param {number} focusIndex - The index of the item to focus\n   */\n  openMenu(focusIndex = 0) {\n    this.$menu.hidden = false\n    this.$menuToggle.setAttribute('aria-expanded', 'true')\n    if (focusIndex !== -1) {\n      this.focusItem(focusIndex)\n    }\n  }\n\n  /**\n   * Closes the menu and optionally returns focus back to menuToggle\n   *\n   * @param {boolean} moveFocus - whether to return focus to the toggle button\n   */\n  closeMenu(moveFocus = true) {\n    this.$menu.hidden = true\n    this.$menuToggle.setAttribute('aria-expanded', 'false')\n    if (moveFocus) {\n      this.$menuToggle.focus()\n    }\n  }\n\n  /**\n   * Focuses the menu item at the specified index\n   *\n   * @param {number} index - the index of the item to focus\n   */\n  focusItem(index) {\n    if (index >= this.$items.length) index = 0\n    if (index < 0) index = this.$items.length - 1\n\n    const $menuItem = this.$items.item(index)\n    if ($menuItem) {\n      $menuItem.focus()\n    }\n  }\n\n  currentFocusIndex() {\n    const $activeElement = document.activeElement\n    const $menuItems = Array.from(this.$items)\n\n    return (\n      ($activeElement instanceof HTMLAnchorElement ||\n        $activeElement instanceof HTMLButtonElement) &&\n      $menuItems.indexOf($activeElement)\n    )\n  }\n\n  /**\n   * @param {KeyboardEvent} event - Keydown event\n   */\n  handleKeyDown(event) {\n    if (event.target === this.$menuToggle) {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault()\n          this.openMenu()\n          break\n        case 'ArrowUp':\n          event.preventDefault()\n          this.openMenu(this.$items.length - 1)\n          break\n      }\n    }\n\n    if (\n      event.target instanceof Node &&\n      this.$menu.contains(event.target) &&\n      this.isOpen()\n    ) {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault()\n          if (this.currentFocusIndex() !== -1) {\n            this.focusItem(this.currentFocusIndex() + 1)\n          }\n          break\n        case 'ArrowUp':\n          event.preventDefault()\n          if (this.currentFocusIndex() !== -1) {\n            this.focusItem(this.currentFocusIndex() - 1)\n          }\n          break\n        case 'Home':\n          event.preventDefault()\n          this.focusItem(0)\n          break\n        case 'End':\n          event.preventDefault()\n          this.focusItem(this.$items.length - 1)\n          break\n      }\n    }\n\n    if (event.key === 'Escape' && this.isOpen()) {\n      this.closeMenu()\n    }\n    if (event.key === 'Tab' && this.isOpen()) {\n      this.closeMenu(false)\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'moj-button-menu'\n\n  /**\n   * Button menu config\n   *\n   * @type {ButtonMenuConfig}\n   */\n  static defaults = Object.freeze({\n    buttonText: 'Actions',\n    alignMenu: 'left',\n    buttonClasses: ''\n  })\n\n  /**\n   * Button menu config schema\n   *\n   * @type {Schema<ButtonMenuConfig>}\n   */\n  static schema = Object.freeze(\n    /** @type {const} */ ({\n      properties: {\n        buttonText: { type: 'string' },\n        buttonClasses: { type: 'string' },\n        alignMenu: { type: 'string' }\n      }\n    })\n  )\n}\n\n/**\n * @typedef {object} ButtonMenuConfig\n * @property {string} [buttonText='Actions'] - Label for the toggle button\n * @property {\"left\" | \"right\"} [alignMenu='left'] - the alignment of the menu\n * @property {string} [buttonClasses='govuk-button--secondary'] - css classes applied to the toggle button\n */\n\n/**\n * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'\n */\n"],"names":["ButtonMenu","ConfigurableComponent","constructor","$root","config","children","length","$button","classList","forEach","className","startsWith","remove","add","buttonClasses","split","initMenu","$menu","createMenu","insertAdjacentHTML","toggleTemplate","setupMenuItems","$menuToggle","querySelector","$items","querySelectorAll","addEventListener","event","toggleMenu","handleKeyDown","document","target","Node","contains","closeMenu","createElement","setAttribute","hidden","alignMenu","appendChild","firstChild","Array","from","$menuItem","$listItem","insertBefore","tagName","setTimeout","buttonText","isOpen","getAttribute","preventDefault","keyboardEvent","detail","focusIndex","openMenu","focusItem","moveFocus","focus","index","item","currentFocusIndex","$activeElement","activeElement","$menuItems","HTMLAnchorElement","HTMLButtonElement","indexOf","key","moduleName","defaults","Object","freeze","schema","properties","type"],"mappings":"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"}

package/moj/components/cookie-banner/_cookie-banner.scss

@@ -41,3 +41,5 @@
     display: none !important;
   }
 }
+
+/*# sourceMappingURL=_cookie-banner.scss.map */

package/moj/components/cookie-banner/_cookie-banner.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/cookie-banner/_cookie-banner.scss"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uCAAuC;;AAEvC;EACE,sBAAsB;EACtB,aAAa;EACb,sBAAsB;;EAEtB,6BAA6B;EAC7B,+BAA+B;EAC/B,gCAAgC;EAChC,uCAAuC;EACvC,uBAAuB;;EAEvB;IACE,sDAAsD;IACtD,yBAAyB;EAC3B;;EAEA;IACE,SAAS;IACT,4BAA4B;EAC9B;;EAEA;IACE;MACE,eAAe;IACjB;EACF;;EAEA;IACE;MACE,UAAU;IACZ;EACF;AACF;;AAEA;EACE;IACE,sDAAsD;IACtD,wBAAwB;EAC1B;AACF","file":"_cookie-banner.scss","sourcesContent":["@use \"../../objects/width-container\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-cookie-banner {\n  box-sizing: border-box;\n  display: none;\n  left: govuk-spacing(3);\n\n  padding-top: govuk-spacing(3);\n  padding-right: govuk-spacing(3);\n  padding-bottom: govuk-spacing(3);\n  background-color: govuk-colour(\"white\");\n  @include govuk-font(16);\n\n  &--show {\n    // stylelint-disable-next-line declaration-no-important\n    display: block !important;\n  }\n\n  &__message {\n    margin: 0;\n    @include moj-width-container;\n  }\n\n  &__buttons {\n    .govuk-grid-column-full {\n      padding-left: 0;\n    }\n  }\n\n  .govuk-button {\n    @include govuk-media-query($from: tablet) {\n      width: 90%;\n    }\n  }\n}\n\n@include govuk-media-query($media-type: print) {\n  .moj-cookie-banner {\n    // stylelint-disable-next-line declaration-no-important\n    display: none !important;\n  }\n}\n"]}

package/moj/components/currency-input/_currency-input.scss

@@ -28,3 +28,5 @@
   margin: 0;
   padding-left: 40px;
 }
+
+/*# sourceMappingURL=_currency-input.scss.map */

package/moj/components/currency-input/_currency-input.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/currency-input/_currency-input.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,kBAAkB;EAClB,sDAAsD;EACtD,8BAA8B;EAC9B,mBAAmB;EACnB,6CAA6C;EAC7C,4CAA4C;EAC5C,uBAAuB;;EAEvB;IACE,2CAA2C;IAC3C,4BAA4B;IAC5B,qCAAqC;EACvC;;EAEA;IACE,iBAAiB;EACnB;AACF;;AAEA;EACE,SAAS;EACT,kBAAkB;AACpB","file":"_currency-input.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #DENOTE\n   ========================================================================== */\n\n.moj-label__currency {\n  position: absolute;\n  // stylelint-disable-next-line declaration-no-important\n  margin: 2px 0 0 2px !important;\n  padding: 5.5px 12px;\n  border-right: 2px solid govuk-colour(\"black\");\n  background-color: govuk-colour(\"light-grey\");\n  @include govuk-font(19);\n\n  &--error {\n    border-right: 2px solid $govuk-error-colour;\n    color: govuk-colour(\"white\");\n    background-color: $govuk-error-colour;\n  }\n\n  @include govuk-media-query($until: tablet) {\n    padding: 8px 12px;\n  }\n}\n\n.moj-input__currency {\n  margin: 0;\n  padding-left: 40px;\n}\n"]}

package/moj/components/date-picker/_date-picker.scss

@@ -306,3 +306,5 @@
     background-color: $moj-button-menu-color;
   }
 }
+
+/*# sourceMappingURL=_date-picker.scss.map */