@ministryofjustice/frontend 4.0.1 → 5.0.0

package/moj/components/search-toggle/search-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"search-toggle.mjs","sources":["../../../../src/moj/components/search-toggle/search-toggle.mjs"],"sourcesContent":["import $ from 'jquery'\n\nexport function SearchToggle(options) {\n  this.options = options\n  this.container = $(this.options.search.container)\n  this.toggleButtonContainer = $(this.options.toggleButton.container)\n\n  if (this.container.data('moj-search-toggle-initialised')) {\n    return\n  }\n\n  this.container.data('moj-search-toggle-initialised', true)\n\n  const svg =\n    '<svg viewBox=\"0 0 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"moj-search-toggle__button__icon\"><path d=\"M7.433,12.5790048 C6.06762625,12.5808611 4.75763941,12.0392925 3.79217348,11.0738265 C2.82670755,10.1083606 2.28513891,8.79837375 2.28699522,7.433 C2.28513891,6.06762625 2.82670755,4.75763941 3.79217348,3.79217348 C4.75763941,2.82670755 6.06762625,2.28513891 7.433,2.28699522 C8.79837375,2.28513891 10.1083606,2.82670755 11.0738265,3.79217348 C12.0392925,4.75763941 12.5808611,6.06762625 12.5790048,7.433 C12.5808611,8.79837375 12.0392925,10.1083606 11.0738265,11.0738265 C10.1083606,12.0392925 8.79837375,12.5808611 7.433,12.5790048 L7.433,12.5790048 Z M14.293,12.579 L13.391,12.579 L13.071,12.269 C14.2300759,10.9245158 14.8671539,9.20813198 14.866,7.433 C14.866,3.32786745 11.5381325,-1.65045755e-15 7.433,-1.65045755e-15 C3.32786745,-1.65045755e-15 -1.65045755e-15,3.32786745 -1.65045755e-15,7.433 C-1.65045755e-15,11.5381325 3.32786745,14.866 7.433,14.866 C9.208604,14.8671159 10.9253982,14.2296624 12.27,13.07 L12.579,13.39 L12.579,14.294 L18.296,20 L20,18.296 L14.294,12.579 L14.293,12.579 Z\"></path></svg>'\n\n  this.toggleButton = $(\n    `<button class=\"moj-search-toggle__button\" type=\"button\" aria-haspopup=\"true\" aria-expanded=\"false\">\n      ${this.options.toggleButton.text} ${svg}\n    </button>`\n  )\n  this.toggleButton.on('click', $.proxy(this, 'onToggleButtonClick'))\n  this.toggleButtonContainer.append(this.toggleButton)\n  $(document).on('click', this.onDocumentClick.bind(this))\n  $(document).on('focusin', this.onDocumentClick.bind(this))\n}\n\nSearchToggle.prototype.showMenu = function () {\n  this.toggleButton.attr('aria-expanded', 'true')\n  this.container.removeClass('moj-js-hidden')\n  this.container.find('input').first().get(0).focus()\n}\n\nSearchToggle.prototype.hideMenu = function () {\n  this.container.addClass('moj-js-hidden')\n  this.toggleButton.attr('aria-expanded', 'false')\n}\n\nSearchToggle.prototype.onToggleButtonClick = function () {\n  if (this.toggleButton.attr('aria-expanded') === 'false') {\n    this.showMenu()\n  } else {\n    this.hideMenu()\n  }\n}\n\nSearchToggle.prototype.onDocumentClick = function (e) {\n  if (\n    !$.contains(this.toggleButtonContainer[0], e.target) &&\n    !$.contains(this.container[0], e.target)\n  ) {\n    this.hideMenu()\n  }\n}\n"],"names":[],"mappings":"AAEA,SAAA,YAAA,CAAA,OAAA,EAAA;AACA,EAAA,IAAA,CAAA,OAAA,GAAA;AACA,EAAA,IAAA,CAAA,SAAA,GAAA,CAAA,CAAA,IAAA,CAAA,OAAA,CAAA,MAAA,CAAA,SAAA;AACA,EAAA,IAAA,CAAA,qBAAA,GAAA,CAAA,CAAA,IAAA,CAAA,OAAA,CAAA,YAAA,CAAA,SAAA;;AAEA,EAAA,IAAA,IAAA,CAAA,SAAA,CAAA,IAAA,CAAA,+BAAA,CAAA,EAAA;AACA,IAAA;AACA;;AAEA,EAAA,IAAA,CAAA,SAAA,CAAA,IAAA,CAAA,+BAAA,EAAA,IAAA;;AAEA,EAAA,MAAA,GAAA;AACA,IAAA;;AAEA,EAAA,IAAA,CAAA,YAAA,GAAA,CAAA;AACA,IAAA,CAAA;AACA,MAAA,EAAA,IAAA,CAAA,OAAA,CAAA,YAAA,CAAA,IAAA,CAAA,CAAA,EAAA,GAAA;AACA,aAAA;AACA;AACA,EAAA,IAAA,CAAA,YAAA,CAAA,EAAA,CAAA,OAAA,EAAA,CAAA,CAAA,KAAA,CAAA,IAAA,EAAA,qBAAA,CAAA;AACA,EAAA,IAAA,CAAA,qBAAA,CAAA,MAAA,CAAA,IAAA,CAAA,YAAA;AACA,EAAA,CAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,IAAA,CAAA;AACA,EAAA,CAAA,CAAA,QAAA,CAAA,CAAA,EAAA,CAAA,SAAA,EAAA,IAAA,CAAA,eAAA,CAAA,IAAA,CAAA,IAAA,CAAA;AACA;;AAEA,YAAA,CAAA,SAAA,CAAA,QAAA,GAAA,YAAA;AACA,EAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,eAAA,EAAA,MAAA;AACA,EAAA,IAAA,CAAA,SAAA,CAAA,WAAA,CAAA,eAAA;AACA,EAAA,IAAA,CAAA,SAAA,CAAA,IAAA,CAAA,OAAA,CAAA,CAAA,KAAA,EAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAA;AACA;;AAEA,YAAA,CAAA,SAAA,CAAA,QAAA,GAAA,YAAA;AACA,EAAA,IAAA,CAAA,SAAA,CAAA,QAAA,CAAA,eAAA;AACA,EAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,eAAA,EAAA,OAAA;AACA;;AAEA,YAAA,CAAA,SAAA,CAAA,mBAAA,GAAA,YAAA;AACA,EAAA,IAAA,IAAA,CAAA,YAAA,CAAA,IAAA,CAAA,eAAA,CAAA,KAAA,OAAA,EAAA;AACA,IAAA,IAAA,CAAA,QAAA;AACA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,QAAA;AACA;AACA;;AAEA,YAAA,CAAA,SAAA,CAAA,eAAA,GAAA,UAAA,CAAA,EAAA;AACA,EAAA;AACA,IAAA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,qBAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA;AACA,IAAA,CAAA,CAAA,CAAA,QAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA;AACA,IAAA;AACA,IAAA,IAAA,CAAA,QAAA;AACA;AACA;;;;"}
+{"version":3,"file":"search-toggle.mjs","sources":["../../../../src/moj/components/search-toggle/search-toggle.mjs"],"sourcesContent":["export class SearchToggle {\n  constructor(options) {\n    this.options = options\n    this.container = this.options.search.container\n    this.toggleButtonContainer = this.options.toggleButton.container\n\n    if (this.container.hasAttribute('data-moj-search-toggle-init')) {\n      return this\n    }\n\n    this.container.setAttribute('data-moj-search-toggle-init', '')\n\n    const svg =\n      '<svg viewBox=\"0 0 20 20\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" class=\"moj-search-toggle__button__icon\"><path d=\"M7.433,12.5790048 C6.06762625,12.5808611 4.75763941,12.0392925 3.79217348,11.0738265 C2.82670755,10.1083606 2.28513891,8.79837375 2.28699522,7.433 C2.28513891,6.06762625 2.82670755,4.75763941 3.79217348,3.79217348 C4.75763941,2.82670755 6.06762625,2.28513891 7.433,2.28699522 C8.79837375,2.28513891 10.1083606,2.82670755 11.0738265,3.79217348 C12.0392925,4.75763941 12.5808611,6.06762625 12.5790048,7.433 C12.5808611,8.79837375 12.0392925,10.1083606 11.0738265,11.0738265 C10.1083606,12.0392925 8.79837375,12.5808611 7.433,12.5790048 L7.433,12.5790048 Z M14.293,12.579 L13.391,12.579 L13.071,12.269 C14.2300759,10.9245158 14.8671539,9.20813198 14.866,7.433 C14.866,3.32786745 11.5381325,-1.65045755e-15 7.433,-1.65045755e-15 C3.32786745,-1.65045755e-15 -1.65045755e-15,3.32786745 -1.65045755e-15,7.433 C-1.65045755e-15,11.5381325 3.32786745,14.866 7.433,14.866 C9.208604,14.8671159 10.9253982,14.2296624 12.27,13.07 L12.579,13.39 L12.579,14.294 L18.296,20 L20,18.296 L14.294,12.579 L14.293,12.579 Z\"></path></svg>'\n\n    this.toggleButton = document.createElement('button')\n    this.toggleButton.setAttribute('class', 'moj-search-toggle__button')\n    this.toggleButton.setAttribute('type', 'button')\n    this.toggleButton.setAttribute('aria-haspopup', 'true')\n    this.toggleButton.setAttribute('aria-expanded', 'false')\n    this.toggleButton.innerHTML = `${this.options.toggleButton.text} ${svg}`\n\n    this.toggleButton.addEventListener(\n      'click',\n      this.onToggleButtonClick.bind(this)\n    )\n\n    this.toggleButtonContainer.append(this.toggleButton)\n\n    document.addEventListener('click', this.onDocumentClick.bind(this))\n    document.addEventListener('focusin', this.onDocumentClick.bind(this))\n  }\n\n  showMenu() {\n    this.toggleButton.setAttribute('aria-expanded', 'true')\n    this.container.classList.remove('moj-js-hidden')\n    this.container.querySelector('input').focus()\n  }\n\n  hideMenu() {\n    this.container.classList.add('moj-js-hidden')\n    this.toggleButton.setAttribute('aria-expanded', 'false')\n  }\n\n  onToggleButtonClick() {\n    if (this.toggleButton.getAttribute('aria-expanded') === 'false') {\n      this.showMenu()\n    } else {\n      this.hideMenu()\n    }\n  }\n\n  onDocumentClick(event) {\n    if (\n      !this.toggleButtonContainer.contains(event.target) &&\n      !this.container.contains(event.target)\n    ) {\n      this.hideMenu()\n    }\n  }\n}\n"],"names":["SearchToggle","constructor","options","container","search","toggleButtonContainer","toggleButton","hasAttribute","setAttribute","svg","document","createElement","innerHTML","text","addEventListener","onToggleButtonClick","bind","append","onDocumentClick","showMenu","classList","remove","querySelector","focus","hideMenu","add","getAttribute","event","contains","target"],"mappings":"AAAO,MAAMA,YAAY,CAAC;EACxBC,WAAWA,CAACC,OAAO,EAAE;IACnB,IAAI,CAACA,OAAO,GAAGA,OAAO;IACtB,IAAI,CAACC,SAAS,GAAG,IAAI,CAACD,OAAO,CAACE,MAAM,CAACD,SAAS;IAC9C,IAAI,CAACE,qBAAqB,GAAG,IAAI,CAACH,OAAO,CAACI,YAAY,CAACH,SAAS;IAEhE,IAAI,IAAI,CAACA,SAAS,CAACI,YAAY,CAAC,6BAA6B,CAAC,EAAE;AAC9D,MAAA,OAAO,IAAI;AACb;IAEA,IAAI,CAACJ,SAAS,CAACK,YAAY,CAAC,6BAA6B,EAAE,EAAE,CAAC;IAE9D,MAAMC,GAAG,GACP,6pCAA6pC;IAE/pC,IAAI,CAACH,YAAY,GAAGI,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;IACpD,IAAI,CAACL,YAAY,CAACE,YAAY,CAAC,OAAO,EAAE,2BAA2B,CAAC;IACpE,IAAI,CAACF,YAAY,CAACE,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;IAChD,IAAI,CAACF,YAAY,CAACE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;IACvD,IAAI,CAACF,YAAY,CAACE,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AACxD,IAAA,IAAI,CAACF,YAAY,CAACM,SAAS,GAAG,CAAG,EAAA,IAAI,CAACV,OAAO,CAACI,YAAY,CAACO,IAAI,CAAA,CAAA,EAAIJ,GAAG,CAAE,CAAA;AAExE,IAAA,IAAI,CAACH,YAAY,CAACQ,gBAAgB,CAChC,OAAO,EACP,IAAI,CAACC,mBAAmB,CAACC,IAAI,CAAC,IAAI,CACpC,CAAC;IAED,IAAI,CAACX,qBAAqB,CAACY,MAAM,CAAC,IAAI,CAACX,YAAY,CAAC;AAEpDI,IAAAA,QAAQ,CAACI,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACI,eAAe,CAACF,IAAI,CAAC,IAAI,CAAC,CAAC;AACnEN,IAAAA,QAAQ,CAACI,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAACI,eAAe,CAACF,IAAI,CAAC,IAAI,CAAC,CAAC;AACvE;AAEAG,EAAAA,QAAQA,GAAG;IACT,IAAI,CAACb,YAAY,CAACE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC;IACvD,IAAI,CAACL,SAAS,CAACiB,SAAS,CAACC,MAAM,CAAC,eAAe,CAAC;IAChD,IAAI,CAAClB,SAAS,CAACmB,aAAa,CAAC,OAAO,CAAC,CAACC,KAAK,EAAE;AAC/C;AAEAC,EAAAA,QAAQA,GAAG;IACT,IAAI,CAACrB,SAAS,CAACiB,SAAS,CAACK,GAAG,CAAC,eAAe,CAAC;IAC7C,IAAI,CAACnB,YAAY,CAACE,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC;AAC1D;AAEAO,EAAAA,mBAAmBA,GAAG;IACpB,IAAI,IAAI,CAACT,YAAY,CAACoB,YAAY,CAAC,eAAe,CAAC,KAAK,OAAO,EAAE;MAC/D,IAAI,CAACP,QAAQ,EAAE;AACjB,KAAC,MAAM;MACL,IAAI,CAACK,QAAQ,EAAE;AACjB;AACF;EAEAN,eAAeA,CAACS,KAAK,EAAE;IACrB,IACE,CAAC,IAAI,CAACtB,qBAAqB,CAACuB,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,IAClD,CAAC,IAAI,CAAC1B,SAAS,CAACyB,QAAQ,CAACD,KAAK,CAACE,MAAM,CAAC,EACtC;MACA,IAAI,CAACL,QAAQ,EAAE;AACjB;AACF;AACF;;;;"}

