@ministryofjustice/frontend 4.0.0 → 5.0.0

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

@@ -0,0 +1,70 @@
+class MultiSelect {
+  constructor(options) {
+    this.container = options.container;
+    if (this.container.hasAttribute('data-moj-multi-select-init')) {
+      return this;
+    }
+    this.container.setAttribute('data-moj-multi-select-init', '');
+    const idPrefix = options.id_prefix;
+    this.setupToggle(idPrefix);
+    this.toggleButton = this.toggle.querySelector('input');
+    this.toggleButton.addEventListener('click', this.onButtonClick.bind(this));
+    this.container.append(this.toggle);
+    this.checkboxes = Array.from(options.checkboxes);
+    this.checkboxes.forEach(el => el.addEventListener('click', this.onCheckboxClick.bind(this)));
+    this.checked = options.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(el => {
+      el.checked = true;
+    });
+    this.checked = true;
+  }
+  uncheckAll() {
+    this.checkboxes.forEach(el => {
+      el.checked = false;
+    });
+    this.checked = false;
+  }
+  onCheckboxClick(event) {
+    if (!event.target.checked) {
+      this.toggleButton.checked = false;
+      this.checked = false;
+    } else {
+      if (this.checkboxes.filter(el => el.checked).length === this.checkboxes.length) {
+        this.toggleButton.checked = true;
+        this.checked = true;
+      }
+    }
+  }
+}
+
+export { MultiSelect };
+//# sourceMappingURL=multi-select.bundle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"multi-select.bundle.mjs","sources":["../../../../src/moj/components/multi-select/multi-select.mjs"],"sourcesContent":["export class MultiSelect {\n  constructor(options) {\n    this.container = options.container\n\n    if (this.container.hasAttribute('data-moj-multi-select-init')) {\n      return this\n    }\n\n    this.container.setAttribute('data-moj-multi-select-init', '')\n\n    const idPrefix = options.id_prefix\n    this.setupToggle(idPrefix)\n\n    this.toggleButton = this.toggle.querySelector('input')\n    this.toggleButton.addEventListener('click', this.onButtonClick.bind(this))\n    this.container.append(this.toggle)\n\n    this.checkboxes = Array.from(options.checkboxes)\n    this.checkboxes.forEach((el) =>\n      el.addEventListener('click', this.onCheckboxClick.bind(this))\n    )\n\n    this.checked = options.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((el) => {\n      el.checked = true\n    })\n    this.checked = true\n  }\n\n  uncheckAll() {\n    this.checkboxes.forEach((el) => {\n      el.checked = false\n    })\n    this.checked = false\n  }\n\n  onCheckboxClick(event) {\n    if (!event.target.checked) {\n      this.toggleButton.checked = false\n      this.checked = false\n    } else {\n      if (\n        this.checkboxes.filter((el) => el.checked).length ===\n        this.checkboxes.length\n      ) {\n        this.toggleButton.checked = true\n        this.checked = true\n      }\n    }\n  }\n}\n"],"names":["MultiSelect","constructor","options","container","hasAttribute","setAttribute","idPrefix","id_prefix","setupToggle","toggleButton","toggle","querySelector","addEventListener","onButtonClick","bind","append","checkboxes","Array","from","forEach","el","onCheckboxClick","checked","id","document","createElement","label","input","span","classList","add","type","textContent","uncheckAll","checkAll","event","target","filter","length"],"mappings":"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"}

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

