govuk_publishing_components 35.3.3 → 35.3.4

data/node_modules/govuk-frontend/govuk-esm/components/checkboxes/checkboxes.mjs

@@ -1,19 +1,31 @@
-/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */
+import { nodeListForEach } from '../../common/index.mjs';
+import '../../vendor/polyfills/Element/prototype/classList.mjs';
+import '../../vendor/polyfills/Event.mjs';
+import '../../vendor/polyfills/Function/prototype/bind.mjs';
 
-import { nodeListForEach } from '../../common/index.mjs'
-import '../../vendor/polyfills/Element/prototype/classList.mjs'
-import '../../vendor/polyfills/Event.mjs' // addEventListener, event.target normalization and DOMContentLoaded
-import '../../vendor/polyfills/Function/prototype/bind.mjs'
+/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */
 
 /**
  * Checkboxes component
  *
  * @class
- * @param {HTMLElement} $module - HTML element to use for checkboxes
+ * @param {Element} $module - HTML element to use for checkboxes
  */
 function Checkboxes ($module) {
-  this.$module = $module
-  this.$inputs = $module.querySelectorAll('input[type="checkbox"]')
+  if (!($module instanceof HTMLElement)) {
+    return this
+  }
+
+  var $inputs = $module.querySelectorAll('input[type="checkbox"]');
+  if (!$inputs.length) {
+    return this
+  }
+
+  /** @deprecated Will be made private in v5.0 */
+  this.$module = $module;
+
+  /** @deprecated Will be made private in v5.0 */
+  this.$inputs = $inputs;
 }
 
 /**
@@ -31,11 +43,16 @@ function Checkboxes ($module) {
  * the reveal in sync with the checkbox state.
  */
 Checkboxes.prototype.init = function () {
-  var $module = this.$module
-  var $inputs = this.$inputs
+  // Check that required elements are present
+  if (!this.$module || !this.$inputs) {
+    return
+  }
+
+  var $module = this.$module;
+  var $inputs = this.$inputs;
 
   nodeListForEach($inputs, function ($input) {
-    var targetId = $input.getAttribute('data-aria-controls')
+    var targetId = $input.getAttribute('data-aria-controls');
 
     // Skip checkboxes without data-aria-controls attributes, or where the
     // target element does not exist.
@@ -45,35 +62,36 @@ Checkboxes.prototype.init = function () {
 
     // Promote the data-aria-controls attribute to a aria-controls attribute
     // so that the relationship is exposed in the AOM
-    $input.setAttribute('aria-controls', targetId)
-    $input.removeAttribute('data-aria-controls')
-  })
+    $input.setAttribute('aria-controls', targetId);
+    $input.removeAttribute('data-aria-controls');
+  });
 
   // When the page is restored after navigating 'back' in some browsers the
   // state of form controls is not restored until *after* the DOMContentLoaded
   // event is fired, so we need to sync after the pageshow event in browsers
   // that support it.
-  if ('onpageshow' in window) {
-    window.addEventListener('pageshow', this.syncAllConditionalReveals.bind(this))
-  } else {
-    window.addEventListener('DOMContentLoaded', this.syncAllConditionalReveals.bind(this))
-  }
+  window.addEventListener(
+    'onpageshow' in window ? 'pageshow' : 'DOMContentLoaded',
+    this.syncAllConditionalReveals.bind(this)
+  );
 
   // Although we've set up handlers to sync state on the pageshow or
   // DOMContentLoaded event, init could be called after those events have fired,
   // for example if they are added to the page dynamically, so sync now too.
-  this.syncAllConditionalReveals()
+  this.syncAllConditionalReveals();
 
   // Handle events
