@ministryofjustice/frontend 4.0.1 → 5.1.0

package/moj/components/sortable-table/sortable-table.mjs

@@ -1,139 +1,196 @@
-function SortableTable(params) {
-  this.table = $(params.table);
-
-  if (this.table.data('moj-search-toggle-initialised')) {
-    return
+import { ConfigurableComponent } from 'govuk-frontend';
+
+/**
+ * @augments {ConfigurableComponent<SortableTableConfig>}
+ */
+class SortableTable extends ConfigurableComponent {
+  /**
+   * @param {Element | null} $root - HTML element to use for sortable table
+   * @param {SortableTableConfig} [config] - Sortable table config
+   */
+  constructor($root, config = {}) {
+    super($root, config);
+    const $head = $root == null ? void 0 : $root.querySelector('thead');
+    const $body = $root == null ? void 0 : $root.querySelector('tbody');
+    if (!$head || !$body) {
+      return this;
+    }
+    this.$head = $head;
+    this.$body = $body;
+    this.$headings = this.$head ? Array.from(this.$head.querySelectorAll('th')) : [];
+    this.createHeadingButtons();
+    this.createStatusBox();
+    this.initialiseSortedColumn();
+    this.$head.addEventListener('click', this.onSortButtonClick.bind(this));
   }
-
-  this.table.data('moj-search-toggle-initialised', true);
-
-  this.setupOptions(params);
-  this.body = this.table.find('tbody');
-  this.createHeadingButtons();
-  this.createStatusBox();
-  this.initialiseSortedColumn();
-  this.table.on('click', 'th button', $.proxy(this, 'onSortButtonClick'));
-}
-
-SortableTable.prototype.setupOptions = function (params) {
-  params = params || {};
-  this.statusMessage = params.statusMessage || 'Sort by %heading% (%direction%)';
-  this.ascendingText = params.ascendingText || 'ascending';
-  this.descendingText = params.descendingText || 'descending';
-};
-
-SortableTable.prototype.createHeadingButtons = function () {
-  const headings = this.table.find('thead th');
-  let heading;
-  for (let i = 0; i < headings.length; i++) {
-    heading = $(headings[i]);
-    if (heading.attr('aria-sort')) {
-      this.createHeadingButton(heading, i);
+  createHeadingButtons() {
+    for (const $heading of this.$headings) {
+      if ($heading.hasAttribute('aria-sort')) {
+        this.createHeadingButton($heading);
+      }
     }
   }
-};
-
-SortableTable.prototype.createHeadingButton = function (heading, i) {
-  const text = heading.text();
-  const button = $(`<button type="button" data-index="${i}">${text}</button>`);
-  heading.text('');
-  heading.append(button);
-};
 
-SortableTable.prototype.createStatusBox = function () {
-  this.status = $(
-    '<div aria-live="polite" role="status" aria-atomic="true" class="govuk-visually-hidden" />'
-  );
-  this.table.parent().append(this.status);
-};
-
-SortableTable.prototype.initialiseSortedColumn = function () {
-  const rows = this.getTableRowsArray();
-
-  this.table
-    .find('th')
-    .filter('[aria-sort="ascending"], [aria-sort="descending"]')
-    .first()
-    .each((index, el) => {
-      const sortDirection = $(el).attr('aria-sort');
-      const columnNumber = $(el).find('button').attr('data-index');
-      const sortedRows = this.sort(rows, columnNumber, sortDirection);
-      this.addRows(sortedRows);
-    });
-};
-
-SortableTable.prototype.onSortButtonClick = function (e) {
-  const columnNumber = e.currentTarget.getAttribute('data-index');
-  const sortDirection = $(e.currentTarget).parent().attr('aria-sort');
-  let newSortDirection;
-  if (sortDirection === 'none' || sortDirection === 'descending') {
-    newSortDirection = 'ascending';
-  } else {
-    newSortDirection = 'descending';
+  /**
+   * @param {HTMLTableCellElement} $heading
+   */
+  createHeadingButton($heading) {
+    const index = this.$headings.indexOf($heading);
+    const $button = document.createElement('button');
+    $button.setAttribute('type', 'button');
+    $button.setAttribute('data-index', `${index}`);
+    $button.textContent = $heading.textContent;
+    $heading.textContent = '';
+    $heading.appendChild($button);
+  }
+  createStatusBox() {
+    this.$status = document.createElement('div');
+    this.$status.setAttribute('aria-atomic', 'true');
+    this.$status.setAttribute('aria-live', 'polite');
+    this.$status.setAttribute('class', 'govuk-visually-hidden');
+    this.$status.setAttribute('role', 'status');
+    this.$root.insertAdjacentElement('afterend', this.$status);
+  }
+  initialiseSortedColumn() {
+    var _$sortButton$getAttri;
+    const $rows = this.getTableRowsArray();
+    const $heading = this.$root.querySelector('th[aria-sort]');
+    const $sortButton = $heading == null ? void 0 : $heading.querySelector('button');
+    const sortDirection = $heading == null ? void 0 : $heading.getAttribute('aria-sort');
+    const columnNumber = Number.parseInt((_$sortButton$getAttri = $sortButton == null ? void 0 : $sortButton.getAttribute('data-index')) != null ? _$sortButton$getAttri : '0', 10);
+    if (!$heading || !$sortButton || !(sortDirection === 'ascending' || sortDirection === 'descending')) {
+      return;
+    }
+    const $sortedRows = this.sort($rows, columnNumber, sortDirection);
+    this.addRows($sortedRows);
   }
-  const rows = this.getTableRowsArray();
-  const sortedRows = this.sort(rows, columnNumber, newSortDirection);
-  this.addRows(sortedRows);
-  this.removeButtonStates();
-  this.updateButtonState($(e.currentTarget), newSortDirection);
-};
-
-SortableTable.prototype.updateButtonState = function (button, direction) {
-  button.parent().attr('aria-sort', direction);
-  let message = this.statusMessage;
-  message = message.replace(/%heading%/, button.text());
-  message = message.replace(/%direction%/, this[`${direction}Text`]);
-  this.status.text(message);
-};
-
-SortableTable.prototype.removeButtonStates = function () {
-  this.table.find('thead th').attr('aria-sort', 'none');
-};
 
-SortableTable.prototype.addRows = function (rows) {
-  for (let i = 0; i < rows.length; i++) {
-    this.body.append(rows[i]);
+  /**
+   * @param {MouseEvent} event - Click event
+   */
+  onSortButtonClick(event) {
+    var _$button$getAttribute;
+    const $button = event.target;
+    if (!$button || !($button instanceof HTMLButtonElement) || !$button.parentElement) {
+      return;
+    }
+    const $heading = $button.parentElement;
+    const sortDirection = $heading.getAttribute('aria-sort');
+    const columnNumber = Number.parseInt((_$button$getAttribute = $button == null ? void 0 : $button.getAttribute('data-index')) != null ? _$button$getAttribute : '0', 10);
+    const newSortDirection = sortDirection === 'none' || sortDirection === 'descending' ? 'ascending' : 'descending';
+    const $rows = this.getTableRowsArray();
+    const $sortedRows = this.sort($rows, columnNumber, newSortDirection);
+    this.addRows($sortedRows);
+    this.removeButtonStates();
+    this.updateButtonState($button, newSortDirection);
   }
-};
 
-SortableTable.prototype.getTableRowsArray = function () {
-  const rows = [];
-  const trs = this.body.find('tr');
-  for (let i = 0; i < trs.length; i++) {
-    rows.push(trs[i]);
+  /**
+   * @param {HTMLButtonElement} $button
+   * @param {string} direction
+   */
+  updateButtonState($button, direction) {
+    if (!(direction === 'ascending' || direction === 'descending')) {
+      return;
+    }
+    $button.parentElement.setAttribute('aria-sort', direction);
+    let message = this.config.statusMessage;
+    message = message.replace(/%heading%/, $button.textContent);
+    message = message.replace(/%direction%/, this.config[`${direction}Text`]);
+    this.$status.textContent = message;
+  }
+  removeButtonStates() {
+    for (const $heading of this.$headings) {
+      $heading.setAttribute('aria-sort', 'none');
+    }
   }
-  return rows
-};
 
-SortableTable.prototype.sort = function (rows, columnNumber, sortDirection) {
-  const newRows = rows.sort(
-    function (rowA, rowB) {
-      const tdA = $(rowA).find('td,th').eq(columnNumber);
-      const tdB = $(rowB).find('td,th').eq(columnNumber);
+  /**
+   * @param {HTMLTableRowElement[]} $rows
+   */
+  addRows($rows) {
+    for (const $row of $rows) {
+      this.$body.append($row);
+    }
+  }
+  getTableRowsArray() {
+    return Array.from(this.$body.querySelectorAll('tr'));
+  }
 
-      const valueA =
-        sortDirection === 'ascending'
-          ? this.getCellValue(tdA)
-          : this.getCellValue(tdB);
-      const valueB =
-        sortDirection === 'ascending'
-          ? this.getCellValue(tdB)
-          : this.getCellValue(tdA);
+  /**
+   * @param {HTMLTableRowElement[]} $rows
+   * @param {number} columnNumber
+   * @param {string} sortDirection
+   */
+  sort($rows, columnNumber, sortDirection) {
+    return $rows.sort(($rowA, $rowB) => {
+      const $tdA = $rowA.querySelectorAll('td, th')[columnNumber];
+      const $tdB = $rowB.querySelectorAll('td, th')[columnNumber];
+      if (!$tdA || !$tdB || !($tdA instanceof HTMLElement) || !($tdB instanceof HTMLElement)) {
+        return 0;
+      }
+      const valueA = sortDirection === 'ascending' ? this.getCellValue($tdA) : this.getCellValue($tdB);
+      const valueB = sortDirection === 'ascending' ? this.getCellValue($tdB) : this.getCellValue($tdA);
+      return !(typeof valueA === 'number' && typeof valueB === 'number') ? valueA.toString().localeCompare(valueB.toString()) : valueA - valueB;
+    });
+  }
 
-      if (typeof valueA === 'string' || typeof valueB === 'string')
-        return valueA.toString().localeCompare(valueB.toString())
-      return valueA - valueB
-    }.bind(this)
-  );
-  return newRows
-};
+  /**
+   * @param {HTMLElement} $cell
+   */
+  getCellValue($cell) {
+    const val = $cell.getAttribute('data-sort-value') || $cell.innerHTML;
+    const valAsNumber = Number(val);
+    return Number.isFinite(valAsNumber) ? valAsNumber // Exclude invalid numbers, infinity etc
+    : val;
+  }
 
-SortableTable.prototype.getCellValue = function (cell) {
-  const val = cell.attr('data-sort-value') || cell.html();
+  /**
+   * Name for the component used when initialising using data-module attributes.
+   */
+}
 
-  const valAsNumber = Number(val);
-  return isNaN(valAsNumber) ? val : valAsNumber
-};
+/**
+ * Sortable table config
+ *
+ * @typedef {object} SortableTableConfig
+ * @property {string} [statusMessage] - Status message
+ * @property {string} [ascendingText] - Ascending text
+ * @property {string} [descendingText] - Descending text
+ */
+
+/**
+ * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'
+ */
+SortableTable.moduleName = 'moj-sortable-table';
+/**
+ * Sortable table config
+ *
+ * @type {SortableTableConfig}
+ */
+SortableTable.defaults = Object.freeze({
+  statusMessage: 'Sort by %heading% (%direction%)',
+  ascendingText: 'ascending',
+  descendingText: 'descending'
+});
+/**
+ * Sortable table config schema
+ *
+ * @satisfies {Schema<SortableTableConfig>}
+ */
+SortableTable.schema = Object.freeze(/** @type {const} */{
+  properties: {
+    statusMessage: {
+      type: 'string'
+    },
+    ascendingText: {
+      type: 'string'
+    },
+    descendingText: {
+      type: 'string'
+    }
+  }
+});
 
 export { SortableTable };
 //# sourceMappingURL=sortable-table.mjs.map

package/moj/components/sortable-table/sortable-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-table.mjs","sources":["../../../../src/moj/components/sortable-table/sortable-table.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function SortableTable(params) {\n  this.table = $(params.table)\n\n  if (this.table.data('moj-search-toggle-initialised')) {\n    return\n  }\n\n  this.table.data('moj-search-toggle-initialised', true)\n\n  this.setupOptions(params)\n  this.body = this.table.find('tbody')\n  this.createHeadingButtons()\n  this.createStatusBox()\n  this.initialiseSortedColumn()\n  this.table.on('click', 'th button', $.proxy(this, 'onSortButtonClick'))\n}\n\nSortableTable.prototype.setupOptions = function (params) {\n  params = params || {}\n  this.statusMessage = params.statusMessage || 'Sort by %heading% (%direction%)'\n  this.ascendingText = params.ascendingText || 'ascending'\n  this.descendingText = params.descendingText || 'descending'\n}\n\nSortableTable.prototype.createHeadingButtons = function () {\n  const headings = this.table.find('thead th')\n  let heading\n  for (let i = 0; i < headings.length; i++) {\n    heading = $(headings[i])\n    if (heading.attr('aria-sort')) {\n      this.createHeadingButton(heading, i)\n    }\n  }\n}\n\nSortableTable.prototype.createHeadingButton = function (heading, i) {\n  const text = heading.text()\n  const button = $(`<button type=\"button\" data-index=\"${i}\">${text}</button>`)\n  heading.text('')\n  heading.append(button)\n}\n\nSortableTable.prototype.createStatusBox = function () {\n  this.status = $(\n    '<div aria-live=\"polite\" role=\"status\" aria-atomic=\"true\" class=\"govuk-visually-hidden\" />'\n  )\n  this.table.parent().append(this.status)\n}\n\nSortableTable.prototype.initialiseSortedColumn = function () {\n  const rows = this.getTableRowsArray()\n\n  this.table\n    .find('th')\n    .filter('[aria-sort=\"ascending\"], [aria-sort=\"descending\"]')\n    .first()\n    .each((index, el) => {\n      const sortDirection = $(el).attr('aria-sort')\n      const columnNumber = $(el).find('button').attr('data-index')\n      const sortedRows = this.sort(rows, columnNumber, sortDirection)\n      this.addRows(sortedRows)\n    })\n}\n\nSortableTable.prototype.onSortButtonClick = function (e) {\n  const columnNumber = e.currentTarget.getAttribute('data-index')\n  const sortDirection = $(e.currentTarget).parent().attr('aria-sort')\n  let newSortDirection\n  if (sortDirection === 'none' || sortDirection === 'descending') {\n    newSortDirection = 'ascending'\n  } else {\n    newSortDirection = 'descending'\n  }\n  const rows = this.getTableRowsArray()\n  const sortedRows = this.sort(rows, columnNumber, newSortDirection)\n  this.addRows(sortedRows)\n  this.removeButtonStates()\n  this.updateButtonState($(e.currentTarget), newSortDirection)\n}\n\nSortableTable.prototype.updateButtonState = function (button, direction) {\n  button.parent().attr('aria-sort', direction)\n  let message = this.statusMessage\n  message = message.replace(/%heading%/, button.text())\n  message = message.replace(/%direction%/, this[`${direction}Text`])\n  this.status.text(message)\n}\n\nSortableTable.prototype.removeButtonStates = function () {\n  this.table.find('thead th').attr('aria-sort', 'none')\n}\n\nSortableTable.prototype.addRows = function (rows) {\n  for (let i = 0; i < rows.length; i++) {\n    this.body.append(rows[i])\n  }\n}\n\nSortableTable.prototype.getTableRowsArray = function () {\n  const rows = []\n  const trs = this.body.find('tr')\n  for (let i = 0; i < trs.length; i++) {\n    rows.push(trs[i])\n  }\n  return rows\n}\n\nSortableTable.prototype.sort = function (rows, columnNumber, sortDirection) {\n  const newRows = rows.sort(\n    function (rowA, rowB) {\n      const tdA = $(rowA).find('td,th').eq(columnNumber)\n      const tdB = $(rowB).find('td,th').eq(columnNumber)\n\n      const valueA =\n        sortDirection === 'ascending'\n          ? this.getCellValue(tdA)\n          : this.getCellValue(tdB)\n      const valueB =\n        sortDirection === 'ascending'\n          ? this.getCellValue(tdB)\n          : this.getCellValue(tdA)\n\n      if (typeof valueA === 'string' || typeof valueB === 'string')\n        return valueA.toString().localeCompare(valueB.toString())\n      return valueA - valueB\n    }.bind(this)\n  )\n  return newRows\n}\n\nSortableTable.prototype.getCellValue = function (cell) {\n  const val = cell.attr('data-sort-value') || cell.html()\n\n  const valAsNumber = Number(val)\n  return isNaN(valAsNumber) ? val : valAsNumber\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sortable-table.mjs","sources":["../../../../src/moj/components/sortable-table/sortable-table.mjs"],"sourcesContent":["import { ConfigurableComponent } from 'govuk-frontend'\n\n/**\n * @augments {ConfigurableComponent<SortableTableConfig>}\n */\nexport class SortableTable extends ConfigurableComponent {\n  /**\n   * @param {Element | null} $root - HTML element to use for sortable table\n   * @param {SortableTableConfig} [config] - Sortable table config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    const $head = $root?.querySelector('thead')\n    const $body = $root?.querySelector('tbody')\n\n    if (!$head || !$body) {\n      return this\n    }\n\n    this.$head = $head\n    this.$body = $body\n\n    this.$headings = this.$head\n      ? Array.from(this.$head.querySelectorAll('th'))\n      : []\n\n    this.createHeadingButtons()\n    this.createStatusBox()\n    this.initialiseSortedColumn()\n\n    this.$head.addEventListener('click', this.onSortButtonClick.bind(this))\n  }\n\n  createHeadingButtons() {\n    for (const $heading of this.$headings) {\n      if ($heading.hasAttribute('aria-sort')) {\n        this.createHeadingButton($heading)\n      }\n    }\n  }\n\n  /**\n   * @param {HTMLTableCellElement} $heading\n   */\n  createHeadingButton($heading) {\n    const index = this.$headings.indexOf($heading)\n    const $button = document.createElement('button')\n\n    $button.setAttribute('type', 'button')\n    $button.setAttribute('data-index', `${index}`)\n    $button.textContent = $heading.textContent\n\n    $heading.textContent = ''\n    $heading.appendChild($button)\n  }\n\n  createStatusBox() {\n    this.$status = document.createElement('div')\n\n    this.$status.setAttribute('aria-atomic', 'true')\n    this.$status.setAttribute('aria-live', 'polite')\n    this.$status.setAttribute('class', 'govuk-visually-hidden')\n    this.$status.setAttribute('role', 'status')\n\n    this.$root.insertAdjacentElement('afterend', this.$status)\n  }\n\n  initialiseSortedColumn() {\n    const $rows = this.getTableRowsArray()\n\n    const $heading = this.$root.querySelector('th[aria-sort]')\n    const $sortButton = $heading?.querySelector('button')\n    const sortDirection = $heading?.getAttribute('aria-sort')\n\n    const columnNumber = Number.parseInt(\n      $sortButton?.getAttribute('data-index') ?? '0',\n      10\n    )\n\n    if (\n      !$heading ||\n      !$sortButton ||\n      !(sortDirection === 'ascending' || sortDirection === 'descending')\n    ) {\n      return\n    }\n\n    const $sortedRows = this.sort($rows, columnNumber, sortDirection)\n    this.addRows($sortedRows)\n  }\n\n  /**\n   * @param {MouseEvent} event - Click event\n   */\n  onSortButtonClick(event) {\n    const $button = event.target\n\n    if (\n      !$button ||\n      !($button instanceof HTMLButtonElement) ||\n      !$button.parentElement\n    ) {\n      return\n    }\n\n    const $heading = $button.parentElement\n    const sortDirection = $heading.getAttribute('aria-sort')\n\n    const columnNumber = Number.parseInt(\n      $button?.getAttribute('data-index') ?? '0',\n      10\n    )\n\n    const newSortDirection =\n      sortDirection === 'none' || sortDirection === 'descending'\n        ? 'ascending'\n        : 'descending'\n\n    const $rows = this.getTableRowsArray()\n    const $sortedRows = this.sort($rows, columnNumber, newSortDirection)\n\n    this.addRows($sortedRows)\n    this.removeButtonStates()\n    this.updateButtonState($button, newSortDirection)\n  }\n\n  /**\n   * @param {HTMLButtonElement} $button\n   * @param {string} direction\n   */\n  updateButtonState($button, direction) {\n    if (!(direction === 'ascending' || direction === 'descending')) {\n      return\n    }\n\n    $button.parentElement.setAttribute('aria-sort', direction)\n    let message = this.config.statusMessage\n    message = message.replace(/%heading%/, $button.textContent)\n    message = message.replace(/%direction%/, this.config[`${direction}Text`])\n    this.$status.textContent = message\n  }\n\n  removeButtonStates() {\n    for (const $heading of this.$headings) {\n      $heading.setAttribute('aria-sort', 'none')\n    }\n  }\n\n  /**\n   * @param {HTMLTableRowElement[]} $rows\n   */\n  addRows($rows) {\n    for (const $row of $rows) {\n      this.$body.append($row)\n    }\n  }\n\n  getTableRowsArray() {\n    return Array.from(this.$body.querySelectorAll('tr'))\n  }\n\n  /**\n   * @param {HTMLTableRowElement[]} $rows\n   * @param {number} columnNumber\n   * @param {string} sortDirection\n   */\n  sort($rows, columnNumber, sortDirection) {\n    return $rows.sort(($rowA, $rowB) => {\n      const $tdA = $rowA.querySelectorAll('td, th')[columnNumber]\n      const $tdB = $rowB.querySelectorAll('td, th')[columnNumber]\n\n      if (\n        !$tdA ||\n        !$tdB ||\n        !($tdA instanceof HTMLElement) ||\n        !($tdB instanceof HTMLElement)\n      ) {\n        return 0\n      }\n\n      const valueA =\n        sortDirection === 'ascending'\n          ? this.getCellValue($tdA)\n          : this.getCellValue($tdB)\n\n      const valueB =\n        sortDirection === 'ascending'\n          ? this.getCellValue($tdB)\n          : this.getCellValue($tdA)\n\n      return !(typeof valueA === 'number' && typeof valueB === 'number')\n        ? valueA.toString().localeCompare(valueB.toString())\n        : valueA - valueB\n    })\n  }\n\n  /**\n   * @param {HTMLElement} $cell\n   */\n  getCellValue($cell) {\n    const val = $cell.getAttribute('data-sort-value') || $cell.innerHTML\n    const valAsNumber = Number(val)\n\n    return Number.isFinite(valAsNumber)\n      ? valAsNumber // Exclude invalid numbers, infinity etc\n      : val\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'moj-sortable-table'\n\n  /**\n   * Sortable table config\n   *\n   * @type {SortableTableConfig}\n   */\n  static defaults = Object.freeze({\n    statusMessage: 'Sort by %heading% (%direction%)',\n    ascendingText: 'ascending',\n    descendingText: 'descending'\n  })\n\n  /**\n   * Sortable table config schema\n   *\n   * @satisfies {Schema<SortableTableConfig>}\n   */\n  static schema = Object.freeze(\n    /** @type {const} */ ({\n      properties: {\n        statusMessage: { type: 'string' },\n        ascendingText: { type: 'string' },\n        descendingText: { type: 'string' }\n      }\n    })\n  )\n}\n\n/**\n * Sortable table config\n *\n * @typedef {object} SortableTableConfig\n * @property {string} [statusMessage] - Status message\n * @property {string} [ascendingText] - Ascending text\n * @property {string} [descendingText] - Descending text\n */\n\n/**\n * @import { Schema } from 'govuk-frontend/dist/govuk/common/configuration.mjs'\n */\n"],"names":["SortableTable","ConfigurableComponent","constructor","$root","config","$head","querySelector","$body","$headings","Array","from","querySelectorAll","createHeadingButtons","createStatusBox","initialiseSortedColumn","addEventListener","onSortButtonClick","bind","$heading","hasAttribute","createHeadingButton","index","indexOf","$button","document","createElement","setAttribute","textContent","appendChild","$status","insertAdjacentElement","_$sortButton$getAttri","$rows","getTableRowsArray","$sortButton","sortDirection","getAttribute","columnNumber","Number","parseInt","$sortedRows","sort","addRows","event","_$button$getAttribute","target","HTMLButtonElement","parentElement","newSortDirection","removeButtonStates","updateButtonState","direction","message","statusMessage","replace","$row","append","$rowA","$rowB","$tdA","$tdB","HTMLElement","valueA","getCellValue","valueB","toString","localeCompare","$cell","val","innerHTML","valAsNumber","isFinite","moduleName","defaults","Object","freeze","ascendingText","descendingText","schema","properties","type"],"mappings":"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"}

package/moj/components/sub-navigation/_sub-navigation.scss

@@ -119,3 +119,5 @@
     background-color: govuk-colour("black");
   }
 }
+
+/*# sourceMappingURL=_sub-navigation.scss.map */

package/moj/components/sub-navigation/_sub-navigation.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/sub-navigation/_sub-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,+BAA+B;AACjC;;AAEA;EACE,SAAS;EACT,UAAU;EACV,YAAY,EAAE,+DAA+D;EAC7E,gBAAgB;;EAEhB;IACE,WAAW;IACX,+CAA+C;EACjD;AACF;;AAEA;EACE,cAAc;EACd,gBAAgB;EAChB,+CAA+C;EAC/C,uBAAuB;;EAEvB;IACE,gBAAgB;EAClB;;EAEA;IACE,qBAAqB;IACrB,aAAa;IACb,8BAA8B;IAC9B,gBAAgB;EAClB;AACF;;AAEA;EACE,cAAc;EACd,kBAAkB;EAClB,iBAAiB;EACjB,oBAAoB;EACpB,8BAA8B;EAC9B,0BAA0B;EAC1B,iCAAiC;;EAEjC;IACE,eAAe;EACjB;;EAEA;;;;IAIE,qBAAqB;EACvB;;EAEA;;IAEE,yBAAyB;EAC3B;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,kBAAkB,EAAE,0CAA0C;IAC9D,4BAA4B,EAAE,gDAAgD;IAC9E,gBAAgB;EAClB;;EAEA;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,UAAU;IACV,YAAY;IACZ,uCAAuC;;IAEvC;MACE,WAAW;MACX,WAAW;IACb;EACF;AACF;;AAEA;EACE,kBAAkB;EAClB,gCAAgC;EAChC,qBAAqB;;EAErB;IACE,WAAW;IACX,cAAc;IACd,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,UAAU;IACV,YAAY;IACZ,oCAAoC;;IAEpC;MACE,WAAW;MACX,WAAW;IACb;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,uCAAuC;EACzC;AACF","file":"_sub-navigation.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #SECONDARY NAV\n   ========================================================================== */\n\n.moj-sub-navigation {\n  margin-bottom: govuk-spacing(7);\n}\n\n.moj-sub-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  @include govuk-media-query($from: tablet) {\n    width: 100%;\n    box-shadow: inset 0 -1px 0 $govuk-border-colour;\n  }\n}\n\n.moj-sub-navigation__item {\n  display: block;\n  margin-top: -1px;\n  box-shadow: inset 0 -1px 0 $govuk-border-colour;\n  @include govuk-font(19);\n\n  &:last-child {\n    box-shadow: none;\n  }\n\n  @include govuk-media-query($from: tablet) {\n    display: inline-block;\n    margin-top: 0;\n    margin-right: govuk-spacing(4);\n    box-shadow: none;\n  }\n}\n\n.moj-sub-navigation__link {\n  display: block;\n  position: relative;\n  padding-top: 12px;\n  padding-bottom: 12px;\n  padding-left: govuk-spacing(3);\n  @include govuk-link-common;\n  @include govuk-link-style-default;\n\n  @include govuk-media-query($from: tablet) {\n    padding-left: 0;\n  }\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    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: 5px;\n    height: 100%;\n    background-color: govuk-colour(\"black\");\n\n    @include govuk-media-query($from: tablet) {\n      width: 100%;\n      height: 5px;\n    }\n  }\n}\n\n.moj-sub-navigation__link[aria-current=\"page\"] {\n  position: relative;\n  color: $govuk-link-active-colour;\n  text-decoration: none;\n\n  &::before {\n    content: \"\";\n    display: block;\n    position: absolute;\n    bottom: 0;\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background-color: $govuk-link-colour;\n\n    @include govuk-media-query($from: tablet) {\n      width: 100%;\n      height: 5px;\n    }\n  }\n\n  &:hover {\n    color: $govuk-link-hover-colour;\n  }\n\n  &:focus::before {\n    background-color: govuk-colour(\"black\");\n  }\n}\n"]}

package/moj/components/tag/_tag.scss

@@ -54,3 +54,5 @@
     background-color: govuk-colour("dark-grey");
   }
 }
+
+/*# sourceMappingURL=_tag.scss.map */

package/moj/components/tag/_tag.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/tag/_tag.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,qCAAqC;EACrC,4BAA4B;EAC5B,qCAAqC;;EAErC;IACE,wCAAwC;IACxC,4BAA4B;IAC5B,wCAAwC;EAC1C;;EAEA;IACE,+CAA+C;IAC/C,4BAA4B;IAC5B,+CAA+C;EACjD;;EAEA;;IAEE,qCAAqC;IACrC,4BAA4B;IAC5B,qCAAqC;EACvC;;EAEA;;IAEE,uCAAuC;IACvC,4BAA4B;IAC5B,uCAAuC;EACzC;;EAEA;;IAEE,sCAAsC;IACtC,4BAA4B;IAC5B,sCAAsC;EACxC;;EAEA;IACE,uCAAuC;IACvC,4BAA4B;IAC5B,uCAAuC;EACzC;;EAEA;IACE,2CAA2C;IAC3C,4BAA4B;IAC5B,2CAA2C;EAC7C;AACF","file":"_tag.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #TAG\n   ========================================================================== */\n\n.moj-tag {\n  border: 2px solid $govuk-brand-colour;\n  color: govuk-colour(\"white\");\n  background-color: $govuk-brand-colour;\n\n  &--purple {\n    border: 2px solid govuk-colour(\"purple\");\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"purple\");\n  }\n\n  &--bright-purple {\n    border: 2px solid govuk-colour(\"bright-purple\");\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"bright-purple\");\n  }\n\n  &--red,\n  &--error {\n    border: 2px solid govuk-colour(\"red\");\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"red\");\n  }\n\n  &--green,\n  &--success {\n    border: 2px solid govuk-colour(\"green\");\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"green\");\n  }\n\n  &--blue,\n  &--information {\n    border: 2px solid govuk-colour(\"blue\");\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"blue\");\n  }\n\n  &--black {\n    border: 2px solid govuk-colour(\"black\");\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"black\");\n  }\n\n  &--grey {\n    border: 2px solid govuk-colour(\"dark-grey\");\n    color: govuk-colour(\"white\");\n    background-color: govuk-colour(\"dark-grey\");\n  }\n}\n"]}

package/moj/components/task-list/_task-list.scss

@@ -69,3 +69,5 @@
     float: right;
   }
 }
+
+/*# sourceMappingURL=_task-list.scss.map */

package/moj/components/task-list/_task-list.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/task-list/_task-list.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,aAAa;EACb,gBAAgB;EAChB,eAAe;EACf,qBAAqB;EACrB;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,cAAc;EACd,6CAA6C;AAC/C;;AAEA;EACE,mBAAmB;;EAEnB;IACE,2BAA2B;IAC3B,gBAAgB;EAClB;AACF;;AAEA;EACE,eAAe;EACf,gBAAgB;EAChB,8BAA8B;EAC9B,6CAA6C;EAC7C;IACE,8BAA8B;EAChC;AACF;;AAEA;EACE,sDAAsD;EACtD,2BAA2B;EAC3B,6BAA6B;EAC7B,gCAAgC;EAChC,6CAA6C;EAC7C,uBAAuB;AACzB;;AAEA;EACE,0CAA0C;AAC5C;;AAEA;EACE,cAAc;EACd;IACE,UAAU;IACV,WAAW;EACb;AACF;;AAEA;EACE,4BAA4B;EAC5B,+BAA+B;;EAE/B;IACE,aAAa;IACb,gBAAgB;IAChB,YAAY;EACd;AACF","file":"_task-list.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #TASK LIST\n   ========================================================================== */\n\n.moj-task-list {\n  margin-top: 0;\n  margin-bottom: 0;\n  padding-left: 0;\n  list-style-type: none;\n  @include govuk-media-query($from: tablet) {\n    min-width: 550px;\n  }\n}\n\n.moj-task-list__section {\n  display: table;\n  @include govuk-font($size: 24, $weight: bold);\n}\n\n.moj-task-list__section-number {\n  display: table-cell;\n\n  @include govuk-media-query($from: tablet) {\n    min-width: govuk-spacing(6);\n    padding-right: 0;\n  }\n}\n\n.moj-task-list__items {\n  padding-left: 0;\n  list-style: none;\n  @include govuk-font($size: 19);\n  @include govuk-responsive-margin(9, \"bottom\");\n  @include govuk-media-query($from: tablet) {\n    padding-left: govuk-spacing(6);\n  }\n}\n\n.moj-task-list__item {\n  // stylelint-disable-next-line declaration-no-important\n  margin-bottom: 0 !important;\n  padding-top: govuk-spacing(2);\n  padding-bottom: govuk-spacing(2);\n  border-bottom: 1px solid $govuk-border-colour;\n  @include govuk-clearfix;\n}\n\n.moj-task-list__item:first-child {\n  border-top: 1px solid $govuk-border-colour;\n}\n\n.moj-task-list__task-name {\n  display: block;\n  @include govuk-media-query($from: 450px) {\n    width: 75%;\n    float: left;\n  }\n}\n\n.moj-task-list__task-completed {\n  margin-top: govuk-spacing(2);\n  margin-bottom: govuk-spacing(1);\n\n  @include govuk-media-query($from: 450px) {\n    margin-top: 0;\n    margin-bottom: 0;\n    float: right;\n  }\n}\n"]}

package/moj/components/ticket-panel/_ticket-panel.scss

@@ -64,3 +64,5 @@
     }
   }
 }