@@ -1,78 +1,70 @@
-function MultiSelect(options) {
-  this.container = $(options.container);
-
-  if (this.container.data('moj-multi-select-initialised')) {
-    return
+class MultiSelect {
+  constructor(options) {
+    this.container = options.container;
+    if (this.container.hasAttribute('data-moj-multi-select-init')) {
+      return this;
+    }
+    this.container.setAttribute('data-moj-multi-select-init', '');
+    const idPrefix = options.id_prefix;
+    this.setupToggle(idPrefix);
+    this.toggleButton = this.toggle.querySelector('input');
+    this.toggleButton.addEventListener('click', this.onButtonClick.bind(this));
+    this.container.append(this.toggle);
+    this.checkboxes = Array.from(options.checkboxes);
+    this.checkboxes.forEach(el => el.addEventListener('click', this.onCheckboxClick.bind(this)));
+    this.checked = options.checked || false;
   }
-
-  this.container.data('moj-multi-select-initialised', true);
-
-  const idPrefix = options.id_prefix;
-  let allId = 'checkboxes-all';
-  if (typeof idPrefix !== 'undefined') {
-    allId = `${idPrefix}checkboxes-all`;
+  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;
   }
-
-  this.toggle = $(this.getToggleHtml(allId));
-  this.toggleButton = this.toggle.find('input');
-  this.toggleButton.on('click', $.proxy(this, 'onButtonClick'));
-  this.container.append(this.toggle);
-  this.checkboxes = $(options.checkboxes);
-  this.checkboxes.on('click', $.proxy(this, 'onCheckboxClick'));
-  this.checked = options.checked || false;
-}
-
-MultiSelect.prototype.getToggleHtml = function (allId) {
-  let html = '';
-  html +=
-    '<div class="govuk-checkboxes__item govuk-checkboxes--small moj-multi-select__checkbox">';
-  html += `  <input type="checkbox" class="govuk-checkboxes__input" id="${allId}">`;
-  html += `  <label class="govuk-label govuk-checkboxes__label moj-multi-select__toggle-label" for="${allId}">`;
-  html += '    <span class="govuk-visually-hidden">Select all</span>';
-  html += '  </label>';
-  html += '</div>';
-  return html
-};
-
-MultiSelect.prototype.onButtonClick = function (e) {
-  if (this.checked) {
-    this.uncheckAll();
-    this.toggleButton[0].checked = false;
-  } else {
-    this.checkAll();
-    this.toggleButton[0].checked = true;
+  onButtonClick() {
+    if (this.checked) {
+      this.uncheckAll();
+      this.toggleButton.checked = false;
+    } else {
+      this.checkAll();
+      this.toggleButton.checked = true;
+    }
   }
-};
-
-MultiSelect.prototype.checkAll = function () {
-  this.checkboxes.each(
-    $.proxy(function (index, el) {
+  checkAll() {
+    this.checkboxes.forEach(el => {
       el.checked = true;
-    }, this)
-  );
-  this.checked = true;
-};
-
-MultiSelect.prototype.uncheckAll = function () {
-  this.checkboxes.each(
-    $.proxy(function (index, el) {
+    });
+    this.checked = true;
+  }
+  uncheckAll() {
+    this.checkboxes.forEach(el => {
       el.checked = false;
-    }, this)
-  );
-  this.checked = false;
-};
-
-MultiSelect.prototype.onCheckboxClick = function (e) {
-  if (!e.target.checked) {
-    this.toggleButton[0].checked = false;
+    });
     this.checked = false;
-  } else {
-    if (this.checkboxes.filter(':checked').length === this.checkboxes.length) {
-      this.toggleButton[0].checked = true;
-      this.checked = true;
+  }
+  onCheckboxClick(event) {
+    if (!event.target.checked) {
+      this.toggleButton.checked = false;
+      this.checked = false;
+    } else {
+      if (this.checkboxes.filter(el => el.checked).length === this.checkboxes.length) {
+        this.toggleButton.checked = true;
+        this.checked = true;
+      }
     }
   }
-};
+}
 
 export { MultiSelect };
 //# sourceMappingURL=multi-select.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"multi-select.mjs","sources":["../../../../src/moj/components/multi-select/multi-select.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function MultiSelect(options) {\n  this.container = $(options.container)\n\n  if (this.container.data('moj-multi-select-initialised')) {\n    return\n  }\n\n  this.container.data('moj-multi-select-initialised', true)\n\n  const idPrefix = options.id_prefix\n  let allId = 'checkboxes-all'\n  if (typeof idPrefix !== 'undefined') {\n    allId = `${idPrefix}checkboxes-all`\n  }\n\n  this.toggle = $(this.getToggleHtml(allId))\n  this.toggleButton = this.toggle.find('input')\n  this.toggleButton.on('click', $.proxy(this, 'onButtonClick'))\n  this.container.append(this.toggle)\n  this.checkboxes = $(options.checkboxes)\n  this.checkboxes.on('click', $.proxy(this, 'onCheckboxClick'))\n  this.checked = options.checked || false\n}\n\nMultiSelect.prototype.getToggleHtml = function (allId) {\n  let html = ''\n  html +=\n    '<div class=\"govuk-checkboxes__item govuk-checkboxes--small moj-multi-select__checkbox\">'\n  html += `  <input type=\"checkbox\" class=\"govuk-checkboxes__input\" id=\"${allId}\">`\n  html += `  <label class=\"govuk-label govuk-checkboxes__label moj-multi-select__toggle-label\" for=\"${allId}\">`\n  html += '    <span class=\"govuk-visually-hidden\">Select all</span>'\n  html += '  </label>'\n  html += '</div>'\n  return html\n}\n\nMultiSelect.prototype.onButtonClick = function (e) {\n  if (this.checked) {\n    this.uncheckAll()\n    this.toggleButton[0].checked = false\n  } else {\n    this.checkAll()\n    this.toggleButton[0].checked = true\n  }\n}\n\nMultiSelect.prototype.checkAll = function () {\n  this.checkboxes.each(\n    $.proxy(function (index, el) {\n      el.checked = true\n    }, this)\n  )\n  this.checked = true\n}\n\nMultiSelect.prototype.uncheckAll = function () {\n  this.checkboxes.each(\n    $.proxy(function (index, el) {\n      el.checked = false\n    }, this)\n  )\n  this.checked = false\n}\n\nMultiSelect.prototype.onCheckboxClick = function (e) {\n  if (!e.target.checked) {\n    this.toggleButton[0].checked = false\n    this.checked = false\n  } else {\n    if (this.checkboxes.filter(':checked').length === this.checkboxes.length) {\n      this.toggleButton[0].checked = true\n      this.checked = true\n    }\n  }\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"multi-select.mjs","sources":["../../../../src/moj/components/multi-select/multi-select.mjs"],"sourcesContent":["export class MultiSelect {\n  constructor(options) {\n    this.container = options.container\n\n    if (this.container.hasAttribute('data-moj-multi-select-init')) {\n      return this\n    }\n\n    this.container.setAttribute('data-moj-multi-select-init', '')\n\n    const idPrefix = options.id_prefix\n    this.setupToggle(idPrefix)\n\n    this.toggleButton = this.toggle.querySelector('input')\n    this.toggleButton.addEventListener('click', this.onButtonClick.bind(this))\n    this.container.append(this.toggle)\n\n    this.checkboxes = Array.from(options.checkboxes)\n    this.checkboxes.forEach((el) =>\n      el.addEventListener('click', this.onCheckboxClick.bind(this))\n    )\n\n    this.checked = options.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((el) => {\n      el.checked = true\n    })\n    this.checked = true\n  }\n\n  uncheckAll() {\n    this.checkboxes.forEach((el) => {\n      el.checked = false\n    })\n    this.checked = false\n  }\n\n  onCheckboxClick(event) {\n    if (!event.target.checked) {\n      this.toggleButton.checked = false\n      this.checked = false\n    } else {\n      if (\n        this.checkboxes.filter((el) => el.checked).length ===\n        this.checkboxes.length\n      ) {\n        this.toggleButton.checked = true\n        this.checked = true\n      }\n    }\n  }\n}\n"],"names":["MultiSelect","constructor","options","container","hasAttribute","setAttribute","idPrefix","id_prefix","setupToggle","toggleButton","toggle","querySelector","addEventListener","onButtonClick","bind","append","checkboxes","Array","from","forEach","el","onCheckboxClick","checked","id","document","createElement","label","input","span","classList","add","type","textContent","uncheckAll","checkAll","event","target","filter","length"],"mappings":"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"}

package/moj/components/notification-badge/_notification-badge.scss

@@ -16,3 +16,5 @@
   white-space: nowrap;
   @include govuk-font($size: 16, $weight: "bold");
 }
+
+/*# sourceMappingURL=_notification-badge.scss.map */

package/moj/components/notification-badge/_notification-badge.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/notification-badge/_notification-badge.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,qBAAqB;EACrB,eAAe;EACf,oBAAoB;EACpB,mBAAmB;EACnB,4BAA4B;EAC5B,qCAAqC;EACrC,gBAAgB;EAChB,kBAAkB;EAClB,mBAAmB;EACnB,+CAA+C;AACjD","file":"_notification-badge.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #NOTIFICATION BADGE\n   ========================================================================== */\n\n.moj-notification-badge {\n  display: inline-block;\n  min-width: 15px;\n  padding: 5px 8px 2px;\n  border-radius: 75px;\n  color: govuk-colour(\"white\");\n  background-color: govuk-colour(\"red\");\n  font-weight: 600;\n  text-align: center;\n  white-space: nowrap;\n  @include govuk-font($size: 16, $weight: \"bold\");\n}\n"]}

package/moj/components/organisation-switcher/_organisation-switcher.scss

@@ -28,3 +28,5 @@
     float: right;
   }
 }
+
+/*# sourceMappingURL=_organisation-switcher.scss.map */

package/moj/components/organisation-switcher/_organisation-switcher.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/organisation-switcher/_organisation-switcher.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,4BAA4B;EAC5B,+BAA+B;EAC/B,gCAAgC;EAChC,6CAA6C;EAC7C,uBAAuB;AACzB;;AAEA;EACE,+CAA+C;EAC/C;IACE,UAAU;IACV,WAAW;EACb;AACF;;AAEA;EACE,0BAA0B;EAC1B,iCAAiC;EACjC,kCAAkC;EAClC;IACE,YAAY;EACd;AACF","file":"_organisation-switcher.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #ORGANISATION SWITCHER\n   ========================================================================== */\n\n.moj-organisation-nav {\n  margin-top: govuk-spacing(2);\n  margin-bottom: govuk-spacing(3);\n  padding-bottom: govuk-spacing(1);\n  border-bottom: 1px solid $govuk-border-colour;\n  @include govuk-clearfix;\n}\n\n.moj-organisation-nav__title {\n  @include govuk-font($size: 19, $weight: \"bold\");\n  @include govuk-media-query($from: tablet) {\n    width: 75%;\n    float: left;\n  }\n}\n\n.moj-organisation-nav__link {\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n  @include govuk-link-print-friendly;\n  @include govuk-media-query($from: tablet) {\n    float: right;\n  }\n}\n"]}

package/moj/components/page-header-actions/_page-header-actions.scss

@@ -25,3 +25,5 @@
     margin-bottom: 0;
   }
 }