-  $module.addEventListener('click', this.handleClick.bind(this))
-}
+  $module.addEventListener('click', this.handleClick.bind(this));
+};
 
 /**
  * Sync the conditional reveal states for all checkboxes in this $module.
+ *
+ * @deprecated Will be made private in v5.0
  */
 Checkboxes.prototype.syncAllConditionalReveals = function () {
-  nodeListForEach(this.$inputs, this.syncConditionalRevealWithInputState.bind(this))
-}
+  nodeListForEach(this.$inputs, this.syncConditionalRevealWithInputState.bind(this));
+};
 
 /**
  * Sync conditional reveal with the input state
@@ -81,18 +99,23 @@ Checkboxes.prototype.syncAllConditionalReveals = function () {
  * Synchronise the visibility of the conditional reveal, and its accessible
  * state, with the input's checked state.
  *
+ * @deprecated Will be made private in v5.0
  * @param {HTMLInputElement} $input - Checkbox input
  */
 Checkboxes.prototype.syncConditionalRevealWithInputState = function ($input) {
-  var $target = document.getElementById($input.getAttribute('aria-controls'))
+  var targetId = $input.getAttribute('aria-controls');
+  if (!targetId) {
+    return
+  }
 
+  var $target = document.getElementById(targetId);
   if ($target && $target.classList.contains('govuk-checkboxes__conditional')) {
-    var inputIsChecked = $input.checked
+    var inputIsChecked = $input.checked;
 
-    $input.setAttribute('aria-expanded', inputIsChecked)
-    $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked)
+    $input.setAttribute('aria-expanded', inputIsChecked.toString());
+    $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked);
   }
-}
+};
 
 /**
  * Uncheck other checkboxes
@@ -100,19 +123,26 @@ Checkboxes.prototype.syncConditionalRevealWithInputState = function ($input) {
  * Find any other checkbox inputs with the same name value, and uncheck them.
  * This is useful for when a “None of these" checkbox is checked.
  *
- * @param {HTMLElement} $input - Checkbox input
+ * @deprecated Will be made private in v5.0
+ * @param {HTMLInputElement} $input - Checkbox input
  */
 Checkboxes.prototype.unCheckAllInputsExcept = function ($input) {
-  var allInputsWithSameName = document.querySelectorAll('input[type="checkbox"][name="' + $input.name + '"]')
+  var $component = this;
+
+  /** @type {NodeListOf<HTMLInputElement>} */
+  // @ts-expect-error `NodeListOf<HTMLInputElement>` type expected
+  var allInputsWithSameName = document.querySelectorAll(
+    'input[type="checkbox"][name="' + $input.name + '"]'
+  );
 
   nodeListForEach(allInputsWithSameName, function ($inputWithSameName) {
-    var hasSameFormOwner = ($input.form === $inputWithSameName.form)
+    var hasSameFormOwner = ($input.form === $inputWithSameName.form);
     if (hasSameFormOwner && $inputWithSameName !== $input) {
-      $inputWithSameName.checked = false
-      this.syncConditionalRevealWithInputState($inputWithSameName)
+      $inputWithSameName.checked = false;
+      $component.syncConditionalRevealWithInputState($inputWithSameName);
     }
-  }.bind(this))
-}
+  });
+};
 
 /**
  * Uncheck exclusive checkboxes
@@ -121,21 +151,26 @@ Checkboxes.prototype.unCheckAllInputsExcept = function ($input) {
  * and uncheck them. This helps prevent someone checking both a regular checkbox and a
  * "None of these" checkbox in the same fieldset.
  *
+ * @deprecated Will be made private in v5.0
  * @param {HTMLInputElement} $input - Checkbox input
  */
 Checkboxes.prototype.unCheckExclusiveInputs = function ($input) {
+  var $component = this;
+
+  /** @type {NodeListOf<HTMLInputElement>} */
+  // @ts-expect-error `NodeListOf<HTMLInputElement>` type expected
   var allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(
     'input[data-behaviour="exclusive"][type="checkbox"][name="' + $input.name + '"]'
-  )
+  );
 
   nodeListForEach(allInputsWithSameNameAndExclusiveBehaviour, function ($exclusiveInput) {
-    var hasSameFormOwner = ($input.form === $exclusiveInput.form)
+    var hasSameFormOwner = ($input.form === $exclusiveInput.form);
     if (hasSameFormOwner) {
-      $exclusiveInput.checked = false
-      this.syncConditionalRevealWithInputState($exclusiveInput)
+      $exclusiveInput.checked = false;
+      $component.syncConditionalRevealWithInputState($exclusiveInput);
     }
-  }.bind(this))
-}
+  });
+};
 
 /**
  * Click event handler
@@ -143,20 +178,21 @@ Checkboxes.prototype.unCheckExclusiveInputs = function ($input) {
  * Handle a click within the $module – if the click occurred on a checkbox, sync
  * the state of any associated conditional reveal with the checkbox state.
  *
+ * @deprecated Will be made private in v5.0
  * @param {MouseEvent} event - Click event
  */
 Checkboxes.prototype.handleClick = function (event) {
-  var $clickedInput = event.target
+  var $clickedInput = event.target;
 
   // Ignore clicks on things that aren't checkbox inputs
-  if ($clickedInput.type !== 'checkbox') {
+  if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {
     return
   }
 
   // If the checkbox conditionally-reveals some content, sync the state
-  var hasAriaControls = $clickedInput.getAttribute('aria-controls')
+  var hasAriaControls = $clickedInput.getAttribute('aria-controls');
   if (hasAriaControls) {
-    this.syncConditionalRevealWithInputState($clickedInput)
+    this.syncConditionalRevealWithInputState($clickedInput);
   }
 
   // No further behaviour needed for unchecking
@@ -165,12 +201,13 @@ Checkboxes.prototype.handleClick = function (event) {
   }
 
   // Handle 'exclusive' checkbox behaviour (ie "None of these")
-  var hasBehaviourExclusive = ($clickedInput.getAttribute('data-behaviour') === 'exclusive')
+  var hasBehaviourExclusive = ($clickedInput.getAttribute('data-behaviour') === 'exclusive');
   if (hasBehaviourExclusive) {
-    this.unCheckAllInputsExcept($clickedInput)
+    this.unCheckAllInputsExcept($clickedInput);
   } else {
-    this.unCheckExclusiveInputs($clickedInput)
+    this.unCheckExclusiveInputs($clickedInput);
   }
-}
+};
 
