@ministryofjustice/frontend 5.0.0 → 5.1.0

package/moj/components/button-menu/button-menu.bundle.js

@@ -1,74 +1,54 @@
 (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';
 
-  class ButtonMenu {
+  /**
+   * @augments {ConfigurableComponent<ButtonMenuConfig>}
+   */
+  class ButtonMenu extends govukFrontend.ConfigurableComponent {
     /**
-     * @param {Element | null} $module - HTML element to use for button menu
+     * @param {Element | null} $root - HTML element to use for button menu
      * @param {ButtonMenuConfig} [config] - Button menu config
      */
-    constructor($module, config = {}) {
-      if (!$module || !($module instanceof HTMLElement)) {
-        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;
+    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.$module.children.length === 1) {
-        const button = this.$module.children[0];
-        button.classList.forEach(className => {
+      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(className);
           }
-          button.classList.remove('moj-button-menu__item');
-          button.classList.add('moj-button-menu__single-button');
+          $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.add(...this.config.buttonClasses.split(' '));
         }
       }
-      // Otherwise intialise a button menu
-      if (this.$module.children.length > 1) {
+      // Otherwise initialise a button menu
+      if (this.$root.children.length > 1) {
         this.initMenu();
       }
     }
     initMenu() {
       this.$menu = this.createMenu();
-      this.$module.insertAdjacentHTML('afterbegin', this.toggleTemplate());
+      this.$root.insertAdjacentHTML('afterbegin', this.toggleTemplate());
       this.setupMenuItems();
-      this.$menuToggle = this.$module.querySelector(':scope > button');
-      this.items = this.$menu.querySelectorAll('a, button');
+      this.$menuToggle = this.$root.querySelector(':scope > button');
+      this.$items = this.$menu.querySelectorAll('a, button');
       this.$menuToggle.addEventListener('click', event => {
         this.toggleMenu(event);
       });
-      this.$module.addEventListener('keydown', event => {
+      this.$root.addEventListener('keydown', event => {
         this.handleKeyDown(event);
       });
       document.addEventListener('click', event => {
-        if (!this.$module.contains(event.target)) {
+        if (event.target instanceof Node && !this.$root.contains(event.target)) {
           this.closeMenu(false);
         }
       });
@@ -81,30 +61,30 @@
       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);
+      this.$root.appendChild($menu);
+      while (this.$root.firstChild !== $menu) {
+        $menu.appendChild(this.$root.firstChild);
       }
       return $menu;
     }
     setupMenuItems() {
-      Array.from(this.$menu.children).forEach(item => {
+      Array.from(this.$menu.children).forEach($menuItem => {
         // 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');
+        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');
         }
-        item.classList.forEach(className => {
+        $menuItem.classList.forEach(className => {
           if (className.startsWith('govuk-button')) {
-            item.classList.remove(className);
+            $menuItem.classList.remove(className);
           }
         });
 
         // add a slight delay after click before closing the menu, makes it *feel* better
-        item.addEventListener('click', () => {
+        $menuItem.addEventListener('click', () => {
           setTimeout(() => {
             this.closeMenu(false);
           }, 50);
@@ -129,6 +109,10 @@
     isOpen() {
       return this.$menuToggle.getAttribute('aria-expanded') === 'true';
     }
+
+    /**
+     * @param {MouseEvent} event - Click event
+     */
     toggleMenu(event) {
       event.preventDefault();
 
@@ -174,18 +158,22 @@
      * @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 (index >= this.$items.length) index = 0;
+      if (index < 0) index = this.$items.length - 1;
+      const $menuItem = this.$items.item(index);
+      if ($menuItem) {
+        $menuItem.focus();
       }
     }
     currentFocusIndex() {
-      const activeElement = document.activeElement;
-      const menuItems = Array.from(this.items);
-      return menuItems.indexOf(activeElement);
+      const $activeElement = document.activeElement;
+      const $menuItems = Array.from(this.$items);
+      return ($activeElement instanceof HTMLAnchorElement || $activeElement instanceof HTMLButtonElement) && $menuItems.indexOf($activeElement);
     }
+
+    /**
+     * @param {KeyboardEvent} event - Keydown event
+     */
     handleKeyDown(event) {
       if (event.target === this.$menuToggle) {
         switch (event.key) {
@@ -195,11 +183,11 @@
             break;
           case 'ArrowUp':
             event.preventDefault();
-            this.openMenu(this.items.length - 1);
+            this.openMenu(this.$items.length - 1);
             break;
         }
       }
-      if (this.$menu.contains(event.target) && this.isOpen()) {
+      if (event.target instanceof Node && this.$menu.contains(event.target) && this.isOpen()) {
         switch (event.key) {
           case 'ArrowDown':
             event.preventDefault();
@@ -219,7 +207,7 @@
             break;
           case 'End':
             event.preventDefault();
-            this.focusItem(this.items.length - 1);
+            this.focusItem(this.$items.length - 1);
             break;
         }
       }
@@ -232,58 +220,8 @@
     }
 
     /**
-     * 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,,] of Object.entries(schema.properties)) {
-        if (field in dataset) {
-          if (dataset[field]) {
-            parsed[field] = dataset[field];
-          }
-        }
-      }
-      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
+     * Name for the component used when initialising using data-module attributes.
      */
-    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;
-    }
   }
 
   /**
@@ -293,6 +231,39 @@
    * @property {string} [buttonClasses='govuk-button--secondary'] - css classes applied to the toggle button
    */
 
+  /**
+   * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
+   */
+  ButtonMenu.moduleName = 'moj-button-menu';
+  /**
+   * Button menu config
+   *
+   * @type {ButtonMenuConfig}
+   */
+  ButtonMenu.defaults = Object.freeze({
+    buttonText: 'Actions',
+    alignMenu: 'left',
+    buttonClasses: ''
+  });
+  /**
+   * Button menu config schema
+   *
+   * @type {Schema<ButtonMenuConfig>}
+   */
+  ButtonMenu.schema = Object.freeze(/** @type {const} */{
+    properties: {
+      buttonText: {
+        type: 'string'
+      },
+      buttonClasses: {
+        type: 'string'
+      },
+      alignMenu: {
+        type: 'string'
+      }
+    }
+  });
+
   exports.ButtonMenu = ButtonMenu;
 
 }));

package/moj/components/button-menu/button-menu.bundle.js.map

@@ -1 +1 @@
-{"version":3,"file":"button-menu.bundle.js","sources":["../../../../src/moj/components/button-menu/button-menu.mjs"],"sourcesContent":["export class ButtonMenu {\n  /**\n   * @param {Element | null} $module - HTML element to use for button menu\n   * @param {ButtonMenuConfig} [config] - Button menu config\n   */\n  constructor($module, config = {}) {\n    if (!$module || !($module instanceof HTMLElement)) {\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    // 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        button.classList.add('moj-button-menu__single-button')\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\n  initMenu() {\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\n  createMenu() {\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\n  setupMenuItems() {\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', () => {\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  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 menuItems.indexOf(activeElement)\n  }\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 (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   */\n  parseDataset(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   */\n  mergeConfigs(...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/**\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"],"names":["ButtonMenu","constructor","$module","config","HTMLElement","schema","Object","freeze","properties","buttonText","type","buttonClasses","alignMenu","defaults","mergeConfigs","parseDataset","dataset","children","length","button","classList","forEach","className","startsWith","remove","add","split","initMenu","$menu","createMenu","insertAdjacentHTML","toggleTemplate","setupMenuItems","$menuToggle","querySelector","items","querySelectorAll","addEventListener","event","toggleMenu","handleKeyDown","document","contains","target","closeMenu","createElement","setAttribute","hidden","appendChild","firstChild","Array","from","item","listItem","insertBefore","tagName","setTimeout","isOpen","getAttribute","preventDefault","keyboardEvent","detail","focusIndex","openMenu","focusItem","moveFocus","focus","index","menuItem","currentFocusIndex","activeElement","menuItems","indexOf","key","parsed","field","entries","configObjects","formattedConfigObject","configObject","keys","option","override"],"mappings":"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"}
+{"version":3,"file":"button-menu.bundle.js","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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"}