@ministryofjustice/frontend 5.1.4 → 5.2.0

package/moj/components/domain-specific/probation/header/_header.scss

@@ -0,0 +1,336 @@
+/* stylelint-disable max-nesting-depth, selector-no-qualifying-type */
+@use "../../../../vendor/govuk-frontend" as *;
+
+/* ==========================================================================
+   PROBATION#HEADER
+   ========================================================================== */
+
+.probation-common-header {
+  [hidden] {
+    display: none;
+  }
+  color: govuk-colour("white");
+
+  background-color: govuk-colour("black");
+
+  &__logo {
+    @include govuk-responsive-margin(3, "right");
+    position: relative;
+    top: -2px;
+    padding: 15px 0;
+    fill: govuk-colour("white");
+  }
+
+  &__title {
+    display: flex;
+
+    &__organisation-name {
+      @include govuk-responsive-margin(2, "right");
+      @include govuk-font($size: 24, $weight: "bold");
+      display: flex;
+      align-items: center;
+    }
+
+    .govuk-tag {
+      margin: auto 0;
+
+      @include govuk-media-query($until: 985px) {
+        display: none;
+      }
+    }
+  }
+
+  &__submenu-link {
+    @include govuk-link-common;
+    @include govuk-link-style-no-visited-state;
+  }
+
+  &__link {
+    @include govuk-link-common;
+    @include govuk-link-style-default;
+
+    &:link,
+    &:visited,
+    &:active {
+      color: govuk-colour("white");
+      font-weight: normal;
+      text-decoration: none;
+    }
+
+    &:focus {
+      color: govuk-colour("black");
+      box-shadow: none;
+
+      &::after {
+        content: "";
+        position: absolute;
+        top: auto;
+        right: 15px;
+        bottom: 0;
+        left: 15px;
+        height: 3px;
+        background: govuk-colour("black");
+      }
+
+      svg {
+        fill: govuk-colour("black");
+      }
+    }
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  &__button-width-container {
+    position: relative;
+  }
+
+  &__button-container {
+    @include govuk-media-query(925px) {
+      position: absolute;
+      top: -70px;
+      right: 0;
+      background-color: govuk-colour("black");
+    }
+  }
+
+  &__navigation {
+    display: flex;
+    height: 70px;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    flex-direction: row;
+    align-items: center;
+
+    &__item {
+      position: relative;
+      height: 100%;
+
+      > button,
+      > a {
+        display: flex;
+        height: 100%;
+        padding: 0;
+        overflow: hidden;
+        border: none;
+        color: govuk-colour("white");
+        background: govuk-colour("black");
+        cursor: pointer;
+        align-items: center;
+        justify-content: center;
+        @include govuk-font(16);
+
+        &:hover {
+          color: govuk-colour("mid-grey");
+
+          &::after {
+            content: "";
+            position: absolute;
+            top: auto;
+            right: 15px;
+            bottom: 0;
+            left: 15px;
+            height: 3px;
+            background: govuk-colour("mid-grey");
+          }
+        }
+
+        &.probation-common-header__menu-toggle {
+          padding: 10px 0;
+
+          > span {
+            display: flex;
+            height: 100%;
+            padding: 0 15px;
+            border-left: 1px solid govuk-colour("white");
+            align-items: center;
+
+            &::before {
+              content: "";
+              display: inline-block;
+              width: 8px;
+              height: 8px;
+              margin: 3px 15px 0 3px;
+              transform: translateY(-35%) rotate(45deg) scale(1);
+              border-right: 2px solid govuk-colour("white");
+              border-bottom: 2px solid govuk-colour("white");
+              vertical-align: middle;
+            }
+          }
+
+          svg {
+            margin: 0 15px 0 0;
+          }
+
+          &:hover {
+            > span {
+              &::before {
+                border-right: 2px solid govuk-colour("mid-grey");
+                border-bottom: 2px solid govuk-colour("mid-grey");
+              }
+            }
+          }
+        }
+
+        &.probation-common-header__toggle-open {
+          color: govuk-colour("blue");
+          background: govuk-colour("light-grey");
+
+          > span {
+            &::before {
+              transform: translateY(-0%) rotate(225deg) scale(1);
+              border-right: 2px solid govuk-colour("blue");
+              border-bottom: 2px solid govuk-colour("blue");
+            }
+
+            &::after {
+              content: "";
+              position: absolute;
+              top: auto;
+              right: 15px;
+              bottom: 0;
+              left: 15px;
+              height: 3px;
+              background: govuk-colour("blue");
+            }
+          }
+
+          &:hover {
+            color: govuk-colour("dark-grey");
+          }
+        }
+
+        &:focus-visible {
+          outline: 3px solid transparent;
+          color: govuk-colour("black");
+          background-color: govuk-colour("yellow");
+          box-shadow: none;
+          text-decoration: none;
+
+          &::after {
+            content: "";
+            position: absolute;
+            top: auto;
+            right: 15px;
+            bottom: 0;
+            left: 15px;
+            height: 3px;
+            background: govuk-colour("black");
+          }
+
+          > span {
+            &::before {
+              border-right: 2px solid govuk-colour("black");
+              border-bottom: 2px solid govuk-colour("black");
+            }
+          }
+        }
+      }
+
+      &.item-open {
+        + div {
+          > button,
+          > a {
+            > span {
+              border-left: 1px solid transparent;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .probation-common-header__user-menu {
+    position: relative;
+    z-index: 10000000;
+    padding: 15px;
+    background: govuk-colour("light-grey");
+
+    a {
+      display: block;
+      margin-bottom: 15px;
+      font-weight: 700;
+    }
+  }
+
+  &__pushdown-menu {
+    padding: 30px 0 60px;
+    background: govuk-colour("light-grey");
+  }
+
+  &__icon-link-wrapper {
+    display: flex;
+    position: relative;
+    height: 100%;
+
+    img,
+    svg {
+      margin: 0 15px 0 0;
+    }
+
+    a {
+      box-sizing: border-box;
+      display: block;
+      width: 100%;
+      padding: 10px 0;
+
+      > span {
+        display: flex;
+        height: 100%;
+        padding: 0 15px;
+        border-left: 1px solid govuk-colour("white");
+        align-items: center;
+        justify-content: center;
+      }
+
+      &:hover {
+        color: govuk-colour("mid-grey");
+        text-decoration: none;
+
+        &::after {
+          content: "";
+          position: absolute;
+          top: auto;
+          right: 15px;
+          bottom: 0;
+          left: 15px;
+          height: 3px;
+          background: govuk-colour("mid-grey");
+        }
+      }
+    }
+  }
+
+  &__services-menu {
+    ul {
+      display: grid;
+      width: 100%;
+      margin-bottom: 0;
+      font-weight: bold;
+      grid-template-columns: 1fr 1fr 1fr;
+      gap: 15px;
+      justify-items: start;
+    }
+  }
+
+  &__user-menu-link {
+    width: 181px;
+  }
+
+  &__services-menu-link {
+    width: 107px;
+  }
+
+  &__menu-toggle-label {
+    display: block;
+    text-align: left;
+  }
+
+  @media print {
+    display: none;
+  }
+}
+
+/*# sourceMappingURL=_header.scss.map */

package/moj/components/domain-specific/probation/header/_header.scss.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/moj/components/domain-specific/probation/header/_header.scss"],"names":[],"mappings":"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","file":"_header.scss","sourcesContent":["/* stylelint-disable max-nesting-depth, selector-no-qualifying-type */\n@use \"../../../../vendor/govuk-frontend\" as *;\n\n/* ==========================================================================\n   PROBATION#HEADER\n   ========================================================================== */\n\n.probation-common-header {\n  [hidden] {\n    display: none;\n  }\n  color: govuk-colour(\"white\");\n\n  background-color: govuk-colour(\"black\");\n\n  &__logo {\n    @include govuk-responsive-margin(3, \"right\");\n    position: relative;\n    top: -2px;\n    padding: 15px 0;\n    fill: govuk-colour(\"white\");\n  }\n\n  &__title {\n    display: flex;\n\n    &__organisation-name {\n      @include govuk-responsive-margin(2, \"right\");\n      @include govuk-font($size: 24, $weight: \"bold\");\n      display: flex;\n      align-items: center;\n    }\n\n    .govuk-tag {\n      margin: auto 0;\n\n      @include govuk-media-query($until: 985px) {\n        display: none;\n      }\n    }\n  }\n\n  &__submenu-link {\n    @include govuk-link-common;\n    @include govuk-link-style-no-visited-state;\n  }\n\n  &__link {\n    @include govuk-link-common;\n    @include govuk-link-style-default;\n\n    &:link,\n    &:visited,\n    &:active {\n      color: govuk-colour(\"white\");\n      font-weight: normal;\n      text-decoration: none;\n    }\n\n    &:focus {\n      color: govuk-colour(\"black\");\n      box-shadow: none;\n\n      &::after {\n        content: \"\";\n        position: absolute;\n        top: auto;\n        right: 15px;\n        bottom: 0;\n        left: 15px;\n        height: 3px;\n        background: govuk-colour(\"black\");\n      }\n\n      svg {\n        fill: govuk-colour(\"black\");\n      }\n    }\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n\n  &__button-width-container {\n    position: relative;\n  }\n\n  &__button-container {\n    @include govuk-media-query(925px) {\n      position: absolute;\n      top: -70px;\n      right: 0;\n      background-color: govuk-colour(\"black\");\n    }\n  }\n\n  &__navigation {\n    display: flex;\n    height: 70px;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    flex-direction: row;\n    align-items: center;\n\n    &__item {\n      position: relative;\n      height: 100%;\n\n      > button,\n      > a {\n        display: flex;\n        height: 100%;\n        padding: 0;\n        overflow: hidden;\n        border: none;\n        color: govuk-colour(\"white\");\n        background: govuk-colour(\"black\");\n        cursor: pointer;\n        align-items: center;\n        justify-content: center;\n        @include govuk-font(16);\n\n        &:hover {\n          color: govuk-colour(\"mid-grey\");\n\n          &::after {\n            content: \"\";\n            position: absolute;\n            top: auto;\n            right: 15px;\n            bottom: 0;\n            left: 15px;\n            height: 3px;\n            background: govuk-colour(\"mid-grey\");\n          }\n        }\n\n        &.probation-common-header__menu-toggle {\n          padding: 10px 0;\n\n          > span {\n            display: flex;\n            height: 100%;\n            padding: 0 15px;\n            border-left: 1px solid govuk-colour(\"white\");\n            align-items: center;\n\n            &::before {\n              content: \"\";\n              display: inline-block;\n              width: 8px;\n              height: 8px;\n              margin: 3px 15px 0 3px;\n              -ms-transform: translateY(-35%) rotate(45deg) scale(1);\n              -webkit-transform: translateY(-35%) rotate(45deg) scale(1);\n              transform: translateY(-35%) rotate(45deg) scale(1);\n              border-right: 2px solid govuk-colour(\"white\");\n              border-bottom: 2px solid govuk-colour(\"white\");\n              vertical-align: middle;\n            }\n          }\n\n          svg {\n            margin: 0 15px 0 0;\n          }\n\n          &:hover {\n            > span {\n              &::before {\n                border-right: 2px solid govuk-colour(\"mid-grey\");\n                border-bottom: 2px solid govuk-colour(\"mid-grey\");\n              }\n            }\n          }\n        }\n\n        &.probation-common-header__toggle-open {\n          color: govuk-colour(\"blue\");\n          background: govuk-colour(\"light-grey\");\n\n          > span {\n            &::before {\n              -ms-transform: translateY(-0%) rotate(225deg) scale(1);\n              -webkit-transform: translateY(-0%) rotate(225deg) scale(1);\n              transform: translateY(-0%) rotate(225deg) scale(1);\n              border-right: 2px solid govuk-colour(\"blue\");\n              border-bottom: 2px solid govuk-colour(\"blue\");\n            }\n\n            &::after {\n              content: \"\";\n              position: absolute;\n              top: auto;\n              right: 15px;\n              bottom: 0;\n              left: 15px;\n              height: 3px;\n              background: govuk-colour(\"blue\");\n            }\n          }\n\n          &:hover {\n            color: govuk-colour(\"dark-grey\");\n          }\n        }\n\n        &:focus-visible {\n          outline: 3px solid transparent;\n          color: govuk-colour(\"black\");\n          background-color: govuk-colour(\"yellow\");\n          box-shadow: none;\n          text-decoration: none;\n\n          &::after {\n            content: \"\";\n            position: absolute;\n            top: auto;\n            right: 15px;\n            bottom: 0;\n            left: 15px;\n            height: 3px;\n            background: govuk-colour(\"black\");\n          }\n\n          > span {\n            &::before {\n              border-right: 2px solid govuk-colour(\"black\");\n              border-bottom: 2px solid govuk-colour(\"black\");\n            }\n          }\n        }\n      }\n\n      &.item-open {\n        + div {\n          > button,\n          > a {\n            > span {\n              border-left: 1px solid transparent;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .probation-common-header__user-menu {\n    position: relative;\n    z-index: 10000000;\n    padding: 15px;\n    background: govuk-colour(\"light-grey\");\n\n    a {\n      display: block;\n      margin-bottom: 15px;\n      font-weight: 700;\n    }\n  }\n\n  &__pushdown-menu {\n    padding: 30px 0 60px;\n    background: govuk-colour(\"light-grey\");\n  }\n\n  &__icon-link-wrapper {\n    display: flex;\n    position: relative;\n    height: 100%;\n\n    img,\n    svg {\n      margin: 0 15px 0 0;\n    }\n\n    a {\n      box-sizing: border-box;\n      display: block;\n      width: 100%;\n      padding: 10px 0;\n\n      > span {\n        display: flex;\n        height: 100%;\n        padding: 0 15px;\n        border-left: 1px solid govuk-colour(\"white\");\n        align-items: center;\n        justify-content: center;\n      }\n\n      &:hover {\n        color: govuk-colour(\"mid-grey\");\n        text-decoration: none;\n\n        &::after {\n          content: \"\";\n          position: absolute;\n          top: auto;\n          right: 15px;\n          bottom: 0;\n          left: 15px;\n          height: 3px;\n          background: govuk-colour(\"mid-grey\");\n        }\n      }\n    }\n  }\n\n  &__services-menu {\n    ul {\n      display: grid;\n      width: 100%;\n      margin-bottom: 0;\n      font-weight: bold;\n      grid-template-columns: 1fr 1fr 1fr;\n      gap: 15px;\n      justify-items: start;\n    }\n  }\n\n  &__user-menu-link {\n    width: 181px;\n  }\n\n  &__services-menu-link {\n    width: 107px;\n  }\n\n  &__menu-toggle-label {\n    display: block;\n    text-align: left;\n  }\n\n  @media print {\n    display: none;\n  }\n}\n"]}

package/moj/components/domain-specific/probation/header/header.bundle.js

@@ -0,0 +1,75 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('govuk-frontend')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'govuk-frontend'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.MOJFrontend = global.MOJFrontend || {}, global.GOVUKFrontend));
+})(this, (function (exports, govukFrontend) { 'use strict';
+
+  class PdsHeader extends govukFrontend.Component {
+    /**
+     * @param {Element | null} $root - HTML element to use for PDS header
+     */
+    constructor($root) {
+      super($root);
+      this.initHeader();
+    }
+    initHeader() {
+      this.$tabOpenClass = 'probation-common-header__toggle-open';
+      const $userToggle = this.$root.querySelector('.probation-common-header__user-menu-toggle');
+      const $userMenu = this.$root.querySelector('#probation-common-header-user-menu');
+      if (!$userToggle || !$userMenu || !($userToggle instanceof HTMLElement) || !($userMenu instanceof HTMLElement)) {
+        return 0;
+      }
+      this.hideFallbackLinks();
+      $userToggle.removeAttribute('hidden');
+      this.closeTabs([[$userToggle, $userMenu]]);
+      $userToggle.addEventListener('click', _event => {
+        this.toggleMenu($userToggle, $userMenu);
+      });
+    }
+
+    /**
+     * @param {[any, any][]} tabTuples
+     */
+    closeTabs(tabTuples) {
+      tabTuples.forEach(([toggle, menu]) => {
+        if (menu && toggle) {
+          menu.setAttribute('hidden', 'hidden');
+          toggle.classList.remove(this.$tabOpenClass);
+          toggle.parentElement.classList.remove('item-open');
+          toggle.setAttribute('aria-expanded', 'false');
+          if (toggle.dataset.textForShow) toggle.setAttribute('aria-label', toggle.dataset.textForShow);
+        }
+      });
+    }
+
+    /**
+     * @param {HTMLElement} toggle
+     * @param {HTMLElement} menu
+     */
+    toggleMenu(toggle, menu) {
+      const isOpen = !menu.getAttribute('hidden');
+      if (isOpen) {
+        this.closeTabs([[toggle, menu]]);
+      } else if (menu && toggle) {
+        menu.removeAttribute('hidden');
+        toggle.classList.add(this.$tabOpenClass);
+        toggle.parentElement.classList.add('item-open');
+        toggle.setAttribute('aria-expanded', 'true');
+        if (toggle.dataset.textForHide) toggle.setAttribute('aria-label', toggle.dataset.textForHide);
+      }
+    }
+    hideFallbackLinks() {
+      const $userLink = this.$root.querySelector('.probation-common-header__user-menu-link');
+      if ($userLink) $userLink.setAttribute('hidden', 'hidden');
+    }
+
+    /**
+     * Name for the component used when initialising using data-module attributes.
+     */
+  }
+  PdsHeader.moduleName = 'pds-header';
+
+  exports.PdsHeader = PdsHeader;
+
+}));
+//# sourceMappingURL=header.bundle.js.map

package/moj/components/domain-specific/probation/header/header.bundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.bundle.js","sources":["../../../../../../src/moj/components/domain-specific/probation/header/header.mjs"],"sourcesContent":["import { Component } from 'govuk-frontend'\n\nexport class PdsHeader extends Component {\n  /**\n   * @param {Element | null} $root - HTML element to use for PDS header\n   */\n  constructor($root) {\n    super($root)\n    this.initHeader()\n  }\n\n  initHeader() {\n    this.$tabOpenClass = 'probation-common-header__toggle-open'\n    const $userToggle = this.$root.querySelector(\n      '.probation-common-header__user-menu-toggle'\n    )\n    const $userMenu = this.$root.querySelector(\n      '#probation-common-header-user-menu'\n    )\n\n    if (\n      !$userToggle ||\n      !$userMenu ||\n      !($userToggle instanceof HTMLElement) ||\n      !($userMenu instanceof HTMLElement)\n    ) {\n      return 0\n    }\n\n    this.hideFallbackLinks()\n    $userToggle.removeAttribute('hidden')\n\n    this.closeTabs([[$userToggle, $userMenu]])\n\n    $userToggle.addEventListener('click', (_event) => {\n      this.toggleMenu($userToggle, $userMenu)\n    })\n  }\n\n  /**\n   * @param {[any, any][]} tabTuples\n   */\n  closeTabs(tabTuples) {\n    tabTuples.forEach(([toggle, menu]) => {\n      if (menu && toggle) {\n        menu.setAttribute('hidden', 'hidden')\n        toggle.classList.remove(this.$tabOpenClass)\n        toggle.parentElement.classList.remove('item-open')\n        toggle.setAttribute('aria-expanded', 'false')\n        if (toggle.dataset.textForShow)\n          toggle.setAttribute('aria-label', toggle.dataset.textForShow)\n      }\n    })\n  }\n\n  /**\n   * @param {HTMLElement} toggle\n   * @param {HTMLElement} menu\n   */\n  toggleMenu(toggle, menu) {\n    const isOpen = !menu.getAttribute('hidden')\n\n    if (isOpen) {\n      this.closeTabs([[toggle, menu]])\n    } else if (menu && toggle) {\n      menu.removeAttribute('hidden')\n      toggle.classList.add(this.$tabOpenClass)\n      toggle.parentElement.classList.add('item-open')\n      toggle.setAttribute('aria-expanded', 'true')\n      if (toggle.dataset.textForHide)\n        toggle.setAttribute('aria-label', toggle.dataset.textForHide)\n    }\n  }\n\n  hideFallbackLinks() {\n    const $userLink = this.$root.querySelector(\n      '.probation-common-header__user-menu-link'\n    )\n    if ($userLink) $userLink.setAttribute('hidden', 'hidden')\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'pds-header'\n}\n"],"names":["PdsHeader","Component","constructor","$root","initHeader","$tabOpenClass","$userToggle","querySelector","$userMenu","HTMLElement","hideFallbackLinks","removeAttribute","closeTabs","addEventListener","_event","toggleMenu","tabTuples","forEach","toggle","menu","setAttribute","classList","remove","parentElement","dataset","textForShow","isOpen","getAttribute","add","textForHide","$userLink","moduleName"],"mappings":"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"}

package/moj/components/domain-specific/probation/header/header.bundle.mjs

@@ -0,0 +1,189 @@
+function isInitialised($root, moduleName) {
+  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);
+}
+
+/**
+ * Checks if GOV.UK Frontend is supported on this page
+ *
+ * Some browsers will load and run our JavaScript but GOV.UK Frontend
+ * won't be supported.
+ *
+ * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support
+ * @returns {boolean} Whether GOV.UK Frontend is supported on this page
+ */
+function isSupported($scope = document.body) {
+  if (!$scope) {
+    return false;
+  }
+  return $scope.classList.contains('govuk-frontend-supported');
+}
+function formatErrorMessage(Component, message) {
+  return `${Component.moduleName}: ${message}`;
+}
+
+class GOVUKFrontendError extends Error {
+  constructor(...args) {
+    super(...args);
+    this.name = 'GOVUKFrontendError';
+  }
+}
+class SupportError extends GOVUKFrontendError {
+  /**
+   * Checks if GOV.UK Frontend is supported on this page
+   *
+   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+   */
+  constructor($scope = document.body) {
+    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    this.name = 'SupportError';
+  }
+}
+class ElementError extends GOVUKFrontendError {
+  constructor(messageOrOptions) {
+    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
+    if (typeof messageOrOptions === 'object') {
+      const {
+        component,
+        identifier,
+        element,
+        expectedType
+      } = messageOrOptions;
+      message = identifier;
+      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
+      message = formatErrorMessage(component, message);
+    }
+    super(message);
+    this.name = 'ElementError';
+  }
+}
+class InitError extends GOVUKFrontendError {
+  constructor(componentOrMessage) {
+    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\`$root\`) already initialised`);
+    super(message);
+    this.name = 'InitError';
+  }
+}
+
+class Component {
+  /**
+   * Returns the root element of the component
+   *
+   * @protected
+   * @returns {RootElementType} - the root element of component
+   */
+  get $root() {
+    return this._$root;
+  }
+  constructor($root) {
+    this._$root = void 0;
+    const childConstructor = this.constructor;
+    if (typeof childConstructor.moduleName !== 'string') {
+      throw new InitError(`\`moduleName\` not defined in component`);
+    }
+    if (!($root instanceof childConstructor.elementType)) {
+      throw new ElementError({
+        element: $root,
+        component: childConstructor,
+        identifier: 'Root element (`$root`)',
+        expectedType: childConstructor.elementType.name
+      });
+    } else {
+      this._$root = $root;
+    }
+    childConstructor.checkSupport();
+    this.checkInitialised();
+    const moduleName = childConstructor.moduleName;
+    this.$root.setAttribute(`data-${moduleName}-init`, '');
+  }
+  checkInitialised() {
+    const constructor = this.constructor;
+    const moduleName = constructor.moduleName;
+    if (moduleName && isInitialised(this.$root, moduleName)) {
+      throw new InitError(constructor);
+    }
+  }
+  static checkSupport() {
+    if (!isSupported()) {
+      throw new SupportError();
+    }
+  }
+}
+
+/**
+ * @typedef ChildClass
+ * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component
+ */
+
+/**
+ * @typedef {typeof Component & ChildClass} ChildClassConstructor
+ */
+Component.elementType = HTMLElement;
+
+class PdsHeader extends Component {
+  /**
+   * @param {Element | null} $root - HTML element to use for PDS header
+   */
+  constructor($root) {
+    super($root);
+    this.initHeader();
+  }
+  initHeader() {
+    this.$tabOpenClass = 'probation-common-header__toggle-open';
+    const $userToggle = this.$root.querySelector('.probation-common-header__user-menu-toggle');
+    const $userMenu = this.$root.querySelector('#probation-common-header-user-menu');
+    if (!$userToggle || !$userMenu || !($userToggle instanceof HTMLElement) || !($userMenu instanceof HTMLElement)) {
+      return 0;
+    }
+    this.hideFallbackLinks();
+    $userToggle.removeAttribute('hidden');
+    this.closeTabs([[$userToggle, $userMenu]]);
+    $userToggle.addEventListener('click', _event => {
+      this.toggleMenu($userToggle, $userMenu);
+    });
+  }
+
+  /**
+   * @param {[any, any][]} tabTuples
+   */
+  closeTabs(tabTuples) {
+    tabTuples.forEach(([toggle, menu]) => {
+      if (menu && toggle) {
+        menu.setAttribute('hidden', 'hidden');
+        toggle.classList.remove(this.$tabOpenClass);
+        toggle.parentElement.classList.remove('item-open');
+        toggle.setAttribute('aria-expanded', 'false');
+        if (toggle.dataset.textForShow) toggle.setAttribute('aria-label', toggle.dataset.textForShow);
+      }
+    });
+  }
+
+  /**
+   * @param {HTMLElement} toggle
+   * @param {HTMLElement} menu
+   */
+  toggleMenu(toggle, menu) {
+    const isOpen = !menu.getAttribute('hidden');
+    if (isOpen) {
+      this.closeTabs([[toggle, menu]]);
+    } else if (menu && toggle) {
+      menu.removeAttribute('hidden');
+      toggle.classList.add(this.$tabOpenClass);
+      toggle.parentElement.classList.add('item-open');
+      toggle.setAttribute('aria-expanded', 'true');
+      if (toggle.dataset.textForHide) toggle.setAttribute('aria-label', toggle.dataset.textForHide);
+    }
+  }
+  hideFallbackLinks() {
+    const $userLink = this.$root.querySelector('.probation-common-header__user-menu-link');
+    if ($userLink) $userLink.setAttribute('hidden', 'hidden');
+  }
+
+  /**
+   * Name for the component used when initialising using data-module attributes.
+   */
+}
+PdsHeader.moduleName = 'pds-header';
+
+export { PdsHeader };
+//# sourceMappingURL=header.bundle.mjs.map

