@ministryofjustice/frontend 4.0.1 → 5.1.0

package/moj/components/multi-file-upload/multi-file-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"multi-file-upload.mjs","sources":["../../../../src/moj/components/multi-file-upload/multi-file-upload.mjs"],"sourcesContent":["import $ from 'jquery'\n\nimport {\n  dragAndDropSupported,\n  fileApiSupported,\n  formDataSupported\n} from '../../helpers.mjs'\n\nexport function MultiFileUpload(params) {\n  if (!(dragAndDropSupported() && formDataSupported() && fileApiSupported())) {\n    return\n  }\n\n  this.defaultParams = {\n    uploadFileEntryHook: $.noop,\n    uploadFileExitHook: $.noop,\n    uploadFileErrorHook: $.noop,\n    fileDeleteHook: $.noop,\n    uploadStatusText: 'Uploading files, please wait',\n    dropzoneHintText: 'Drag and drop files here or',\n    dropzoneButtonText: 'Choose files'\n  }\n\n  this.params = $.extend({}, this.defaultParams, params)\n  this.container = $(this.params.container)\n\n  this.container.addClass('moj-multi-file-upload--enhanced')\n\n  this.feedbackContainer = this.container.find(\n    '.moj-multi-file__uploaded-files'\n  )\n  this.setupFileInput()\n  this.setupDropzone()\n  this.setupLabel()\n  this.setupStatusBox()\n  this.container.on(\n    'click',\n    '.moj-multi-file-upload__delete',\n    $.proxy(this, 'onFileDeleteClick')\n  )\n}\n\nMultiFileUpload.prototype.setupDropzone = function () {\n  this.fileInput.wrap('<div class=\"moj-multi-file-upload__dropzone\" />')\n  this.dropzone = this.container.find('.moj-multi-file-upload__dropzone')\n  this.dropzone.on('dragover', $.proxy(this, 'onDragOver'))\n  this.dropzone.on('dragleave', $.proxy(this, 'onDragLeave'))\n  this.dropzone.on('drop', $.proxy(this, 'onDrop'))\n}\n\nMultiFileUpload.prototype.setupLabel = function () {\n  this.label = $(\n    `<label for=\"${this.fileInput[0].id}\" class=\"govuk-button govuk-button--secondary\">${this.params.dropzoneButtonText}</label>`\n  )\n  this.dropzone.append(\n    `<p class=\"govuk-body\">${this.params.dropzoneHintText}</p>`\n  )\n  this.dropzone.append(this.label)\n}\n\nMultiFileUpload.prototype.setupFileInput = function () {\n  this.fileInput = this.container.find('.moj-multi-file-upload__input')\n  this.fileInput.on('change', $.proxy(this, 'onFileChange'))\n  this.fileInput.on('focus', $.proxy(this, 'onFileFocus'))\n  this.fileInput.on('blur', $.proxy(this, 'onFileBlur'))\n}\n\nMultiFileUpload.prototype.setupStatusBox = function () {\n  this.status = $(\n    '<div aria-live=\"polite\" role=\"status\" class=\"govuk-visually-hidden\" />'\n  )\n  this.dropzone.append(this.status)\n}\n\nMultiFileUpload.prototype.onDragOver = function (e) {\n  e.preventDefault()\n  this.dropzone.addClass('moj-multi-file-upload--dragover')\n}\n\nMultiFileUpload.prototype.onDragLeave = function () {\n  this.dropzone.removeClass('moj-multi-file-upload--dragover')\n}\n\nMultiFileUpload.prototype.onDrop = function (e) {\n  e.preventDefault()\n  this.dropzone.removeClass('moj-multi-file-upload--dragover')\n  this.feedbackContainer.removeClass('moj-hidden')\n  this.status.html(this.params.uploadStatusText)\n  this.uploadFiles(e.originalEvent.dataTransfer.files)\n}\n\nMultiFileUpload.prototype.uploadFiles = function (files) {\n  for (let i = 0; i < files.length; i++) {\n    this.uploadFile(files[i])\n  }\n}\n\nMultiFileUpload.prototype.onFileChange = function (e) {\n  this.feedbackContainer.removeClass('moj-hidden')\n  this.status.html(this.params.uploadStatusText)\n  this.uploadFiles(e.currentTarget.files)\n  this.fileInput.replaceWith($(e.currentTarget).val('').clone(true))\n  this.setupFileInput()\n  this.fileInput.get(0).focus()\n}\n\nMultiFileUpload.prototype.onFileFocus = function (e) {\n  this.label.addClass('moj-multi-file-upload--focused')\n}\n\nMultiFileUpload.prototype.onFileBlur = function (e) {\n  this.label.removeClass('moj-multi-file-upload--focused')\n}\n\nMultiFileUpload.prototype.getSuccessHtml = function (success) {\n  return `<span class=\"moj-multi-file-upload__success\"> <svg class=\"moj-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\"><path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"/></svg>${success.messageHtml}</span>`\n}\n\nMultiFileUpload.prototype.getErrorHtml = function (error) {\n  return `<span class=\"moj-multi-file-upload__error\"> <svg class=\"moj-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\"><path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"/></svg>${error.message}</span>`\n}\n\nMultiFileUpload.prototype.getFileRowHtml = function (file) {\n  const html = `\n    <div class=\"govuk-summary-list__row moj-multi-file-upload__row\">\n      <div class=\"govuk-summary-list__value moj-multi-file-upload__message\">\n        <span class=\"moj-multi-file-upload__filename\">${file.name}</span>\n        <span class=\"moj-multi-file-upload__progress\">0%</span>\n      </div>\n      <div class=\"govuk-summary-list__actions moj-multi-file-upload__actions\"></div>\n    </div>`\n  return html\n}\n\nMultiFileUpload.prototype.getDeleteButtonHtml = function (file) {\n  return `<button class=\"moj-multi-file-upload__delete govuk-button govuk-button--secondary govuk-!-margin-bottom-0\" type=\"button\" name=\"delete\" value=\"${file.filename}\">\n      Delete <span class=\"govuk-visually-hidden\">${file.originalname}</span>\n    </button>`\n}\n\nMultiFileUpload.prototype.uploadFile = function (file) {\n  this.params.uploadFileEntryHook(this, file)\n  const item = $(this.getFileRowHtml(file))\n  const formData = new FormData()\n  formData.append('documents', file)\n  this.feedbackContainer.find('.moj-multi-file-upload__list').append(item)\n\n  $.ajax({\n    url: this.params.uploadUrl,\n    type: 'post',\n    data: formData,\n    processData: false,\n    contentType: false,\n    success: $.proxy(function (response) {\n      if (response.error) {\n        item\n          .find('.moj-multi-file-upload__message')\n          .html(this.getErrorHtml(response.error))\n        this.status.html(response.error.message)\n      } else {\n        item\n          .find('.moj-multi-file-upload__message')\n          .html(this.getSuccessHtml(response.success))\n        this.status.html(response.success.messageText)\n      }\n      item\n        .find('.moj-multi-file-upload__actions')\n        .append(this.getDeleteButtonHtml(response.file))\n      this.params.uploadFileExitHook(this, file, response)\n    }, this),\n    error: $.proxy(function (jqXHR, textStatus, errorThrown) {\n      this.params.uploadFileErrorHook(\n        this,\n        file,\n        jqXHR,\n        textStatus,\n        errorThrown\n      )\n    }, this),\n    xhr: function () {\n      const xhr = new XMLHttpRequest()\n      xhr.upload.addEventListener(\n        'progress',\n        function (e) {\n          if (e.lengthComputable) {\n            let percentComplete = e.loaded / e.total\n            percentComplete = parseInt(percentComplete * 100, 10)\n            item\n              .find('.moj-multi-file-upload__progress')\n              .text(` ${percentComplete}%`)\n          }\n        },\n        false\n      )\n      return xhr\n    }\n  })\n}\n\nMultiFileUpload.prototype.onFileDeleteClick = function (e) {\n  e.preventDefault() // if user refreshes page and then deletes\n  const button = $(e.currentTarget)\n  const data = {}\n  data[button[0].name] = button[0].value\n  $.ajax({\n    url: this.params.deleteUrl,\n    type: 'post',\n    dataType: 'json',\n    data,\n    success: $.proxy(function (response) {\n      if (response.error) {\n        // handle error\n      } else {\n        button.parents('.moj-multi-file-upload__row').remove()\n        if (\n          this.feedbackContainer.find('.moj-multi-file-upload__row').length ===\n          0\n        ) {\n          this.feedbackContainer.addClass('moj-hidden')\n        }\n      }\n      this.params.fileDeleteHook(this, response)\n    }, this)\n  })\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"multi-file-upload.mjs","sources":["../../../../src/moj/components/multi-file-upload/multi-file-upload.mjs"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n\nimport { ConfigurableComponent } from 'govuk-frontend'\n\n/**\n * @augments {ConfigurableComponent<MultiFileUploadConfig>}\n */\nexport class MultiFileUpload extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for multi file upload\n   * @param {MultiFileUploadConfig} [config] - Multi file upload config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    if (!MultiFileUpload.isSupported()) {\n      return this\n    }\n\n    const $feedbackContainer =\n      this.config.feedbackContainer.element ??\n      this.$root.querySelector(this.config.feedbackContainer.selector)\n\n    if (!$feedbackContainer || !($feedbackContainer instanceof HTMLElement)) {\n      return this\n    }\n\n    this.$feedbackContainer = $feedbackContainer\n\n    this.setupFileInput()\n    this.setupDropzone()\n    this.setupLabel()\n    this.setupStatusBox()\n\n    this.$root.addEventListener('click', this.onFileDeleteClick.bind(this))\n    this.$root.classList.add('moj-multi-file-upload--enhanced')\n  }\n\n  setupDropzone() {\n    this.$dropzone = document.createElement('div')\n    this.$dropzone.classList.add('moj-multi-file-upload__dropzone')\n\n    this.$dropzone.addEventListener('dragover', this.onDragOver.bind(this))\n    this.$dropzone.addEventListener('dragleave', this.onDragLeave.bind(this))\n    this.$dropzone.addEventListener('drop', this.onDrop.bind(this))\n\n    this.$fileInput.replaceWith(this.$dropzone)\n    this.$dropzone.appendChild(this.$fileInput)\n  }\n\n  setupLabel() {\n    const $label = document.createElement('label')\n    $label.setAttribute('for', this.$fileInput.id)\n    $label.classList.add('govuk-button', 'govuk-button--secondary')\n    $label.textContent = this.config.dropzoneButtonText\n\n    const $hint = document.createElement('p')\n    $hint.classList.add('govuk-body')\n    $hint.textContent = this.config.dropzoneHintText\n\n    this.$label = $label\n    this.$dropzone.append($hint)\n    this.$dropzone.append($label)\n  }\n\n  setupFileInput() {\n    this.$fileInput = /** @type {HTMLInputElement} */ (\n      this.$root.querySelector('.moj-multi-file-upload__input')\n    )\n    this.$fileInput.addEventListener('change', this.onFileChange.bind(this))\n    this.$fileInput.addEventListener('focus', this.onFileFocus.bind(this))\n    this.$fileInput.addEventListener('blur', this.onFileBlur.bind(this))\n  }\n\n  setupStatusBox() {\n    this.$status = document.createElement('div')\n    this.$status.classList.add('govuk-visually-hidden')\n    this.$status.setAttribute('aria-live', 'polite')\n    this.$status.setAttribute('role', 'status')\n    this.$dropzone.append(this.$status)\n  }\n\n  /**\n   * @param {DragEvent} event - Drag event\n   */\n  onDragOver(event) {\n    event.preventDefault()\n    this.$dropzone.classList.add('moj-multi-file-upload--dragover')\n  }\n\n  onDragLeave() {\n    this.$dropzone.classList.remove('moj-multi-file-upload--dragover')\n  }\n\n  /**\n   * @param {DragEvent} event - Drag event\n   */\n  onDrop(event) {\n    event.preventDefault()\n    this.$dropzone.classList.remove('moj-multi-file-upload--dragover')\n    this.$feedbackContainer.classList.remove('moj-hidden')\n    this.$status.textContent = this.config.uploadStatusText\n    this.uploadFiles(event.dataTransfer.files)\n  }\n\n  /**\n   * @param {FileList} files - File list\n   */\n  uploadFiles(files) {\n    for (const file of Array.from(files)) {\n      this.uploadFile(file)\n    }\n  }\n\n  onFileChange() {\n    this.$feedbackContainer.classList.remove('moj-hidden')\n    this.$status.textContent = this.config.uploadStatusText\n    this.uploadFiles(this.$fileInput.files)\n\n    const $fileInput = this.$fileInput.cloneNode(true)\n    if (!$fileInput || !($fileInput instanceof HTMLInputElement)) {\n      return\n    }\n\n    $fileInput.value = ''\n    this.$fileInput.replaceWith($fileInput)\n\n    this.setupFileInput()\n    this.$fileInput.focus()\n  }\n\n  onFileFocus() {\n    this.$label.classList.add('moj-multi-file-upload--focused')\n  }\n\n  onFileBlur() {\n    this.$label.classList.remove('moj-multi-file-upload--focused')\n  }\n\n  /**\n   * @param {UploadResponseSuccess['success']} success\n   */\n  getSuccessHtml(success) {\n    return `<span class=\"moj-multi-file-upload__success\"> <svg class=\"moj-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\"><path d=\"M25,6.2L8.7,23.2L0,14.1l4-4.2l4.7,4.9L21,2L25,6.2z\"/></svg>${success.messageHtml}</span>`\n  }\n\n  /**\n   * @param {UploadResponseError['error']} error\n   */\n  getErrorHtml(error) {\n    return `<span class=\"moj-multi-file-upload__error\"> <svg class=\"moj-banner__icon\" fill=\"currentColor\" role=\"presentation\" focusable=\"false\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 25 25\" height=\"25\" width=\"25\"><path d=\"M13.6,15.4h-2.3v-4.5h2.3V15.4z M13.6,19.8h-2.3v-2.2h2.3V19.8z M0,23.2h25L12.5,2L0,23.2z\"/></svg>${error.message}</span>`\n  }\n\n  /**\n   * @param {File} file\n   */\n  getFileRow(file) {\n    const $row = document.createElement('div')\n\n    $row.classList.add('govuk-summary-list__row', 'moj-multi-file-upload__row')\n\n    $row.innerHTML = `\n    <div class=\"govuk-summary-list__value moj-multi-file-upload__message\">\n      <span class=\"moj-multi-file-upload__filename\">${file.name}</span>\n      <span class=\"moj-multi-file-upload__progress\">0%</span>\n    </div>\n    <div class=\"govuk-summary-list__actions moj-multi-file-upload__actions\"></div>\n  `\n\n    return $row\n  }\n\n  /**\n   * @param {UploadResponseFile} file\n   */\n  getDeleteButton(file) {\n    const $button = document.createElement('button')\n\n    $button.setAttribute('type', 'button')\n    $button.setAttribute('name', 'delete')\n    $button.setAttribute('value', file.filename)\n\n    $button.classList.add(\n      'moj-multi-file-upload__delete',\n      'govuk-button',\n      'govuk-button--secondary',\n      'govuk-!-margin-bottom-0'\n    )\n\n    $button.innerHTML = `Delete <span class=\"govuk-visually-hidden\">${file.originalname}</span>`\n\n    return $button\n  }\n\n  /**\n   * @param {File} file\n   */\n  uploadFile(file) {\n    this.config.hooks.entryHook(this, file)\n\n    const $item = this.getFileRow(file)\n    const $message = $item.querySelector('.moj-multi-file-upload__message')\n    const $actions = $item.querySelector('.moj-multi-file-upload__actions')\n    const $progress = $item.querySelector('.moj-multi-file-upload__progress')\n\n    const formData = new FormData()\n    formData.append('documents', file)\n\n    this.$feedbackContainer\n      .querySelector('.moj-multi-file-upload__list')\n      .append($item)\n\n    const xhr = new XMLHttpRequest()\n\n    const onLoad = () => {\n      if (\n        xhr.status < 200 ||\n        xhr.status >= 300 ||\n        !('success' in xhr.response)\n      ) {\n        return onError()\n      }\n\n      $message.innerHTML = this.getSuccessHtml(xhr.response.success)\n      this.$status.textContent = xhr.response.success.messageText\n\n      $actions.append(this.getDeleteButton(xhr.response.file))\n      this.config.hooks.exitHook(this, file, xhr, xhr.responseText)\n    }\n\n    const onError = () => {\n      const error = new Error(\n        xhr.response && 'error' in xhr.response\n          ? xhr.response.error.message\n          : xhr.statusText || 'Upload failed'\n      )\n\n      $message.innerHTML = this.getErrorHtml(error)\n      this.$status.textContent = error.message\n\n      this.config.hooks.errorHook(this, file, xhr, xhr.responseText, error)\n    }\n\n    xhr.addEventListener('load', onLoad)\n    xhr.addEventListener('error', onError)\n\n    xhr.upload.addEventListener('progress', (event) => {\n      if (!event.lengthComputable) {\n        return\n      }\n\n      const percentComplete = Math.round((event.loaded / event.total) * 100)\n      $progress.textContent = ` ${percentComplete}%`\n    })\n\n    xhr.open('POST', this.config.uploadUrl)\n    xhr.responseType = 'json'\n\n    xhr.send(formData)\n  }\n\n  /**\n   * @param {MouseEvent} event - Click event\n   */\n  onFileDeleteClick(event) {\n    const $button = event.target\n\n    if (\n      !$button ||\n      !($button instanceof HTMLButtonElement) ||\n      !$button.classList.contains('moj-multi-file-upload__delete')\n    ) {\n      return\n    }\n\n    event.preventDefault() // if user refreshes page and then deletes\n\n    const xhr = new XMLHttpRequest()\n\n    xhr.addEventListener('load', () => {\n      if (xhr.status < 200 || xhr.status >= 300) {\n        return\n      }\n\n      const $rows = Array.from(\n        this.$feedbackContainer.querySelectorAll('.moj-multi-file-upload__row')\n      )\n\n      if ($rows.length === 1) {\n        this.$feedbackContainer.classList.add('moj-hidden')\n      }\n\n      const $rowDelete = $rows.find(($row) => $row.contains($button))\n      if ($rowDelete) $rowDelete.remove()\n\n      this.config.hooks.deleteHook(this, undefined, xhr, xhr.responseText)\n    })\n\n    xhr.open('POST', this.config.deleteUrl)\n    xhr.setRequestHeader('Content-Type', 'application/json')\n    xhr.responseType = 'json'\n\n    xhr.send(\n      JSON.stringify({\n        [$button.name]: $button.value\n      })\n    )\n  }\n\n  static isSupported() {\n    return (\n      this.isDragAndDropSupported() &&\n      this.isFormDataSupported() &&\n      this.isFileApiSupported()\n    )\n  }\n\n  static isDragAndDropSupported() {\n    const div = document.createElement('div')\n    return typeof div.ondrop !== 'undefined'\n  }\n\n  static isFormDataSupported() {\n    return typeof FormData === 'function'\n  }\n\n  static isFileApiSupported() {\n    const input = document.createElement('input')\n    input.type = 'file'\n    return typeof input.files !== 'undefined'\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'moj-multi-file-upload'\n\n  /**\n   * Multi file upload default config\n   *\n   * @type {MultiFileUploadConfig}\n   */\n  static defaults = Object.freeze({\n    uploadStatusText: 'Uploading files, please wait',\n    dropzoneHintText: 'Drag and drop files here or',\n    dropzoneButtonText: 'Choose files',\n    feedbackContainer: {\n      selector: '.moj-multi-file__uploaded-files'\n    },\n    hooks: {\n      entryHook: () => {},\n      exitHook: () => {},\n      errorHook: () => {},\n      deleteHook: () => {}\n    }\n  })\n\n  /**\n   * Multi file upload config schema\n   *\n   * @satisfies {Schema<MultiFileUploadConfig>}\n   */\n  static schema = Object.freeze(\n    /** @type {const} */ ({\n      properties: {\n        uploadUrl: { type: 'string' },\n        deleteUrl: { type: 'string' },\n        uploadStatusText: { type: 'string' },\n        dropzoneHintText: { type: 'string' },\n        dropzoneButtonText: { type: 'string' },\n        feedbackContainer: { type: 'object' },\n        hooks: { type: 'object' }\n      }\n    })\n  )\n}\n\n/**\n * Multi file upload config\n *\n * @typedef {object} MultiFileUploadConfig\n * @property {string} [uploadUrl] - File upload URL\n * @property {string} [deleteUrl] - File delete URL\n * @property {string} [uploadStatusText] - Upload status text\n * @property {string} [dropzoneHintText] - Dropzone hint text\n * @property {string} [dropzoneButtonText] - Dropzone button text\n * @property {object} [feedbackContainer] - Feedback container config\n * @property {string} [feedbackContainer.selector] - Selector for feedback container\n * @property {Element | null} [feedbackContainer.element] - HTML element for feedback container\n * @property {MultiFileUploadHooks} [hooks] - Upload hooks\n */\n\n/**\n * Multi file upload hooks\n *\n * @typedef {object} MultiFileUploadHooks\n * @property {OnUploadFileEntryHook} [entryHook] - File upload entry hook\n * @property {OnUploadFileExitHook} [exitHook] - File upload exit hook\n * @property {OnUploadFileErrorHook} [errorHook] - File upload error hook\n * @property {OnUploadFileDeleteHook} [deleteHook] - File delete hook\n */\n\n/**\n * Upload hook: File entry\n *\n * @callback OnUploadFileEntryHook\n * @param {InstanceType<typeof MultiFileUpload>} upload - Multi file upload\n * @param {File} file - File upload\n */\n\n/**\n * Upload hook: File exit\n *\n * @callback OnUploadFileExitHook\n * @param {InstanceType<typeof MultiFileUpload>} upload - Multi file upload\n * @param {File} file - File upload\n * @param {XMLHttpRequest} xhr - XMLHttpRequest\n * @param {string} textStatus - Text status\n */\n\n/**\n * Upload hook: File error\n *\n * @callback OnUploadFileErrorHook\n * @param {InstanceType<typeof MultiFileUpload>} upload - Multi file upload\n * @param {File} file - File upload\n * @param {XMLHttpRequest} xhr - XMLHttpRequest\n * @param {string} textStatus - Text status\n * @param {Error} errorThrown - Error thrown\n */\n\n/**\n * Upload hook: File delete\n *\n * @callback OnUploadFileDeleteHook\n * @param {InstanceType<typeof MultiFileUpload>} upload - Multi file upload\n * @param {File} [file] - File upload\n * @param {XMLHttpRequest} xhr - XMLHttpRequest\n * @param {string} textStatus - Text status\n */\n\n/**\n * @typedef {object} UploadResponseSuccess\n * @property {{ messageText: string, messageHtml: string }} success - Response success\n * @property {UploadResponseFile} file - Response file\n */\n\n/**\n * @typedef {object} UploadResponseError\n * @property {{ message: string }} error - Response error\n * @property {UploadResponseFile} file - Response file\n */\n\n/**\n * @typedef {object} UploadResponseFile\n * @property {string} filename - File name\n * @property {string} originalname - Original file name\n */\n\n/**\n * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'\n */\n"],"names":["MultiFileUpload","ConfigurableComponent","constructor","$root","config","_this$config$feedback","isSupported","$feedbackContainer","feedbackContainer","element","querySelector","selector","HTMLElement","setupFileInput","setupDropzone","setupLabel","setupStatusBox","addEventListener","onFileDeleteClick","bind","classList","add","$dropzone","document","createElement","onDragOver","onDragLeave","onDrop","$fileInput","replaceWith","appendChild","$label","setAttribute","id","textContent","dropzoneButtonText","$hint","dropzoneHintText","append","onFileChange","onFileFocus","onFileBlur","$status","event","preventDefault","remove","uploadStatusText","uploadFiles","dataTransfer","files","file","Array","from","uploadFile","cloneNode","HTMLInputElement","value","focus","getSuccessHtml","success","messageHtml","getErrorHtml","error","message","getFileRow","$row","innerHTML","name","getDeleteButton","$button","filename","originalname","hooks","entryHook","$item","$message","$actions","$progress","formData","FormData","xhr","XMLHttpRequest","onLoad","status","response","onError","messageText","exitHook","responseText","Error","statusText","errorHook","upload","lengthComputable","percentComplete","Math","round","loaded","total","open","uploadUrl","responseType","send","target","HTMLButtonElement","contains","$rows","querySelectorAll","length","$rowDelete","find","deleteHook","undefined","deleteUrl","setRequestHeader","JSON","stringify","isDragAndDropSupported","isFormDataSupported","isFileApiSupported","div","ondrop","input","type","moduleName","defaults","Object","freeze","schema","properties"],"mappings":"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"}