-export default Checkboxes
+export default Checkboxes;
+//# sourceMappingURL=components/checkboxes/checkboxes.mjs.map

data/node_modules/govuk-frontend/govuk-esm/components/checkboxes/checkboxes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkboxes.mjs","sources":["../../../../src/govuk/components/checkboxes/checkboxes.mjs"],"sourcesContent":["/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */\n\nimport { nodeListForEach } from '../../common/index.mjs'\nimport '../../vendor/polyfills/Element/prototype/classList.mjs'\nimport '../../vendor/polyfills/Event.mjs' // addEventListener, event.target normalization and DOMContentLoaded\nimport '../../vendor/polyfills/Function/prototype/bind.mjs'\n\n/**\n * Checkboxes component\n *\n * @class\n * @param {Element} $module - HTML element to use for checkboxes\n */\nfunction Checkboxes ($module) {\n  if (!($module instanceof HTMLElement)) {\n    return this\n  }\n\n  var $inputs = $module.querySelectorAll('input[type=\"checkbox\"]')\n  if (!$inputs.length) {\n    return this\n  }\n\n  /** @deprecated Will be made private in v5.0 */\n  this.$module = $module\n\n  /** @deprecated Will be made private in v5.0 */\n  this.$inputs = $inputs\n}\n\n/**\n * Initialise component\n *\n * Checkboxes can be associated with a 'conditionally revealed' content block –\n * for example, a checkbox for 'Phone' could reveal an additional form field for\n * the user to enter their phone number.\n *\n * These associations are made using a `data-aria-controls` attribute, which is\n * promoted to an aria-controls attribute during initialisation.\n *\n * We also need to restore the state of any conditional reveals on the page (for\n * example if the user has navigated back), and set up event handlers to keep\n * the reveal in sync with the checkbox state.\n */\nCheckboxes.prototype.init = function () {\n  // Check that required elements are present\n  if (!this.$module || !this.$inputs) {\n    return\n  }\n\n  var $module = this.$module\n  var $inputs = this.$inputs\n\n  nodeListForEach($inputs, function ($input) {\n    var targetId = $input.getAttribute('data-aria-controls')\n\n    // Skip checkboxes without data-aria-controls attributes, or where the\n    // target element does not exist.\n    if (!targetId || !document.getElementById(targetId)) {\n      return\n    }\n\n    // Promote the data-aria-controls attribute to a aria-controls attribute\n    // so that the relationship is exposed in the AOM\n    $input.setAttribute('aria-controls', targetId)\n    $input.removeAttribute('data-aria-controls')\n  })\n\n  // When the page is restored after navigating 'back' in some browsers the\n  // state of form controls is not restored until *after* the DOMContentLoaded\n  // event is fired, so we need to sync after the pageshow event in browsers\n  // that support it.\n  window.addEventListener(\n    'onpageshow' in window ? 'pageshow' : 'DOMContentLoaded',\n    this.syncAllConditionalReveals.bind(this)\n  )\n\n  // Although we've set up handlers to sync state on the pageshow or\n  // DOMContentLoaded event, init could be called after those events have fired,\n  // for example if they are added to the page dynamically, so sync now too.\n  this.syncAllConditionalReveals()\n\n  // Handle events\n  $module.addEventListener('click', this.handleClick.bind(this))\n}\n\n/**\n * Sync the conditional reveal states for all checkboxes in this $module.\n *\n * @deprecated Will be made private in v5.0\n */\nCheckboxes.prototype.syncAllConditionalReveals = function () {\n  nodeListForEach(this.$inputs, this.syncConditionalRevealWithInputState.bind(this))\n}\n\n/**\n * Sync conditional reveal with the input state\n *\n * Synchronise the visibility of the conditional reveal, and its accessible\n * state, with the input's checked state.\n *\n * @deprecated Will be made private in v5.0\n * @param {HTMLInputElement} $input - Checkbox input\n */\nCheckboxes.prototype.syncConditionalRevealWithInputState = function ($input) {\n  var targetId = $input.getAttribute('aria-controls')\n  if (!targetId) {\n    return\n  }\n\n  var $target = document.getElementById(targetId)\n  if ($target && $target.classList.contains('govuk-checkboxes__conditional')) {\n    var inputIsChecked = $input.checked\n\n    $input.setAttribute('aria-expanded', inputIsChecked.toString())\n    $target.classList.toggle('govuk-checkboxes__conditional--hidden', !inputIsChecked)\n  }\n}\n\n/**\n * Uncheck other checkboxes\n *\n * Find any other checkbox inputs with the same name value, and uncheck them.\n * This is useful for when a “None of these\" checkbox is checked.\n *\n * @deprecated Will be made private in v5.0\n * @param {HTMLInputElement} $input - Checkbox input\n */\nCheckboxes.prototype.unCheckAllInputsExcept = function ($input) {\n  var $component = this\n\n  /** @type {NodeListOf<HTMLInputElement>} */\n  // @ts-expect-error `NodeListOf<HTMLInputElement>` type expected\n  var allInputsWithSameName = document.querySelectorAll(\n    'input[type=\"checkbox\"][name=\"' + $input.name + '\"]'\n  )\n\n  nodeListForEach(allInputsWithSameName, function ($inputWithSameName) {\n    var hasSameFormOwner = ($input.form === $inputWithSameName.form)\n    if (hasSameFormOwner && $inputWithSameName !== $input) {\n      $inputWithSameName.checked = false\n      $component.syncConditionalRevealWithInputState($inputWithSameName)\n    }\n  })\n}\n\n/**\n * Uncheck exclusive checkboxes\n *\n * Find any checkbox inputs with the same name value and the 'exclusive' behaviour,\n * and uncheck them. This helps prevent someone checking both a regular checkbox and a\n * \"None of these\" checkbox in the same fieldset.\n *\n * @deprecated Will be made private in v5.0\n * @param {HTMLInputElement} $input - Checkbox input\n */\nCheckboxes.prototype.unCheckExclusiveInputs = function ($input) {\n  var $component = this\n\n  /** @type {NodeListOf<HTMLInputElement>} */\n  // @ts-expect-error `NodeListOf<HTMLInputElement>` type expected\n  var allInputsWithSameNameAndExclusiveBehaviour = document.querySelectorAll(\n    'input[data-behaviour=\"exclusive\"][type=\"checkbox\"][name=\"' + $input.name + '\"]'\n  )\n\n  nodeListForEach(allInputsWithSameNameAndExclusiveBehaviour, function ($exclusiveInput) {\n    var hasSameFormOwner = ($input.form === $exclusiveInput.form)\n    if (hasSameFormOwner) {\n      $exclusiveInput.checked = false\n      $component.syncConditionalRevealWithInputState($exclusiveInput)\n    }\n  })\n}\n\n/**\n * Click event handler\n *\n * Handle a click within the $module – if the click occurred on a checkbox, sync\n * the state of any associated conditional reveal with the checkbox state.\n *\n * @deprecated Will be made private in v5.0\n * @param {MouseEvent} event - Click event\n */\nCheckboxes.prototype.handleClick = function (event) {\n  var $clickedInput = event.target\n\n  // Ignore clicks on things that aren't checkbox inputs\n  if (!($clickedInput instanceof HTMLInputElement) || $clickedInput.type !== 'checkbox') {\n    return\n  }\n\n  // If the checkbox conditionally-reveals some content, sync the state\n  var hasAriaControls = $clickedInput.getAttribute('aria-controls')\n  if (hasAriaControls) {\n    this.syncConditionalRevealWithInputState($clickedInput)\n  }\n\n  // No further behaviour needed for unchecking\n  if (!$clickedInput.checked) {\n    return\n  }\n\n  // Handle 'exclusive' checkbox behaviour (ie \"None of these\")\n  var hasBehaviourExclusive = ($clickedInput.getAttribute('data-behaviour') === 'exclusive')\n  if (hasBehaviourExclusive) {\n    this.unCheckAllInputsExcept($clickedInput)\n  } else {\n    this.unCheckExclusiveInputs($clickedInput)\n  }\n}\n\nexport default Checkboxes\n"],"names":[],"mappings":"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"}