+
+/*# sourceMappingURL=_page-header-actions.scss.map */

package/moj/components/page-header-actions/_page-header-actions.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/page-header-actions/_page-header-actions.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,aAAa;EACb,4BAA4B,EAAE,qBAAqB;EACnD,+BAA+B;EAC/B,eAAe;EACf,8BAA8B;EAC9B,mBAAmB;EACnB,qBAAqB;AACvB;;AAEA;EACE;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE;IACE,gBAAgB;EAClB;;EAEA;IACE,gBAAgB;EAClB;AACF","file":"_page-header-actions.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-page-header-actions {\n  display: flex;\n  min-height: govuk-spacing(7); // Match button height\n  margin-bottom: govuk-spacing(7);\n  flex-wrap: wrap;\n  justify-content: space-between;\n  align-items: center;\n  gap: govuk-spacing(2);\n}\n\n.moj-page-header-actions__title {\n  [class^=\"govuk-heading-\"] {\n    margin-bottom: 0;\n  }\n}\n\n.moj-page-header-actions__actions {\n  .moj-button-group {\n    margin-bottom: 0;\n  }\n\n  .govuk-button {\n    margin-bottom: 0;\n  }\n}\n"]}

package/moj/components/page-header-actions/template.njk

@@ -10,7 +10,7 @@
     </div>
     {% if params.items %}
         <div class="moj-page-header-actions__actions">
-            <div class="moj-button-group">
+            <div class="moj-button-group moj-button-group--inline">
                 {% for button in params.items %}
                     {{ govukButton(button) }}
                 {% endfor %}

package/moj/components/pagination/_pagination.scss

@@ -69,8 +69,6 @@
   display: inline-block;
   width: 10px;
   height: 10px;
-  -webkit-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
   border-style: solid;
   color: govuk-colour("black");
@@ -115,3 +113,5 @@
     color: govuk-colour("black");
   }
 }
+
+/*# sourceMappingURL=_pagination.scss.map */

package/moj/components/pagination/_pagination.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/pagination/_pagination.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;EACE,qBAAqB;;EAErB;IACE,gCAAgC;;IAEhC,uBAAuB;IACvB,+BAA+B;;IAE/B,kCAAkC;IAClC,YAAY;;IAEZ,qCAAqC;IACrC,mBAAmB;;IAEnB;MACE,WAAW;MACX,qBAAqB;MACrB,WAAW;IACb;EACF;AACF;;AAEA;EACE,SAAS;EACT,UAAU;EACV,gBAAgB;EAChB;IACE,qBAAqB;IACrB,gBAAgB;IAChB,sBAAsB;EACxB;AACF;;AAEA;EACE,aAAa;EACb,yBAAyB;EACzB,uBAAuB;EACvB;IACE,qBAAqB;IACrB,gBAAgB;IAChB,sBAAsB;EACxB;AACF;;AAEA;EACE,qBAAqB;EACrB,uBAAuB;AACzB;;AAEA;;EAEE,YAAY;EACZ,0CAA0C;EAC1C,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,eAAe;AACjB;;AAEA;;EAEE,WAAW;EACX,qBAAqB;EACrB,WAAW;EACX,YAAY;EAGZ,yBAAyB;EACzB,mBAAmB;EACnB,4BAA4B;EAC5B,uBAAuB;AACzB;;AAEA;EACE,8BAA8B;EAC9B,yBAAyB;AAC3B;;AAEA;EACE,6BAA6B;EAC7B,yBAAyB;AAC3B;;AAEA;EACE,cAAc;EACd,eAAe;EACf,yBAAyB;EACzB,kBAAkB;EAClB,0BAA0B;EAC1B,iCAAiC;;EAEjC;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,yBAAyB;EAC3B;;EAEA;IACE,yCAAyC;EAC3C;;EAEA;IACE,4BAA4B;EAC9B;AACF","file":"_pagination.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n.moj-pagination {\n  // text-align: center;\n\n  @include govuk-media-query($from: desktop) {\n    margin-right: - govuk-spacing(1);\n\n    // Alignment adjustments\n    margin-left: - govuk-spacing(1);\n\n    // Hide whitespace between elements\n    font-size: 0;\n\n    // Trick to remove the need for floats\n    text-align: justify;\n\n    &::after {\n      content: \"\";\n      display: inline-block;\n      width: 100%;\n    }\n  }\n}\n\n.moj-pagination__list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  @include govuk-media-query($from: desktop) {\n    display: inline-block;\n    margin-bottom: 0;\n    vertical-align: middle;\n  }\n}\n\n.moj-pagination__results {\n  margin-top: 0;\n  padding: govuk-spacing(1);\n  @include govuk-font(19);\n  @include govuk-media-query($from: desktop) {\n    display: inline-block;\n    margin-bottom: 0;\n    vertical-align: middle;\n  }\n}\n\n.moj-pagination__item {\n  display: inline-block;\n  @include govuk-font(19);\n}\n\n.moj-pagination__item--active,\n.moj-pagination__item--dots {\n  height: 25px;\n  padding: govuk-spacing(1) govuk-spacing(2);\n  font-weight: bold;\n  text-align: center;\n}\n\n.moj-pagination__item--dots {\n  padding-right: 0;\n  padding-left: 0;\n}\n\n.moj-pagination__item--prev .moj-pagination__link::before,\n.moj-pagination__item--next .moj-pagination__link::after {\n  content: \"\";\n  display: inline-block;\n  width: 10px;\n  height: 10px;\n  -webkit-transform: rotate(-45deg);\n  -ms-transform: rotate(-45deg);\n  transform: rotate(-45deg);\n  border-style: solid;\n  color: govuk-colour(\"black\");\n  background: transparent;\n}\n\n.moj-pagination__item--prev .moj-pagination__link::before {\n  margin-right: govuk-spacing(1);\n  border-width: 3px 0 0 3px;\n}\n\n.moj-pagination__item--next .moj-pagination__link::after {\n  margin-left: govuk-spacing(1);\n  border-width: 0 3px 3px 0;\n}\n\n.moj-pagination__link {\n  display: block;\n  min-width: 25px;\n  padding: govuk-spacing(1);\n  text-align: center;\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n\n  &:link,\n  &:visited,\n  &:hover,\n  &:active {\n    text-decoration: none;\n  }\n\n  &:link,\n  &:visited {\n    color: $govuk-link-colour;\n  }\n\n  &:hover {\n    color: govuk-tint($govuk-link-colour, 25);\n  }\n\n  &:focus {\n    color: govuk-colour(\"black\");\n  }\n}\n"]}

package/moj/components/password-reveal/_password-reveal.scss

@@ -15,3 +15,5 @@
     width: 80px;
   }
 }