package/moj/components/domain-specific/probation/header/header.bundle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.bundle.mjs","sources":["../../../../../../node_modules/govuk-frontend/dist/govuk/common/index.mjs","../../../../../../node_modules/govuk-frontend/dist/govuk/errors/index.mjs","../../../../../../node_modules/govuk-frontend/dist/govuk/component.mjs","../../../../../../src/moj/components/domain-specific/probation/header/header.mjs"],"sourcesContent":["function getFragmentFromUrl(url) {\n  if (!url.includes('#')) {\n    return undefined;\n  }\n  return url.split('#').pop();\n}\nfunction getBreakpoint(name) {\n  const property = `--govuk-frontend-breakpoint-${name}`;\n  const value = window.getComputedStyle(document.documentElement).getPropertyValue(property);\n  return {\n    property,\n    value: value || undefined\n  };\n}\nfunction setFocus($element, options = {}) {\n  var _options$onBeforeFocu;\n  const isFocusable = $element.getAttribute('tabindex');\n  if (!isFocusable) {\n    $element.setAttribute('tabindex', '-1');\n  }\n  function onFocus() {\n    $element.addEventListener('blur', onBlur, {\n      once: true\n    });\n  }\n  function onBlur() {\n    var _options$onBlur;\n    (_options$onBlur = options.onBlur) == null || _options$onBlur.call($element);\n    if (!isFocusable) {\n      $element.removeAttribute('tabindex');\n    }\n  }\n  $element.addEventListener('focus', onFocus, {\n    once: true\n  });\n  (_options$onBeforeFocu = options.onBeforeFocus) == null || _options$onBeforeFocu.call($element);\n  $element.focus();\n}\nfunction isInitialised($root, moduleName) {\n  return $root instanceof HTMLElement && $root.hasAttribute(`data-${moduleName}-init`);\n}\n\n/**\n * Checks if GOV.UK Frontend is supported on this page\n *\n * Some browsers will load and run our JavaScript but GOV.UK Frontend\n * won't be supported.\n *\n * @param {HTMLElement | null} [$scope] - (internal) `<body>` HTML element checked for browser support\n * @returns {boolean} Whether GOV.UK Frontend is supported on this page\n */\nfunction isSupported($scope = document.body) {\n  if (!$scope) {\n    return false;\n  }\n  return $scope.classList.contains('govuk-frontend-supported');\n}\nfunction isArray(option) {\n  return Array.isArray(option);\n}\nfunction isObject(option) {\n  return !!option && typeof option === 'object' && !isArray(option);\n}\nfunction formatErrorMessage(Component, message) {\n  return `${Component.moduleName}: ${message}`;\n}\n/**\n * @typedef ComponentWithModuleName\n * @property {string} moduleName - Name of the component\n */\n/**\n * @import { ObjectNested } from './configuration.mjs'\n */\n\nexport { formatErrorMessage, getBreakpoint, getFragmentFromUrl, isInitialised, isObject, isSupported, setFocus };\n//# sourceMappingURL=index.mjs.map\n","import { formatErrorMessage } from '../common/index.mjs';\n\nclass GOVUKFrontendError extends Error {\n  constructor(...args) {\n    super(...args);\n    this.name = 'GOVUKFrontendError';\n  }\n}\nclass SupportError extends GOVUKFrontendError {\n  /**\n   * Checks if GOV.UK Frontend is supported on this page\n   *\n   * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support\n   */\n  constructor($scope = document.body) {\n    const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class=\"govuk-frontend-supported\">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';\n    super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type=\"module\">`');\n    this.name = 'SupportError';\n  }\n}\nclass ConfigError extends GOVUKFrontendError {\n  constructor(...args) {\n    super(...args);\n    this.name = 'ConfigError';\n  }\n}\nclass ElementError extends GOVUKFrontendError {\n  constructor(messageOrOptions) {\n    let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';\n    if (typeof messageOrOptions === 'object') {\n      const {\n        component,\n        identifier,\n        element,\n        expectedType\n      } = messageOrOptions;\n      message = identifier;\n      message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';\n      message = formatErrorMessage(component, message);\n    }\n    super(message);\n    this.name = 'ElementError';\n  }\n}\nclass InitError extends GOVUKFrontendError {\n  constructor(componentOrMessage) {\n    const message = typeof componentOrMessage === 'string' ? componentOrMessage : formatErrorMessage(componentOrMessage, `Root element (\\`$root\\`) already initialised`);\n    super(message);\n    this.name = 'InitError';\n  }\n}\n/**\n * @import { ComponentWithModuleName } from '../common/index.mjs'\n */\n\nexport { ConfigError, ElementError, GOVUKFrontendError, InitError, SupportError };\n//# sourceMappingURL=index.mjs.map\n","import { isInitialised, isSupported } from './common/index.mjs';\nimport { InitError, ElementError, SupportError } from './errors/index.mjs';\n\nclass Component {\n  /**\n   * Returns the root element of the component\n   *\n   * @protected\n   * @returns {RootElementType} - the root element of component\n   */\n  get $root() {\n    return this._$root;\n  }\n  constructor($root) {\n    this._$root = void 0;\n    const childConstructor = this.constructor;\n    if (typeof childConstructor.moduleName !== 'string') {\n      throw new InitError(`\\`moduleName\\` not defined in component`);\n    }\n    if (!($root instanceof childConstructor.elementType)) {\n      throw new ElementError({\n        element: $root,\n        component: childConstructor,\n        identifier: 'Root element (`$root`)',\n        expectedType: childConstructor.elementType.name\n      });\n    } else {\n      this._$root = $root;\n    }\n    childConstructor.checkSupport();\n    this.checkInitialised();\n    const moduleName = childConstructor.moduleName;\n    this.$root.setAttribute(`data-${moduleName}-init`, '');\n  }\n  checkInitialised() {\n    const constructor = this.constructor;\n    const moduleName = constructor.moduleName;\n    if (moduleName && isInitialised(this.$root, moduleName)) {\n      throw new InitError(constructor);\n    }\n  }\n  static checkSupport() {\n    if (!isSupported()) {\n      throw new SupportError();\n    }\n  }\n}\n\n/**\n * @typedef ChildClass\n * @property {string} moduleName - The module name that'll be looked for in the DOM when initialising the component\n */\n\n/**\n * @typedef {typeof Component & ChildClass} ChildClassConstructor\n */\nComponent.elementType = HTMLElement;\n\nexport { Component };\n//# sourceMappingURL=component.mjs.map\n","import { Component } from 'govuk-frontend'\n\nexport class PdsHeader extends Component {\n  /**\n   * @param {Element | null} $root - HTML element to use for PDS header\n   */\n  constructor($root) {\n    super($root)\n    this.initHeader()\n  }\n\n  initHeader() {\n    this.$tabOpenClass = 'probation-common-header__toggle-open'\n    const $userToggle = this.$root.querySelector(\n      '.probation-common-header__user-menu-toggle'\n    )\n    const $userMenu = this.$root.querySelector(\n      '#probation-common-header-user-menu'\n    )\n\n    if (\n      !$userToggle ||\n      !$userMenu ||\n      !($userToggle instanceof HTMLElement) ||\n      !($userMenu instanceof HTMLElement)\n    ) {\n      return 0\n    }\n\n    this.hideFallbackLinks()\n    $userToggle.removeAttribute('hidden')\n\n    this.closeTabs([[$userToggle, $userMenu]])\n\n    $userToggle.addEventListener('click', (_event) => {\n      this.toggleMenu($userToggle, $userMenu)\n    })\n  }\n\n  /**\n   * @param {[any, any][]} tabTuples\n   */\n  closeTabs(tabTuples) {\n    tabTuples.forEach(([toggle, menu]) => {\n      if (menu && toggle) {\n        menu.setAttribute('hidden', 'hidden')\n        toggle.classList.remove(this.$tabOpenClass)\n        toggle.parentElement.classList.remove('item-open')\n        toggle.setAttribute('aria-expanded', 'false')\n        if (toggle.dataset.textForShow)\n          toggle.setAttribute('aria-label', toggle.dataset.textForShow)\n      }\n    })\n  }\n\n  /**\n   * @param {HTMLElement} toggle\n   * @param {HTMLElement} menu\n   */\n  toggleMenu(toggle, menu) {\n    const isOpen = !menu.getAttribute('hidden')\n\n    if (isOpen) {\n      this.closeTabs([[toggle, menu]])\n    } else if (menu && toggle) {\n      menu.removeAttribute('hidden')\n      toggle.classList.add(this.$tabOpenClass)\n      toggle.parentElement.classList.add('item-open')\n      toggle.setAttribute('aria-expanded', 'true')\n      if (toggle.dataset.textForHide)\n        toggle.setAttribute('aria-label', toggle.dataset.textForHide)\n    }\n  }\n\n  hideFallbackLinks() {\n    const $userLink = this.$root.querySelector(\n      '.probation-common-header__user-menu-link'\n    )\n    if ($userLink) $userLink.setAttribute('hidden', 'hidden')\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'pds-header'\n}\n"],"names":["isInitialised","$root","moduleName","HTMLElement","hasAttribute","isSupported","$scope","document","body","classList","contains","formatErrorMessage","Component","message","GOVUKFrontendError","Error","constructor","args","name","SupportError","supportMessage","HTMLScriptElement","prototype","ElementError","messageOrOptions","component","identifier","element","expectedType","InitError","componentOrMessage","_$root","childConstructor","elementType","checkSupport","checkInitialised","setAttribute","PdsHeader","initHeader","$tabOpenClass","$userToggle","querySelector","$userMenu","hideFallbackLinks","removeAttribute","closeTabs","addEventListener","_event","toggleMenu","tabTuples","forEach","toggle","menu","remove","parentElement","dataset","textForShow","isOpen","getAttribute","add","textForHide","$userLink"],"mappings":"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","x_google_ignoreList":[0,1,2]}