+
+/*# sourceMappingURL=_ticket-panel.scss.map */

package/moj/components/ticket-panel/_ticket-panel.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/ticket-panel/_ticket-panel.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,cAAc;EACd,8BAA8B;EAC9B,eAAe;;EAEf;IACE;MACE,aAAa;MACb,iBAAiB;IACnB;EACF;;EAEA;IACE;MACE,6BAA6B;IAC/B;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,+BAA+B;IAC/B,yBAAyB;IACzB,kCAAkC;IAClC,4CAA4C;IAC5C,YAAY;;IAEZ;MACE,uCAAuC;IACzC;;IAEA;MACE,uCAAuC;IACzC;;IAEA;MACE,sCAAsC;IACxC;;IAEA;MACE,yCAAyC;IAC3C;;IAEA;MACE,wCAAwC;IAC1C;;IAEA;MACE,yCAAyC;IAC3C;;IAEA;MACE,yCAAyC;IAC3C;EACF;AACF","file":"_ticket-panel.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #TICKET PANEL\n   ========================================================================== */\n\n.moj-ticket-panel {\n  display: block;\n  margin-right: govuk-spacing(0);\n  flex-wrap: wrap;\n\n  &--inline {\n    @include govuk-media-query($from: desktop) {\n      display: flex;\n      flex-wrap: nowrap;\n    }\n  }\n\n  &--inline > * + * {\n    @include govuk-media-query($from: desktop) {\n      margin-left: govuk-spacing(3);\n    }\n  }\n\n  &__content *:last-child {\n    margin-bottom: govuk-spacing(0);\n  }\n\n  &__content {\n    display: block;\n    position: relative;\n    margin-bottom: govuk-spacing(3);\n    padding: govuk-spacing(4);\n    border-left: 4px solid transparent;\n    background-color: govuk-colour(\"light-grey\");\n    flex-grow: 1;\n\n    &--grey {\n      border-left-color: $govuk-border-colour;\n    }\n\n    &--blue {\n      border-left-color: govuk-colour(\"blue\");\n    }\n\n    &--red {\n      border-left-color: govuk-colour(\"red\");\n    }\n\n    &--yellow {\n      border-left-color: govuk-colour(\"yellow\");\n    }\n\n    &--green {\n      border-left-color: govuk-colour(\"green\");\n    }\n\n    &--purple {\n      border-left-color: govuk-colour(\"purple\");\n    }\n\n    &--orange {\n      border-left-color: govuk-colour(\"orange\");\n    }\n  }\n}\n"]}