+
+/*# sourceMappingURL=_password-reveal.scss.map */

package/moj/components/password-reveal/_password-reveal.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/password-reveal/_password-reveal.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,aAAa;;EAEb;IACE,8BAA8B;EAChC;;EAEA;IACE,WAAW;EACb;AACF","file":"_password-reveal.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #PASSWORD SHOW/HIDE\n   ========================================================================== */\n\n.moj-password-reveal {\n  display: flex;\n\n  &__input {\n    margin-right: govuk-spacing(1);\n  }\n\n  &__button {\n    width: 80px;\n  }\n}\n"]}

package/moj/components/password-reveal/password-reveal.bundle.js

@@ -0,0 +1,49 @@
+(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 PasswordReveal {
+    /**
+     * @param {Element | null} element - HTML element to use for password reveal
+     */
+    constructor(element) {
+      if (!element || !(element instanceof HTMLInputElement)) {
+        return this;
+      }
+      this.el = element;
+      this.container = element.parentElement;
+      if (this.container.hasAttribute('data-moj-password-reveal-init')) {
+        return this;
+      }
+      this.container.setAttribute('data-moj-password-reveal-init', '');
+      this.el.setAttribute('spellcheck', 'false');
+      this.createButton();
+    }
+    createButton() {
+      this.group = document.createElement('div');
+      this.button = document.createElement('button');
+      this.button.setAttribute('type', 'button');
+      this.group.className = 'moj-password-reveal';
+      this.button.className = 'govuk-button govuk-button--secondary moj-password-reveal__button';
+      this.button.innerHTML = 'Show <span class="govuk-visually-hidden">password</span>';
+      this.button.addEventListener('click', this.onButtonClick.bind(this));
+      this.group.append(this.el, this.button);
+      this.container.append(this.group);
+    }
+    onButtonClick() {
+      if (this.el.type === 'password') {
+        this.el.type = 'text';
+        this.button.innerHTML = 'Hide <span class="govuk-visually-hidden">password</span>';
+      } else {
+        this.el.type = 'password';
+        this.button.innerHTML = 'Show <span class="govuk-visually-hidden">password</span>';
+      }
+    }
+  }
+
+  exports.PasswordReveal = PasswordReveal;
+
+}));
+//# sourceMappingURL=password-reveal.bundle.js.map

package/moj/components/password-reveal/password-reveal.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-reveal.bundle.js","sources":["../../../../src/moj/components/password-reveal/password-reveal.mjs"],"sourcesContent":["export class PasswordReveal {\n  /**\n   * @param {Element | null} element - HTML element to use for password reveal\n   */\n  constructor(element) {\n    if (!element || !(element instanceof HTMLInputElement)) {\n      return this\n    }\n\n    this.el = element\n    this.container = element.parentElement\n\n    if (this.container.hasAttribute('data-moj-password-reveal-init')) {\n      return this\n    }\n\n    this.container.setAttribute('data-moj-password-reveal-init', '')\n\n    this.el.setAttribute('spellcheck', 'false')\n    this.createButton()\n  }\n\n  createButton() {\n    this.group = document.createElement('div')\n    this.button = document.createElement('button')\n\n    this.button.setAttribute('type', 'button')\n\n    this.group.className = 'moj-password-reveal'\n\n    this.button.className =\n      'govuk-button govuk-button--secondary moj-password-reveal__button'\n\n    this.button.innerHTML =\n      'Show <span class=\"govuk-visually-hidden\">password</span>'\n\n    this.button.addEventListener('click', this.onButtonClick.bind(this))\n\n    this.group.append(this.el, this.button)\n    this.container.append(this.group)\n  }\n\n  onButtonClick() {\n    if (this.el.type === 'password') {\n      this.el.type = 'text'\n      this.button.innerHTML =\n        'Hide <span class=\"govuk-visually-hidden\">password</span>'\n    } else {\n      this.el.type = 'password'\n      this.button.innerHTML =\n        'Show <span class=\"govuk-visually-hidden\">password</span>'\n    }\n  }\n}\n"],"names":["PasswordReveal","constructor","element","HTMLInputElement","el","container","parentElement","hasAttribute","setAttribute","createButton","group","document","createElement","button","className","innerHTML","addEventListener","onButtonClick","bind","append","type"],"mappings":";;;;;;EAAO,MAAMA,cAAc,CAAC;EAC1B;EACF;EACA;IACEC,WAAWA,CAACC,OAAO,EAAE;MACnB,IAAI,CAACA,OAAO,IAAI,EAAEA,OAAO,YAAYC,gBAAgB,CAAC,EAAE;EACtD,MAAA,OAAO,IAAI;EACb;MAEA,IAAI,CAACC,EAAE,GAAGF,OAAO;EACjB,IAAA,IAAI,CAACG,SAAS,GAAGH,OAAO,CAACI,aAAa;MAEtC,IAAI,IAAI,CAACD,SAAS,CAACE,YAAY,CAAC,+BAA+B,CAAC,EAAE;EAChE,MAAA,OAAO,IAAI;EACb;MAEA,IAAI,CAACF,SAAS,CAACG,YAAY,CAAC,+BAA+B,EAAE,EAAE,CAAC;MAEhE,IAAI,CAACJ,EAAE,CAACI,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC;MAC3C,IAAI,CAACC,YAAY,EAAE;EACrB;EAEAA,EAAAA,YAAYA,GAAG;MACb,IAAI,CAACC,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;MAC1C,IAAI,CAACC,MAAM,GAAGF,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;MAE9C,IAAI,CAACC,MAAM,CAACL,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;EAE1C,IAAA,IAAI,CAACE,KAAK,CAACI,SAAS,GAAG,qBAAqB;EAE5C,IAAA,IAAI,CAACD,MAAM,CAACC,SAAS,GACnB,kEAAkE;EAEpE,IAAA,IAAI,CAACD,MAAM,CAACE,SAAS,GACnB,0DAA0D;EAE5D,IAAA,IAAI,CAACF,MAAM,CAACG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACC,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;EAEpE,IAAA,IAAI,CAACR,KAAK,CAACS,MAAM,CAAC,IAAI,CAACf,EAAE,EAAE,IAAI,CAACS,MAAM,CAAC;MACvC,IAAI,CAACR,SAAS,CAACc,MAAM,CAAC,IAAI,CAACT,KAAK,CAAC;EACnC;EAEAO,EAAAA,aAAaA,GAAG;EACd,IAAA,IAAI,IAAI,CAACb,EAAE,CAACgB,IAAI,KAAK,UAAU,EAAE;EAC/B,MAAA,IAAI,CAAChB,EAAE,CAACgB,IAAI,GAAG,MAAM;EACrB,MAAA,IAAI,CAACP,MAAM,CAACE,SAAS,GACnB,0DAA0D;EAC9D,KAAC,MAAM;EACL,MAAA,IAAI,CAACX,EAAE,CAACgB,IAAI,GAAG,UAAU;EACzB,MAAA,IAAI,CAACP,MAAM,CAACE,SAAS,GACnB,0DAA0D;EAC9D;EACF;EACF;;;;;;;;"}

