npm - @ministryofjustice/frontend - Versions diffs - 5.0.0 → 5.1.0 - Mend

@ministryofjustice/frontend 5.0.0 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (112) hide show

package/moj/all.bundle.js +1549 -1062
package/moj/all.bundle.js.map +1 -1
package/moj/all.bundle.mjs +1845 -1054
package/moj/all.bundle.mjs.map +1 -1
package/moj/all.mjs +7 -90
package/moj/all.mjs.map +1 -1
package/moj/all.scss +1 -0
package/moj/all.scss.map +1 -1
package/moj/common/index.mjs +57 -0
package/moj/common/index.mjs.map +1 -0
package/moj/common/moj-frontend-version.mjs +14 -0
package/moj/common/moj-frontend-version.mjs.map +1 -0
package/moj/components/add-another/add-another.bundle.js +105 -76
package/moj/components/add-another/add-another.bundle.js.map +1 -1
package/moj/components/add-another/add-another.bundle.mjs +222 -71
package/moj/components/add-another/add-another.bundle.mjs.map +1 -1
package/moj/components/add-another/add-another.mjs +103 -72
package/moj/components/add-another/add-another.mjs.map +1 -1
package/moj/components/alert/alert.bundle.js +115 -191
package/moj/components/alert/alert.bundle.js.map +1 -1
package/moj/components/alert/alert.bundle.mjs +354 -186
package/moj/components/alert/alert.bundle.mjs.map +1 -1
package/moj/components/alert/alert.mjs +55 -140
package/moj/components/alert/alert.mjs.map +1 -1
package/moj/components/button-menu/README.md +3 -1
package/moj/components/button-menu/button-menu.bundle.js +91 -120
package/moj/components/button-menu/button-menu.bundle.js.map +1 -1
package/moj/components/button-menu/button-menu.bundle.mjs +329 -114
package/moj/components/button-menu/button-menu.bundle.mjs.map +1 -1
package/moj/components/button-menu/button-menu.mjs +89 -116
package/moj/components/button-menu/button-menu.mjs.map +1 -1
package/moj/components/date-picker/date-picker.bundle.js +174 -154
package/moj/components/date-picker/date-picker.bundle.js.map +1 -1
package/moj/components/date-picker/date-picker.bundle.mjs +411 -147
package/moj/components/date-picker/date-picker.bundle.mjs.map +1 -1
package/moj/components/date-picker/date-picker.mjs +172 -150
package/moj/components/date-picker/date-picker.mjs.map +1 -1
package/moj/components/filter/template.njk +1 -1
package/moj/components/filter-toggle-button/filter-toggle-button.bundle.js +133 -44
package/moj/components/filter-toggle-button/filter-toggle-button.bundle.js.map +1 -1
package/moj/components/filter-toggle-button/filter-toggle-button.bundle.mjs +374 -41
package/moj/components/filter-toggle-button/filter-toggle-button.bundle.mjs.map +1 -1
package/moj/components/filter-toggle-button/filter-toggle-button.mjs +131 -40
package/moj/components/filter-toggle-button/filter-toggle-button.mjs.map +1 -1
package/moj/components/form-validator/form-validator.bundle.js +159 -69
package/moj/components/form-validator/form-validator.bundle.js.map +1 -1
package/moj/components/form-validator/form-validator.bundle.mjs +399 -65
package/moj/components/form-validator/form-validator.bundle.mjs.map +1 -1
package/moj/components/form-validator/form-validator.mjs +134 -54
package/moj/components/form-validator/form-validator.mjs.map +1 -1
package/moj/components/multi-file-upload/multi-file-upload.bundle.js +291 -117
package/moj/components/multi-file-upload/multi-file-upload.bundle.js.map +1 -1
package/moj/components/multi-file-upload/multi-file-upload.bundle.mjs +527 -109
package/moj/components/multi-file-upload/multi-file-upload.bundle.mjs.map +1 -1
package/moj/components/multi-file-upload/multi-file-upload.mjs +288 -101
package/moj/components/multi-file-upload/multi-file-upload.mjs.map +1 -1
package/moj/components/multi-file-upload/template.njk +1 -1
package/moj/components/multi-select/multi-select.bundle.js +106 -41
package/moj/components/multi-select/multi-select.bundle.js.map +1 -1
package/moj/components/multi-select/multi-select.bundle.mjs +346 -37
package/moj/components/multi-select/multi-select.bundle.mjs.map +1 -1
package/moj/components/multi-select/multi-select.mjs +104 -37
package/moj/components/multi-select/multi-select.mjs.map +1 -1
package/moj/components/password-reveal/_password-reveal.scss +3 -1
package/moj/components/password-reveal/_password-reveal.scss.map +1 -1
package/moj/components/password-reveal/password-reveal.bundle.js +32 -29
package/moj/components/password-reveal/password-reveal.bundle.js.map +1 -1
package/moj/components/password-reveal/password-reveal.bundle.mjs +149 -24
package/moj/components/password-reveal/password-reveal.bundle.mjs.map +1 -1
package/moj/components/password-reveal/password-reveal.mjs +30 -25
package/moj/components/password-reveal/password-reveal.mjs.map +1 -1
package/moj/components/rich-text-editor/README.md +4 -3
package/moj/components/rich-text-editor/rich-text-editor.bundle.js +127 -62
package/moj/components/rich-text-editor/rich-text-editor.bundle.js.map +1 -1
package/moj/components/rich-text-editor/rich-text-editor.bundle.mjs +367 -58
package/moj/components/rich-text-editor/rich-text-editor.bundle.mjs.map +1 -1
package/moj/components/rich-text-editor/rich-text-editor.mjs +125 -58
package/moj/components/rich-text-editor/rich-text-editor.mjs.map +1 -1
package/moj/components/search-toggle/search-toggle.bundle.js +94 -26
package/moj/components/search-toggle/search-toggle.bundle.js.map +1 -1
package/moj/components/search-toggle/search-toggle.bundle.mjs +334 -22
package/moj/components/search-toggle/search-toggle.bundle.mjs.map +1 -1
package/moj/components/search-toggle/search-toggle.mjs +92 -22
package/moj/components/search-toggle/search-toggle.mjs.map +1 -1
package/moj/components/sortable-table/sortable-table.bundle.js +151 -83
package/moj/components/sortable-table/sortable-table.bundle.js.map +1 -1
package/moj/components/sortable-table/sortable-table.bundle.mjs +390 -78
package/moj/components/sortable-table/sortable-table.bundle.mjs.map +1 -1
package/moj/components/sortable-table/sortable-table.mjs +149 -79
package/moj/components/sortable-table/sortable-table.mjs.map +1 -1
package/moj/core/_all.scss +3 -0
package/moj/core/_all.scss.map +1 -0
package/moj/core/_moj-frontend-properties.scss +7 -0
package/moj/core/_moj-frontend-properties.scss.map +1 -0
package/moj/filters/prototype-kit-13-filters.js +4 -3
package/moj/helpers.bundle.js +22 -77
package/moj/helpers.bundle.js.map +1 -1
package/moj/helpers.bundle.mjs +23 -74
package/moj/helpers.bundle.mjs.map +1 -1
package/moj/helpers.mjs +23 -74
package/moj/helpers.mjs.map +1 -1
package/moj/moj-frontend.min.css +1 -1
package/moj/moj-frontend.min.css.map +1 -1
package/moj/moj-frontend.min.js +1 -1
package/moj/moj-frontend.min.js.map +1 -1
package/package.json +1 -1
package/moj/version.bundle.js +0 -12
package/moj/version.bundle.js.map +0 -1
package/moj/version.bundle.mjs +0 -4
package/moj/version.bundle.mjs.map +0 -1
package/moj/version.mjs +0 -4
package/moj/version.mjs.map +0 -1