package/moj/components/timeline/_timeline.scss

@@ -108,3 +108,5 @@
     color: govuk-colour("black"); // Focus colour on yellow should really be black.
   }
 }
+
+/*# sourceMappingURL=_timeline.scss.map */

package/moj/components/timeline/_timeline.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/timeline/_timeline.scss"],"names":[],"mappings":"AAAA,iCAAiC;AACjC,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,kBAAkB;EAClB,+BAA+B;EAC/B,gBAAgB;;EAEhB;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,UAAU;IACV,YAAY;IACZ,qCAAqC;EACvC;AACF;;AAEA;EACE,gBAAgB;;EAEhB;IACE,yBAAyB;EAC3B;AACF;;AAEA;EACE,kBAAkB;EAClB,gCAAgC;EAChC,8BAA8B;;EAE9B;IACE,WAAW;IACX,kBAAkB;IAClB,qBAAqB;IACrB,OAAO;IACP,WAAW;IACX,WAAW;IACX,qCAAqC;EACvC;AACF;;AAEA;EACE,eAAe;EACf,6CAA6C;AAC/C;;AAEA;EACE,eAAe;EACf,SAAS;EACT,mCAAmC;EACnC,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;EAC5B,gBAAgB;EAChB,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;EAC5B,8BAA8B;AAChC;;AAEA;;+EAE+E;;AAE/E;EACE,gBAAgB;EAChB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,+BAA+B;;EAE/B;IACE,gBAAgB;EAClB;AACF;;AAEA;EACE,eAAe;EACf,iBAAiB;EACjB,WAAW;EACX,kBAAkB;;EAElB;IACE,cAAc;EAChB;AACF;;AAEA;EACE,8BAA8B;EAC9B,2DAA2D;EAC3D,4BAA4B;EAC5B,0BAA0B;EAC1B,0BAA0B;;EAE1B;IACE,4BAA4B,EAAE,gDAAgD;EAChF;AACF","file":"_timeline.scss","sourcesContent":["@use \"../../settings/assets\" as *;\n@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #TIMELINE\n   ========================================================================== */\n\n.moj-timeline {\n  position: relative;\n  margin-bottom: govuk-spacing(4);\n  overflow: hidden;\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: govuk-spacing(2);\n    left: 0;\n    width: 5px;\n    height: 100%;\n    background-color: $govuk-brand-colour;\n  }\n}\n\n.moj-timeline--full {\n  margin-bottom: 0;\n\n  &::before {\n    height: calc(100% - 75px);\n  }\n}\n\n.moj-timeline__item {\n  position: relative;\n  padding-bottom: govuk-spacing(6);\n  padding-left: govuk-spacing(4);\n\n  &::before {\n    content: \"\";\n    position: absolute;\n    top: govuk-spacing(2);\n    left: 0;\n    width: 15px;\n    height: 5px;\n    background-color: $govuk-brand-colour;\n  }\n}\n\n.moj-timeline__title {\n  display: inline;\n  @include govuk-font($size: 19, $weight: bold);\n}\n\n.moj-timeline__byline {\n  display: inline;\n  margin: 0;\n  color: $govuk-secondary-text-colour;\n  @include govuk-font($size: 19);\n}\n\n.moj-timeline__date {\n  margin-top: govuk-spacing(1);\n  margin-bottom: 0;\n  @include govuk-font($size: 16);\n}\n\n.moj-timeline__description {\n  margin-top: govuk-spacing(4);\n  @include govuk-font($size: 19);\n}\n\n/* ==========================================================================\n   #TIMELINE DOCUMENT STYLES – FOR BACKWARDS COMPATIBILITY\n   ========================================================================== */\n\n.moj-timeline__documents {\n  margin-bottom: 0;\n  padding-left: 0;\n  list-style: none;\n}\n\n.moj-timeline__document-item {\n  margin-bottom: govuk-spacing(1);\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n.moj-timeline__document-icon {\n  margin-top: 4px;\n  margin-right: 4px;\n  float: left;\n  fill: currentcolor;\n\n  @media screen and (forced-colors: active) {\n    fill: linkText;\n  }\n}\n\n.moj-timeline__document-link {\n  padding-left: govuk-spacing(5);\n  background-image: url(#{$moj-images-path}icon-document.svg);\n  background-repeat: no-repeat;\n  background-position: 0 50%;\n  background-size: 20px 16px;\n\n  &:focus {\n    color: govuk-colour(\"black\"); // Focus colour on yellow should really be black.\n  }\n}\n"]}