package/moj/components/password-reveal/password-reveal.bundle.mjs

@@ -0,0 +1,41 @@
+class PasswordReveal {
+  /**
+   * @param {Element | null} element - HTML element to use for password reveal
+   */
+  constructor(element) {
+    if (!element || !(element instanceof HTMLInputElement)) {
+      return this;
+    }
+    this.el = element;
+    this.container = element.parentElement;
+    if (this.container.hasAttribute('data-moj-password-reveal-init')) {
+      return this;
+    }
+    this.container.setAttribute('data-moj-password-reveal-init', '');
+    this.el.setAttribute('spellcheck', 'false');
+    this.createButton();
+  }
+  createButton() {
+    this.group = document.createElement('div');
+    this.button = document.createElement('button');
+    this.button.setAttribute('type', 'button');
+    this.group.className = 'moj-password-reveal';
+    this.button.className = 'govuk-button govuk-button--secondary moj-password-reveal__button';
+    this.button.innerHTML = 'Show <span class="govuk-visually-hidden">password</span>';
+    this.button.addEventListener('click', this.onButtonClick.bind(this));
+    this.group.append(this.el, this.button);
+    this.container.append(this.group);
+  }
+  onButtonClick() {
+    if (this.el.type === 'password') {
+      this.el.type = 'text';
+      this.button.innerHTML = 'Hide <span class="govuk-visually-hidden">password</span>';
+    } else {
+      this.el.type = 'password';
+      this.button.innerHTML = 'Show <span class="govuk-visually-hidden">password</span>';
+    }
+  }
+}
+
+export { PasswordReveal };
+//# sourceMappingURL=password-reveal.bundle.mjs.map

package/moj/components/password-reveal/password-reveal.bundle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-reveal.bundle.mjs","sources":["../../../../src/moj/components/password-reveal/password-reveal.mjs"],"sourcesContent":["export class PasswordReveal {\n  /**\n   * @param {Element | null} element - HTML element to use for password reveal\n   */\n  constructor(element) {\n    if (!element || !(element instanceof HTMLInputElement)) {\n      return this\n    }\n\n    this.el = element\n    this.container = element.parentElement\n\n    if (this.container.hasAttribute('data-moj-password-reveal-init')) {\n      return this\n    }\n\n    this.container.setAttribute('data-moj-password-reveal-init', '')\n\n    this.el.setAttribute('spellcheck', 'false')\n    this.createButton()\n  }\n\n  createButton() {\n    this.group = document.createElement('div')\n    this.button = document.createElement('button')\n\n    this.button.setAttribute('type', 'button')\n\n    this.group.className = 'moj-password-reveal'\n\n    this.button.className =\n      'govuk-button govuk-button--secondary moj-password-reveal__button'\n\n    this.button.innerHTML =\n      'Show <span class=\"govuk-visually-hidden\">password</span>'\n\n    this.button.addEventListener('click', this.onButtonClick.bind(this))\n\n    this.group.append(this.el, this.button)\n    this.container.append(this.group)\n  }\n\n  onButtonClick() {\n    if (this.el.type === 'password') {\n      this.el.type = 'text'\n      this.button.innerHTML =\n        'Hide <span class=\"govuk-visually-hidden\">password</span>'\n    } else {\n      this.el.type = 'password'\n      this.button.innerHTML =\n        'Show <span class=\"govuk-visually-hidden\">password</span>'\n    }\n  }\n}\n"],"names":["PasswordReveal","constructor","element","HTMLInputElement","el","container","parentElement","hasAttribute","setAttribute","createButton","group","document","createElement","button","className","innerHTML","addEventListener","onButtonClick","bind","append","type"],"mappings":"AAAO,MAAMA,cAAc,CAAC;AAC1B;AACF;AACA;EACEC,WAAWA,CAACC,OAAO,EAAE;IACnB,IAAI,CAACA,OAAO,IAAI,EAAEA,OAAO,YAAYC,gBAAgB,CAAC,EAAE;AACtD,MAAA,OAAO,IAAI;AACb;IAEA,IAAI,CAACC,EAAE,GAAGF,OAAO;AACjB,IAAA,IAAI,CAACG,SAAS,GAAGH,OAAO,CAACI,aAAa;IAEtC,IAAI,IAAI,CAACD,SAAS,CAACE,YAAY,CAAC,+BAA+B,CAAC,EAAE;AAChE,MAAA,OAAO,IAAI;AACb;IAEA,IAAI,CAACF,SAAS,CAACG,YAAY,CAAC,+BAA+B,EAAE,EAAE,CAAC;IAEhE,IAAI,CAACJ,EAAE,CAACI,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC;IAC3C,IAAI,CAACC,YAAY,EAAE;AACrB;AAEAA,EAAAA,YAAYA,GAAG;IACb,IAAI,CAACC,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC1C,IAAI,CAACC,MAAM,GAAGF,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;IAE9C,IAAI,CAACC,MAAM,CAACL,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;AAE1C,IAAA,IAAI,CAACE,KAAK,CAACI,SAAS,GAAG,qBAAqB;AAE5C,IAAA,IAAI,CAACD,MAAM,CAACC,SAAS,GACnB,kEAAkE;AAEpE,IAAA,IAAI,CAACD,MAAM,CAACE,SAAS,GACnB,0DAA0D;AAE5D,IAAA,IAAI,CAACF,MAAM,CAACG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACC,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEpE,IAAA,IAAI,CAACR,KAAK,CAACS,MAAM,CAAC,IAAI,CAACf,EAAE,EAAE,IAAI,CAACS,MAAM,CAAC;IACvC,IAAI,CAACR,SAAS,CAACc,MAAM,CAAC,IAAI,CAACT,KAAK,CAAC;AACnC;AAEAO,EAAAA,aAAaA,GAAG;AACd,IAAA,IAAI,IAAI,CAACb,EAAE,CAACgB,IAAI,KAAK,UAAU,EAAE;AAC/B,MAAA,IAAI,CAAChB,EAAE,CAACgB,IAAI,GAAG,MAAM;AACrB,MAAA,IAAI,CAACP,MAAM,CAACE,SAAS,GACnB,0DAA0D;AAC9D,KAAC,MAAM;AACL,MAAA,IAAI,CAACX,EAAE,CAACgB,IAAI,GAAG,UAAU;AACzB,MAAA,IAAI,CAACP,MAAM,CAACE,SAAS,GACnB,0DAA0D;AAC9D;AACF;AACF;;;;"}