package/moj/components/alert/alert.bundle.mjs CHANGED Viewed

@@ -1,73 +1,267 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
 /**
- * Find an elements preceding sibling
+ * Checks if GOV.UK Frontend is supported on this page
  *
- * Utility function to find an elements previous sibling matching the provided
- * selector.
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
  *
- * @param {Element | null} $element - Element to find siblings for
- * @param {string} [selector] - selector for required sibling
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
  */
-function getPreviousSibling($element, selector) {
-  if (!$element || !($element instanceof HTMLElement)) {
-    return;
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
   }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function isArray(option) {
+  return Array.isArray(option);
+}
+function isObject(option) {
+  return !!option && typeof option === 'object' && !isArray(option);
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
-  // Get the previous sibling element
-  let $sibling = $element.previousElementSibling;
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+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
+   */
+  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">`');
+    this.name = 'SupportError';
+  }
+}
+class ConfigError extends GOVUKFrontendError {
+  constructor(...args) {
+    super(...args);
+    this.name = 'ConfigError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (typeof messageOrOptions === 'object') {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      message = formatErrorMessage(component, message);
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
-  // If the sibling matches our selector, use it
-  // If not, jump to the next sibling and continue the loop
-  while ($sibling) {
-    if ($sibling.matches(selector)) return $sibling;
-    $sibling = $sibling.previousElementSibling;
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
   }
 }
 /**
- * @param {Element | null} $element
- * @param {string} [selector]
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
  */
-function findNearestMatchingElement($element, selector) {
-  // If no element or selector is provided, return
-  if (!$element || !($element instanceof HTMLElement) || false) {
-    return;
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
   }
-  // Start with the current element
-  let $currentElement = $element;
-  while ($currentElement) {
-    // First check the current element
-    if ($currentElement.matches(selector)) {
-      return $currentElement;
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {ConfigurationType} - the root element of component
+   */
+  get config() {
+    return this._config;
+  }
+  constructor($root, config) {
+    super($root);
+    this._config = void 0;
+    const childConstructor = this.constructor;
+    if (!isObject(childConstructor.defaults)) {
+      throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
     }
-    // Check all previous siblings
-    let $sibling = $currentElement.previousElementSibling;
-    while ($sibling) {
-      // Check if the sibling itself is a heading
-      if ($sibling.matches(selector)) {
-        return $sibling;
+    const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
+    this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+  }
+}
+function normaliseString(value, property) {
+  const trimmedValue = value ? value.trim() : '';
+  let output;
+  let outputType = property == null ? void 0 : property.type;
+  if (!outputType) {
+    if (['true', 'false'].includes(trimmedValue)) {
+      outputType = 'boolean';
+    }
+    if (trimmedValue.length > 0 && isFinite(Number(trimmedValue))) {
+      outputType = 'number';
+    }
+  }
+  switch (outputType) {
+    case 'boolean':
+      output = trimmedValue === 'true';
+      break;
+    case 'number':
+      output = Number(trimmedValue);
+      break;
+    default:
+      output = value;
+  }
+  return output;
+}
+function normaliseDataset(Component, dataset) {
+  if (!isObject(Component.schema)) {
+    throw new ConfigError(formatErrorMessage(Component, 'Config passed as parameter into constructor but no schema defined'));
+  }
+  const out = {};
+  const entries = Object.entries(Component.schema.properties);
+  for (const entry of entries) {
+    const [namespace, property] = entry;
+    const field = namespace.toString();
+    if (field in dataset) {
+      out[field] = normaliseString(dataset[field], property);
+    }
+    if ((property == null ? void 0 : property.type) === 'object') {
+      out[field] = extractConfigByNamespace(Component.schema, dataset, namespace);
+    }
+  }
+  return out;
+}
+function mergeConfigs(...configObjects) {
+  const formattedConfigObject = {};
+  for (const configObject of configObjects) {
+    for (const key of Object.keys(configObject)) {
+      const option = formattedConfigObject[key];
+      const override = configObject[key];
+      if (isObject(option) && isObject(override)) {
+        formattedConfigObject[key] = mergeConfigs(option, override);
+      } else {
+        formattedConfigObject[key] = override;
+      }
+    }
+  }
+  return formattedConfigObject;
+}
+function extractConfigByNamespace(schema, dataset, namespace) {
+  const property = schema.properties[namespace];
+  if ((property == null ? void 0 : property.type) !== 'object') {
+    return;
+  }
+  const newObject = {
+    [namespace]: {}
+  };
+  for (const [key, value] of Object.entries(dataset)) {
+    let current = newObject;
+    const keyParts = key.split('.');
+    for (const [index, name] of keyParts.entries()) {
+      if (isObject(current)) {
+        if (index < keyParts.length - 1) {
+          if (!isObject(current[name])) {
+            current[name] = {};
+          }
+          current = current[name];
+        } else if (key !== namespace) {
+          current[name] = normaliseString(value);
+        }
       }
-      $sibling = $sibling.previousElementSibling;
     }
-    // If no match found in siblings, move up to parent
-    $currentElement = $currentElement.parentElement;
   }
+  return newObject[namespace];
 }
+/**
+ * GOV.UK Frontend helpers
+ *
+ * @todo Import from GOV.UK Frontend
+ */
 /**
  * Move focus to element
  *
  * Sets tabindex to -1 to make the element programmatically focusable,
  * but removes it on blur as the element doesn't need to be focused again.
  *
- * @param {HTMLElement} $element - HTML element
+ * @template {HTMLElement} FocusElement
+ * @param {FocusElement} $element - HTML element
  * @param {object} [options] - Handler options
- * @param {function(this: HTMLElement): void} [options.onBeforeFocus] - Callback before focus
- * @param {function(this: HTMLElement): void} [options.onBlur] - Callback on blur
+ * @param {function(this: FocusElement): void} [options.onBeforeFocus] - Callback before focus
+ * @param {function(this: FocusElement): void} [options.onBlur] - Callback on blur
  */
 function setFocus($element, options = {}) {
+  var _options$onBeforeFocu;
   const isFocusable = $element.getAttribute('tabindex');
   if (!isFocusable) {
     $element.setAttribute('tabindex', '-1');
@@ -86,9 +280,8 @@ function setFocus($element, options = {}) {
    * Handle element blur
    */
   function onBlur() {
-    if (options.onBlur) {
-      options.onBlur.call($element);
-    }
+    var _options$onBlur;
+    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);
     if (!isFocusable) {
       $element.removeAttribute('tabindex');
     }
@@ -100,46 +293,84 @@ function setFocus($element, options = {}) {
   });
   // Focus element
-  if (options.onBeforeFocus) {
-    options.onBeforeFocus.call($element);
-  }
+  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);
   $element.focus();
 }
-class Alert {
-  /**
-   * @param {Element | null} $module - HTML element to use for alert
-   * @param {AlertConfig} [config] - Alert config
-   */
-  constructor($module, config = {}) {
-    if (!$module || !($module instanceof HTMLElement)) {
-      return this;
+/**
+ * @param {Element} $element - Element to remove attribute value from
+ * @param {string} attr - Attribute name
+ * @param {string} value - Attribute value
+ */
+/**
+ * Find an elements preceding sibling
+ *
+ * Utility function to find an elements previous sibling matching the provided
+ * selector.
+ *
+ * @param {Element | null} $element - Element to find siblings for
+ * @param {string} [selector] - selector for required sibling
+ */
+function getPreviousSibling($element, selector) {
+  if (!$element || !($element instanceof HTMLElement)) {
+    return;
+  }
+  // Get the previous sibling element
+  let $sibling = $element.previousElementSibling;
+  // If the sibling matches our selector, use it
+  // If not, jump to the next sibling and continue the loop
+  while ($sibling) {
+    if ($sibling.matches(selector)) return $sibling;
+    $sibling = $sibling.previousElementSibling;
+  }
+}
+/**
+ * @param {Element | null} $element
+ * @param {string} [selector]
+ */
+function findNearestMatchingElement($element, selector) {
+  // If no element or selector is provided, return
+  if (!$element || !($element instanceof HTMLElement) || false) {
+    return;
+  }
+  // Start with the current element
+  let $currentElement = $element;
+  while ($currentElement) {
+    // First check the current element
+    if ($currentElement.matches(selector)) {
+      return $currentElement;
     }
-    const schema = Object.freeze({
-      properties: {
-        dismissible: {
-          type: 'boolean'
-        },
-        dismissText: {
-          type: 'string'
-        },
-        disableAutoFocus: {
-          type: 'boolean'
-        },
-        focusOnDismissSelector: {
-          type: 'string'
-        }
+    // Check all previous siblings
+    let $sibling = $currentElement.previousElementSibling;
+    while ($sibling) {
+      // Check if the sibling itself is a heading
+      if ($sibling.matches(selector)) {
+        return $sibling;
       }
-    });
-    const defaults = {
-      dismissible: false,
-      dismissText: 'Dismiss',
-      disableAutoFocus: false
-    };
+      $sibling = $sibling.previousElementSibling;
+    }
-    // data attributes override JS config, which overrides defaults
-    this.config = this.mergeConfigs(defaults, config, this.parseDataset(schema, $module.dataset));
-    this.$module = $module;
+    // If no match found in siblings, move up to parent
+    $currentElement = $currentElement.parentElement;
+  }
+}
+/**
+ * @augments {ConfigurableComponent<AlertConfig>}
+ */
+class Alert extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for alert
+   * @param {AlertConfig} [config] - Alert config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
     /**
      * Focus the alert
@@ -152,14 +383,14 @@ class Alert {
      * do this based on user research findings, or to avoid a clash with another
      * element which should be focused when the page loads.
      */
-    if (this.$module.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
-      setFocus(this.$module);
+    if (this.$root.getAttribute('role') === 'alert' && !this.config.disableAutoFocus) {
+      setFocus(this.$root);
     }
-    this.$dismissButton = this.$module.querySelector('.moj-alert__dismiss');
+    this.$dismissButton = this.$root.querySelector('.moj-alert__dismiss');
     if (this.config.dismissible && this.$dismissButton) {
       this.$dismissButton.innerHTML = this.config.dismissText;
       this.$dismissButton.removeAttribute('hidden');
-      this.$module.addEventListener('click', event => {
+      this.$root.addEventListener('click', event => {
         if (event.target instanceof Node && this.$dismissButton.contains(event.target)) {
           this.dimiss();
         }
@@ -180,7 +411,7 @@ class Alert {
     // Is the next sibling another alert
     if (!$elementToRecieveFocus) {
-      const $nextSibling = this.$module.nextElementSibling;
+      const $nextSibling = this.$root.nextElementSibling;
       if ($nextSibling && $nextSibling.matches('.moj-alert')) {
         $elementToRecieveFocus = $nextSibling;
       }
@@ -188,13 +419,13 @@ class Alert {
     // Else try to find any preceding sibling alert or heading
     if (!$elementToRecieveFocus) {
-      $elementToRecieveFocus = getPreviousSibling(this.$module, '.moj-alert, h1, h2, h3, h4, h5, h6');
+      $elementToRecieveFocus = getPreviousSibling(this.$root, '.moj-alert, h1, h2, h3, h4, h5, h6');
     }
     // Else find the closest ancestor heading, or fallback to main, or last resort
     // use the body element
     if (!$elementToRecieveFocus) {
-      $elementToRecieveFocus = findNearestMatchingElement(this.$module, 'h1, h2, h3, h4, h5, h6, main, body');
+      $elementToRecieveFocus = findNearestMatchingElement(this.$root, 'h1, h2, h3, h4, h5, h6, main, body');
     }
     // If we have an element, place focus on it
@@ -203,111 +434,12 @@ class Alert {
     }
     // Remove the alert
-    this.$module.remove();
-  }
-  /**
-   * Normalise string
-   *
-   * 'If it looks like a duck, and it quacks like a duck…' 🦆
-   *
-   * If the passed value looks like a boolean or a number, convert it to a boolean
-   * or number.
-   *
-   * Designed to be used to convert config passed via data attributes (which are
-   * always strings) into something sensible.
-   *
-   * @internal
-   * @param {DOMStringMap[string]} value - The value to normalise
-   * @param {SchemaProperty} [property] - Component schema property
-   * @returns {string | boolean | number | undefined} Normalised data
-   */
-  normaliseString(value, property) {
-    const trimmedValue = value ? value.trim() : '';
-    let output;
-    let outputType;
-    if (property && property.type) {
-      outputType = property.type;
-    }
-    // No schema type set? Determine automatically
-    if (!outputType) {
-      if (['true', 'false'].includes(trimmedValue)) {
-        outputType = 'boolean';
-      }
-      // Empty / whitespace-only strings are considered finite so we need to check
-      // the length of the trimmed string as well
-      if (trimmedValue.length > 0 && Number.isFinite(Number(trimmedValue))) {
-        outputType = 'number';
-      }
-    }
-    switch (outputType) {
-      case 'boolean':
-        output = trimmedValue === 'true';
-        break;
-      case 'number':
-        output = Number(trimmedValue);
-        break;
-      default:
-        output = value;
-    }
-    return output;
+    this.$root.remove();
   }
   /**
-   * 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
+   * Name for the component used when initialising using data-module attributes.
    */
-  parseDataset(schema, dataset) {
-    const parsed = {};
-    for (const [field, property] of Object.entries(schema.properties)) {
-      if (field in dataset) {
-        if (dataset[field]) {
-          parsed[field] = this.normaliseString(dataset[field], property);
-        }
-      }
-    }
-    return parsed;
-  }
-  /**
-   * Config merging function
-   *
-   * Takes any number of objects and combines them together, with
-   * greatest priority on the LAST item passed in.
-   *
-   * @param {...{ [key: string]: unknown }} configObjects - Config objects to merge
-   * @returns {{ [key: string]: unknown }} A merged config object
-   */
-  mergeConfigs(...configObjects) {
-    const formattedConfigObject = {};
-    // Loop through each of the passed objects
-    for (const configObject of configObjects) {
-      for (const key of Object.keys(configObject)) {
-        const option = formattedConfigObject[key];
-        const override = configObject[key];
-        // Push their keys one-by-one into formattedConfigObject. Any duplicate
-        // keys with object values will be merged, otherwise the new value will
-        // override the existing value.
-        if (typeof option === 'object' && typeof override === 'object') {
-          // @ts-expect-error Index signature for type 'string' is missing
-          formattedConfigObject[key] = this.mergeConfigs(option, override);
-        } else {
-          formattedConfigObject[key] = override;
-        }
-      }
-    }
-    return formattedConfigObject;
-  }
 }
 /**
@@ -318,5 +450,41 @@ class Alert {
  * @property {string} [focusOnDismissSelector] - CSS Selector for element to be focused on dismiss
  */
+/**
+ * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
+ */
+Alert.moduleName = 'moj-alert';
+/**
+ * Alert default config
+ *
+ * @type {AlertConfig}
+ */
+Alert.defaults = Object.freeze({
+  dismissible: false,
+  dismissText: 'Dismiss',
+  disableAutoFocus: false
+});
+/**
+ * Alert config schema
+ *
+ * @satisfies {Schema<AlertConfig>}
+ */
+Alert.schema = Object.freeze(/** @type {const} */{
+  properties: {
+    dismissible: {
+      type: 'boolean'
+    },
+    dismissText: {
+      type: 'string'
+    },
+    disableAutoFocus: {
+      type: 'boolean'
+    },
+    focusOnDismissSelector: {
+      type: 'string'
+    }
+  }
+});
 export { Alert };
 //# sourceMappingURL=alert.bundle.mjs.map