package/moj/core/_all.scss

@@ -0,0 +1,3 @@
+@forward "moj-frontend-properties";
+
+/*# sourceMappingURL=_all.scss.map */

package/moj/core/_all.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/moj/core/_all.scss"],"names":[],"mappings":"AAAA,kCAAkC","file":"_all.scss","sourcesContent":["@forward \"moj-frontend-properties\";\n"]}

package/moj/core/_moj-frontend-properties.scss

@@ -0,0 +1,7 @@
+:root {
+  // This variable is automatically overwritten during builds and releases.
+  // It doesn't need to be updated manually.
+  --moj-frontend-version: "5.1.0";
+}
+
+/*# sourceMappingURL=_moj-frontend-properties.scss.map */

package/moj/core/_moj-frontend-properties.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/moj/core/_moj-frontend-properties.scss"],"names":[],"mappings":"AAAA;EACE,wEAAwE;EACxE,yCAAyC;EACzC,+BAAqC;AACvC","file":"_moj-frontend-properties.scss","sourcesContent":[":root {\n  // This variable is automatically overwritten during builds and releases.\n  // It doesn't need to be updated manually.\n  --moj-frontend-version: \"development\";\n}\n"]}

package/moj/filters/all.js

@@ -2,34 +2,41 @@ const moment = require('moment')
 
 module.exports = function () {
   /**
-   * Instantiate object used to store the methods registered as a
-   * 'filter' (of the same name) within nunjucks. You can override
-   * gov.uk core filters by creating filter methods of the same name.
+   * Date filter for use in Nunjucks
+   * Outputs: 01/01/1970
    *
-   * @type {object}
+   * @example
+   * ```njk
+   * {{ params.date | date("DD/MM/YYYY") }}
+   * ```
+   * @param {MomentInput} timestamp
+   * @param {string} format
    */
-  const filters = {}
-
-  /* ------------------------------------------------------------------
-    date filter for use in Nunjucks
-    example: {{ params.date | date("DD/MM/YYYY") }}
-    outputs: 01/01/1970
-  ------------------------------------------------------------------ */
-  filters.date = function (timestamp, format) {
+  function date(timestamp, format) {
     return moment(timestamp).format(format)
   }
 
   /* ------------------------------------------------------------------
     utility functions for use in mojDate function/filter
   ------------------------------------------------------------------ */
+
+  /**
+   * @param {MomentInput} timestamp
+   */
   function govDate(timestamp) {
     return moment(timestamp).format('D MMMM YYYY')
   }
 
+  /**
+   * @param {MomentInput} timestamp
+   */
   function govShortDate(timestamp) {
     return moment(timestamp).format('D MMM YYYY')
   }
 
+  /**
+   * @param {MomentInput} timestamp
+   */
   function govTime(timestamp) {
     const t = moment(timestamp)
     if (t.minutes() > 0) {
@@ -38,12 +45,18 @@ module.exports = function () {
     return t.format('ha')
   }
 
-  /* ------------------------------------------------------------------
-    standard dates for use in Nunjucks,
-    example: {{ params.date | mojDate("datetime") }}
-    outputs: 1 Jan 1970 at 1:32pm
-  ------------------------------------------------------------------ */
-  filters.mojDate = function (timestamp, type) {
+  /**
+   * Standard dates for use in Nunjucks
+   * Outputs: 1 Jan 1970 at 1:32pm
+   *
+   * @example
+   * ```njk
+   * {{ params.date | mojDate("datetime") }}
+   * ```
+   * @param {MomentInput} timestamp
+   * @param {'datetime' | 'shortdatetime' | 'date' | 'shortdate' | 'time'} [type]
+   */
+  function mojDate(timestamp, type) {
     switch (type) {
       case 'datetime':
         return `${govDate(timestamp)} at ${govTime(timestamp)}`
@@ -60,8 +73,17 @@ module.exports = function () {
     }
   }
 
-  /* ------------------------------------------------------------------
-    keep the following line to return your filters to the app
-  ------------------------------------------------------------------ */
-  return filters
+  /**
+   * Returns an object used to store the methods registered as a
+   * 'filter' (of the same name) within nunjucks. You can override
+   * gov.uk core filters by creating filter methods of the same name.
+   */
+  return {
+    date,
+    mojDate
+  }
 }
+
+/**
+ * @import { MomentInput } from 'moment'
+ */

package/moj/filters/prototype-kit-13-filters.js

@@ -1,9 +1,10 @@
+// @ts-expect-error - No types available
 const { addFilter } = require('govuk-prototype-kit').views
 
 const getAllFilters = require('./all')
 
 const allFilters = getAllFilters()
 
-Object.keys(allFilters).forEach((name) => {
-  addFilter(name, allFilters[name])
-})
+for (const [name, filter] of Object.entries(allFilters)) {
+  addFilter(name, filter)
+}

package/moj/helpers/_all.scss

@@ -1,2 +1,4 @@
 @forward "hidden";
 @forward "links";
+
+/*# sourceMappingURL=_all.scss.map */

package/moj/helpers/_all.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/moj/helpers/_all.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,gBAAgB","file":"_all.scss","sourcesContent":["@forward \"hidden\";\n@forward \"links\";\n"]}

package/moj/helpers/_hidden.scss

@@ -1,3 +1,5 @@
 @mixin moj-hidden() {
   display: none;
 }
+
+/*# sourceMappingURL=_hidden.scss.map */

package/moj/helpers/_hidden.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/moj/helpers/_hidden.scss"],"names":[],"mappings":"AAAA;EACE,aAAa;AACf","file":"_hidden.scss","sourcesContent":["@mixin moj-hidden() {\n  display: none;\n}\n"]}

package/moj/helpers/_links.scss

@@ -20,3 +20,5 @@
     color: $govuk-focus-text-colour;
   }
 }
+
+/*# sourceMappingURL=_links.scss.map */

package/moj/helpers/_links.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/moj/helpers/_links.scss"],"names":[],"mappings":"AAAA,iBAAiB;AACjB,+BAA+B;AAC/B,oCAAoC;;AAEpC;EACE;;IAEE,+BAA+B;EACjC;;EAEA;IACE,8DAA8D;EAChE;;EAEA;IACE,0BAA0B;EAC5B;;EAEA;IACE,+BAA+B;EACjC;AACF","file":"_links.scss","sourcesContent":["@use \"sass:color\";\n@use \"../settings/colours\" as *;\n@use \"../vendor/govuk-frontend\" as *;\n\n@mixin moj-link-style-warning {\n  &:link,\n  &:visited {\n    color: $moj-warning-link-colour;\n  }\n\n  &:hover {\n    color: color.scale($moj-warning-link-colour, $lightness: -30%);\n  }\n\n  &:active {\n    color: $moj-warning-colour;\n  }\n\n  &:focus {\n    color: $govuk-focus-text-colour;\n  }\n}\n"]}