package/moj/components/side-navigation/_side-navigation.scss

@@ -116,3 +116,5 @@
     }
   }
 }
+
+/*# sourceMappingURL=_side-navigation.scss.map */

package/moj/components/side-navigation/_side-navigation.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/side-navigation/_side-navigation.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;+EAE+E;;AAE/E;EACE,uBAAuB;;EAEvB;IACE,aAAa;IACb,kBAAkB;EACpB;;EAEA;IACE,cAAc;IACd,6BAA6B;EAC/B;AACF;;AAEA;EACE,SAAS;EACT,yBAAyB;EACzB,oCAAoC;EACpC,gCAAgC;EAChC,mBAAmB;EACnB,8BAA8B;;EAE9B;IACE,aAAa;EACf;AACF;;AAEA;EACE,SAAS;EACT,UAAU;EACV,gBAAgB;;EAEhB;IACE,aAAa;IACb,SAAS;IACT,mBAAmB;EACrB;;EAEA;IACE,+BAA+B;EACjC;AACF;;AAEA;EACE;IACE,aAAa;EACf;;EAEA;;;IAGE,cAAc;IACd,yBAAyB;IACzB,yBAAyB;IACzB,qBAAqB;;IAErB;MACE,yBAAyB;MACzB,sCAAsC,EAAE,2BAA2B;MACnE,oCAAoC;IACtC;;IAEA;MACE,yBAAyB;MACzB,kCAAkC;MAClC,yBAAyB;IAC3B;EACF;;EAEA;IACE,+BAA+B;EACjC;;EAEA;IACE,kBAAkB;IAClB,sCAAsC;IACtC,+BAA+B;IAC/B,qCAAqC;EACvC;AACF;;AAEA;EACE;;IAEE,gCAAgC;IAChC,yBAAyB;IACzB,iBAAiB;EACnB;;EAEA;IACE,sCAAsC;IACtC,+BAA+B;EACjC;;EAEA;IACE,sCAAsC;IACtC,+BAA+B;IAC/B,qCAAqC;EACvC;;EAEA;IACE;;MAEE,4CAA4C;IAC9C;;IAEA;MACE,+BAA+B;MAC/B,qCAAqC;IACvC;EACF;AACF","file":"_side-navigation.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   #SIDE NAVIGATION\n   ========================================================================== */\n\n.moj-side-navigation {\n  @include govuk-font(16);\n\n  @include govuk-media-query($until: tablet) {\n    display: flex;\n    overflow-x: scroll;\n  }\n\n  @include govuk-media-query($from: tablet) {\n    display: block;\n    padding: govuk-spacing(4) 0 0;\n  }\n}\n\n.moj-side-navigation__title {\n  margin: 0;\n  padding: govuk-spacing(2);\n  padding-left: govuk-spacing(2) + 4px;\n  color: govuk-colour(\"dark-grey\");\n  font-weight: normal;\n  @include govuk-font($size: 19);\n\n  @include govuk-media-query($until: tablet) {\n    display: none;\n  }\n}\n\n.moj-side-navigation__list {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n\n  @include govuk-media-query($until: tablet) {\n    display: flex;\n    margin: 0;\n    white-space: nowrap;\n  }\n\n  @include govuk-media-query($from: tablet) {\n    margin-bottom: govuk-spacing(4);\n  }\n}\n\n.moj-side-navigation__item {\n  @include govuk-media-query($until: tablet) {\n    display: flex;\n  }\n\n  a,\n  a:link,\n  a:visited {\n    display: block;\n    color: $govuk-link-colour;\n    background-color: inherit;\n    text-decoration: none;\n\n    @include govuk-media-query($until: tablet) {\n      padding: govuk-spacing(3);\n      padding-bottom: govuk-spacing(3) - 4px; // Compensate for 4px border\n      border-bottom: 4px solid transparent;\n    }\n\n    @include govuk-media-query($from: tablet) {\n      padding: govuk-spacing(2);\n      border-left: 4px solid transparent;\n      background-color: inherit;\n    }\n  }\n\n  a:hover {\n    color: $govuk-link-hover-colour;\n  }\n\n  a:focus {\n    position: relative;\n    border-color: $govuk-focus-text-colour;\n    color: $govuk-focus-text-colour;\n    background-color: $govuk-focus-colour;\n  }\n}\n\n.moj-side-navigation__item--active {\n  a:link,\n  a:visited {\n    border-color: $govuk-link-colour;\n    color: $govuk-link-colour;\n    font-weight: bold;\n  }\n\n  a:hover {\n    border-color: $govuk-link-hover-colour;\n    color: $govuk-link-hover-colour;\n  }\n\n  a:focus {\n    border-color: $govuk-focus-text-colour;\n    color: $govuk-focus-text-colour;\n    background-color: $govuk-focus-colour;\n  }\n\n  @include govuk-media-query($from: tablet) {\n    a:link,\n    a:visited {\n      background-color: govuk-colour(\"light-grey\");\n    }\n\n    a:focus {\n      color: $govuk-focus-text-colour;\n      background-color: $govuk-focus-colour;\n    }\n  }\n}\n"]}