data/node_modules/govuk-frontend/govuk-esm/components/details/details.mjs

@@ -1,55 +1,62 @@
-/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */
+import { generateUniqueID } from '../../common/index.mjs';
+import '../../vendor/polyfills/Event.mjs';
+import '../../vendor/polyfills/Function/prototype/bind.mjs';
 
-/**
- * JavaScript 'polyfill' for HTML5's <details> and <summary> elements
- * and 'shim' to add accessiblity enhancements for all browsers
- *
- * http://caniuse.com/#feat=details
- */
-import { generateUniqueID } from '../../common/index.mjs'
-import '../../vendor/polyfills/Event.mjs' // addEventListener, event.target normalization and DOMContentLoaded
-import '../../vendor/polyfills/Function/prototype/bind.mjs'
+/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */
 
-var KEY_ENTER = 13
-var KEY_SPACE = 32
+var KEY_ENTER = 13;
+var KEY_SPACE = 32;
 
 /**
  * Details component
  *
  * @class
- * @param {HTMLElement} $module - HTML element to use for details
+ * @param {Element} $module - HTML element to use for details
  */
 function Details ($module) {
-  this.$module = $module
+  if (!($module instanceof HTMLElement)) {
+    return this
+  }
+
+  /** @deprecated Will be made private in v5.0 */
+  this.$module = $module;
+
+  /** @deprecated Will be made private in v5.0 */
+  this.$summary = null;
+
+  /** @deprecated Will be made private in v5.0 */
+  this.$content = null;
 }
 
 /**
  * Initialise component
  */
 Details.prototype.init = function () {
+  // Check that required elements are present
   if (!this.$module) {
     return
   }
 
   // If there is native details support, we want to avoid running code to polyfill native behaviour.
-  var hasNativeDetails = typeof this.$module.open === 'boolean'
+  var hasNativeDetails = 'HTMLDetailsElement' in window &&
+    this.$module instanceof HTMLDetailsElement;
 
-  if (hasNativeDetails) {
-    return
+  if (!hasNativeDetails) {
+    this.polyfillDetails();
   }
-
-  this.polyfillDetails()
-}
+};
 
 /**
  * Polyfill component in older browsers
+ *
+ * @deprecated Will be made private in v5.0
  */
 Details.prototype.polyfillDetails = function () {
-  var $module = this.$module
+  var $module = this.$module;
 
   // Save shortcuts to the inner summary and content elements
-  var $summary = this.$summary = $module.getElementsByTagName('summary').item(0)
-  var $content = this.$content = $module.getElementsByTagName('div').item(0)
+  var $summary = this.$summary = $module.getElementsByTagName('summary').item(0);
+  var $content = this.$content = $module.getElementsByTagName('div').item(0);
 
   // If <details> doesn't have a <summary> and a <div> representing the content
   // it means the required HTML structure is not met so the script will stop
@@ -60,97 +67,100 @@ Details.prototype.polyfillDetails = function () {
   // If the content doesn't have an ID, assign it one now
   // which we'll need for the summary's aria-controls assignment
   if (!$content.id) {
-    $content.id = 'details-content-' + generateUniqueID()
+    $content.id = 'details-content-' + generateUniqueID();
   }
 
   // Add ARIA role="group" to details
-  $module.setAttribute('role', 'group')
+  $module.setAttribute('role', 'group');
 
   // Add role=button to summary
-  $summary.setAttribute('role', 'button')
+  $summary.setAttribute('role', 'button');
 
   // Add aria-controls
-  $summary.setAttribute('aria-controls', $content.id)
+  $summary.setAttribute('aria-controls', $content.id);
 
   // Set tabIndex so the summary is keyboard accessible for non-native elements
   //
   // We have to use the camelcase `tabIndex` property as there is a bug in IE6/IE7 when we set the correct attribute lowercase:
   // See http://web.archive.org/web/20170120194036/http://www.saliences.com/browserBugs/tabIndex.html for more information.
-  $summary.tabIndex = 0
+  $summary.tabIndex = 0;
 
   // Detect initial open state
   if (this.$module.hasAttribute('open')) {
-    $summary.setAttribute('aria-expanded', 'true')
+    $summary.setAttribute('aria-expanded', 'true');
   } else {
-    $summary.setAttribute('aria-expanded', 'false')
-    $content.style.display = 'none'
+    $summary.setAttribute('aria-expanded', 'false');
+    $content.style.display = 'none';
   }
 
   // Bind an event to handle summary elements
-  this.polyfillHandleInputs(this.polyfillSetAttributes.bind(this))
-}
+  this.polyfillHandleInputs(this.polyfillSetAttributes.bind(this));
+};
 
 /**
  * Define a statechange function that updates aria-expanded and style.display
  *
+ * @deprecated Will be made private in v5.0
  * @returns {boolean} Returns true
  */
 Details.prototype.polyfillSetAttributes = function () {
   if (this.$module.hasAttribute('open')) {
-    this.$module.removeAttribute('open')
-    this.$summary.setAttribute('aria-expanded', 'false')
-    this.$content.style.display = 'none'
+    this.$module.removeAttribute('open');
+    this.$summary.setAttribute('aria-expanded', 'false');
+    this.$content.style.display = 'none';
   } else {
-    this.$module.setAttribute('open', 'open')
-    this.$summary.setAttribute('aria-expanded', 'true')
-    this.$content.style.display = ''
+    this.$module.setAttribute('open', 'open');
+    this.$summary.setAttribute('aria-expanded', 'true');
+    this.$content.style.display = '';
   }
 
   return true
-}
+};
 
 /**
  * Handle cross-modal click events
  *
+ * @deprecated Will be made private in v5.0
  * @param {polyfillHandleInputsCallback} callback - function
  */
 Details.prototype.polyfillHandleInputs = function (callback) {
   this.$summary.addEventListener('keypress', function (event) {
-    var $target = event.target
+    var $target = event.target;
     // When the key gets pressed - check if it is enter or space
     if (event.keyCode === KEY_ENTER || event.keyCode === KEY_SPACE) {
-      if ($target.nodeName.toLowerCase() === 'summary') {
+      if ($target instanceof HTMLElement && $target.nodeName.toLowerCase() === 'summary') {
         // Prevent space from scrolling the page
         // and enter from submitting a form
-        event.preventDefault()
+        event.preventDefault();
         // Click to let the click event do all the necessary action
         if ($target.click) {
-          $target.click()
+          $target.click();
         } else {
           // except Safari 5.1 and under don't support .click() here
-          callback(event)
+          callback(event);
         }
       }
     }
-  })
+  });
 
   // Prevent keyup to prevent clicking twice in Firefox when using space key
   this.$summary.addEventListener('keyup', function (event) {
-    var $target = event.target
+    var $target = event.target;
     if (event.keyCode === KEY_SPACE) {
-      if ($target.nodeName.toLowerCase() === 'summary') {
-        event.preventDefault()
+      if ($target instanceof HTMLElement && $target.nodeName.toLowerCase() === 'summary') {
+        event.preventDefault();
       }
     }
-  })
-
-  this.$summary.addEventListener('click', callback)
-}
+  });
 