package/moj/components/password-reveal/password-reveal.mjs

@@ -1,36 +1,41 @@
-function PasswordReveal(element) {
-  this.el = element;
-  const $el = $(this.el);
-
-  if ($el.data('moj-password-reveal-initialised')) {
-    return
+class PasswordReveal {
+  /**
+   * @param {Element | null} element - HTML element to use for password reveal
+   */
+  constructor(element) {
+    if (!element || !(element instanceof HTMLInputElement)) {
+      return this;
+    }
+    this.el = element;
+    this.container = element.parentElement;
+    if (this.container.hasAttribute('data-moj-password-reveal-init')) {
+      return this;
+    }
+    this.container.setAttribute('data-moj-password-reveal-init', '');
+    this.el.setAttribute('spellcheck', 'false');
+    this.createButton();
   }
-
-  $el.data('moj-password-reveal-initialised', true);
-  $el.attr('spellcheck', 'false');
-
-  $el.wrap('<div class="moj-password-reveal"></div>');
-  this.container = $(this.el).parent();
-  this.createButton();
-}
-
-PasswordReveal.prototype.createButton = function () {
-  this.button = $(
-    '<button type="button" class="govuk-button govuk-button--secondary moj-password-reveal__button">Show <span class="govuk-visually-hidden">password</span></button>'
-  );
-  this.container.append(this.button);
-  this.button.on('click', $.proxy(this, 'onButtonClick'));
-};
-
-PasswordReveal.prototype.onButtonClick = function () {
-  if (this.el.type === 'password') {
-    this.el.type = 'text';
-    this.button.html('Hide <span class="govuk-visually-hidden">password</span>');
-  } else {
-    this.el.type = 'password';
-    this.button.html('Show <span class="govuk-visually-hidden">password</span>');
+  createButton() {
+    this.group = document.createElement('div');
+    this.button = document.createElement('button');
+    this.button.setAttribute('type', 'button');
+    this.group.className = 'moj-password-reveal';
+    this.button.className = 'govuk-button govuk-button--secondary moj-password-reveal__button';
+    this.button.innerHTML = 'Show <span class="govuk-visually-hidden">password</span>';
+    this.button.addEventListener('click', this.onButtonClick.bind(this));
+    this.group.append(this.el, this.button);
+    this.container.append(this.group);
   }
-};
+  onButtonClick() {
+    if (this.el.type === 'password') {
+      this.el.type = 'text';
+      this.button.innerHTML = 'Hide <span class="govuk-visually-hidden">password</span>';
+    } else {
+      this.el.type = 'password';
+      this.button.innerHTML = 'Show <span class="govuk-visually-hidden">password</span>';
+    }
+  }
+}
 
 export { PasswordReveal };
 //# sourceMappingURL=password-reveal.mjs.map

package/moj/components/password-reveal/password-reveal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"password-reveal.mjs","sources":["../../../../src/moj/components/password-reveal/password-reveal.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function PasswordReveal(element) {\n  this.el = element\n  const $el = $(this.el)\n\n  if ($el.data('moj-password-reveal-initialised')) {\n    return\n  }\n\n  $el.data('moj-password-reveal-initialised', true)\n  $el.attr('spellcheck', 'false')\n\n  $el.wrap('<div class=\"moj-password-reveal\"></div>')\n  this.container = $(this.el).parent()\n  this.createButton()\n}\n\nPasswordReveal.prototype.createButton = function () {\n  this.button = $(\n    '<button type=\"button\" class=\"govuk-button govuk-button--secondary moj-password-reveal__button\">Show <span class=\"govuk-visually-hidden\">password</span></button>'\n  )\n  this.container.append(this.button)\n  this.button.on('click', $.proxy(this, 'onButtonClick'))\n}\n\nPasswordReveal.prototype.onButtonClick = function () {\n  if (this.el.type === 'password') {\n    this.el.type = 'text'\n    this.button.html('Hide <span class=\"govuk-visually-hidden\">password</span>')\n  } else {\n    this.el.type = 'password'\n    this.button.html('Show <span class=\"govuk-visually-hidden\">password</span>')\n  }\n}\n"],"names":[],"mappings":"AAEA,SAAA,cAAA,CAAA,OAAA,EAAA;AACA,EAAA,IAAA,CAAA,EAAA,GAAA;AACA,EAAA,MAAA,GAAA,GAAA,CAAA,CAAA,IAAA,CAAA,EAAA;;AAEA,EAAA,IAAA,GAAA,CAAA,IAAA,CAAA,iCAAA,CAAA,EAAA;AACA,IAAA;AACA;;AAEA,EAAA,GAAA,CAAA,IAAA,CAAA,iCAAA,EAAA,IAAA;AACA,EAAA,GAAA,CAAA,IAAA,CAAA,YAAA,EAAA,OAAA;;AAEA,EAAA,GAAA,CAAA,IAAA,CAAA,yCAAA;AACA,EAAA,IAAA,CAAA,SAAA,GAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,CAAA,MAAA;AACA,EAAA,IAAA,CAAA,YAAA;AACA;;AAEA,cAAA,CAAA,SAAA,CAAA,YAAA,GAAA,YAAA;AACA,EAAA,IAAA,CAAA,MAAA,GAAA,CAAA;AACA,IAAA;AACA;AACA,EAAA,IAAA,CAAA,SAAA,CAAA,MAAA,CAAA,IAAA,CAAA,MAAA;AACA,EAAA,IAAA,CAAA,MAAA,CAAA,EAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA,CAAA,IAAA,EAAA,eAAA,CAAA;AACA;;AAEA,cAAA,CAAA,SAAA,CAAA,aAAA,GAAA,YAAA;AACA,EAAA,IAAA,IAAA,CAAA,EAAA,CAAA,IAAA,KAAA,UAAA,EAAA;AACA,IAAA,IAAA,CAAA,EAAA,CAAA,IAAA,GAAA;AACA,IAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,0DAAA;AACA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,EAAA,CAAA,IAAA,GAAA;AACA,IAAA,IAAA,CAAA,MAAA,CAAA,IAAA,CAAA,0DAAA;AACA;AACA;;;;"}
+{"version":3,"file":"password-reveal.mjs","sources":["../../../../src/moj/components/password-reveal/password-reveal.mjs"],"sourcesContent":["export class PasswordReveal {\n  /**\n   * @param {Element | null} element - HTML element to use for password reveal\n   */\n  constructor(element) {\n    if (!element || !(element instanceof HTMLInputElement)) {\n      return this\n    }\n\n    this.el = element\n    this.container = element.parentElement\n\n    if (this.container.hasAttribute('data-moj-password-reveal-init')) {\n      return this\n    }\n\n    this.container.setAttribute('data-moj-password-reveal-init', '')\n\n    this.el.setAttribute('spellcheck', 'false')\n    this.createButton()\n  }\n\n  createButton() {\n    this.group = document.createElement('div')\n    this.button = document.createElement('button')\n\n    this.button.setAttribute('type', 'button')\n\n    this.group.className = 'moj-password-reveal'\n\n    this.button.className =\n      'govuk-button govuk-button--secondary moj-password-reveal__button'\n\n    this.button.innerHTML =\n      'Show <span class=\"govuk-visually-hidden\">password</span>'\n\n    this.button.addEventListener('click', this.onButtonClick.bind(this))\n\n    this.group.append(this.el, this.button)\n    this.container.append(this.group)\n  }\n\n  onButtonClick() {\n    if (this.el.type === 'password') {\n      this.el.type = 'text'\n      this.button.innerHTML =\n        'Hide <span class=\"govuk-visually-hidden\">password</span>'\n    } else {\n      this.el.type = 'password'\n      this.button.innerHTML =\n        'Show <span class=\"govuk-visually-hidden\">password</span>'\n    }\n  }\n}\n"],"names":["PasswordReveal","constructor","element","HTMLInputElement","el","container","parentElement","hasAttribute","setAttribute","createButton","group","document","createElement","button","className","innerHTML","addEventListener","onButtonClick","bind","append","type"],"mappings":"AAAO,MAAMA,cAAc,CAAC;AAC1B;AACF;AACA;EACEC,WAAWA,CAACC,OAAO,EAAE;IACnB,IAAI,CAACA,OAAO,IAAI,EAAEA,OAAO,YAAYC,gBAAgB,CAAC,EAAE;AACtD,MAAA,OAAO,IAAI;AACb;IAEA,IAAI,CAACC,EAAE,GAAGF,OAAO;AACjB,IAAA,IAAI,CAACG,SAAS,GAAGH,OAAO,CAACI,aAAa;IAEtC,IAAI,IAAI,CAACD,SAAS,CAACE,YAAY,CAAC,+BAA+B,CAAC,EAAE;AAChE,MAAA,OAAO,IAAI;AACb;IAEA,IAAI,CAACF,SAAS,CAACG,YAAY,CAAC,+BAA+B,EAAE,EAAE,CAAC;IAEhE,IAAI,CAACJ,EAAE,CAACI,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC;IAC3C,IAAI,CAACC,YAAY,EAAE;AACrB;AAEAA,EAAAA,YAAYA,GAAG;IACb,IAAI,CAACC,KAAK,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAC1C,IAAI,CAACC,MAAM,GAAGF,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;IAE9C,IAAI,CAACC,MAAM,CAACL,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;AAE1C,IAAA,IAAI,CAACE,KAAK,CAACI,SAAS,GAAG,qBAAqB;AAE5C,IAAA,IAAI,CAACD,MAAM,CAACC,SAAS,GACnB,kEAAkE;AAEpE,IAAA,IAAI,CAACD,MAAM,CAACE,SAAS,GACnB,0DAA0D;AAE5D,IAAA,IAAI,CAACF,MAAM,CAACG,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACC,aAAa,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;AAEpE,IAAA,IAAI,CAACR,KAAK,CAACS,MAAM,CAAC,IAAI,CAACf,EAAE,EAAE,IAAI,CAACS,MAAM,CAAC;IACvC,IAAI,CAACR,SAAS,CAACc,MAAM,CAAC,IAAI,CAACT,KAAK,CAAC;AACnC;AAEAO,EAAAA,aAAaA,GAAG;AACd,IAAA,IAAI,IAAI,CAACb,EAAE,CAACgB,IAAI,KAAK,UAAU,EAAE;AAC/B,MAAA,IAAI,CAAChB,EAAE,CAACgB,IAAI,GAAG,MAAM;AACrB,MAAA,IAAI,CAACP,MAAM,CAACE,SAAS,GACnB,0DAA0D;AAC9D,KAAC,MAAM;AACL,MAAA,IAAI,CAACX,EAAE,CAACgB,IAAI,GAAG,UAAU;AACzB,MAAA,IAAI,CAACP,MAAM,CAACE,SAAS,GACnB,0DAA0D;AAC9D;AACF;AACF;;;;"}

package/moj/components/primary-navigation/_primary-navigation.scss

@@ -132,3 +132,5 @@
     vertical-align: middle;
   }
 }