package/moj/components/sortable-table/_sortable-table.scss

@@ -8,8 +8,6 @@
   border-width: 0;
   color: #005ea5;
   background-color: transparent;
-  -webkit-box-shadow: 0 0 0 0;
-  -moz-box-shadow: 0 0 0 0;
   box-shadow: 0 0 0 0;
   font-family: inherit;
   font-size: inherit;
@@ -68,3 +66,5 @@
   right: -5px;
   font-size: 0.8em;
 }
+
+/*# sourceMappingURL=_sortable-table.scss.map */

package/moj/components/sortable-table/_sortable-table.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/moj/components/sortable-table/_sortable-table.scss"],"names":[],"mappings":"AAAA,uCAAuC;;AAEvC;;EAEE,kBAAkB;EAClB,SAAS;EACT,mBAAmB;EACnB,eAAe;EACf,cAAc;EACd,6BAA6B;EAG7B,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;EAClB,cAAc;EACd,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;AACjB;;AAEA;EACE,aAAa;EACb,+BAA+B;EAC/B,qCAAqC;EACrC;;kCAEgC;AAClC;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,QAAQ;EACR,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,QAAQ;EACR,WAAW;EACX,gBAAgB;AAClB;;AAEA;;EAEE,aAAa;AACf;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,QAAQ;EACR,WAAW;EACX,gBAAgB;AAClB;;AAEA;EACE,iBAAiB;EACjB,kBAAkB;EAClB,QAAQ;EACR,WAAW;EACX,gBAAgB;AAClB","file":"_sortable-table.scss","sourcesContent":["@use \"../../vendor/govuk-frontend\" as *;\n\n[aria-sort] button,\n[aria-sort] button:hover {\n  position: relative;\n  margin: 0;\n  padding: 0 10px 0 0;\n  border-width: 0;\n  color: #005ea5;\n  background-color: transparent;\n  -webkit-box-shadow: 0 0 0 0;\n  -moz-box-shadow: 0 0 0 0;\n  box-shadow: 0 0 0 0;\n  font-family: inherit;\n  font-size: inherit;\n  font-size: 1em;\n  font-weight: inherit;\n  text-align: inherit;\n  cursor: pointer;\n}\n\n[aria-sort] button:focus {\n  outline: none;\n  color: $govuk-focus-text-colour;\n  background-color: $govuk-focus-colour;\n  box-shadow:\n    0 -2px $govuk-focus-colour,\n    0 4px $govuk-focus-text-colour;\n}\n\n[aria-sort]:first-child button {\n  right: auto;\n}\n\n[aria-sort] button::before {\n  content: \" \\25bc\";\n  position: absolute;\n  top: 9px;\n  right: -1px;\n  font-size: 0.5em;\n}\n\n[aria-sort] button::after {\n  content: \" \\25b2\";\n  position: absolute;\n  top: 1px;\n  right: -1px;\n  font-size: 0.5em;\n}\n\n[aria-sort=\"ascending\"] button::before,\n[aria-sort=\"descending\"] button::before {\n  content: none;\n}\n\n[aria-sort=\"ascending\"] button::after {\n  content: \" \\25b2\";\n  position: absolute;\n  top: 2px;\n  right: -5px;\n  font-size: 0.8em;\n}\n\n[aria-sort=\"descending\"] button::after {\n  content: \" \\25bc\";\n  position: absolute;\n  top: 2px;\n  right: -5px;\n  font-size: 0.8em;\n}\n"]}