package/moj/components/multi-file-upload/template.njk

@@ -1,4 +1,4 @@
-<div class="moj-multi-file-upload {{- " " + params.classes if params.classes}}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+<div class="moj-multi-file-upload {{- " " + params.classes if params.classes}}" data-module="moj-multi-file-upload" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
   <div class="moj-multi-file__uploaded-files {% if params.uploadedFiles.items.length == 0 %}moj-hidden{% endif%}">
     <h2 class="govuk-heading-m">{{ params.uploadedFiles.heading.html | safe if params.uploadedFiles.heading.html else params.uploadedFiles.heading.text }}</h2>
     <div class="govuk-summary-list moj-multi-file-upload__list">

package/moj/components/multi-select/_multi-select.scss

@@ -13,3 +13,5 @@
   // stylelint-disable-next-line declaration-no-important
   padding: 0 !important;
 }
+
+/*# sourceMappingURL=_multi-select.scss.map */

package/moj/components/multi-select/_multi-select.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/multi-select/_multi-select.scss"],"names":[],"mappings":"AAAA;;+EAE+E;;AAE/E;EACE,qBAAqB;EACrB,eAAe;AACjB;;AAEA;EACE,sDAAsD;EACtD,oBAAoB;EACpB,sDAAsD;EACtD,qBAAqB;AACvB","file":"_multi-select.scss","sourcesContent":["/* ==========================================================================\n   # MULTI-SELECT\n   ========================================================================== */\n\n.moj-multi-select__checkbox {\n  display: inline-block;\n  padding-left: 0;\n}\n\n.moj-multi-select__toggle-label {\n  // stylelint-disable-next-line declaration-no-important\n  margin: 0 !important;\n  // stylelint-disable-next-line declaration-no-important\n  padding: 0 !important;\n}\n"]}

package/moj/components/multi-select/multi-select.bundle.js

@@ -0,0 +1,143 @@
+(function (global, factory) {
+  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';
+
+  /**
+   * @augments {ConfigurableComponent<MultiSelectConfig>}
+   */
+  class MultiSelect extends govukFrontend.ConfigurableComponent {
+    /**
+     * @param {Element | null} $root - HTML element to use for multi select
+     * @param {MultiSelectConfig} [config] - Multi select config
+     */
+    constructor($root, config = {}) {
+      var _this$config$checkbox;
+      super($root, config);
+      const $container = this.$root.querySelector(`#${this.config.idPrefix}select-all`);
+      const $checkboxes = /** @type {NodeListOf<HTMLInputElement>} */(_this$config$checkbox = this.config.checkboxes.items) != null ? _this$config$checkbox : this.$root.querySelectorAll(this.config.checkboxes.selector);
+      if (!$container || !($container instanceof HTMLElement) || !$checkboxes.length) {
+        return this;
+      }
+      this.setupToggle(this.config.idPrefix);
+      this.$toggleButton = this.$toggle.querySelector('input');
+      this.$toggleButton.addEventListener('click', this.onButtonClick.bind(this));
+      this.$container = $container;
+      this.$container.append(this.$toggle);
+      this.$checkboxes = Array.from($checkboxes);
+      this.$checkboxes.forEach($input => $input.addEventListener('click', this.onCheckboxClick.bind(this)));
+      this.checked = config.checked || false;
+    }
+    setupToggle(idPrefix = '') {
+      const id = `${idPrefix}checkboxes-all`;
+      const $toggle = document.createElement('div');
+      const $label = document.createElement('label');
+      const $input = document.createElement('input');
+      const $span = document.createElement('span');
+      $toggle.classList.add('govuk-checkboxes__item', 'govuk-checkboxes--small', 'moj-multi-select__checkbox');
+      $input.id = id;
+      $input.type = 'checkbox';
+      $input.classList.add('govuk-checkboxes__input');
+      $label.setAttribute('for', id);
+      $label.classList.add('govuk-label', 'govuk-checkboxes__label', 'moj-multi-select__toggle-label');
+      $span.classList.add('govuk-visually-hidden');
+      $span.textContent = 'Select all';
+      $label.append($span);
+      $toggle.append($input, $label);
+      this.$toggle = $toggle;
+    }
+    onButtonClick() {
+      if (this.checked) {
+        this.uncheckAll();
+        this.$toggleButton.checked = false;
+      } else {
+        this.checkAll();
+        this.$toggleButton.checked = true;
+      }
+    }
+    checkAll() {
+      this.$checkboxes.forEach($input => {
+        $input.checked = true;
+      });
+      this.checked = true;
+    }
+    uncheckAll() {
+      this.$checkboxes.forEach($input => {
+        $input.checked = false;
+      });
+      this.checked = false;
+    }
+
+    /**
+     * @param {MouseEvent} event - Click event
+     */
+    onCheckboxClick(event) {
+      if (!(event.target instanceof HTMLInputElement)) {
+        return;
+      }
+      if (!event.target.checked) {
+        this.$toggleButton.checked = false;
+        this.checked = false;
+      } else {
+        if (this.$checkboxes.filter($input => $input.checked).length === this.$checkboxes.length) {
+          this.$toggleButton.checked = true;
+          this.checked = true;
+        }
+      }
+    }
+
+    /**
+     * Name for the component used when initialising using data-module attributes.
+     */
+  }
+
+  /**
+   * Multi select config
+   *
+   * @typedef {object} MultiSelectConfig
+   * @property {string} [idPrefix] - Prefix for the Select all" checkbox `id` attribute
+   * @property {boolean} [checked] - Whether the "Select all" checkbox is checked
+   * @property {object} [checkboxes] - Checkboxes config
+   * @property {string} [checkboxes.selector] - Checkboxes query selector
+   * @property {NodeListOf<HTMLInputElement>} [checkboxes.items] - Checkboxes query selector results
+   */
+
+  /**
+   * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
+   */
+  MultiSelect.moduleName = 'moj-multi-select';
+  /**
+   * Multi select config
+   *
+   * @type {MultiSelectConfig}
+   */
+  MultiSelect.defaults = Object.freeze({
+    idPrefix: '',
+    checkboxes: {
+      selector: 'tbody input.govuk-checkboxes__input'
+    }
+  });
+  /**
+   * Multi select config schema
+   *
+   * @satisfies {Schema<MultiSelectConfig>}
+   */
+  MultiSelect.schema = Object.freeze(/** @type {const} */{
+    properties: {
+      idPrefix: {
+        type: 'string'
+      },
+      checked: {
+        type: 'boolean'
+      },
+      checkboxes: {
+        type: 'object'
+      }
+    }
+  });
+
+  exports.MultiSelect = MultiSelect;
+
+}));
+//# sourceMappingURL=multi-select.bundle.js.map