+
+/*# sourceMappingURL=_primary-navigation.scss.map */

package/moj/components/primary-navigation/_primary-navigation.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/primary-navigation/_primary-navigation.scss"],"names":[],"mappings":"AAAA,yCAAyC;AACzC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,4CAA4C;AAC9C;;AAEA;EACE,YAAY,EAAE,kCAAkC;EAChD,mBAAmB,EAAE,qCAAqC;EAC1D,4BAA4B;;EAE5B;IACE,WAAW;IACX,qBAAqB;IACrB,WAAW;EACb;AACF;;AAEA;EACE,gBAAgB;EAChB;IACE,qBAAqB;IACrB,sBAAsB;EACxB;AACF;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;EACrB,aAAa;EACb,8BAA8B;EAC9B,8BAA8B;;EAE9B;IACE,eAAe;EACjB;AACF;;AAEA;EACE,cAAc;EACd,iBAAiB;EACjB,oBAAoB;EACpB,iBAAiB;EACjB,0BAA0B;EAC1B,iCAAiC;;EAEjC;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,kBAAkB,EAAE,0CAA0C;IAC9D,UAAU;IACV,4BAA4B,EAAE,gDAAgD;IAC9E,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,WAAW;IACX,WAAW;IACX,uCAAuC;EACzC;;EAEA;IACE,kBAAkB;IAClB,yBAAyB;IACzB,iBAAiB;IACjB,qBAAqB;;IAErB;MACE,WAAW;MACX,cAAc;MACd,kBAAkB;MAClB,SAAS;MACT,OAAO;MACP,WAAW;MACX,WAAW;MACX,oCAAoC;IACtC;;IAEA;MACE,+BAA+B;;MAE/B;QACE,0CAA0C;MAC5C;IACF;;IAEA;MACE,kBAAkB,EAAE,0CAA0C;MAC9D,YAAY;MACZ,4BAA4B,EAAE,gDAAgD;;MAE9E;QACE,uCAAuC;MACzC;IACF;EACF;AACF;;AAEA;EACE;IACE,qBAAqB;IACrB,sBAAsB;EACxB;AACF","file":"_primary-navigation.scss","sourcesContent":["@use \"../../objects/width-container\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #PRIMARY NAVIGATION\n   ========================================================================== */\n\n.moj-primary-navigation {\n  background-color: govuk-colour(\"light-grey\");\n}\n\n.moj-primary-navigation__container {\n  font-size: 0; // Hide whitespace between elements\n  text-align: justify; // Trick to remove the need for floats\n  @include moj-width-container;\n\n  &::after {\n    content: \"\";\n    display: inline-block;\n    width: 100%;\n  }\n}\n\n.moj-primary-navigation__nav {\n  text-align: left;\n  @include govuk-media-query($from: desktop) {\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n\n.moj-primary-navigation__list {\n  margin: 0;\n  padding: 0;\n  font-size: 0; // Removes white space when using inline-block on child element.\n  list-style: none;\n}\n\n.moj-primary-navigation__item {\n  display: inline-block;\n  margin-top: 0;\n  margin-right: govuk-spacing(4);\n  @include govuk-font($size: 19);\n\n  &:last-child {\n    margin-right: 0;\n  }\n}\n\n.moj-primary-navigation__link {\n  display: block;\n  padding-top: 15px;\n  padding-bottom: 15px;\n  font-weight: bold;\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n\n  &:link,\n  &:visited,\n  &:hover,\n  &:active {\n    text-decoration: none;\n  }\n\n  &:link,\n  &:visited {\n    color: $govuk-link-colour;\n  }\n\n  &:hover {\n    color: $govuk-link-hover-colour;\n  }\n\n  &:focus {\n    position: relative; // Ensure focus sits above everything else.\n    z-index: 1;\n    color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n    box-shadow: none;\n  }\n\n  &:focus::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 100%;\n    height: 5px;\n    background-color: govuk-colour(\"black\");\n  }\n\n  &[aria-current] {\n    position: relative;\n    color: $govuk-link-colour;\n    font-weight: bold;\n    text-decoration: none;\n\n    &::before {\n      content: \"\";\n      display: block;\n      position: absolute;\n      bottom: 0;\n      left: 0;\n      width: 100%;\n      height: 5px;\n      background-color: $govuk-link-colour;\n    }\n\n    &:hover {\n      color: $govuk-link-hover-colour;\n\n      &::before {\n        background-color: $govuk-link-hover-colour;\n      }\n    }\n\n    &:focus {\n      position: relative; // Ensure focus sits above everything else.\n      border: none;\n      color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n\n      &::before {\n        background-color: govuk-colour(\"black\");\n      }\n    }\n  }\n}\n\n.moj-primary-navigation__search {\n  @include govuk-media-query($from: desktop) {\n    display: inline-block;\n    vertical-align: middle;\n  }\n}\n"]}