-export default Details
+  this.$summary.addEventListener('click', callback);
+};
 
 /**
  * @callback polyfillHandleInputsCallback
  * @param {UIEvent} event - Keyboard or mouse event
  * @returns {void}
  */
+
+export default Details;
+//# sourceMappingURL=components/details/details.mjs.map

data/node_modules/govuk-frontend/govuk-esm/components/details/details.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"details.mjs","sources":["../../../../src/govuk/components/details/details.mjs"],"sourcesContent":["/* eslint-disable es-x/no-function-prototype-bind -- Polyfill imported */\n\n/**\n * JavaScript 'polyfill' for HTML5's <details> and <summary> elements\n * and 'shim' to add accessiblity enhancements for all browsers\n *\n * http://caniuse.com/#feat=details\n */\nimport { generateUniqueID } from '../../common/index.mjs'\nimport '../../vendor/polyfills/Event.mjs' // addEventListener, event.target normalization and DOMContentLoaded\nimport '../../vendor/polyfills/Function/prototype/bind.mjs'\n\nvar KEY_ENTER = 13\nvar KEY_SPACE = 32\n\n/**\n * Details component\n *\n * @class\n * @param {Element} $module - HTML element to use for details\n */\nfunction Details ($module) {\n  if (!($module instanceof HTMLElement)) {\n    return this\n  }\n\n  /** @deprecated Will be made private in v5.0 */\n  this.$module = $module\n\n  /** @deprecated Will be made private in v5.0 */\n  this.$summary = null\n\n  /** @deprecated Will be made private in v5.0 */\n  this.$content = null\n}\n\n/**\n * Initialise component\n */\nDetails.prototype.init = function () {\n  // Check that required elements are present\n  if (!this.$module) {\n    return\n  }\n\n  // If there is native details support, we want to avoid running code to polyfill native behaviour.\n  var hasNativeDetails = 'HTMLDetailsElement' in window &&\n    this.$module instanceof HTMLDetailsElement\n\n  if (!hasNativeDetails) {\n    this.polyfillDetails()\n  }\n}\n\n/**\n * Polyfill component in older browsers\n *\n * @deprecated Will be made private in v5.0\n */\nDetails.prototype.polyfillDetails = function () {\n  var $module = this.$module\n\n  // Save shortcuts to the inner summary and content elements\n  var $summary = this.$summary = $module.getElementsByTagName('summary').item(0)\n  var $content = this.$content = $module.getElementsByTagName('div').item(0)\n\n  // If <details> doesn't have a <summary> and a <div> representing the content\n  // it means the required HTML structure is not met so the script will stop\n  if (!$summary || !$content) {\n    return\n  }\n\n  // If the content doesn't have an ID, assign it one now\n  // which we'll need for the summary's aria-controls assignment\n  if (!$content.id) {\n    $content.id = 'details-content-' + generateUniqueID()\n  }\n\n  // Add ARIA role=\"group\" to details\n  $module.setAttribute('role', 'group')\n\n  // Add role=button to summary\n  $summary.setAttribute('role', 'button')\n\n  // Add aria-controls\n  $summary.setAttribute('aria-controls', $content.id)\n\n  // Set tabIndex so the summary is keyboard accessible for non-native elements\n  //\n  // We have to use the camelcase `tabIndex` property as there is a bug in IE6/IE7 when we set the correct attribute lowercase:\n  // See http://web.archive.org/web/20170120194036/http://www.saliences.com/browserBugs/tabIndex.html for more information.\n  $summary.tabIndex = 0\n\n  // Detect initial open state\n  if (this.$module.hasAttribute('open')) {\n    $summary.setAttribute('aria-expanded', 'true')\n  } else {\n    $summary.setAttribute('aria-expanded', 'false')\n    $content.style.display = 'none'\n  }\n\n  // Bind an event to handle summary elements\n  this.polyfillHandleInputs(this.polyfillSetAttributes.bind(this))\n}\n\n/**\n * Define a statechange function that updates aria-expanded and style.display\n *\n * @deprecated Will be made private in v5.0\n * @returns {boolean} Returns true\n */\nDetails.prototype.polyfillSetAttributes = function () {\n  if (this.$module.hasAttribute('open')) {\n    this.$module.removeAttribute('open')\n    this.$summary.setAttribute('aria-expanded', 'false')\n    this.$content.style.display = 'none'\n  } else {\n    this.$module.setAttribute('open', 'open')\n    this.$summary.setAttribute('aria-expanded', 'true')\n    this.$content.style.display = ''\n  }\n\n  return true\n}\n\n/**\n * Handle cross-modal click events\n *\n * @deprecated Will be made private in v5.0\n * @param {polyfillHandleInputsCallback} callback - function\n */\nDetails.prototype.polyfillHandleInputs = function (callback) {\n  this.$summary.addEventListener('keypress', function (event) {\n    var $target = event.target\n    // When the key gets pressed - check if it is enter or space\n    if (event.keyCode === KEY_ENTER || event.keyCode === KEY_SPACE) {\n      if ($target instanceof HTMLElement && $target.nodeName.toLowerCase() === 'summary') {\n        // Prevent space from scrolling the page\n        // and enter from submitting a form\n        event.preventDefault()\n        // Click to let the click event do all the necessary action\n        if ($target.click) {\n          $target.click()\n        } else {\n          // except Safari 5.1 and under don't support .click() here\n          callback(event)\n        }\n      }\n    }\n  })\n\n  // Prevent keyup to prevent clicking twice in Firefox when using space key\n  this.$summary.addEventListener('keyup', function (event) {\n    var $target = event.target\n    if (event.keyCode === KEY_SPACE) {\n      if ($target instanceof HTMLElement && $target.nodeName.toLowerCase() === 'summary') {\n        event.preventDefault()\n      }\n    }\n  })\n\n  this.$summary.addEventListener('click', callback)\n}\n\nexport default Details\n\n/**\n * @callback polyfillHandleInputsCallback\n * @param {UIEvent} event - Keyboard or mouse event\n * @returns {void}\n */\n"],"names":[],"mappings":"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"}