@ministryofjustice/frontend 4.0.1 → 5.0.0

package/moj/all.mjs

@@ -3,125 +3,115 @@ import { Alert } from './components/alert/alert.mjs';
 import { ButtonMenu } from './components/button-menu/button-menu.mjs';
 import { DatePicker } from './components/date-picker/date-picker.mjs';
 export { FilterToggleButton } from './components/filter-toggle-button/filter-toggle-button.mjs';
+export { FormValidator } from './components/form-validator/form-validator.mjs';
 export { MultiFileUpload } from './components/multi-file-upload/multi-file-upload.mjs';
 import { MultiSelect } from './components/multi-select/multi-select.mjs';
 import { PasswordReveal } from './components/password-reveal/password-reveal.mjs';
 import { RichTextEditor } from './components/rich-text-editor/rich-text-editor.mjs';
 import { SearchToggle } from './components/search-toggle/search-toggle.mjs';
 import { SortableTable } from './components/sortable-table/sortable-table.mjs';
-import { nodeListForEach } from './helpers.mjs';
 export { version } from './version.mjs';
 
 /* eslint-disable no-new */
 
 
-function initAll(options) {
-  // Set the options to an empty object by default if no options are passed.
-  options = typeof options !== 'undefined' ? options : {};
+/**
+ * @param {Config} [config]
+ */
+function initAll(config) {
+  // Set the config to an empty object by default if no config is passed.
+  config = typeof config !== 'undefined' ? config : {};
 
   // Allow the user to initialise MOJ Frontend in only certain sections of the page
   // Defaults to the entire document if nothing is set.
-  const scope = typeof options.scope !== 'undefined' ? options.scope : document;
-
+  const scope = typeof config.scope !== 'undefined' ? config.scope : document;
   const $addAnothers = scope.querySelectorAll('[data-module="moj-add-another"]');
-
-  nodeListForEach($addAnothers, function ($addAnother) {
+  $addAnothers.forEach($addAnother => {
     new AddAnother($addAnother);
   });
-
-  const $multiSelects = scope.querySelectorAll(
-    '[data-module="moj-multi-select"]'
-  );
-
-  nodeListForEach($multiSelects, function ($multiSelect) {
+  const $multiSelects = scope.querySelectorAll('[data-module="moj-multi-select"]');
+  $multiSelects.forEach($multiSelect => {
+    const containerSelector = $multiSelect.getAttribute('data-multi-select-checkbox');
+    if (!($multiSelect instanceof HTMLElement) || !containerSelector) {
+      return;
+    }
     new MultiSelect({
-      container: $multiSelect.querySelector(
-        $multiSelect.getAttribute('data-multi-select-checkbox')
-      ),
-      checkboxes: $multiSelect.querySelectorAll(
-        'tbody .govuk-checkboxes__input'
-      ),
+      container: $multiSelect.querySelector(containerSelector),
+      checkboxes: $multiSelect.querySelectorAll('tbody .govuk-checkboxes__input'),
       id_prefix: $multiSelect.getAttribute('data-multi-select-idprefix')
     });
   });
-
-  const $passwordReveals = scope.querySelectorAll(
-    '[data-module="moj-password-reveal"]'
-  );
-
-  nodeListForEach($passwordReveals, function ($passwordReveal) {
+  const $passwordReveals = scope.querySelectorAll('[data-module="moj-password-reveal"]');
+  $passwordReveals.forEach($passwordReveal => {
     new PasswordReveal($passwordReveal);
   });
-
-  const $richTextEditors = scope.querySelectorAll(
-    '[data-module="moj-rich-text-editor"]'
-  );
-
-  nodeListForEach($richTextEditors, function ($richTextEditor) {
+  const $richTextEditors = scope.querySelectorAll('[data-module="moj-rich-text-editor"]');
+  $richTextEditors.forEach($richTextEditor => {
     const options = {
-      textarea: $($richTextEditor)
+      textarea: $richTextEditor
     };
-
-    const toolbarAttr = $richTextEditor.getAttribute(
-      'data-moj-rich-text-editor-toolbar'
-    );
-
+    const toolbarAttr = $richTextEditor.getAttribute('data-moj-rich-text-editor-toolbar');
     if (toolbarAttr) {
       const toolbar = toolbarAttr.split(',');
-
       options.toolbar = {};
-
-      for (const item in toolbar) {
-        options.toolbar[toolbar[item]] = true;
+      for (const option of toolbar) {
+        if (option === 'bold' || option === 'italic' || option === 'underline' || option === 'bullets' || option === 'numbers') {
+          options.toolbar[option] = true;
+        }
       }
     }
-
     new RichTextEditor(options);
   });
-
-  const $searchToggles = scope.querySelectorAll(
-    '[data-module="moj-search-toggle"]'
-  );
-
-  nodeListForEach($searchToggles, function ($searchToggle) {
+  const $searchToggles = scope.querySelectorAll('[data-module="moj-search-toggle"]');
+  $searchToggles.forEach($searchToggle => {
     new SearchToggle({
       toggleButton: {
-        container: $($searchToggle.querySelector('.moj-search-toggle__toggle')),
+        container: $searchToggle.querySelector('.moj-search-toggle__toggle'),
         text: $searchToggle.getAttribute('data-moj-search-toggle-text')
       },
       search: {
-        container: $($searchToggle.querySelector('.moj-search'))
+        container: $searchToggle.querySelector('.moj-search')
       }
     });
   });
-
-  const $sortableTables = scope.querySelectorAll(
-    '[data-module="moj-sortable-table"]'
-  );
-
-  nodeListForEach($sortableTables, function ($table) {
+  const $sortableTables = scope.querySelectorAll('[data-module="moj-sortable-table"]');
+  $sortableTables.forEach($table => {
     new SortableTable({
       table: $table
     });
   });
-
-  const $datepickers = scope.querySelectorAll('[data-module="moj-date-picker"]');
-
-  nodeListForEach($datepickers, function ($datepicker) {
-    new DatePicker($datepicker, {}).init();
+  const $datePickers = scope.querySelectorAll('[data-module="moj-date-picker"]');
+  $datePickers.forEach($datePicker => {
+    new DatePicker($datePicker);
   });
-
   const $buttonMenus = scope.querySelectorAll('[data-module="moj-button-menu"]');
-
-  nodeListForEach($buttonMenus, function ($buttonmenu) {
-    new ButtonMenu($buttonmenu, {}).init();
+  $buttonMenus.forEach($buttonmenu => {
+    new ButtonMenu($buttonmenu);
   });
-
   const $alerts = scope.querySelectorAll('[data-module="moj-alert"]');
-  nodeListForEach($alerts, function ($alert) {
-    new Alert($alert, {}).init();
+  $alerts.forEach($alert => {
+    new Alert($alert);
   });
 }
 
+/**
+ * @typedef {object} Config
+ * @property {Element} [scope=document] - Scope to query for components
+ */
+
+/**
+ * Schema for component config
+ *
+ * @typedef {object} Schema
+ * @property {{ [field: string]: SchemaProperty | undefined }} properties - Schema properties
+ */
+
+/**
+ * Schema property for component config
+ *
+ * @typedef {object} SchemaProperty
+ * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type
+ */
+
 export { AddAnother, Alert, ButtonMenu, DatePicker, MultiSelect, PasswordReveal, RichTextEditor, SearchToggle, SortableTable, initAll };
 //# sourceMappingURL=all.mjs.map

package/moj/all.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"all.mjs","sources":["../../src/moj/all.mjs"],"sourcesContent":["/* eslint-disable no-new */\n\nimport $ from 'jquery'\n\nimport { AddAnother } from './components/add-another/add-another.mjs'\nimport { Alert } from './components/alert/alert.mjs'\nimport { ButtonMenu } from './components/button-menu/button-menu.mjs'\nimport { DatePicker } from './components/date-picker/date-picker.mjs'\nimport { FilterToggleButton } from './components/filter-toggle-button/filter-toggle-button.mjs'\nimport { MultiFileUpload } from './components/multi-file-upload/multi-file-upload.mjs'\nimport { MultiSelect } from './components/multi-select/multi-select.mjs'\nimport { PasswordReveal } from './components/password-reveal/password-reveal.mjs'\nimport { RichTextEditor } from './components/rich-text-editor/rich-text-editor.mjs'\nimport { SearchToggle } from './components/search-toggle/search-toggle.mjs'\nimport { SortableTable } from './components/sortable-table/sortable-table.mjs'\nimport { nodeListForEach } from './helpers.mjs'\nimport { version } from './version.mjs'\n\nfunction initAll(options) {\n  // Set the options to an empty object by default if no options are passed.\n  options = typeof options !== 'undefined' ? options : {}\n\n  // Allow the user to initialise MOJ Frontend in only certain sections of the page\n  // Defaults to the entire document if nothing is set.\n  const scope = typeof options.scope !== 'undefined' ? options.scope : document\n\n  const $addAnothers = scope.querySelectorAll('[data-module=\"moj-add-another\"]')\n\n  nodeListForEach($addAnothers, function ($addAnother) {\n    new AddAnother($addAnother)\n  })\n\n  const $multiSelects = scope.querySelectorAll(\n    '[data-module=\"moj-multi-select\"]'\n  )\n\n  nodeListForEach($multiSelects, function ($multiSelect) {\n    new MultiSelect({\n      container: $multiSelect.querySelector(\n        $multiSelect.getAttribute('data-multi-select-checkbox')\n      ),\n      checkboxes: $multiSelect.querySelectorAll(\n        'tbody .govuk-checkboxes__input'\n      ),\n      id_prefix: $multiSelect.getAttribute('data-multi-select-idprefix')\n    })\n  })\n\n  const $passwordReveals = scope.querySelectorAll(\n    '[data-module=\"moj-password-reveal\"]'\n  )\n\n  nodeListForEach($passwordReveals, function ($passwordReveal) {\n    new PasswordReveal($passwordReveal)\n  })\n\n  const $richTextEditors = scope.querySelectorAll(\n    '[data-module=\"moj-rich-text-editor\"]'\n  )\n\n  nodeListForEach($richTextEditors, function ($richTextEditor) {\n    const options = {\n      textarea: $($richTextEditor)\n    }\n\n    const toolbarAttr = $richTextEditor.getAttribute(\n      'data-moj-rich-text-editor-toolbar'\n    )\n\n    if (toolbarAttr) {\n      const toolbar = toolbarAttr.split(',')\n\n      options.toolbar = {}\n\n      for (const item in toolbar) {\n        options.toolbar[toolbar[item]] = true\n      }\n    }\n\n    new RichTextEditor(options)\n  })\n\n  const $searchToggles = scope.querySelectorAll(\n    '[data-module=\"moj-search-toggle\"]'\n  )\n\n  nodeListForEach($searchToggles, function ($searchToggle) {\n    new SearchToggle({\n      toggleButton: {\n        container: $($searchToggle.querySelector('.moj-search-toggle__toggle')),\n        text: $searchToggle.getAttribute('data-moj-search-toggle-text')\n      },\n      search: {\n        container: $($searchToggle.querySelector('.moj-search'))\n      }\n    })\n  })\n\n  const $sortableTables = scope.querySelectorAll(\n    '[data-module=\"moj-sortable-table\"]'\n  )\n\n  nodeListForEach($sortableTables, function ($table) {\n    new SortableTable({\n      table: $table\n    })\n  })\n\n  const $datepickers = scope.querySelectorAll('[data-module=\"moj-date-picker\"]')\n\n  nodeListForEach($datepickers, function ($datepicker) {\n    new DatePicker($datepicker, {}).init()\n  })\n\n  const $buttonMenus = scope.querySelectorAll('[data-module=\"moj-button-menu\"]')\n\n  nodeListForEach($buttonMenus, function ($buttonmenu) {\n    new ButtonMenu($buttonmenu, {}).init()\n  })\n\n  const $alerts = scope.querySelectorAll('[data-module=\"moj-alert\"]')\n  nodeListForEach($alerts, function ($alert) {\n    new Alert($alert, {}).init()\n  })\n}\n\nexport {\n  initAll,\n  version,\n\n  // Components\n  AddAnother,\n  Alert,\n  ButtonMenu,\n  DatePicker,\n  FilterToggleButton,\n  MultiFileUpload,\n  MultiSelect,\n  PasswordReveal,\n  RichTextEditor,\n  SearchToggle,\n  SortableTable\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"all.mjs","sources":["../../src/moj/all.mjs"],"sourcesContent":["/* eslint-disable no-new */\n\nimport { AddAnother } from './components/add-another/add-another.mjs'\nimport { Alert } from './components/alert/alert.mjs'\nimport { ButtonMenu } from './components/button-menu/button-menu.mjs'\nimport { DatePicker } from './components/date-picker/date-picker.mjs'\nimport { FilterToggleButton } from './components/filter-toggle-button/filter-toggle-button.mjs'\nimport { FormValidator } from './components/form-validator/form-validator.mjs'\nimport { MultiFileUpload } from './components/multi-file-upload/multi-file-upload.mjs'\nimport { MultiSelect } from './components/multi-select/multi-select.mjs'\nimport { PasswordReveal } from './components/password-reveal/password-reveal.mjs'\nimport { RichTextEditor } from './components/rich-text-editor/rich-text-editor.mjs'\nimport { SearchToggle } from './components/search-toggle/search-toggle.mjs'\nimport { SortableTable } from './components/sortable-table/sortable-table.mjs'\nimport { version } from './version.mjs'\n\n/**\n * @param {Config} [config]\n */\nfunction initAll(config) {\n  // Set the config to an empty object by default if no config is passed.\n  config = typeof config !== 'undefined' ? config : {}\n\n  // Allow the user to initialise MOJ Frontend in only certain sections of the page\n  // Defaults to the entire document if nothing is set.\n  const scope = typeof config.scope !== 'undefined' ? config.scope : document\n\n  const $addAnothers = scope.querySelectorAll('[data-module=\"moj-add-another\"]')\n\n  $addAnothers.forEach(($addAnother) => {\n    new AddAnother($addAnother)\n  })\n\n  const $multiSelects = scope.querySelectorAll(\n    '[data-module=\"moj-multi-select\"]'\n  )\n\n  $multiSelects.forEach(($multiSelect) => {\n    const containerSelector = $multiSelect.getAttribute(\n      'data-multi-select-checkbox'\n    )\n\n    if (!($multiSelect instanceof HTMLElement) || !containerSelector) {\n      return\n    }\n\n    new MultiSelect({\n      container: $multiSelect.querySelector(containerSelector),\n      checkboxes: $multiSelect.querySelectorAll(\n        'tbody .govuk-checkboxes__input'\n      ),\n      id_prefix: $multiSelect.getAttribute('data-multi-select-idprefix')\n    })\n  })\n\n  const $passwordReveals = scope.querySelectorAll(\n    '[data-module=\"moj-password-reveal\"]'\n  )\n\n  $passwordReveals.forEach(($passwordReveal) => {\n    new PasswordReveal($passwordReveal)\n  })\n\n  const $richTextEditors = scope.querySelectorAll(\n    '[data-module=\"moj-rich-text-editor\"]'\n  )\n\n  $richTextEditors.forEach(($richTextEditor) => {\n    const options = {\n      textarea: $richTextEditor\n    }\n\n    const toolbarAttr = $richTextEditor.getAttribute(\n      'data-moj-rich-text-editor-toolbar'\n    )\n\n    if (toolbarAttr) {\n      const toolbar = toolbarAttr.split(',')\n\n      options.toolbar = {}\n\n      for (const option of toolbar) {\n        if (\n          option === 'bold' ||\n          option === 'italic' ||\n          option === 'underline' ||\n          option === 'bullets' ||\n          option === 'numbers'\n        ) {\n          options.toolbar[option] = true\n        }\n      }\n    }\n\n    new RichTextEditor(options)\n  })\n\n  const $searchToggles = scope.querySelectorAll(\n    '[data-module=\"moj-search-toggle\"]'\n  )\n\n  $searchToggles.forEach(($searchToggle) => {\n    new SearchToggle({\n      toggleButton: {\n        container: $searchToggle.querySelector('.moj-search-toggle__toggle'),\n        text: $searchToggle.getAttribute('data-moj-search-toggle-text')\n      },\n      search: {\n        container: $searchToggle.querySelector('.moj-search')\n      }\n    })\n  })\n\n  const $sortableTables = scope.querySelectorAll(\n    '[data-module=\"moj-sortable-table\"]'\n  )\n\n  $sortableTables.forEach(($table) => {\n    new SortableTable({\n      table: $table\n    })\n  })\n\n  const $datePickers = scope.querySelectorAll('[data-module=\"moj-date-picker\"]')\n\n  $datePickers.forEach(($datePicker) => {\n    new DatePicker($datePicker)\n  })\n\n  const $buttonMenus = scope.querySelectorAll('[data-module=\"moj-button-menu\"]')\n\n  $buttonMenus.forEach(($buttonmenu) => {\n    new ButtonMenu($buttonmenu)\n  })\n\n  const $alerts = scope.querySelectorAll('[data-module=\"moj-alert\"]')\n  $alerts.forEach(($alert) => {\n    new Alert($alert)\n  })\n}\n\nexport {\n  initAll,\n  version,\n\n  // Components\n  AddAnother,\n  Alert,\n  ButtonMenu,\n  DatePicker,\n  FilterToggleButton,\n  FormValidator,\n  MultiFileUpload,\n  MultiSelect,\n  PasswordReveal,\n  RichTextEditor,\n  SearchToggle,\n  SortableTable\n}\n\n/**\n * @typedef {object} Config\n * @property {Element} [scope=document] - Scope to query for components\n */\n\n/**\n * Schema for component config\n *\n * @typedef {object} Schema\n * @property {{ [field: string]: SchemaProperty | undefined }} properties - Schema properties\n */\n\n/**\n * Schema property for component config\n *\n * @typedef {object} SchemaProperty\n * @property {'string' | 'boolean' | 'number' | 'object'} type - Property type\n */\n"],"names":["initAll","config","scope","document","$addAnothers","querySelectorAll","forEach","$addAnother","AddAnother","$multiSelects","$multiSelect","containerSelector","getAttribute","HTMLElement","MultiSelect","container","querySelector","checkboxes","id_prefix","$passwordReveals","$passwordReveal","PasswordReveal","$richTextEditors","$richTextEditor","options","textarea","toolbarAttr","toolbar","split","option","RichTextEditor","$searchToggles","$searchToggle","SearchToggle","toggleButton","text","search","$sortableTables","$table","SortableTable","table","$datePickers","$datePicker","DatePicker","$buttonMenus","$buttonmenu","ButtonMenu","$alerts","$alert","Alert"],"mappings":"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"}

package/moj/all.scss

@@ -2,3 +2,5 @@
 @forward "objects/all";
 @forward "components/all";
 @forward "utilities/all";
+
+/*# sourceMappingURL=all.scss.map */

package/moj/all.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/moj/all.scss"],"names":[],"mappings":"AAAA,eAAe;AACf,sBAAsB;AACtB,yBAAyB;AACzB,wBAAwB","file":"all.scss","sourcesContent":["@forward \"base\";\n@forward \"objects/all\";\n@forward \"components/all\";\n@forward \"utilities/all\";\n"]}

package/moj/components/_all.scss

@@ -31,3 +31,5 @@
 @forward "task-list/task-list";
 @forward "timeline/timeline";
 @forward "ticket-panel/ticket-panel";
+
+/*# sourceMappingURL=_all.scss.map */

package/moj/components/_all.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/moj/components/_all.scss"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,kCAAkC;AAClC,sBAAsB;AACtB,sBAAsB;AACtB,wBAAwB;AACxB,kCAAkC;AAClC,sCAAsC;AACtC,wCAAwC;AACxC,kCAAkC;AAClC,wBAAwB;AACxB,wBAAwB;AACxB,oCAAoC;AACpC,8CAA8C;AAC9C,4BAA4B;AAC5B,8CAA8C;AAC9C,oCAAoC;AACpC,gDAAgD;AAChD,sDAAsD;AACtD,kDAAkD;AAClD,gCAAgC;AAChC,0CAA0C;AAC1C,gDAAgD;AAChD,oCAAoC;AACpC,4CAA4C;AAC5C,sCAAsC;AACtC,wBAAwB;AACxB,0CAA0C;AAC1C,wCAAwC;AACxC,wCAAwC;AACxC,kBAAkB;AAClB,8BAA8B;AAC9B,4BAA4B;AAC5B,oCAAoC","file":"_all.scss","sourcesContent":["@forward \"action-bar/action-bar\";\n@forward \"add-another/add-another\";\n@forward \"alert/alert\";\n@forward \"badge/badge\";\n@forward \"banner/banner\";\n@forward \"button-menu/button-menu\";\n@forward \"cookie-banner/cookie-banner\";\n@forward \"currency-input/currency-input\";\n@forward \"date-picker/date-picker\";\n@forward \"filter/filter\";\n@forward \"header/header\";\n@forward \"identity-bar/identity-bar\";\n@forward \"interruption-card/interruption-card\";\n@forward \"messages/messages\";\n@forward \"multi-file-upload/multi-file-upload\";\n@forward \"multi-select/multi-select\";\n@forward \"notification-badge/notification-badge\";\n@forward \"organisation-switcher/organisation-switcher\";\n@forward \"page-header-actions/page-header-actions\";\n@forward \"pagination/pagination\";\n@forward \"password-reveal/password-reveal\";\n@forward \"primary-navigation/primary-navigation\";\n@forward \"progress-bar/progress-bar\";\n@forward \"rich-text-editor/rich-text-editor\";\n@forward \"search-toggle/search-toggle\";\n@forward \"search/search\";\n@forward \"side-navigation/side-navigation\";\n@forward \"sortable-table/sortable-table\";\n@forward \"sub-navigation/sub-navigation\";\n@forward \"tag/tag\";\n@forward \"task-list/task-list\";\n@forward \"timeline/timeline\";\n@forward \"ticket-panel/ticket-panel\";\n"]}

package/moj/components/action-bar/_action-bar.scss

@@ -31,3 +31,5 @@
     vertical-align: baseline;
   }
 }
+
+/*# sourceMappingURL=_action-bar.scss.map */

package/moj/components/action-bar/_action-bar.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/action-bar/_action-bar.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,YAAY,EAAE,qBAAqB;AACrC;;AAEA;EACE,qBAAqB;EACrB,kBAAkB;;EAElB;IACE,YAAY;EACd;;EAEA;IACE,8BAA8B;IAC9B,qCAAqC,EAAE,kCAAkC;;IAEzE;MACE,WAAW;MACX,kBAAkB;MAClB,MAAM;MACN,QAAQ;MACR,UAAU;MACV,YAAY;MACZ,4CAA4C;IAC9C;EACF;;EAEA;IACE,wBAAwB;EAC1B;AACF","file":"_action-bar.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-action-bar {\n  font-size: 0; // Removes white space\n}\n\n.moj-action-bar__filter {\n  display: inline-block;\n  position: relative;\n\n  @include govuk-media-query($until: desktop) {\n    float: right;\n  }\n\n  @include govuk-media-query($from: desktop) {\n    margin-right: govuk-spacing(2);\n    padding-right: govuk-spacing(2) + 2px; // Takes into account divider width\n\n    &::after {\n      content: \"\";\n      position: absolute;\n      top: 0;\n      right: 0;\n      width: 2px;\n      height: 40px;\n      background-color: govuk-colour(\"light-grey\");\n    }\n  }\n\n  > .govuk-button {\n    vertical-align: baseline;\n  }\n}\n"]}

package/moj/components/add-another/_add-another.scss

@@ -46,3 +46,5 @@
     0 -2px $govuk-focus-colour,
     0 4px $govuk-focus-text-colour;
 }
+
+/*# sourceMappingURL=_add-another.scss.map */

package/moj/components/add-another/_add-another.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/add-another/_add-another.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE;IACE,kBAAkB;IAClB,SAAS;IACT,4BAA4B;IAC5B,UAAU;;IAEV;MACE,aAAa;IACf;EACF;;EAEA;IACE,WAAW;IACX,wBAAwB;IACxB,WAAW;;IAEX;MACE,WAAW;IACb;EACF;;EAEA;IACE,kBAAkB;IAClB,MAAM;IACN,QAAQ;IACR,WAAW;EACb;;EAEA;IACE,cAAc;EAChB;AACF;;AAEA;EACE,aAAa;EACb,+BAA+B;EAC/B,qCAAqC;EACrC;;kCAEgC;AAClC","file":"_add-another.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #ADD ANOTHER\n   ========================================================================== */\n\n.moj-add-another {\n  &__item {\n    position: relative;\n    margin: 0;\n    margin-top: govuk-spacing(6);\n    padding: 0;\n\n    &:first-of-type {\n      margin-top: 0;\n    }\n  }\n\n  &__title {\n    width: 100%;\n    padding: 4px 100px 4px 0;\n    float: left;\n\n    & + .govuk-form-group {\n      clear: left;\n    }\n  }\n\n  &__remove-button {\n    position: absolute;\n    top: 0;\n    right: 0;\n    width: auto;\n  }\n\n  &__add-button {\n    display: block;\n  }\n}\n\n.moj-add-another__heading:focus {\n  outline: none;\n  color: $govuk-focus-text-colour;\n  background-color: $govuk-focus-colour;\n  box-shadow:\n    0 -2px $govuk-focus-colour,\n    0 4px $govuk-focus-text-colour;\n}\n"]}

package/moj/components/add-another/add-another.bundle.js

@@ -0,0 +1,128 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
+  typeof define === 'function' && define.amd ? define(['exports'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MOJFrontend = global.MOJFrontend || {}));
+})(this, (function (exports) { 'use strict';
+
+  class AddAnother {
+    constructor(container) {
+      this.container = container;
+      if (this.container.hasAttribute('data-moj-add-another-init')) {
+        return this;
+      }
+      this.container.setAttribute('data-moj-add-another-init', '');
+      this.container.addEventListener('click', this.onRemoveButtonClick.bind(this));
+      this.container.addEventListener('click', this.onAddButtonClick.bind(this));
+      const buttons = this.container.querySelectorAll('.moj-add-another__add-button, moj-add-another__remove-button');
+      buttons.forEach(button => {
+        if (!(button instanceof HTMLButtonElement)) {
+          return;
+        }
+        button.type = 'button';
+      });
+    }
+    onAddButtonClick(event) {
+      const button = event.target;
+      if (!button || !(button instanceof HTMLButtonElement) || !button.classList.contains('moj-add-another__add-button')) {
+        return;
+      }
+      const items = this.getItems();
+      const item = this.getNewItem();
+      if (!item || !(item instanceof HTMLElement)) {
+        return;
+      }
+      this.updateAttributes(item, items.length);
+      this.resetItem(item);
+      const firstItem = items[0];
+      if (!this.hasRemoveButton(firstItem)) {
+        this.createRemoveButton(firstItem);
+      }
+      items[items.length - 1].after(item);
+      const input = item.querySelector('input, textarea, select');
+      if (input && input instanceof HTMLInputElement) {
+        input.focus();
+      }
+    }
+    hasRemoveButton(item) {
+      return item.querySelectorAll('.moj-add-another__remove-button').length;
+    }
+    getItems() {
+      if (!this.container) {
+        return [];
+      }
+      const items = Array.from(this.container.querySelectorAll('.moj-add-another__item'));
+      return items.filter(item => item instanceof HTMLElement);
+    }
+    getNewItem() {
+      const items = this.getItems();
+      const item = items[0].cloneNode(true);
+      if (!item || !(item instanceof HTMLElement)) {
+        return;
+      }
+      if (!this.hasRemoveButton(item)) {
+        this.createRemoveButton(item);
+      }
+      return item;
+    }
+    updateAttributes(item, index) {
+      item.querySelectorAll('[data-name]').forEach(el => {
+        if (!(el instanceof HTMLInputElement)) {
+          return;
+        }
+        const name = el.getAttribute('data-name') || '';
+        const id = el.getAttribute('data-id') || '';
+        const originalId = el.id;
+        el.name = name.replace(/%index%/, `${index}`);
+        el.id = id.replace(/%index%/, `${index}`);
+        const label = el.parentElement.querySelector('label') || el.closest('label') || item.querySelector(`[for="${originalId}"]`);
+        if (label && label instanceof HTMLLabelElement) {
+          label.htmlFor = el.id;
+        }
+      });
+    }
+    createRemoveButton(item) {
+      const button = document.createElement('button');
+      button.type = 'button';
+      button.classList.add('govuk-button', 'govuk-button--secondary', 'moj-add-another__remove-button');
+      button.textContent = 'Remove';
+      item.append(button);
+    }
+    resetItem(item) {
+      item.querySelectorAll('[data-name], [data-id]').forEach(el => {
+        if (!(el instanceof HTMLInputElement)) {
+          return;
+        }
+        if (el.type === 'checkbox' || el.type === 'radio') {
+          el.checked = false;
+        } else {
+          el.value = '';
+        }
+      });
+    }
+    onRemoveButtonClick(event) {
+      const button = event.target;
+      if (!button || !(button instanceof HTMLButtonElement) || !button.classList.contains('moj-add-another__remove-button')) {
+        return;
+      }
+      button.closest('.moj-add-another__item').remove();
+      const items = this.getItems();
+      if (items.length === 1) {
+        items[0].querySelector('.moj-add-another__remove-button').remove();
+      }
+      items.forEach((el, index) => {
+        this.updateAttributes(el, index);
+      });
+      this.focusHeading();
+    }
+    focusHeading() {
+      const heading = this.container.querySelector('.moj-add-another__heading');
+      if (heading && heading instanceof HTMLElement) {
+        heading.focus();
+      }
+    }
+  }
+
+  exports.AddAnother = AddAnother;
+
+}));
+//# sourceMappingURL=add-another.bundle.js.map

package/moj/components/add-another/add-another.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-another.bundle.js","sources":["../../../../src/moj/components/add-another/add-another.mjs"],"sourcesContent":["export class AddAnother {\n  constructor(container) {\n    this.container = container\n\n    if (this.container.hasAttribute('data-moj-add-another-init')) {\n      return this\n    }\n\n    this.container.setAttribute('data-moj-add-another-init', '')\n\n    this.container.addEventListener(\n      'click',\n      this.onRemoveButtonClick.bind(this)\n    )\n    this.container.addEventListener('click', this.onAddButtonClick.bind(this))\n\n    const buttons = this.container.querySelectorAll(\n      '.moj-add-another__add-button, moj-add-another__remove-button'\n    )\n\n    buttons.forEach((button) => {\n      if (!(button instanceof HTMLButtonElement)) {\n        return\n      }\n\n      button.type = 'button'\n    })\n  }\n\n  onAddButtonClick(event) {\n    const button = event.target\n\n    if (\n      !button ||\n      !(button instanceof HTMLButtonElement) ||\n      !button.classList.contains('moj-add-another__add-button')\n    ) {\n      return\n    }\n\n    const items = this.getItems()\n    const item = this.getNewItem()\n\n    if (!item || !(item instanceof HTMLElement)) {\n      return\n    }\n\n    this.updateAttributes(item, items.length)\n    this.resetItem(item)\n\n    const firstItem = items[0]\n    if (!this.hasRemoveButton(firstItem)) {\n      this.createRemoveButton(firstItem)\n    }\n\n    items[items.length - 1].after(item)\n\n    const input = item.querySelector('input, textarea, select')\n    if (input && input instanceof HTMLInputElement) {\n      input.focus()\n    }\n  }\n\n  hasRemoveButton(item) {\n    return item.querySelectorAll('.moj-add-another__remove-button').length\n  }\n\n  getItems() {\n    if (!this.container) {\n      return []\n    }\n\n    const items = Array.from(\n      this.container.querySelectorAll('.moj-add-another__item')\n    )\n\n    return items.filter((item) => item instanceof HTMLElement)\n  }\n\n  getNewItem() {\n    const items = this.getItems()\n    const item = items[0].cloneNode(true)\n\n    if (!item || !(item instanceof HTMLElement)) {\n      return\n    }\n\n    if (!this.hasRemoveButton(item)) {\n      this.createRemoveButton(item)\n    }\n\n    return item\n  }\n\n  updateAttributes(item, index) {\n    item.querySelectorAll('[data-name]').forEach((el) => {\n      if (!(el instanceof HTMLInputElement)) {\n        return\n      }\n\n      const name = el.getAttribute('data-name') || ''\n      const id = el.getAttribute('data-id') || ''\n      const originalId = el.id\n\n      el.name = name.replace(/%index%/, `${index}`)\n      el.id = id.replace(/%index%/, `${index}`)\n\n      const label =\n        el.parentElement.querySelector('label') ||\n        el.closest('label') ||\n        item.querySelector(`[for=\"${originalId}\"]`)\n\n      if (label && label instanceof HTMLLabelElement) {\n        label.htmlFor = el.id\n      }\n    })\n  }\n\n  createRemoveButton(item) {\n    const button = document.createElement('button')\n    button.type = 'button'\n\n    button.classList.add(\n      'govuk-button',\n      'govuk-button--secondary',\n      'moj-add-another__remove-button'\n    )\n\n    button.textContent = 'Remove'\n\n    item.append(button)\n  }\n\n  resetItem(item) {\n    item.querySelectorAll('[data-name], [data-id]').forEach((el) => {\n      if (!(el instanceof HTMLInputElement)) {\n        return\n      }\n\n      if (el.type === 'checkbox' || el.type === 'radio') {\n        el.checked = false\n      } else {\n        el.value = ''\n      }\n    })\n  }\n\n  onRemoveButtonClick(event) {\n    const button = event.target\n\n    if (\n      !button ||\n      !(button instanceof HTMLButtonElement) ||\n      !button.classList.contains('moj-add-another__remove-button')\n    ) {\n      return\n    }\n\n    button.closest('.moj-add-another__item').remove()\n\n    const items = this.getItems()\n\n    if (items.length === 1) {\n      items[0].querySelector('.moj-add-another__remove-button').remove()\n    }\n\n    items.forEach((el, index) => {\n      this.updateAttributes(el, index)\n    })\n\n    this.focusHeading()\n  }\n\n  focusHeading() {\n    const heading = this.container.querySelector('.moj-add-another__heading')\n\n    if (heading && heading instanceof HTMLElement) {\n      heading.focus()\n    }\n  }\n}\n"],"names":["AddAnother","constructor","container","hasAttribute","setAttribute","addEventListener","onRemoveButtonClick","bind","onAddButtonClick","buttons","querySelectorAll","forEach","button","HTMLButtonElement","type","event","target","classList","contains","items","getItems","item","getNewItem","HTMLElement","updateAttributes","length","resetItem","firstItem","hasRemoveButton","createRemoveButton","after","input","querySelector","HTMLInputElement","focus","Array","from","filter","cloneNode","index","el","name","getAttribute","id","originalId","replace","label","parentElement","closest","HTMLLabelElement","htmlFor","document","createElement","add","textContent","append","checked","value","remove","focusHeading","heading"],"mappings":"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"}

package/moj/components/add-another/add-another.bundle.mjs

@@ -0,0 +1,120 @@
+class AddAnother {
+  constructor(container) {
+    this.container = container;
+    if (this.container.hasAttribute('data-moj-add-another-init')) {
+      return this;
+    }
+    this.container.setAttribute('data-moj-add-another-init', '');
+    this.container.addEventListener('click', this.onRemoveButtonClick.bind(this));
+    this.container.addEventListener('click', this.onAddButtonClick.bind(this));
+    const buttons = this.container.querySelectorAll('.moj-add-another__add-button, moj-add-another__remove-button');
+    buttons.forEach(button => {
+      if (!(button instanceof HTMLButtonElement)) {
+        return;
+      }
+      button.type = 'button';
+    });
+  }
+  onAddButtonClick(event) {
+    const button = event.target;
+    if (!button || !(button instanceof HTMLButtonElement) || !button.classList.contains('moj-add-another__add-button')) {
+      return;
+    }
+    const items = this.getItems();
+    const item = this.getNewItem();
+    if (!item || !(item instanceof HTMLElement)) {
+      return;
+    }
+    this.updateAttributes(item, items.length);
+    this.resetItem(item);
+    const firstItem = items[0];
+    if (!this.hasRemoveButton(firstItem)) {
+      this.createRemoveButton(firstItem);
+    }
+    items[items.length - 1].after(item);
+    const input = item.querySelector('input, textarea, select');
+    if (input && input instanceof HTMLInputElement) {
+      input.focus();
+    }
+  }
+  hasRemoveButton(item) {
+    return item.querySelectorAll('.moj-add-another__remove-button').length;
+  }
+  getItems() {
+    if (!this.container) {
+      return [];
+    }
+    const items = Array.from(this.container.querySelectorAll('.moj-add-another__item'));
+    return items.filter(item => item instanceof HTMLElement);
+  }
+  getNewItem() {
+    const items = this.getItems();
+    const item = items[0].cloneNode(true);
+    if (!item || !(item instanceof HTMLElement)) {
+      return;
+    }
+    if (!this.hasRemoveButton(item)) {
+      this.createRemoveButton(item);
+    }
+    return item;
+  }
+  updateAttributes(item, index) {
+    item.querySelectorAll('[data-name]').forEach(el => {
+      if (!(el instanceof HTMLInputElement)) {
+        return;
+      }
+      const name = el.getAttribute('data-name') || '';
+      const id = el.getAttribute('data-id') || '';
+      const originalId = el.id;
+      el.name = name.replace(/%index%/, `${index}`);
+      el.id = id.replace(/%index%/, `${index}`);
+      const label = el.parentElement.querySelector('label') || el.closest('label') || item.querySelector(`[for="${originalId}"]`);
+      if (label && label instanceof HTMLLabelElement) {
+        label.htmlFor = el.id;
+      }
+    });
+  }
+  createRemoveButton(item) {
+    const button = document.createElement('button');
+    button.type = 'button';
+    button.classList.add('govuk-button', 'govuk-button--secondary', 'moj-add-another__remove-button');
+    button.textContent = 'Remove';
+    item.append(button);
+  }
+  resetItem(item) {
+    item.querySelectorAll('[data-name], [data-id]').forEach(el => {
+      if (!(el instanceof HTMLInputElement)) {
+        return;
+      }
+      if (el.type === 'checkbox' || el.type === 'radio') {
+        el.checked = false;
+      } else {
+        el.value = '';
+      }
+    });
+  }
+  onRemoveButtonClick(event) {
+    const button = event.target;
+    if (!button || !(button instanceof HTMLButtonElement) || !button.classList.contains('moj-add-another__remove-button')) {
+      return;
+    }
+    button.closest('.moj-add-another__item').remove();
+    const items = this.getItems();
+    if (items.length === 1) {
+      items[0].querySelector('.moj-add-another__remove-button').remove();
+    }
+    items.forEach((el, index) => {
+      this.updateAttributes(el, index);
+    });
+    this.focusHeading();
+  }
+  focusHeading() {
+    const heading = this.container.querySelector('.moj-add-another__heading');
+    if (heading && heading instanceof HTMLElement) {
+      heading.focus();
+    }
+  }
+}
+
+export { AddAnother };
+//# sourceMappingURL=add-another.bundle.mjs.map

package/moj/components/add-another/add-another.bundle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"add-another.bundle.mjs","sources":["../../../../src/moj/components/add-another/add-another.mjs"],"sourcesContent":["export class AddAnother {\n  constructor(container) {\n    this.container = container\n\n    if (this.container.hasAttribute('data-moj-add-another-init')) {\n      return this\n    }\n\n    this.container.setAttribute('data-moj-add-another-init', '')\n\n    this.container.addEventListener(\n      'click',\n      this.onRemoveButtonClick.bind(this)\n    )\n    this.container.addEventListener('click', this.onAddButtonClick.bind(this))\n\n    const buttons = this.container.querySelectorAll(\n      '.moj-add-another__add-button, moj-add-another__remove-button'\n    )\n\n    buttons.forEach((button) => {\n      if (!(button instanceof HTMLButtonElement)) {\n        return\n      }\n\n      button.type = 'button'\n    })\n  }\n\n  onAddButtonClick(event) {\n    const button = event.target\n\n    if (\n      !button ||\n      !(button instanceof HTMLButtonElement) ||\n      !button.classList.contains('moj-add-another__add-button')\n    ) {\n      return\n    }\n\n    const items = this.getItems()\n    const item = this.getNewItem()\n\n    if (!item || !(item instanceof HTMLElement)) {\n      return\n    }\n\n    this.updateAttributes(item, items.length)\n    this.resetItem(item)\n\n    const firstItem = items[0]\n    if (!this.hasRemoveButton(firstItem)) {\n      this.createRemoveButton(firstItem)\n    }\n\n    items[items.length - 1].after(item)\n\n    const input = item.querySelector('input, textarea, select')\n    if (input && input instanceof HTMLInputElement) {\n      input.focus()\n    }\n  }\n\n  hasRemoveButton(item) {\n    return item.querySelectorAll('.moj-add-another__remove-button').length\n  }\n\n  getItems() {\n    if (!this.container) {\n      return []\n    }\n\n    const items = Array.from(\n      this.container.querySelectorAll('.moj-add-another__item')\n    )\n\n    return items.filter((item) => item instanceof HTMLElement)\n  }\n\n  getNewItem() {\n    const items = this.getItems()\n    const item = items[0].cloneNode(true)\n\n    if (!item || !(item instanceof HTMLElement)) {\n      return\n    }\n\n    if (!this.hasRemoveButton(item)) {\n      this.createRemoveButton(item)\n    }\n\n    return item\n  }\n\n  updateAttributes(item, index) {\n    item.querySelectorAll('[data-name]').forEach((el) => {\n      if (!(el instanceof HTMLInputElement)) {\n        return\n      }\n\n      const name = el.getAttribute('data-name') || ''\n      const id = el.getAttribute('data-id') || ''\n      const originalId = el.id\n\n      el.name = name.replace(/%index%/, `${index}`)\n      el.id = id.replace(/%index%/, `${index}`)\n\n      const label =\n        el.parentElement.querySelector('label') ||\n        el.closest('label') ||\n        item.querySelector(`[for=\"${originalId}\"]`)\n\n      if (label && label instanceof HTMLLabelElement) {\n        label.htmlFor = el.id\n      }\n    })\n  }\n\n  createRemoveButton(item) {\n    const button = document.createElement('button')\n    button.type = 'button'\n\n    button.classList.add(\n      'govuk-button',\n      'govuk-button--secondary',\n      'moj-add-another__remove-button'\n    )\n\n    button.textContent = 'Remove'\n\n    item.append(button)\n  }\n\n  resetItem(item) {\n    item.querySelectorAll('[data-name], [data-id]').forEach((el) => {\n      if (!(el instanceof HTMLInputElement)) {\n        return\n      }\n\n      if (el.type === 'checkbox' || el.type === 'radio') {\n        el.checked = false\n      } else {\n        el.value = ''\n      }\n    })\n  }\n\n  onRemoveButtonClick(event) {\n    const button = event.target\n\n    if (\n      !button ||\n      !(button instanceof HTMLButtonElement) ||\n      !button.classList.contains('moj-add-another__remove-button')\n    ) {\n      return\n    }\n\n    button.closest('.moj-add-another__item').remove()\n\n    const items = this.getItems()\n\n    if (items.length === 1) {\n      items[0].querySelector('.moj-add-another__remove-button').remove()\n    }\n\n    items.forEach((el, index) => {\n      this.updateAttributes(el, index)\n    })\n\n    this.focusHeading()\n  }\n\n  focusHeading() {\n    const heading = this.container.querySelector('.moj-add-another__heading')\n\n    if (heading && heading instanceof HTMLElement) {\n      heading.focus()\n    }\n  }\n}\n"],"names":["AddAnother","constructor","container","hasAttribute","setAttribute","addEventListener","onRemoveButtonClick","bind","onAddButtonClick","buttons","querySelectorAll","forEach","button","HTMLButtonElement","type","event","target","classList","contains","items","getItems","item","getNewItem","HTMLElement","updateAttributes","length","resetItem","firstItem","hasRemoveButton","createRemoveButton","after","input","querySelector","HTMLInputElement","focus","Array","from","filter","cloneNode","index","el","name","getAttribute","id","originalId","replace","label","parentElement","closest","HTMLLabelElement","htmlFor","document","createElement","add","textContent","append","checked","value","remove","focusHeading","heading"],"mappings":"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"}