package/moj/components/multi-select/multi-select.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.bundle.js","sources":["../../../../src/moj/components/multi-select/multi-select.mjs"],"sourcesContent":["import { ConfigurableComponent } from 'govuk-frontend'\n\n/**\n * @augments {ConfigurableComponent<MultiSelectConfig>}\n */\nexport class MultiSelect extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for multi select\n   * @param {MultiSelectConfig} [config] - Multi select config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $container = this.$root.querySelector(\n      `#${this.config.idPrefix}select-all`\n    )\n\n    const $checkboxes = /** @type {NodeListOf<HTMLInputElement>} */ (\n      this.config.checkboxes.items ??\n        this.$root.querySelectorAll(this.config.checkboxes.selector)\n    )\n\n    if (\n      !$container ||\n      !($container instanceof HTMLElement) ||\n      !$checkboxes.length\n    ) {\n      return this\n    }\n\n    this.setupToggle(this.config.idPrefix)\n\n    this.$toggleButton = this.$toggle.querySelector('input')\n    this.$toggleButton.addEventListener('click', this.onButtonClick.bind(this))\n\n    this.$container = $container\n    this.$container.append(this.$toggle)\n\n    this.$checkboxes = Array.from($checkboxes)\n    this.$checkboxes.forEach(($input) =>\n      $input.addEventListener('click', this.onCheckboxClick.bind(this))\n    )\n\n    this.checked = config.checked || false\n  }\n\n  setupToggle(idPrefix = '') {\n    const id = `${idPrefix}checkboxes-all`\n\n    const $toggle = document.createElement('div')\n    const $label = document.createElement('label')\n    const $input = document.createElement('input')\n    const $span = document.createElement('span')\n\n    $toggle.classList.add(\n      'govuk-checkboxes__item',\n      'govuk-checkboxes--small',\n      'moj-multi-select__checkbox'\n    )\n\n    $input.id = id\n    $input.type = 'checkbox'\n    $input.classList.add('govuk-checkboxes__input')\n\n    $label.setAttribute('for', id)\n    $label.classList.add(\n      'govuk-label',\n      'govuk-checkboxes__label',\n      'moj-multi-select__toggle-label'\n    )\n\n    $span.classList.add('govuk-visually-hidden')\n    $span.textContent = 'Select all'\n\n    $label.append($span)\n    $toggle.append($input, $label)\n\n    this.$toggle = $toggle\n  }\n\n  onButtonClick() {\n    if (this.checked) {\n      this.uncheckAll()\n      this.$toggleButton.checked = false\n    } else {\n      this.checkAll()\n      this.$toggleButton.checked = true\n    }\n  }\n\n  checkAll() {\n    this.$checkboxes.forEach(($input) => {\n      $input.checked = true\n    })\n\n    this.checked = true\n  }\n\n  uncheckAll() {\n    this.$checkboxes.forEach(($input) => {\n      $input.checked = false\n    })\n\n    this.checked = false\n  }\n\n  /**\n   * @param {MouseEvent} event - Click event\n   */\n  onCheckboxClick(event) {\n    if (!(event.target instanceof HTMLInputElement)) {\n      return\n    }\n\n    if (!event.target.checked) {\n      this.$toggleButton.checked = false\n      this.checked = false\n    } else {\n      if (\n        this.$checkboxes.filter(($input) => $input.checked).length ===\n        this.$checkboxes.length\n      ) {\n        this.$toggleButton.checked = true\n        this.checked = true\n      }\n    }\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'moj-multi-select'\n\n  /**\n   * Multi select config\n   *\n   * @type {MultiSelectConfig}\n   */\n  static defaults = Object.freeze({\n    idPrefix: '',\n    checkboxes: {\n      selector: 'tbody input.govuk-checkboxes__input'\n    }\n  })\n\n  /**\n   * Multi select config schema\n   *\n   * @satisfies {Schema<MultiSelectConfig>}\n   */\n  static schema = Object.freeze(\n    /** @type {const} */ ({\n      properties: {\n        idPrefix: { type: 'string' },\n        checked: { type: 'boolean' },\n        checkboxes: { type: 'object' }\n      }\n    })\n  )\n}\n\n/**\n * Multi select config\n *\n * @typedef {object} MultiSelectConfig\n * @property {string} [idPrefix] - Prefix for the Select all\" checkbox `id` attribute\n * @property {boolean} [checked] - Whether the \"Select all\" checkbox is checked\n * @property {object} [checkboxes] - Checkboxes config\n * @property {string} [checkboxes.selector] - Checkboxes query selector\n * @property {NodeListOf<HTMLInputElement>} [checkboxes.items] - Checkboxes query selector results\n */\n\n/**\n * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'\n */\n"],"names":["MultiSelect","ConfigurableComponent","constructor","$root","config","_this$config$checkbox","$container","querySelector","idPrefix","$checkboxes","checkboxes","items","querySelectorAll","selector","HTMLElement","length","setupToggle","$toggleButton","$toggle","addEventListener","onButtonClick","bind","append","Array","from","forEach","$input","onCheckboxClick","checked","id","document","createElement","$label","$span","classList","add","type","setAttribute","textContent","uncheckAll","checkAll","event","target","HTMLInputElement","filter","moduleName","defaults","Object","freeze","schema","properties"],"mappings":"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"}