package/moj/components/sortable-table/sortable-table.bundle.js

@@ -0,0 +1,134 @@
+(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 SortableTable {
+    constructor(params) {
+      const table = params.table;
+      const head = table == null ? void 0 : table.querySelector('thead');
+      const body = table == null ? void 0 : table.querySelector('tbody');
+      if (!table || !(table instanceof HTMLElement) || !head || !body) {
+        return this;
+      }
+      this.table = table;
+      this.head = head;
+      this.body = body;
+      if (this.table.hasAttribute('data-moj-sortable-table-init')) {
+        return this;
+      }
+      this.table.setAttribute('data-moj-sortable-table-init', '');
+      this.headings = this.head ? Array.from(this.head.querySelectorAll('th')) : [];
+      this.setupOptions(params);
+      this.createHeadingButtons();
+      this.createStatusBox();
+      this.initialiseSortedColumn();
+      this.head.addEventListener('click', this.onSortButtonClick.bind(this));
+    }
+    setupOptions(params) {
+      params = params || {};
+      this.statusMessage = params.statusMessage || 'Sort by %heading% (%direction%)';
+      this.ascendingText = params.ascendingText || 'ascending';
+      this.descendingText = params.descendingText || 'descending';
+    }
+    createHeadingButtons() {
+      for (const heading of this.headings) {
+        if (heading.hasAttribute('aria-sort')) {
+          this.createHeadingButton(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.table.insertAdjacentElement('afterend', this.status);
+    }
+    initialiseSortedColumn() {
+      var _sortButton$getAttrib;
+      const rows = this.getTableRowsArray();
+      const heading = this.table.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$getAttrib = sortButton == null ? void 0 : sortButton.getAttribute('data-index')) != null ? _sortButton$getAttrib : '0', 10);
+      if (!heading || !sortButton || !(sortDirection === 'ascending' || sortDirection === 'descending')) {
+        return;
+      }
+      const sortedRows = this.sort(rows, columnNumber, sortDirection);
+      this.addRows(sortedRows);
+    }
+    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);
+    }
+    updateButtonState(button, direction) {
+      if (!(direction === 'ascending' || direction === 'descending')) {
+        return;
+      }
+      button.parentElement.setAttribute('aria-sort', direction);
+      let message = this.statusMessage;
+      message = message.replace(/%heading%/, button.textContent);
+      message = message.replace(/%direction%/, this[`${direction}Text`]);
+      this.status.textContent = message;
+    }
+    removeButtonStates() {
+      for (const heading of this.headings) {
+        heading.setAttribute('aria-sort', 'none');
+      }
+    }
+    addRows(rows) {
+      for (const row of rows) {
+        this.body.append(row);
+      }
+    }
+    getTableRowsArray() {
+      return Array.from(this.body.querySelectorAll('tr'));
+    }
+    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;
+      });
+    }
+    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;
+    }
+  }
+
+  exports.SortableTable = SortableTable;
+
+}));
+//# sourceMappingURL=sortable-table.bundle.js.map

