govuk_tech_docs 6.5.2.1 → 6.6.0.rc.0

data/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.mjs

@@ -28,6 +28,9 @@ function isArray(option) {
 function isObject(option) {
   return !!option && typeof option === 'object' && !isArray(option);
 }
+function isScope($scope) {
+  return !!$scope && ($scope instanceof Element || $scope instanceof Document);
+}
 function formatErrorMessage(Component, message) {
   return `${Component.moduleName}: ${message}`;
 }
@@ -46,11 +49,14 @@ class SupportError extends GOVUKFrontendError {
   /**
    * Checks if GOV.UK Frontend is supported on this page
    *
-   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   * @param {Element | Document | null | string} [scopeOrMessage] - HTML element `<body>` checked for browser support or support error message
    */
-  constructor($scope = document.body) {
-    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
-    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+  constructor(scopeOrMessage = document.body) {
+    let supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    if (!isScope(scopeOrMessage)) {
+      supportMessage = 'GOV.UK Frontend initialised without `<script type="module">`';
+    }
+    super(typeof scopeOrMessage === 'string' ? scopeOrMessage : supportMessage);
     this.name = 'SupportError';
   }
 }
@@ -91,6 +97,7 @@ class InitError extends GOVUKFrontendError {
  * @import { ComponentWithModuleName } from '../common/index.mjs'
  */
 
+const _self = typeof globalThis !== 'undefined' ? globalThis : self;
 class Component {
   /**
    * Returns the root element of the component
@@ -144,7 +151,7 @@ class Component {
 /**
  * @typedef {typeof Component & ChildClass} ChildClassConstructor
  */
-Component.elementType = HTMLElement;
+Component.elementType = _self.HTMLElement;
 
 const configOverride = Symbol.for('configOverride');
 class ConfigurableComponent extends Component {
@@ -169,10 +176,14 @@ class ConfigurableComponent extends Component {
       throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
     }
     const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
-    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {});
+    this._config = mergeConfigs(this._config, this[configOverride](datasetConfig), datasetConfig);
   }
 }
 function normaliseString(value, property) {
+  if (property != null && property.type && !['string', 'number', 'boolean'].includes(property.type)) {
+    return;
+  }
   const trimmedValue = value ? value.trim() : '';
   let output;
   let outputType = property == null ? void 0 : property.type;
@@ -292,6 +303,17 @@ function extractConfigByNamespace(schema, dataset, namespace) {
  * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
  */
 
+function createElement(tagName, attributes = {}, children = []) {
+  const $element = document.createElement(tagName);
+  Object.entries(attributes).forEach(([name, value]) => {
+    $element.setAttribute(name, value);
+  });
+  for (const child of children) {
+    $element.append(child);
+  }
+  return $element;
+}
+
 class I18n {
   constructor(translations = {}, config = {}) {
     var _config$locale;
@@ -412,46 +434,48 @@ class FileUpload extends ConfigurableComponent {
     this.$input.addEventListener('change', this.onChange.bind(this));
     this.updateDisabledState();
     this.observeDisabledState();
-    this.$announcements = document.createElement('span');
-    this.$announcements.classList.add('govuk-file-upload-announcements');
-    this.$announcements.classList.add('govuk-visually-hidden');
-    this.$announcements.setAttribute('aria-live', 'assertive');
+    this.$announcements = createElement('span', {
+      class: 'govuk-file-upload-announcements govuk-visually-hidden',
+      'aria-live': 'assertive'
+    });
     this.$root.insertAdjacentElement('afterend', this.$announcements);
     this.bindDraggingEvents();
   }
   createStatus() {
-    const $status = document.createElement('span');
-    $status.className = 'govuk-body govuk-file-upload-button__status';
-    $status.setAttribute('aria-live', 'polite');
+    const $status = createElement('span', {
+      class: 'govuk-body govuk-file-upload-button__status',
+      'aria-live': 'polite'
+    });
     $status.innerText = this.i18n.t('noFileChosen');
     return $status;
   }
   createButton() {
-    const $button = document.createElement('button');
-    $button.classList.add('govuk-file-upload-button');
-    $button.type = 'button';
-    $button.id = this.id;
-    $button.classList.add('govuk-file-upload-button--empty');
+    const $button = createElement('button', {
+      class: 'govuk-file-upload-button govuk-file-upload-button--empty',
+      type: 'button',
+      id: this.id
+    });
     const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
     if (ariaDescribedBy) {
       $button.setAttribute('aria-describedby', ariaDescribedBy);
     }
     $button.appendChild(this.$status);
-    const commaSpan = document.createElement('span');
-    commaSpan.className = 'govuk-visually-hidden';
-    commaSpan.innerText = ', ';
-    commaSpan.id = `${this.id}-comma`;
+    const commaSpan = createElement('span', {
+      class: 'govuk-visually-hidden',
+      id: `${this.id}-comma`
+    }, [', ']);
     $button.appendChild(commaSpan);
-    const containerSpan = document.createElement('span');
-    containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
-    const buttonSpan = document.createElement('span');
-    buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
-    buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+    const containerSpan = createElement('span', {
+      class: 'govuk-file-upload-button__pseudo-button-container'
+    });
+    const buttonSpan = createElement('span', {
+      class: 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'
+    }, [this.i18n.t('chooseFilesButton')]);
     containerSpan.appendChild(buttonSpan);
     containerSpan.insertAdjacentText('beforeend', ' ');
-    const instructionSpan = document.createElement('span');
-    instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
-    instructionSpan.innerText = this.i18n.t('dropInstruction');
+    const instructionSpan = createElement('span', {
+      class: 'govuk-body govuk-file-upload-button__instruction'
+    }, [this.i18n.t('dropInstruction')]);
     containerSpan.appendChild(instructionSpan);
     $button.appendChild(containerSpan);
     $button.setAttribute('aria-labelledby', `${this.$label.id} ${commaSpan.id} ${$button.id}`);

data/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.mjs

@@ -1,5 +1,6 @@
 import { closestAttributeValue } from '../../common/closest-attribute-value.mjs';
 import { ConfigurableComponent } from '../../common/configuration.mjs';
+import { createElement } from '../../common/create-element.mjs';
 import { ElementError } from '../../errors/index.mjs';
 import { I18n } from '../../i18n.mjs';
 
@@ -55,46 +56,48 @@ class FileUpload extends ConfigurableComponent {
     this.$input.addEventListener('change', this.onChange.bind(this));
     this.updateDisabledState();
     this.observeDisabledState();
-    this.$announcements = document.createElement('span');
-    this.$announcements.classList.add('govuk-file-upload-announcements');
-    this.$announcements.classList.add('govuk-visually-hidden');
-    this.$announcements.setAttribute('aria-live', 'assertive');
+    this.$announcements = createElement('span', {
+      class: 'govuk-file-upload-announcements govuk-visually-hidden',
+      'aria-live': 'assertive'
+    });
     this.$root.insertAdjacentElement('afterend', this.$announcements);
     this.bindDraggingEvents();
   }
   createStatus() {
-    const $status = document.createElement('span');
-    $status.className = 'govuk-body govuk-file-upload-button__status';
-    $status.setAttribute('aria-live', 'polite');
+    const $status = createElement('span', {
+      class: 'govuk-body govuk-file-upload-button__status',
+      'aria-live': 'polite'
+    });
     $status.innerText = this.i18n.t('noFileChosen');
     return $status;
   }
   createButton() {
-    const $button = document.createElement('button');
-    $button.classList.add('govuk-file-upload-button');
-    $button.type = 'button';
-    $button.id = this.id;
-    $button.classList.add('govuk-file-upload-button--empty');
+    const $button = createElement('button', {
+      class: 'govuk-file-upload-button govuk-file-upload-button--empty',
+      type: 'button',
+      id: this.id
+    });
     const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
     if (ariaDescribedBy) {
       $button.setAttribute('aria-describedby', ariaDescribedBy);
     }
     $button.appendChild(this.$status);
-    const commaSpan = document.createElement('span');
-    commaSpan.className = 'govuk-visually-hidden';
-    commaSpan.innerText = ', ';
-    commaSpan.id = `${this.id}-comma`;
+    const commaSpan = createElement('span', {
+      class: 'govuk-visually-hidden',
+      id: `${this.id}-comma`
+    }, [', ']);
     $button.appendChild(commaSpan);
-    const containerSpan = document.createElement('span');
-    containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
-    const buttonSpan = document.createElement('span');
-    buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
-    buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+    const containerSpan = createElement('span', {
+      class: 'govuk-file-upload-button__pseudo-button-container'
+    });
+    const buttonSpan = createElement('span', {
+      class: 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'
+    }, [this.i18n.t('chooseFilesButton')]);
     containerSpan.appendChild(buttonSpan);
     containerSpan.insertAdjacentText('beforeend', ' ');
-    const instructionSpan = document.createElement('span');
-    instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
-    instructionSpan.innerText = this.i18n.t('dropInstruction');
+    const instructionSpan = createElement('span', {
+      class: 'govuk-body govuk-file-upload-button__instruction'
+    }, [this.i18n.t('dropInstruction')]);
     containerSpan.appendChild(instructionSpan);
     $button.appendChild(containerSpan);
     $button.setAttribute('aria-labelledby', `${this.$label.id} ${commaSpan.id} ${$button.id}`);

data/node_modules/govuk-frontend/dist/govuk/components/footer/_mixin.scss

@@ -19,6 +19,12 @@
     border-top-color: base.govuk-functional-colour(brand);
     color: $govuk-footer-text;
     background: base.govuk-functional-colour(template-background);
+
+    @media print {
+      border-top-color: currentcolor;
+      color: base.govuk-functional-colour(text);
+      background-color: transparent;
+    }
   }
 
   .govuk-footer__crown {

data/node_modules/govuk-frontend/dist/govuk/components/language-navigation/_index.import.scss

@@ -0,0 +1,8 @@
+@use "mixin";
+
+@import "../../base";
+
+@include govuk-exports("govuk/component/language-navigation") {
+  @include mixin.styles;
+}
+

data/node_modules/govuk-frontend/dist/govuk/components/language-navigation/_index.scss

@@ -0,0 +1,6 @@
+@use "../../custom-properties";
+
+@use "mixin";
+
+@include mixin.styles;
+

data/node_modules/govuk-frontend/dist/govuk/components/language-navigation/_language-navigation.import.scss

@@ -0,0 +1,6 @@
+@use "../../settings/warnings--internal";
+
+@include warnings--internal.component-scss-file-warning("language-navigation");
+
+@import "index";
+

data/node_modules/govuk-frontend/dist/govuk/components/language-navigation/_mixin.scss

@@ -0,0 +1,68 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-language-navigation {
+    @include base.govuk-font($size: 19);
+
+    @include base.govuk-responsive-margin(6, "bottom");
+    color: base.govuk-functional-colour(text);
+  }
+
+  .govuk-language-navigation__list {
+    display: inline-flex;
+    flex-wrap: wrap;
+    row-gap: base.govuk-spacing(2);
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .govuk-language-navigation__list-item {
+    display: flex;
+    align-items: center;
+
+    &:not(:last-child) {
+      &::after {
+        content: "";
+        display: block;
+        height: 1em;
+        margin-right: base.govuk-spacing(2);
+        margin-left: base.govuk-spacing(2);
+        border-right: 1px solid;
+        border-right-color: base.govuk-functional-colour(border);
+      }
+    }
+  }
+
+  .govuk-language-navigation__link {
+    @include base.govuk-link-common;
+    @include base.govuk-link-style-default;
+  }
+
+  .govuk-language-navigation--inverse {
+    color: base.govuk-functional-colour(inverse-text);
+
+    .govuk-language-navigation__link {
+      @include base.govuk-link-style-inverse;
+    }
+
+    .govuk-language-navigation__list-item::after {
+      border-right-color: currentcolor;
+    }
+  }
+
+  // Ensure the Language navigation has enough
+  // spacing with the rest of the Service Navigation
+  .govuk-service-navigation .govuk-language-navigation {
+    // Slightly smaller margin because the Service Navigation's menu toggle
+    // has a little margin underneath it already.
+    margin-top: base.govuk-spacing(1);
+    margin-bottom: base.govuk-spacing(3);
+
+    @media #{base.govuk-from-breakpoint(tablet)} {
+      margin-top: base.govuk-spacing(3);
+    }
+  }
+}
+

data/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.js

@@ -53,6 +53,9 @@
   function isObject(option) {
     return !!option && typeof option === 'object' && !isArray(option);
   }
+  function isScope($scope) {
+    return !!$scope && ($scope instanceof Element || $scope instanceof Document);
+  }
   function formatErrorMessage(Component, message) {
     return `${Component.moduleName}: ${message}`;
   }
@@ -71,11 +74,14 @@
     /**
      * Checks if GOV.UK Frontend is supported on this page
      *
-     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     * @param {Element | Document | null | string} [scopeOrMessage] - HTML element `<body>` checked for browser support or support error message
      */
-    constructor($scope = document.body) {
-      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
-      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    constructor(scopeOrMessage = document.body) {
+      let supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      if (!isScope(scopeOrMessage)) {
+        supportMessage = 'GOV.UK Frontend initialised without `<script type="module">`';
+      }
+      super(typeof scopeOrMessage === 'string' ? scopeOrMessage : supportMessage);
       this.name = 'SupportError';
     }
   }
@@ -116,6 +122,7 @@
    * @import { ComponentWithModuleName } from '../common/index.mjs'
    */
 
+  const _self = typeof globalThis !== 'undefined' ? globalThis : self;
   class Component {
     /**
      * Returns the root element of the component
@@ -169,7 +176,7 @@
   /**
    * @typedef {typeof Component & ChildClass} ChildClassConstructor
    */
-  Component.elementType = HTMLElement;
+  Component.elementType = _self.HTMLElement;
 
   const configOverride = Symbol.for('configOverride');
   class ConfigurableComponent extends Component {
@@ -194,10 +201,14 @@
         throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
       }
       const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
-      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {});
+      this._config = mergeConfigs(this._config, this[configOverride](datasetConfig), datasetConfig);
     }
   }
   function normaliseString(value, property) {
+    if (property != null && property.type && !['string', 'number', 'boolean'].includes(property.type)) {
+      return;
+    }
     const trimmedValue = value ? value.trim() : '';
     let output;
     let outputType = property == null ? void 0 : property.type;

data/node_modules/govuk-frontend/dist/govuk/components/notification-banner/notification-banner.bundle.mjs

@@ -47,6 +47,9 @@ function isArray(option) {
 function isObject(option) {
   return !!option && typeof option === 'object' && !isArray(option);
 }
+function isScope($scope) {
+  return !!$scope && ($scope instanceof Element || $scope instanceof Document);
+}
 function formatErrorMessage(Component, message) {
   return `${Component.moduleName}: ${message}`;
 }
@@ -65,11 +68,14 @@ class SupportError extends GOVUKFrontendError {
   /**
    * Checks if GOV.UK Frontend is supported on this page
    *
-   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   * @param {Element | Document | null | string} [scopeOrMessage] - HTML element `<body>` checked for browser support or support error message
    */
-  constructor($scope = document.body) {
-    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
-    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+  constructor(scopeOrMessage = document.body) {
+    let supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    if (!isScope(scopeOrMessage)) {
+      supportMessage = 'GOV.UK Frontend initialised without `<script type="module">`';
+    }
+    super(typeof scopeOrMessage === 'string' ? scopeOrMessage : supportMessage);
     this.name = 'SupportError';
   }
 }
@@ -110,6 +116,7 @@ class InitError extends GOVUKFrontendError {
  * @import { ComponentWithModuleName } from '../common/index.mjs'
  */
 
+const _self = typeof globalThis !== 'undefined' ? globalThis : self;
 class Component {
   /**
    * Returns the root element of the component
@@ -163,7 +170,7 @@ class Component {
 /**
  * @typedef {typeof Component & ChildClass} ChildClassConstructor
  */
-Component.elementType = HTMLElement;
+Component.elementType = _self.HTMLElement;
 
 const configOverride = Symbol.for('configOverride');
 class ConfigurableComponent extends Component {
@@ -188,10 +195,14 @@ class ConfigurableComponent extends Component {
       throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
     }
     const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
-    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {});
+    this._config = mergeConfigs(this._config, this[configOverride](datasetConfig), datasetConfig);
   }
 }
 function normaliseString(value, property) {
+  if (property != null && property.type && !['string', 'number', 'boolean'].includes(property.type)) {
+    return;
+  }
   const trimmedValue = value ? value.trim() : '';
   let output;
   let outputType = property == null ? void 0 : property.type;

data/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.js

@@ -34,6 +34,9 @@
   function isObject(option) {
     return !!option && typeof option === 'object' && !isArray(option);
   }
+  function isScope($scope) {
+    return !!$scope && ($scope instanceof Element || $scope instanceof Document);
+  }
   function formatErrorMessage(Component, message) {
     return `${Component.moduleName}: ${message}`;
   }
@@ -52,11 +55,14 @@
     /**
      * Checks if GOV.UK Frontend is supported on this page
      *
-     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     * @param {Element | Document | null | string} [scopeOrMessage] - HTML element `<body>` checked for browser support or support error message
      */
-    constructor($scope = document.body) {
-      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
-      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    constructor(scopeOrMessage = document.body) {
+      let supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      if (!isScope(scopeOrMessage)) {
+        supportMessage = 'GOV.UK Frontend initialised without `<script type="module">`';
+      }
+      super(typeof scopeOrMessage === 'string' ? scopeOrMessage : supportMessage);
       this.name = 'SupportError';
     }
   }
@@ -97,6 +103,7 @@
    * @import { ComponentWithModuleName } from '../common/index.mjs'
    */
 
+  const _self = typeof globalThis !== 'undefined' ? globalThis : self;
   class Component {
     /**
      * Returns the root element of the component
@@ -150,7 +157,7 @@
   /**
    * @typedef {typeof Component & ChildClass} ChildClassConstructor
    */
-  Component.elementType = HTMLElement;
+  Component.elementType = _self.HTMLElement;
 
   const configOverride = Symbol.for('configOverride');
   class ConfigurableComponent extends Component {
@@ -175,10 +182,14 @@
         throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
       }
       const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
-      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {});
+      this._config = mergeConfigs(this._config, this[configOverride](datasetConfig), datasetConfig);
     }
   }
   function normaliseString(value, property) {
+    if (property != null && property.type && !['string', 'number', 'boolean'].includes(property.type)) {
+      return;
+    }
     const trimmedValue = value ? value.trim() : '';
     let output;
     let outputType = property == null ? void 0 : property.type;
@@ -298,6 +309,17 @@
    * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
    */
 
+  function createElement(tagName, attributes = {}, children = []) {
+    const $element = document.createElement(tagName);
+    Object.entries(attributes).forEach(([name, value]) => {
+      $element.setAttribute(name, value);
+    });
+    for (const child of children) {
+      $element.append(child);
+    }
+    return $element;
+  }
+
   class I18n {
     constructor(translations = {}, config = {}) {
       var _config$locale;
@@ -413,9 +435,10 @@
         locale: closestAttributeValue(this.$root, 'lang')
       });
       this.$showHideButton.removeAttribute('hidden');
-      const $screenReaderStatusMessage = document.createElement('div');
-      $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
-      $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+      const $screenReaderStatusMessage = createElement('div', {
+        class: 'govuk-password-input__sr-status govuk-visually-hidden',
+        'aria-live': 'polite'
+      });
       this.$screenReaderStatusMessage = $screenReaderStatusMessage;
       this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
       this.$showHideButton.addEventListener('click', this.toggle.bind(this));

data/node_modules/govuk-frontend/dist/govuk/components/password-input/password-input.bundle.mjs

@@ -28,6 +28,9 @@ function isArray(option) {
 function isObject(option) {
   return !!option && typeof option === 'object' && !isArray(option);
 }
+function isScope($scope) {
+  return !!$scope && ($scope instanceof Element || $scope instanceof Document);
+}
 function formatErrorMessage(Component, message) {
   return `${Component.moduleName}: ${message}`;
 }
@@ -46,11 +49,14 @@ class SupportError extends GOVUKFrontendError {
   /**
    * Checks if GOV.UK Frontend is supported on this page
    *
-   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   * @param {Element | Document | null | string} [scopeOrMessage] - HTML element `<body>` checked for browser support or support error message
    */
-  constructor($scope = document.body) {
-    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
-    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+  constructor(scopeOrMessage = document.body) {
+    let supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    if (!isScope(scopeOrMessage)) {
+      supportMessage = 'GOV.UK Frontend initialised without `<script type="module">`';
+    }
+    super(typeof scopeOrMessage === 'string' ? scopeOrMessage : supportMessage);
     this.name = 'SupportError';
   }
 }
@@ -91,6 +97,7 @@ class InitError extends GOVUKFrontendError {
  * @import { ComponentWithModuleName } from '../common/index.mjs'
  */
 
+const _self = typeof globalThis !== 'undefined' ? globalThis : self;
 class Component {
   /**
    * Returns the root element of the component
@@ -144,7 +151,7 @@ class Component {
 /**
  * @typedef {typeof Component & ChildClass} ChildClassConstructor
  */
-Component.elementType = HTMLElement;
+Component.elementType = _self.HTMLElement;
 
 const configOverride = Symbol.for('configOverride');
 class ConfigurableComponent extends Component {
@@ -169,10 +176,14 @@ class ConfigurableComponent extends Component {
       throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
     }
     const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
-    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {});
+    this._config = mergeConfigs(this._config, this[configOverride](datasetConfig), datasetConfig);
   }
 }
 function normaliseString(value, property) {
+  if (property != null && property.type && !['string', 'number', 'boolean'].includes(property.type)) {
+    return;
+  }
   const trimmedValue = value ? value.trim() : '';
   let output;
   let outputType = property == null ? void 0 : property.type;
@@ -292,6 +303,17 @@ function extractConfigByNamespace(schema, dataset, namespace) {
  * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
  */
 
+function createElement(tagName, attributes = {}, children = []) {
+  const $element = document.createElement(tagName);
+  Object.entries(attributes).forEach(([name, value]) => {
+    $element.setAttribute(name, value);
+  });
+  for (const child of children) {
+    $element.append(child);
+  }
+  return $element;
+}
+
 class I18n {
   constructor(translations = {}, config = {}) {
     var _config$locale;
@@ -407,9 +429,10 @@ class PasswordInput extends ConfigurableComponent {
       locale: closestAttributeValue(this.$root, 'lang')
     });
     this.$showHideButton.removeAttribute('hidden');
-    const $screenReaderStatusMessage = document.createElement('div');
-    $screenReaderStatusMessage.className = 'govuk-password-input__sr-status govuk-visually-hidden';
-    $screenReaderStatusMessage.setAttribute('aria-live', 'polite');
+    const $screenReaderStatusMessage = createElement('div', {
+      class: 'govuk-password-input__sr-status govuk-visually-hidden',
+      'aria-live': 'polite'
+    });
     this.$screenReaderStatusMessage = $screenReaderStatusMessage;
     this.$input.insertAdjacentElement('afterend', $screenReaderStatusMessage);
     this.$showHideButton.addEventListener('click', this.toggle.bind(this));