package/moj/components/multi-select/multi-select.bundle.mjs

@@ -0,0 +1,379 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+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}`;
+}
+
+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';
+  }
+}
+
+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();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+const configOverride = Symbol.for('configOverride');
+class ConfigurableComponent extends Component {
+  [configOverride](param) {
+    return {};
+  }
+
+  /**
+   * 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'));
+    }
+    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);
+        }
+      }
+    }
+  }
+  return newObject[namespace];
+}
+
+/**
+ * @augments {ConfigurableComponent<MultiSelectConfig>}
+ */
+class MultiSelect extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for multi select
+   * @param {MultiSelectConfig} [config] - Multi select config
+   */
+  constructor($root, config = {}) {
+    var _this$config$checkbox;
+    super($root, config);
+    const $container = this.$root.querySelector(`#${this.config.idPrefix}select-all`);
+    const $checkboxes = /** @type {NodeListOf<HTMLInputElement>} */(_this$config$checkbox = this.config.checkboxes.items) != null ? _this$config$checkbox : this.$root.querySelectorAll(this.config.checkboxes.selector);
+    if (!$container || !($container instanceof HTMLElement) || !$checkboxes.length) {
+      return this;
+    }
+    this.setupToggle(this.config.idPrefix);
+    this.$toggleButton = this.$toggle.querySelector('input');
+    this.$toggleButton.addEventListener('click', this.onButtonClick.bind(this));
+    this.$container = $container;
+    this.$container.append(this.$toggle);
+    this.$checkboxes = Array.from($checkboxes);
+    this.$checkboxes.forEach($input => $input.addEventListener('click', this.onCheckboxClick.bind(this)));
+    this.checked = config.checked || false;
+  }
+  setupToggle(idPrefix = '') {
+    const id = `${idPrefix}checkboxes-all`;
+    const $toggle = document.createElement('div');
+    const $label = document.createElement('label');
+    const $input = document.createElement('input');
+    const $span = document.createElement('span');
+    $toggle.classList.add('govuk-checkboxes__item', 'govuk-checkboxes--small', 'moj-multi-select__checkbox');
+    $input.id = id;
+    $input.type = 'checkbox';
+    $input.classList.add('govuk-checkboxes__input');
+    $label.setAttribute('for', id);
+    $label.classList.add('govuk-label', 'govuk-checkboxes__label', 'moj-multi-select__toggle-label');
+    $span.classList.add('govuk-visually-hidden');
+    $span.textContent = 'Select all';
+    $label.append($span);
+    $toggle.append($input, $label);
+    this.$toggle = $toggle;
+  }
+  onButtonClick() {
+    if (this.checked) {
+      this.uncheckAll();
+      this.$toggleButton.checked = false;
+    } else {
+      this.checkAll();
+      this.$toggleButton.checked = true;
+    }
+  }
+  checkAll() {
+    this.$checkboxes.forEach($input => {
+      $input.checked = true;
+    });
+    this.checked = true;
+  }
+  uncheckAll() {
+    this.$checkboxes.forEach($input => {
+      $input.checked = false;
+    });
+    this.checked = false;
+  }
+
+  /**
+   * @param {MouseEvent} event - Click event
+   */
+  onCheckboxClick(event) {
+    if (!(event.target instanceof HTMLInputElement)) {
+      return;
+    }
+    if (!event.target.checked) {
+      this.$toggleButton.checked = false;
+      this.checked = false;
+    } else {
+      if (this.$checkboxes.filter($input => $input.checked).length === this.$checkboxes.length) {
+        this.$toggleButton.checked = true;
+        this.checked = true;
+      }
+    }
+  }
+
+  /**
+   * Name for the component used when initialising using data-module attributes.
+   */
+}
+
+/**
+ * Multi select config
+ *
+ * @typedef {object} MultiSelectConfig
+ * @property {string} [idPrefix] - Prefix for the Select all" checkbox `id` attribute
+ * @property {boolean} [checked] - Whether the "Select all" checkbox is checked
+ * @property {object} [checkboxes] - Checkboxes config
+ * @property {string} [checkboxes.selector] - Checkboxes query selector
+ * @property {NodeListOf<HTMLInputElement>} [checkboxes.items] - Checkboxes query selector results
+ */
+
+/**
+ * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
+ */
+MultiSelect.moduleName = 'moj-multi-select';
+/**
+ * Multi select config
+ *
+ * @type {MultiSelectConfig}
+ */
+MultiSelect.defaults = Object.freeze({
+  idPrefix: '',
+  checkboxes: {
+    selector: 'tbody input.govuk-checkboxes__input'
+  }
+});
+/**
+ * Multi select config schema
+ *
+ * @satisfies {Schema<MultiSelectConfig>}
+ */
+MultiSelect.schema = Object.freeze(/** @type {const} */{
+  properties: {
+    idPrefix: {
+      type: 'string'
+    },
+    checked: {
+      type: 'boolean'
+    },
+    checkboxes: {
+      type: 'object'
+    }
+  }
+});
+
+export { MultiSelect };
+//# sourceMappingURL=multi-select.bundle.mjs.map