@ministryofjustice/frontend 7.0.0 → 7.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -341,7 +341,7 @@ function createAll(Component, config, scopeOrOptions) {
341
341
  *
342
342
  * {@link https://github.com/ministryofjustice/moj-frontend/releases}
343
343
  */
344
- const version = '7.0.0';
344
+ const version = '7.1.1';
345
345
 
346
346
  class AddAnother extends Component {
347
347
  /**
@@ -1861,15 +1861,23 @@ class PdsHeader extends Component {
1861
1861
  this.$tabOpenClass = 'probation-common-header__toggle-open';
1862
1862
  const $userToggle = this.$root.querySelector('.probation-common-header__user-menu-toggle');
1863
1863
  const $userMenu = this.$root.querySelector('#probation-common-header-user-menu');
1864
- if (!$userToggle || !$userMenu || !($userToggle instanceof HTMLElement) || !($userMenu instanceof HTMLElement)) {
1864
+ const $servicesToggle = this.$root.querySelector('.probation-common-header__services-menu-toggle');
1865
+ const $servicesMenu = this.$root.querySelector('#probation-common-header-services-menu');
1866
+ if (!$userToggle || !$userMenu || !$servicesToggle || !$servicesMenu || !($userToggle instanceof HTMLElement) || !($userMenu instanceof HTMLElement) || !($servicesToggle instanceof HTMLElement) || !($servicesMenu instanceof HTMLElement)) {
1865
1867
  return 0;
1866
1868
  }
1867
1869
  this.hideFallbackLinks();
1868
1870
  $userToggle.removeAttribute('hidden');
1869
- this.closeTabs([[$userToggle, $userMenu]]);
1871
+ $servicesToggle.removeAttribute('hidden');
1872
+ this.closeTabs([[$userToggle, $userMenu], [$servicesToggle, $servicesMenu]]);
1870
1873
  $userToggle.addEventListener('click', _event => {
1874
+ this.closeTabs([[$servicesToggle, $servicesMenu]]);
1871
1875
  this.toggleMenu($userToggle, $userMenu);
1872
1876
  });
1877
+ $servicesToggle.addEventListener('click', _event => {
1878
+ this.closeTabs([[$userToggle, $userMenu]]);
1879
+ this.toggleMenu($servicesToggle, $servicesMenu);
1880
+ });
1873
1881
  }
1874
1882
 
1875
1883
  /**
@@ -1905,7 +1913,9 @@ class PdsHeader extends Component {
1905
1913
  }
1906
1914
  hideFallbackLinks() {
1907
1915
  const $userLink = this.$root.querySelector('.probation-common-header__user-menu-link');
1916
+ const $servicesLink = this.$root.querySelector('.probation-common-header__services-menu-link');
1908
1917
  if ($userLink) $userLink.setAttribute('hidden', 'hidden');
1918
+ if ($servicesLink) $servicesLink.setAttribute('hidden', 'hidden');
1909
1919
  }
1910
1920
 
1911
1921
  /**