package/moj/components/progress-bar/_progress-bar.scss

@@ -101,3 +101,5 @@
   word-wrap: break-word; // Just in case
   @include govuk-font(16);
 }
+
+/*# sourceMappingURL=_progress-bar.scss.map */

package/moj/components/progress-bar/_progress-bar.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/progress-bar/_progress-bar.scss"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;AACjC;;AAEA;EACE,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,YAAY,EAAE,mCAAmC;EACjD,gBAAgB;EAChB,mBAAmB;EACnB,mBAAmB;;EAEnB;IACE,WAAW;IACX,qBAAqB;IACrB,WAAW;EACb;;EAEA;IACE,WAAW;IACX,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,WAAW;IACX,2CAA2C;EAC7C;AACF;;AAEA;EACE,qBAAqB;EACrB,kBAAkB;EAClB,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,uBAAuB;;EAEvB;;IAEE;MACE,WAAW;MACX,kBAAkB;MAClB,SAAS;MACT,OAAO;MACP,UAAU;MACV,2CAA2C;IAC7C;EACF;;EAEA;IACE;MACE,OAAO;IACT;EACF;;EAEA;IACE;MACE,QAAQ;MACR,UAAU;IACZ;EACF;;EAEA;IACE,kDAAkD;IAClD,+CAA+C;EACjD;AACF;;AAEA;EACE,sBAAsB;EACtB,cAAc;EACd,kBAAkB;EAClB,WAAW;EACX,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;EACjB,uCAAuC;EACvC,kBAAkB;EAClB,uCAAuC;AACzC;;AAEA;EACE,uCAAuC;EACvC,gEAAgE;EAChE,4BAA4B;EAC5B,4BAA4B;AAC9B;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,4BAA4B;EAC5B,oBAAoB;EACpB,qBAAqB,EAAE,cAAc;EACrC,uBAAuB;AACzB","file":"_progress-bar.scss","sourcesContent":["@use \"../../settings/assets\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #PROGRESS BAR\n   ========================================================================== */\n\n.moj-progress-bar {\n  margin-bottom: govuk-spacing(7);\n}\n\n.moj-progress-bar__list {\n  position: relative;\n  margin: 0;\n  padding: 0;\n  font-size: 0; // Hide white space between elements\n  list-style: none;\n  text-align: justify;\n  vertical-align: top;\n\n  &::after {\n    content: \"\";\n    display: inline-block;\n    width: 100%;\n  }\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: 13px;\n    left: 0;\n    width: 100%;\n    border-top: 6px solid govuk-colour(\"green\");\n  }\n}\n\n.moj-progress-bar__item {\n  display: inline-block;\n  position: relative;\n  max-width: 20%;\n  text-align: center;\n  vertical-align: top;\n  @include govuk-font(19);\n\n  &:first-child,\n  &:last-child {\n    &::before {\n      content: \"\";\n      position: absolute;\n      top: 13px;\n      left: 0;\n      width: 50%;\n      border-top: 6px solid govuk-colour(\"white\");\n    }\n  }\n\n  &:first-child {\n    &::before {\n      left: 0;\n    }\n  }\n\n  &:last-child {\n    &::before {\n      right: 0;\n      left: auto;\n    }\n  }\n\n  &[aria-current=\"step\"] {\n    // https://tink.uk/using-the-aria-current-attribute\n    @include govuk-font($size: 19, $weight: \"bold\");\n  }\n}\n\n.moj-progress-bar__icon {\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  width: 32px;\n  height: 32px;\n  margin-right: auto;\n  margin-left: auto;\n  border: 6px solid govuk-colour(\"green\");\n  border-radius: 50%;\n  background-color: govuk-colour(\"white\");\n}\n\n.moj-progress-bar__icon--complete {\n  background-color: govuk-colour(\"green\");\n  background-image: url(#{$moj-images-path}icon-progress-tick.svg);\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n}\n\n.moj-progress-bar__label {\n  display: block;\n  position: relative;\n  margin-top: govuk-spacing(3);\n  font-weight: inherit;\n  word-wrap: break-word; // Just in case\n  @include govuk-font(16);\n}\n"]}