package/moj/components/sortable-table/sortable-table.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-table.bundle.js","sources":["../../../../src/moj/components/sortable-table/sortable-table.mjs"],"sourcesContent":["export class SortableTable {\n  constructor(params) {\n    const table = params.table\n    const head = table?.querySelector('thead')\n    const body = table?.querySelector('tbody')\n\n    if (!table || !(table instanceof HTMLElement) || !head || !body) {\n      return this\n    }\n\n    this.table = table\n    this.head = head\n    this.body = body\n\n    if (this.table.hasAttribute('data-moj-sortable-table-init')) {\n      return this\n    }\n\n    this.table.setAttribute('data-moj-sortable-table-init', '')\n\n    this.headings = this.head\n      ? Array.from(this.head.querySelectorAll('th'))\n      : []\n\n    this.setupOptions(params)\n    this.createHeadingButtons()\n    this.createStatusBox()\n    this.initialiseSortedColumn()\n\n    this.head.addEventListener('click', this.onSortButtonClick.bind(this))\n  }\n\n  setupOptions(params) {\n    params = params || {}\n    this.statusMessage =\n      params.statusMessage || 'Sort by %heading% (%direction%)'\n    this.ascendingText = params.ascendingText || 'ascending'\n    this.descendingText = params.descendingText || 'descending'\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  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.table.insertAdjacentElement('afterend', this.status)\n  }\n\n  initialiseSortedColumn() {\n    const rows = this.getTableRowsArray()\n\n    const heading = this.table.querySelector('th[aria-sort]')\n    const sortButton = heading?.querySelector('button')\n    const sortDirection = heading?.getAttribute('aria-sort')\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  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    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  updateButtonState(button, direction) {\n    if (!(direction === 'ascending' || direction === 'descending')) {\n      return\n    }\n\n    button.parentElement.setAttribute('aria-sort', direction)\n    let message = this.statusMessage\n    message = message.replace(/%heading%/, button.textContent)\n    message = message.replace(/%direction%/, this[`${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  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  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  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"],"names":["SortableTable","constructor","params","table","head","querySelector","body","HTMLElement","hasAttribute","setAttribute","headings","Array","from","querySelectorAll","setupOptions","createHeadingButtons","createStatusBox","initialiseSortedColumn","addEventListener","onSortButtonClick","bind","statusMessage","ascendingText","descendingText","heading","createHeadingButton","index","indexOf","button","document","createElement","textContent","appendChild","status","insertAdjacentElement","_sortButton$getAttrib","rows","getTableRowsArray","sortButton","sortDirection","getAttribute","columnNumber","Number","parseInt","sortedRows","sort","addRows","event","_button$getAttribute","target","HTMLButtonElement","parentElement","newSortDirection","removeButtonStates","updateButtonState","direction","message","replace","row","append","rowA","rowB","tdA","tdB","valueA","getCellValue","valueB","toString","localeCompare","cell","val","innerHTML","valAsNumber","isFinite"],"mappings":"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"}

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

@@ -0,0 +1,126 @@
+class SortableTable {
+  constructor(params) {
+    const table = params.table;
+    const head = table == null ? void 0 : table.querySelector('thead');
+    const body = table == null ? void 0 : table.querySelector('tbody');
+    if (!table || !(table instanceof HTMLElement) || !head || !body) {
+      return this;
+    }
+    this.table = table;
+    this.head = head;
+    this.body = body;
+    if (this.table.hasAttribute('data-moj-sortable-table-init')) {
+      return this;
+    }
+    this.table.setAttribute('data-moj-sortable-table-init', '');
+    this.headings = this.head ? Array.from(this.head.querySelectorAll('th')) : [];
+    this.setupOptions(params);
+    this.createHeadingButtons();
+    this.createStatusBox();
+    this.initialiseSortedColumn();
+    this.head.addEventListener('click', this.onSortButtonClick.bind(this));
+  }
+  setupOptions(params) {
+    params = params || {};
+    this.statusMessage = params.statusMessage || 'Sort by %heading% (%direction%)';
+    this.ascendingText = params.ascendingText || 'ascending';
+    this.descendingText = params.descendingText || 'descending';
+  }
+  createHeadingButtons() {
+    for (const heading of this.headings) {
+      if (heading.hasAttribute('aria-sort')) {
+        this.createHeadingButton(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.table.insertAdjacentElement('afterend', this.status);
+  }
+  initialiseSortedColumn() {
+    var _sortButton$getAttrib;
+    const rows = this.getTableRowsArray();
+    const heading = this.table.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$getAttrib = sortButton == null ? void 0 : sortButton.getAttribute('data-index')) != null ? _sortButton$getAttrib : '0', 10);
+    if (!heading || !sortButton || !(sortDirection === 'ascending' || sortDirection === 'descending')) {
+      return;
+    }
+    const sortedRows = this.sort(rows, columnNumber, sortDirection);
+    this.addRows(sortedRows);
+  }
+  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);
+  }
+  updateButtonState(button, direction) {
+    if (!(direction === 'ascending' || direction === 'descending')) {
+      return;
+    }
+    button.parentElement.setAttribute('aria-sort', direction);
+    let message = this.statusMessage;
+    message = message.replace(/%heading%/, button.textContent);
+    message = message.replace(/%direction%/, this[`${direction}Text`]);
+    this.status.textContent = message;
+  }
+  removeButtonStates() {
+    for (const heading of this.headings) {
+      heading.setAttribute('aria-sort', 'none');
+    }
+  }
+  addRows(rows) {
+    for (const row of rows) {
+      this.body.append(row);
+    }
+  }
+  getTableRowsArray() {
+    return Array.from(this.body.querySelectorAll('tr'));
+  }
+  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;
+    });
+  }
+  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;
+  }
+}
+
+export { SortableTable };
+//# sourceMappingURL=sortable-table.bundle.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortable-table.bundle.mjs","sources":["../../../../src/moj/components/sortable-table/sortable-table.mjs"],"sourcesContent":["export class SortableTable {\n  constructor(params) {\n    const table = params.table\n    const head = table?.querySelector('thead')\n    const body = table?.querySelector('tbody')\n\n    if (!table || !(table instanceof HTMLElement) || !head || !body) {\n      return this\n    }\n\n    this.table = table\n    this.head = head\n    this.body = body\n\n    if (this.table.hasAttribute('data-moj-sortable-table-init')) {\n      return this\n    }\n\n    this.table.setAttribute('data-moj-sortable-table-init', '')\n\n    this.headings = this.head\n      ? Array.from(this.head.querySelectorAll('th'))\n      : []\n\n    this.setupOptions(params)\n    this.createHeadingButtons()\n    this.createStatusBox()\n    this.initialiseSortedColumn()\n\n    this.head.addEventListener('click', this.onSortButtonClick.bind(this))\n  }\n\n  setupOptions(params) {\n    params = params || {}\n    this.statusMessage =\n      params.statusMessage || 'Sort by %heading% (%direction%)'\n    this.ascendingText = params.ascendingText || 'ascending'\n    this.descendingText = params.descendingText || 'descending'\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  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.table.insertAdjacentElement('afterend', this.status)\n  }\n\n  initialiseSortedColumn() {\n    const rows = this.getTableRowsArray()\n\n    const heading = this.table.querySelector('th[aria-sort]')\n    const sortButton = heading?.querySelector('button')\n    const sortDirection = heading?.getAttribute('aria-sort')\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  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    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  updateButtonState(button, direction) {\n    if (!(direction === 'ascending' || direction === 'descending')) {\n      return\n    }\n\n    button.parentElement.setAttribute('aria-sort', direction)\n    let message = this.statusMessage\n    message = message.replace(/%heading%/, button.textContent)\n    message = message.replace(/%direction%/, this[`${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  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  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  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"],"names":["SortableTable","constructor","params","table","head","querySelector","body","HTMLElement","hasAttribute","setAttribute","headings","Array","from","querySelectorAll","setupOptions","createHeadingButtons","createStatusBox","initialiseSortedColumn","addEventListener","onSortButtonClick","bind","statusMessage","ascendingText","descendingText","heading","createHeadingButton","index","indexOf","button","document","createElement","textContent","appendChild","status","insertAdjacentElement","_sortButton$getAttrib","rows","getTableRowsArray","sortButton","sortDirection","getAttribute","columnNumber","Number","parseInt","sortedRows","sort","addRows","event","_button$getAttribute","target","HTMLButtonElement","parentElement","newSortDirection","removeButtonStates","updateButtonState","direction","message","replace","row","append","rowA","rowB","tdA","tdB","valueA","getCellValue","valueB","toString","localeCompare","cell","val","innerHTML","valAsNumber","isFinite"],"mappings":"AAAO,MAAMA,aAAa,CAAC;EACzBC,WAAWA,CAACC,MAAM,EAAE;AAClB,IAAA,MAAMC,KAAK,GAAGD,MAAM,CAACC,KAAK;IAC1B,MAAMC,IAAI,GAAGD,KAAK,IAAA,IAAA,GAAA,MAAA,GAALA,KAAK,CAAEE,aAAa,CAAC,OAAO,CAAC;IAC1C,MAAMC,IAAI,GAAGH,KAAK,IAAA,IAAA,GAAA,MAAA,GAALA,KAAK,CAAEE,aAAa,CAAC,OAAO,CAAC;AAE1C,IAAA,IAAI,CAACF,KAAK,IAAI,EAAEA,KAAK,YAAYI,WAAW,CAAC,IAAI,CAACH,IAAI,IAAI,CAACE,IAAI,EAAE;AAC/D,MAAA,OAAO,IAAI;AACb;IAEA,IAAI,CAACH,KAAK,GAAGA,KAAK;IAClB,IAAI,CAACC,IAAI,GAAGA,IAAI;IAChB,IAAI,CAACE,IAAI,GAAGA,IAAI;IAEhB,IAAI,IAAI,CAACH,KAAK,CAACK,YAAY,CAAC,8BAA8B,CAAC,EAAE;AAC3D,MAAA,OAAO,IAAI;AACb;IAEA,IAAI,CAACL,KAAK,CAACM,YAAY,CAAC,8BAA8B,EAAE,EAAE,CAAC;IAE3D,IAAI,CAACC,QAAQ,GAAG,IAAI,CAACN,IAAI,GACrBO,KAAK,CAACC,IAAI,CAAC,IAAI,CAACR,IAAI,CAACS,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAC5C,EAAE;AAEN,IAAA,IAAI,CAACC,YAAY,CAACZ,MAAM,CAAC;IACzB,IAAI,CAACa,oBAAoB,EAAE;IAC3B,IAAI,CAACC,eAAe,EAAE;IACtB,IAAI,CAACC,sBAAsB,EAAE;AAE7B,IAAA,IAAI,CAACb,IAAI,CAACc,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAACC,iBAAiB,CAACC,IAAI,CAAC,IAAI,CAAC,CAAC;AACxE;EAEAN,YAAYA,CAACZ,MAAM,EAAE;AACnBA,IAAAA,MAAM,GAAGA,MAAM,IAAI,EAAE;AACrB,IAAA,IAAI,CAACmB,aAAa,GAChBnB,MAAM,CAACmB,aAAa,IAAI,iCAAiC;AAC3D,IAAA,IAAI,CAACC,aAAa,GAAGpB,MAAM,CAACoB,aAAa,IAAI,WAAW;AACxD,IAAA,IAAI,CAACC,cAAc,GAAGrB,MAAM,CAACqB,cAAc,IAAI,YAAY;AAC7D;AAEAR,EAAAA,oBAAoBA,GAAG;AACrB,IAAA,KAAK,MAAMS,OAAO,IAAI,IAAI,CAACd,QAAQ,EAAE;AACnC,MAAA,IAAIc,OAAO,CAAChB,YAAY,CAAC,WAAW,CAAC,EAAE;AACrC,QAAA,IAAI,CAACiB,mBAAmB,CAACD,OAAO,CAAC;AACnC;AACF;AACF;EAEAC,mBAAmBA,CAACD,OAAO,EAAE;IAC3B,MAAME,KAAK,GAAG,IAAI,CAAChB,QAAQ,CAACiB,OAAO,CAACH,OAAO,CAAC;AAC5C,IAAA,MAAMI,MAAM,GAAGC,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;AAE/CF,IAAAA,MAAM,CAACnB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;IACrCmB,MAAM,CAACnB,YAAY,CAAC,YAAY,EAAE,CAAGiB,EAAAA,KAAK,EAAE,CAAC;AAC7CE,IAAAA,MAAM,CAACG,WAAW,GAAGP,OAAO,CAACO,WAAW;IAExCP,OAAO,CAACO,WAAW,GAAG,EAAE;AACxBP,IAAAA,OAAO,CAACQ,WAAW,CAACJ,MAAM,CAAC;AAC7B;AAEAZ,EAAAA,eAAeA,GAAG;IAChB,IAAI,CAACiB,MAAM,GAAGJ,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IAE3C,IAAI,CAACG,MAAM,CAACxB,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC;IAC/C,IAAI,CAACwB,MAAM,CAACxB,YAAY,CAAC,WAAW,EAAE,QAAQ,CAAC;IAC/C,IAAI,CAACwB,MAAM,CAACxB,YAAY,CAAC,OAAO,EAAE,uBAAuB,CAAC;IAC1D,IAAI,CAACwB,MAAM,CAACxB,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC;IAE1C,IAAI,CAACN,KAAK,CAAC+B,qBAAqB,CAAC,UAAU,EAAE,IAAI,CAACD,MAAM,CAAC;AAC3D;AAEAhB,EAAAA,sBAAsBA,GAAG;AAAA,IAAA,IAAAkB,qBAAA;AACvB,IAAA,MAAMC,IAAI,GAAG,IAAI,CAACC,iBAAiB,EAAE;IAErC,MAAMb,OAAO,GAAG,IAAI,CAACrB,KAAK,CAACE,aAAa,CAAC,eAAe,CAAC;IACzD,MAAMiC,UAAU,GAAGd,OAAO,IAAA,IAAA,GAAA,MAAA,GAAPA,OAAO,CAAEnB,aAAa,CAAC,QAAQ,CAAC;IACnD,MAAMkC,aAAa,GAAGf,OAAO,IAAA,IAAA,GAAA,MAAA,GAAPA,OAAO,CAAEgB,YAAY,CAAC,WAAW,CAAC;IACxD,MAAMC,YAAY,GAAGC,MAAM,CAACC,QAAQ,CAAAR,CAAAA,qBAAA,GAClCG,UAAU,IAAVA,IAAAA,GAAAA,MAAAA,GAAAA,UAAU,CAAEE,YAAY,CAAC,YAAY,CAAC,KAAA,IAAA,GAAAL,qBAAA,GAAI,GAAG,EAC7C,EACF,CAAC;AAED,IAAA,IACE,CAACX,OAAO,IACR,CAACc,UAAU,IACX,EAAEC,aAAa,KAAK,WAAW,IAAIA,aAAa,KAAK,YAAY,CAAC,EAClE;AACA,MAAA;AACF;IAEA,MAAMK,UAAU,GAAG,IAAI,CAACC,IAAI,CAACT,IAAI,EAAEK,YAAY,EAAEF,aAAa,CAAC;AAC/D,IAAA,IAAI,CAACO,OAAO,CAACF,UAAU,CAAC;AAC1B;EAEAzB,iBAAiBA,CAAC4B,KAAK,EAAE;AAAA,IAAA,IAAAC,oBAAA;AACvB,IAAA,MAAMpB,MAAM,GAAGmB,KAAK,CAACE,MAAM;AAE3B,IAAA,IACE,CAACrB,MAAM,IACP,EAAEA,MAAM,YAAYsB,iBAAiB,CAAC,IACtC,CAACtB,MAAM,CAACuB,aAAa,EACrB;AACA,MAAA;AACF;AAEA,IAAA,MAAM3B,OAAO,GAAGI,MAAM,CAACuB,aAAa;AACpC,IAAA,MAAMZ,aAAa,GAAGf,OAAO,CAACgB,YAAY,CAAC,WAAW,CAAC;IACvD,MAAMC,YAAY,GAAGC,MAAM,CAACC,QAAQ,CAAAK,CAAAA,oBAAA,GAClCpB,MAAM,IAANA,IAAAA,GAAAA,MAAAA,GAAAA,MAAM,CAAEY,YAAY,CAAC,YAAY,CAAC,KAAA,IAAA,GAAAQ,oBAAA,GAAI,GAAG,EACzC,EACF,CAAC;AAED,IAAA,MAAMI,gBAAgB,GACpBb,aAAa,KAAK,MAAM,IAAIA,aAAa,KAAK,YAAY,GACtD,WAAW,GACX,YAAY;AAElB,IAAA,MAAMH,IAAI,GAAG,IAAI,CAACC,iBAAiB,EAAE;IACrC,MAAMO,UAAU,GAAG,IAAI,CAACC,IAAI,CAACT,IAAI,EAAEK,YAAY,EAAEW,gBAAgB,CAAC;AAElE,IAAA,IAAI,CAACN,OAAO,CAACF,UAAU,CAAC;IACxB,IAAI,CAACS,kBAAkB,EAAE;AACzB,IAAA,IAAI,CAACC,iBAAiB,CAAC1B,MAAM,EAAEwB,gBAAgB,CAAC;AAClD;AAEAE,EAAAA,iBAAiBA,CAAC1B,MAAM,EAAE2B,SAAS,EAAE;IACnC,IAAI,EAAEA,SAAS,KAAK,WAAW,IAAIA,SAAS,KAAK,YAAY,CAAC,EAAE;AAC9D,MAAA;AACF;IAEA3B,MAAM,CAACuB,aAAa,CAAC1C,YAAY,CAAC,WAAW,EAAE8C,SAAS,CAAC;AACzD,IAAA,IAAIC,OAAO,GAAG,IAAI,CAACnC,aAAa;IAChCmC,OAAO,GAAGA,OAAO,CAACC,OAAO,CAAC,WAAW,EAAE7B,MAAM,CAACG,WAAW,CAAC;AAC1DyB,IAAAA,OAAO,GAAGA,OAAO,CAACC,OAAO,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA,EAAGF,SAAS,CAAA,IAAA,CAAM,CAAC,CAAC;AAClE,IAAA,IAAI,CAACtB,MAAM,CAACF,WAAW,GAAGyB,OAAO;AACnC;AAEAH,EAAAA,kBAAkBA,GAAG;AACnB,IAAA,KAAK,MAAM7B,OAAO,IAAI,IAAI,CAACd,QAAQ,EAAE;AACnCc,MAAAA,OAAO,CAACf,YAAY,CAAC,WAAW,EAAE,MAAM,CAAC;AAC3C;AACF;EAEAqC,OAAOA,CAACV,IAAI,EAAE;AACZ,IAAA,KAAK,MAAMsB,GAAG,IAAItB,IAAI,EAAE;AACtB,MAAA,IAAI,CAAC9B,IAAI,CAACqD,MAAM,CAACD,GAAG,CAAC;AACvB;AACF;AAEArB,EAAAA,iBAAiBA,GAAG;AAClB,IAAA,OAAO1B,KAAK,CAACC,IAAI,CAAC,IAAI,CAACN,IAAI,CAACO,gBAAgB,CAAC,IAAI,CAAC,CAAC;AACrD;AAEAgC,EAAAA,IAAIA,CAACT,IAAI,EAAEK,YAAY,EAAEF,aAAa,EAAE;IACtC,OAAOH,IAAI,CAACS,IAAI,CAAC,CAACe,IAAI,EAAEC,IAAI,KAAK;MAC/B,MAAMC,GAAG,GAAGF,IAAI,CAAC/C,gBAAgB,CAAC,QAAQ,CAAC,CAAC4B,YAAY,CAAC;MACzD,MAAMsB,GAAG,GAAGF,IAAI,CAAChD,gBAAgB,CAAC,QAAQ,CAAC,CAAC4B,YAAY,CAAC;AAEzD,MAAA,IACE,CAACqB,GAAG,IACJ,CAACC,GAAG,IACJ,EAAED,GAAG,YAAYvD,WAAW,CAAC,IAC7B,EAAEwD,GAAG,YAAYxD,WAAW,CAAC,EAC7B;AACA,QAAA,OAAO,CAAC;AACV;AAEA,MAAA,MAAMyD,MAAM,GACVzB,aAAa,KAAK,WAAW,GACzB,IAAI,CAAC0B,YAAY,CAACH,GAAG,CAAC,GACtB,IAAI,CAACG,YAAY,CAACF,GAAG,CAAC;AAE5B,MAAA,MAAMG,MAAM,GACV3B,aAAa,KAAK,WAAW,GACzB,IAAI,CAAC0B,YAAY,CAACF,GAAG,CAAC,GACtB,IAAI,CAACE,YAAY,CAACH,GAAG,CAAC;AAE5B,MAAA,OAAO,EAAE,OAAOE,MAAM,KAAK,QAAQ,IAAI,OAAOE,MAAM,KAAK,QAAQ,CAAC,GAC9DF,MAAM,CAACG,QAAQ,EAAE,CAACC,aAAa,CAACF,MAAM,CAACC,QAAQ,EAAE,CAAC,GAClDH,MAAM,GAAGE,MAAM;AACrB,KAAC,CAAC;AACJ;EAEAD,YAAYA,CAACI,IAAI,EAAE;IACjB,MAAMC,GAAG,GAAGD,IAAI,CAAC7B,YAAY,CAAC,iBAAiB,CAAC,IAAI6B,IAAI,CAACE,SAAS;AAClE,IAAA,MAAMC,WAAW,GAAG9B,MAAM,CAAC4B,GAAG,CAAC;IAE/B,OAAO5B,MAAM,CAAC+B,QAAQ,CAACD,WAAW,CAAC,GAC/BA,WAAW;AAAC,MACZF,GAAG;AACT;AACF;;;;"}