hof 22.8.4 → 22.9.0-beta.v1

package/package/frontend/template-partials/views/partials/items-table.html

@@ -0,0 +1,32 @@
+{{#hasItems}}
+<div class="loop-summary-table">
+    {{#items}}
+    <table class="govuk-table">
+        <thead class="govuk-table__head">
+        <tr class="govuk-table__row">
+            <th scope="col" class="govuk-table__header data-col" colspan="2">{{itemTitle}}</th>
+            <th scope="col" class="govuk-table__header action-col">
+                <a href="{{baseUrl}}/{{route}}/edit/{{index}}">{{#t}}buttons.edit{{/t}}<span class="visuallyhidden"> {{itemTitle}}</span></a>
+            </th>
+            <th scope="col" class="govuk-table__header action-col">
+                <a href="{{baseUrl}}/{{route}}/delete/{{index}}">{{#t}}buttons.delete{{/t}}<span
+                        class="visuallyhidden"> {{itemTitle}}</span></a>
+            </th>
+        </tr>
+        </thead>
+        <tbody class="govuk-table__body">
+        {{#fields}}
+        {{#showInSummary}}
+        <tr class="govuk-table__row">
+            <td class="govuk-table__cell" class="govuk-table__header data-col">{{#t}}fields.{{field}}{{/t}}</td>
+            <td></td>
+            <td class="govuk-table__cell" class="govuk-table__header data-col">{{#parsed}}{{parsed}}{{/parsed}}{{^parsed}}{{value}}{{/parsed}}</td>
+            <td></td>
+        </tr>
+        {{/showInSummary}}
+        {{/fields}}
+        </tbody>
+    </table>
+    {{/items}}
+</div>
+{{/hasItems}}

package/package/frontend/template-partials/views/partials/maincontent-left.html

@@ -0,0 +1,10 @@
+{{$content-outer}}
+{{$preloader}}{{/preloader}}
+  <div class="govuk-grid-column-two-thirds">
+    {{$validationSummary}}{{/validationSummary}}
+    {{#captionHeading}}<span class="govuk-caption-l">{{captionHeading}}</span>{{/captionHeading}}
+    {{#header}}<h1 class="govuk-heading-l">{{header}}</h1>{{/header}}
+    {{#subHeading}}<div id="page-header"><h2 class="govuk-heading-m">{{subHeading}}</h2></div>{{/subHeading}}
+    {{$content}}{{/content}}
+  </div>
+{{/content-outer}}

package/package/frontend/template-partials/views/partials/navigation.html

@@ -0,0 +1,8 @@
+<div class="govuk-header__content">
+  {{#startPageRedirectUrl}}
+    <a href="{{startPageRedirectUrl}}" class="govuk-header__link govuk-header__link--service-name" id="proposition-name">{{$journeyHeader}}{{/journeyHeader}}</a>
+  {{/startPageRedirectUrl}}
+  {{^startPageRedirectUrl}}
+    <a href="{{journeyHeaderURL}}" class="govuk-header__link govuk-header__link--service-name" id="proposition-name">{{$journeyHeader}}{{/journeyHeader}}</a>
+  {{/startPageRedirectUrl}}
+</div>

package/package/frontend/template-partials/views/partials/page.html

@@ -0,0 +1,23 @@
+{{<layout}}
+  {{$journeyHeader}}
+    {{#t}}journey.header{{/t}}
+  {{/journeyHeader}}
+
+  {{$validationSummary}}
+    {{> partials-validation-summary}}
+  {{/validationSummary}}
+
+  {{$propositionHeader}}
+    {{> partials-navigation}}
+  {{/propositionHeader}}
+
+  {{$header}}{{{title}}}{{/header}}
+  {{$content}}
+    {{<partials-form}}
+      {{$form}}
+        {{$page-content}}{{/page-content}}
+        {{> partials-session-timeout-warning}}
+      {{/form}}
+    {{/partials-form}}
+  {{/content}}
+{{/layout}}

package/package/frontend/template-partials/views/partials/panel-indent.html

@@ -0,0 +1,3 @@
+<div class="panel-indent">
+  <p>{{content}}</p>
+</div>

package/package/frontend/template-partials/views/partials/session-cookies-table.html

@@ -0,0 +1,28 @@
+<table class="govuk-table">
+  <thead class="govuk-table__head">
+  <tr class="govuk-table__row">
+    {{#headers}}
+    <th scope="col" class="govuk-table__header app-custom-class">{{.}}</th>
+    {{/headers}}
+  </tr>
+  </thead>
+  <tbody>
+  <tr class="govuk-table__row">
+    {{#cookieName}}
+      <td scope="row" class="govuk-table__header">{{cookieName}}</td>
+    {{/cookieName}}
+    {{^cookieName}}
+      <td>{{defaultCookieName}}</td>
+    {{/cookieName}}
+    <td>{{defaultCookiePurpose}}</td>
+    <td>{{defaultCookieExpires}}</td>
+  </tr>
+  {{#rows}}
+  <tr>
+    {{#.}}
+    <td>{{.}}</td>
+    {{/.}}
+  </tr>
+  {{/rows}}
+  </tbody>
+</table>

package/package/frontend/template-partials/views/partials/session-timeout-warning.html

@@ -0,0 +1,38 @@
+<div class="govuk-timeout-warning-fallback">
+  <p>We will reset your application if you do not complete the page and press continue
+  in 5 minutes.</p>
+  <p>We do this to keep your information secure.</p>
+</div>
+
+<dialog id="js-modal-dialog" data-session-timeout="{{sessionTimeOut}}" data-session-timeout-warning="{{sessionTimeOutWarning}}"
+data-url-redirect="/session-timeout" class="modal-dialog dialog" role="dialog"
+  aria-live="polite" aria-labelledby="dialog-title" aria-describedby="at-timer">
+  <div class="modal-dialog__inner">
+  {{^showSaveAndExit}}
+    <h2 id="dialog-title" class="govuk-heading-l">
+      {{#dialogTitle}}{{#t}}pages.session-timeout-warning.dialog-title{{/t}}{{/dialogTitle}}{{^dialogTitle}}Your page will time out soon{{/dialogTitle}}
+    </h2>
+    <div class="govuk-body">
+      <div id="timer" class="timer" aria-hidden="true" aria-relevant="additions"></div>
+      <div id="at-timer" class="at-timer govuk-visually-hidden" role="status"></div>
+      <p class="dialog-text-prefix visually-hidden">To protect your information, this page will time out in </p>
+      <p class="dialog-text visually-hidden">{{#dialogText}}{{#t}}pages.session-timeout-warning.dialog-text{{/t}}{{/dialogText}}{{^dialogText}}If that happens, your progress will not be saved.{{/dialogText}}</p>
+    </div>
+      <button class="govuk-button dialog-button js-dialog-close" id="timeout-continue-button" data-module="govuk-button">{{#timeoutContinueButton}}{{#t}}pages.session-timeout-warning.timeout-continue-button{{/t}}{{/timeoutContinueButton}}{{^timeoutContinueButton}}Stay on this page{{/timeoutContinueButton}}</button>
+      <a href="{{baseUrl}}{{exitStep}}" class="govuk-link dialog-exit-link" role="button">{{#dialogExitLink}}{{#t}}pages.session-timeout-warning.dialog-exit-link{{/t}}{{/dialogExitLink}}{{^dialogExitLink}}Exit this form{{/dialogExitLink}}</a>
+  {{/showSaveAndExit}}
+  {{#showSaveAndExit}}
+    <h2 id="dialog-title" class="govuk-heading-l">
+      {{#dialogTitle}}{{#t}}pages.session-timeout-warning.dialog-title{{/t}}{{/dialogTitle}}{{^dialogTitle}}You will be signed out soon{{/dialogTitle}}
+    </h2>
+    <div class="govuk-body">
+      <div id="timer" class="timer" aria-hidden="true" aria-relevant="additions"></div>
+      <div id="at-timer" class="at-timer govuk-visually-hidden" role="status"></div>
+      <p class="dialog-text-prefix visually-hidden">To protect your information, you will be signed out in </p>
+      <p class="dialog-text visually-hidden">{{#dialogText}}{{#t}}pages.session-timeout-warning.dialog-text{{/t}}{{/dialogText}}{{^dialogText}}Any answers you have saved will not be affected, but your progress on this page will not be saved.{{/dialogText}}</p>
+    </div>
+      <button class="govuk-button dialog-button js-dialog-close" id="timeout-continue-button" data-module="govuk-button">{{#timeoutContinueButton}}{{#t}}pages.session-timeout-warning.timeout-continue-button{{/t}}{{/timeoutContinueButton}}{{^timeoutContinueButton}}Stay signed in{{/timeoutContinueButton}}</button>
+      <a href="{{baseUrl}}{{saveAndExitStep}}" class="govuk-link dialog-exit-link" role="button">{{#dialogExitLink}}{{#t}}pages.session-timeout-warning.dialog-exit-link{{/t}}{{/dialogExitLink}}{{^dialogExitLink}}Sign out{{/dialogExitLink}}</a>
+  {{/showSaveAndExit}}
+  </div>
+</dialog>

package/package/frontend/template-partials/views/partials/summary-table-row.html

@@ -0,0 +1,14 @@
+<div class="confirm-row">
+    {{#isSeparator}}
+    {{/isSeparator}}
+    {{^isSeparator}}
+        <dt class="confirm-label">{{label}}</dt>
+        <dd class="confirm-value" data-value="{{value}}">{{value}}</dd>
+    {{#changeLink}}
+        <dd><span><a class="govuk-link" href="{{changeLink}}" id="{{field}}-change-{{index}}">{{#t}}buttons.change{{/t}} <span class="visuallyhidden">{{changeLinkDescription}} from {{value}}</span></a></span></dd>
+    {{/changeLink}}
+    {{^changeLink}}
+        <dd><span><a class="govuk-link" href="{{baseUrl}}{{step}}/edit#{{field}}" id="{{field}}-change">{{#t}}buttons.change{{/t}} <span class="visuallyhidden">{{changeLinkDescription}} from {{value}}</span></a></span></dd>
+    {{/changeLink}}
+    {{/isSeparator}}
+</div>

package/package/frontend/template-partials/views/partials/summary-table.html

@@ -0,0 +1,8 @@
+<div>
+  <h2 class="section-header">{{section}}</h2>
+</div>
+<dl>
+    {{#fields}}
+    {{^omitFromSummary}}{{> partials-summary-table-row}}{{/omitFromSummary}}
+    {{/fields}}
+</dl>

package/package/frontend/template-partials/views/partials/table.html

@@ -0,0 +1,18 @@
+<table class="govuk-table">
+  <thead class="govuk-table__head">
+    <tr class="govuk-table__row">
+      {{#headers}}
+        <th scope="col" class="govuk-table__header app-custom-class">{{.}}</th>
+      {{/headers}}
+    </tr>
+  </thead>
+  <tbody class="govuk-table__body"> 
+    {{#rows}}
+      <tr class="govuk-table__row">
+        {{#.}}
+          <td  class="govuk-table__cell">{{.}}</td>
+        {{/.}}
+      </tr>
+    {{/rows}}
+  </tbody>
+</table>

package/package/frontend/template-partials/views/partials/validation-list.html

@@ -0,0 +1,3 @@
+<ul class="govuk-list govuk-error-summary__list">
+    {{$validation-list}}{{/validation-list}}
+</ul>

package/package/frontend/template-partials/views/partials/validation-summary.html

@@ -0,0 +1,25 @@
+{{#errorlist.length}}
+<div class="govuk-error-summary" aria-labelledby="error-summary-title" data-module="govuk-error-summary" role="alert" tabindex="-1">
+    {{$errorlist-title}}
+
+      {{#errorLength.single}}
+        <h2 class="govuk-error-summary__title" id="error-summary-title">{{#t}}errorlist.title.single{{/t}}</h2>
+      {{/errorLength.single}}
+      {{#errorLength.multiple}}
+        <h2 class="govuk-error-summary__title" id="error-summary-title">{{#t}}errorlist.title.multiple{{/t}}</h2>
+      {{/errorLength.multiple}}
+
+    {{/errorlist-title}}
+	<div class="govuk-error-summary__body">
+		{{<partials-validation-list}}
+			{{$validation-list}}
+				{{#errorlist}}
+					{{#message}}
+						<li><a href="#{{errorLinkId}}">{{ message }}</a></li>
+					{{/message}}
+				{{/errorlist}}
+			{{/validation-list}}
+		{{/partials-validation-list}}
+	</div>
+</div>
+{{/errorlist.length}}

package/package/frontend/template-partials/views/partials/warn.html

@@ -0,0 +1,7 @@
+<div class="govuk-warning-text">
+    <span class="govuk-warning-text__icon" aria-hidden="true">!</span>
+    <strong class="govuk-warning-text__text">
+    <span class="govuk-warning-text__assistive">Warning</span>
+        {{warning}}
+    </strong>
+</div>

package/package/frontend/template-partials/views/rate-limit-error.html

@@ -0,0 +1,10 @@
+{{<layout}}
+  {{$header}}
+    {{content.title}}
+  {{/header}}
+  {{$content}}
+    <p>{{content.message}}</p>
+    <p>{{content.preTimeToWait}}{{content.timeToWait}}{{content.postTimeToWait}}</p>
+    <a href="/" class="button" role="button">{{#t}}buttons.try-again{{/t}}</a>
+  {{/content}}
+{{/layout}}

package/package/frontend/template-partials/views/save-and-exit.html

@@ -0,0 +1,17 @@
+{{<layout}}
+  {{$journeyHeader}}
+  {{#t}}journey.header{{/t}}
+  {{/journeyHeader}}
+
+  {{$propositionHeader}}
+  {{> partials-navigation}}
+  {{/propositionHeader}}
+
+  {{$header}}
+    {{header}}
+  {{/header}}
+
+  {{$content}}
+   <p>{{#saveExitFormContent}}{{#t}}pages.save-and-exit.message{{/t}}{{/saveExitFormContent}}{{^saveExitFormContent}}{{{message}}}{{/saveExitFormContent}}</p>
+  {{/content}}
+{{/layout}}

package/package/frontend/template-partials/views/service-unavailable.html

@@ -0,0 +1,13 @@
+{{<error}}
+  {{$content}}
+   <h1 class="govuk-heading-l">{{title}}</h1>
+   <p class="govuk-body">{{{message}}}</p>
+   <p class="govuk-body">{{{answers-saved}}}</p>
+   {{#contact}}
+   <p class="govuk-body">{{{contact}}}</p>
+   {{/contact}}
+   {{#alternative}}
+   <p class="govuk-body">{{{alternative}}}</p>
+   {{/alternative}}
+  {{/content}}
+{{/error}}

package/package/frontend/template-partials/views/session-timeout.html

@@ -0,0 +1,7 @@
+{{<error}}
+  {{$content}}
+    <h1 class="govuk-heading-l">{{{content.title}}}</h1>
+    <h2 class="govuk-heading-m">{{{content.message}}}</h2>
+    <a href="{{startLink}}" class="govuk-button" role="button">{{#t}}buttons.start-again{{/t}}</a>
+  {{/content}}
+{{/error}}

package/package/frontend/template-partials/views/step.html

@@ -0,0 +1,14 @@
+{{<partials-page}}
+  {{$page-content}}
+    {{#beforeFields}}
+      {{beforeFields}}
+    {{/beforeFields}}
+    {{#fields}}
+      {{#renderField}}{{/renderField}}
+    {{/fields}}
+    {{#afterFields}}
+      {{afterFields}}
+    {{/afterFields}}
+    {{#input-submit}}continue{{/input-submit}}
+  {{/page-content}}
+{{/partials-page}}

package/package/frontend/template-partials/views/terms.html

@@ -0,0 +1,26 @@
+{{<layout}}
+
+  {{$propositionHeader}}{{/propositionHeader}}
+
+  {{$header}}
+    {{header}}
+  {{/header}}
+
+  {{$content}}
+    <h2>{{how-we-use}}</h2>
+    {{#data-link}}
+      {{> partials-external-link}}
+    {{/data-link}}
+    <p>{{used-for}}</p>
+    {{#used-for-list}}
+      {{> partials-bullet-list}}
+    {{/used-for-list}}
+    <p>{{your-info}}</p>
+    {{#your-info-list}}
+      {{> partials-bullet-list}}
+    {{/your-info-list}}
+    <p>{{info-gathered}}</p>
+    <h2>{{countries}}</h2>
+    <p>{{countries-text}}</p>
+  {{/content}}
+{{/layout}}

package/package/frontend/themes/gov-uk/client-js/cookieSettings.js

@@ -0,0 +1,145 @@
+/* eslint-disable max-len, no-var, vars-on-top, no-undef */
+'use strict';
+
+// TODO: update package.json(s)
+
+function hideFallbackContent(containerId) {
+  var container = document.getElementById(containerId);
+  if (container === null) return;
+  var fallbackContent = container.getElementsByClassName('js-disabled');
+  for (var i = 0; i < fallbackContent.length; i++) {
+    fallbackContent[i].style.display = 'none';
+  }
+}
+
+function showInteractiveContent(containerId) {
+  var container = document.getElementById(containerId);
+  if (container === null) return;
+  var interactiveContent = container.getElementsByClassName('js-enabled');
+  for (var i = 0; i < interactiveContent.length; i++) {
+    interactiveContent[i].style.display = 'block';
+  }
+}
+
+function setCookiePreferences(preferences) {
+  GOVUK.cookie('cookie_preferences', JSON.stringify(preferences), { days: 30 });
+
+  if (!preferences.usage) {
+    GOVUK.cookie('_ga', null);
+    GOVUK.cookie('_gat', null);
+    GOVUK.cookie('_gid', null);
+  }
+}
+
+function showCookieBannerSubmitted() {
+  document.getElementById('cookie-banner-info').style.display = 'none';
+  document.getElementById('cookie-banner-actions').style.display = 'none';
+  var cookieBannerSubmitted = document.getElementById('cookie-banner-submitted');
+  cookieBannerSubmitted.style.display = 'block';
+  cookieBannerSubmitted.focus();
+}
+
+function initialiseBannerButtons() {
+  document.getElementById('accept-cookies-button').addEventListener('click', function () {
+    setCookiePreferences({essential: true, usage: true});
+    showCookieBannerSubmitted();
+    sessionStorage.setItem('reloading', 'true');
+    window.location = document.URL;
+  });
+
+  document.getElementById('reject-cookies-button').addEventListener('click', function () {
+    setCookiePreferences({essential: true, usage: false});
+    showCookieBannerSubmitted();
+  });
+
+  document.getElementById('hide-cookie-banner').addEventListener('click', function () {
+    document.getElementById('cookie-banner').style.display = 'none';
+  });
+}
+
+function initialiseCookieBanner() {
+  var preferences = GOVUK.cookie('cookie_preferences');
+
+  if (preferences !== null) {
+    return;
+  }
+
+  // the default cookie message container from hof-govuk-template
+  var bannerContainer = document.getElementById('global-cookie-message');
+
+  // the cookie banner that will replace the container's default content if using google analytics
+  var cookieBanner = document.getElementById('cookie-banner');
+
+  if (bannerContainer !== null && cookieBanner !== null) {
+    hideFallbackContent('global-cookie-message');
+    showInteractiveContent('global-cookie-message');
+    bannerContainer.style.display = 'block';
+    initialiseBannerButtons();
+  }
+}
+
+function handleSaveSettings(e) {
+  e.preventDefault();
+  setCookiePreferences({ essential: true, usage: document.getElementById('radio-1').checked });
+
+  var cookieNotification = document.getElementById('cookie-notification');
+  var cookieBanner = document.getElementById('cookie-banner');
+
+  if (cookieBanner !== null) {
+    cookieBanner.style.display = 'none';
+  }
+
+  if (cookieNotification !== null) {
+    cookieNotification.style.display = 'block';
+    cookieNotification.focus();
+  }
+}
+
+function initialiseFormControls() {
+  var preferences = JSON.parse(GOVUK.cookie('cookie_preferences'));
+  var usage;
+
+  if (preferences !== null && preferences.usage !== undefined && typeof preferences.usage === 'boolean') {
+    usage = preferences.usage;
+  } else {
+    usage = false;
+  }
+
+  document.getElementById('radio-1').checked = usage;
+  document.getElementById('radio-2').checked = !usage;
+  document.getElementById('save-cookie-settings').addEventListener('click', handleSaveSettings);
+}
+
+function initialiseCookiePage() {
+  var shouldDisplayCookieControls = document.getElementById('cookie-settings') !== null;
+
+  if (shouldDisplayCookieControls) {
+    hideFallbackContent('cookie-settings');
+    showInteractiveContent('cookie-settings');
+    initialiseFormControls();
+  }
+}
+
+function onLoad() {
+  window.onload = function () {
+    var reloading = sessionStorage.getItem('reloading');
+    if (reloading) {
+      sessionStorage.removeItem('reloading');
+
+      var bannerContainer = document.getElementById('global-cookie-message');
+      var cookieBanner = document.getElementById('cookie-banner');
+
+      if (bannerContainer !== null && cookieBanner !== null) {
+        bannerContainer.style.display = 'block';
+      }
+      initialiseBannerButtons();
+      showCookieBannerSubmitted();
+    }
+  };
+}
+
+module.exports = {
+  initialiseCookieBanner: initialiseCookieBanner,
+  initialiseCookiePage: initialiseCookiePage,
+  onLoad: onLoad
+};

package/package/frontend/themes/gov-uk/client-js/govuk-cookies.js

@@ -0,0 +1,121 @@
+/* eslint-disable no-undef, no-param-reassign, no-unused-vars */
+(function () {
+  'use strict';
+  const root = this;
+  if(typeof root.GOVUK === 'undefined') { root.GOVUK = {}; }
+
+  /*
+    Cookie methods
+    ==============
+
+    Usage:
+
+      Setting a cookie:
+      GOVUK.cookie('hobnob', 'tasty', { days: 30 });
+
+      Reading a cookie:
+      GOVUK.cookie('hobnob');
+
+      Deleting a cookie:
+      GOVUK.cookie('hobnob', null);
+  */
+  GOVUK.cookie = function (name, value, options) {
+    if(typeof value !== 'undefined') {
+      if(value === false || value === null) {
+        return GOVUK.setCookie(name, '', { days: -1 });
+      }
+      return GOVUK.setCookie(name, value, options);
+    }
+    return GOVUK.getCookie(name);
+  };
+  GOVUK.setCookie = function (name, value, options) {
+    if(typeof options === 'undefined') {
+      options = {};
+    }
+    let cookieString = name + '=' + value + '; path=/';
+    if (options.days) {
+      const date = new Date();
+      date.setTime(date.getTime() + (options.days * 24 * 60 * 60 * 1000));
+      cookieString = cookieString + '; expires=' + date.toGMTString();
+    }
+    if (document.location.protocol === 'https:') {
+      cookieString = cookieString + '; Secure';
+    }
+    document.cookie = cookieString;
+  };
+  GOVUK.getCookie = function (name) {
+    const nameEQ = name + '=';
+    const cookies = document.cookie.split(';');
+    for(let i = 0, len = cookies.length; i < len; i++) {
+      let cookie = cookies[i];
+      while (cookie.charAt(0) === ' ') {
+        cookie = cookie.substring(1, cookie.length);
+      }
+      if (cookie.indexOf(nameEQ) === 0) {
+        return decodeURIComponent(cookie.substring(nameEQ.length));
+      }
+    }
+    return null;
+  };
+}).call(this);
+(function () {
+  'use strict';
+  const root = this;
+  if (typeof root.GOVUK === 'undefined') { root.GOVUK = {}; }
+
+  GOVUK.addCookieMessage = function () {
+    const message = document.getElementById('global-cookie-message');
+
+    const hasCookieMessage = (message && GOVUK.cookie('seen_cookie_message') === null);
+
+    if (hasCookieMessage) {
+      message.style.display = 'block';
+      GOVUK.cookie('seen_cookie_message', 'yes', { days: 28 });
+
+      document.addEventListener('DOMContentLoaded', function (event) {
+        if (GOVUK.analytics && typeof GOVUK.analytics.trackEvent === 'function') {
+          GOVUK.analytics.trackEvent('cookieBanner', 'Cookie banner shown', {
+            value: 1,
+            nonInteraction: true
+          });
+        }
+      });
+    }
+  };
+}).call(this)
+;
+(function () {
+  'use strict';
+
+  // add cookie message
+  if (window.GOVUK && GOVUK.addCookieMessage) {
+    GOVUK.addCookieMessage();
+  }
+
+  // header navigation toggle
+  if (document.querySelectorAll && document.addEventListener) {
+    const els = document.querySelectorAll('.js-header-toggle');
+    let i; let _i;
+    for(i = 0, _i = els.length; i < _i; i++) {
+      els[i].addEventListener('click', function (e) {
+        e.preventDefault();
+        const target = document.getElementById(this.getAttribute('href').substr(1));
+        const targetClass = target.getAttribute('class') || '';
+        const sourceClass = this.getAttribute('class') || '';
+
+        if(targetClass.indexOf('js-visible') !== -1) {
+          target.setAttribute('class', targetClass.replace(/(^|\s)js-visible(\s|$)/, ''));
+        } else {
+          target.setAttribute('class', targetClass + ' js-visible');
+        }
+        if(sourceClass.indexOf('js-visible') !== -1) {
+          this.setAttribute('class', sourceClass.replace(/(^|\s)js-visible(\s|$)/, ''));
+        } else {
+          this.setAttribute('class', sourceClass + ' js-visible');
+        }
+        this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') !== 'true');
+        target.setAttribute('aria-hidden', target.getAttribute('aria-hidden') === 'false');
+      });
+    }
+  }
+}).call(this);

package/package/frontend/themes/gov-uk/client-js/index.js

@@ -0,0 +1,27 @@
+/* eslint-disable no-var, vars-on-top, no-unused-vars */
+'use strict';
+
+var toolkit = require('../../../toolkit');
+var helpers = toolkit.helpers;
+var progressiveReveal = toolkit.progressiveReveal;
+var formFocus = toolkit.formFocus;
+var characterCount = toolkit.characterCount;
+var validation = toolkit.validation;
+
+var GOVUK = require('govuk-frontend');
+GOVUK.initAll();
+window.GOVUK = GOVUK;
+var skipToMain = require('./skip-to-main');
+var cookie = require('./govuk-cookies');
+var cookieSettings = require('./cookieSettings');
+var sessionDialog = require('./session-timeout-dialog');
+
+toolkit.detailsSummary();
+
+helpers.documentReady(progressiveReveal);
+helpers.documentReady(formFocus);
+helpers.documentReady(cookieSettings.initialiseCookieBanner);
+helpers.documentReady(cookieSettings.initialiseCookiePage);
+helpers.documentReady(cookieSettings.onLoad);
+helpers.documentReady(characterCount);
+helpers.documentReady(validation);