nhsuk-frontend - npm Package Compare versions

Comparing version 2.3.2 to 3.0.0

CHANGELOG.md

 # NHS.UK frontend Changelog
 
-## 2.3.2 - 30th September 2019
+## 3.0.0 - 7 November 2019
 
+:boom: **Breaking changes**
+
+- Non-text colour contrast for WCAG 2.1 ([Issue 473](https://github.com/nhsuk/nhsuk-frontend/issues/473)). Our focus states now meet the new WCAG 2.1 level AA requirements.
+
+  If you are using Sass and have created new components, you will need to migrate to the new accessible focus states.
+
+  ### Mixins that have been removed
+
+  The Sass mixins `nhsuk-focusable`, `nhsuk-focusable-fill` or `nhsuk-link-style-focus` have been removed. You can use the `nhsuk-focused-text` mixin instead.
+
+  Include the `nhsuk-focused-text` mixin inside your component's `:focus` selector. For example:
+
+  ```scss
+  .app-component:focus {
+    @include nhsuk-focused-text;
+  }
+  ```
+
+  ### Colour variables that have been removed
+
+  Some colour variables have also been removed. You can use the suggested replacement if you were using them in components that have been extended or created.
+
+  <details>
+    <summary>View the colour variables that have been replaced</summary>
+
+  | Colour variable removed  | Suggested replacement |
+  | ------------- | ------------- |
+  | $color_tint_nhsuk-warm-yellow-30  | $color_nhsuk-warm-yellow  |
+  | $color_tint_nhsuk-warm-yellow-10  | $color_nhsuk-warm-yellow  |
+  | $nhsuk-link-focus-color | $nhsuk-focus-text-color |
+  | $nhsuk-link-hover-background-color | $nhsuk-focus-color |
+  | $nhsuk-link-focus-background-color | $nhsuk-focus-color |
+  | $nhsuk-link-active-background-color | $nhsuk-focus-color |
+  | $nhsuk-button-text-colour | $nhsuk-button-text-color |
+  | $nhsuk-button-hover-colour | $nhsuk-button-hover-color |
+  | $nhsuk-reverse-button-text-colour | $nhsuk-reverse-button-text-color |
+  | $nhsuk-button-shadow-colour | $nhsuk-button-shadow-color |
+  | $nhsuk-secondary-button-colour | $nhsuk-secondary-button-color |
+  | $nhsuk-secondary-button-hover-colour | $nhsuk-secondary-button-hover-color |
+  | $nhsuk-secondary-button-shadow-colour | $nhsuk-secondary-button-shadow-color |
+  | $nhsuk-reverse-button-colour | $nhsuk-reverse-button-color |
+  | $nhsuk-reverse-button-hover-colour | $nhsuk-reverse-button-hover-color |
+  | $nhsuk-button-colour | $nhsuk-button-color |
+  | $nhsuk-button-hover-colour | $nhsuk-button-hover-color |
+  | $nhsuk-secondary-button-colour | $nhsuk-secondary-button-color |
+  | $nhsuk-secondary-button-hover-colour | $nhsuk-secondary-button-hover-color |
+  | $nhsuk-secondary-button-shadow-colour | $nhsuk-secondary-button-shadow-color |
+  | $nhsuk-reverse-button-colour | $nhsuk-reverse-button-color |
+  | $nhsuk-reverse-button-hover-colour | $nhsuk-reverse-button-hover-color |
+  | $nhsuk-reverse-button-shadow-colour | $nhsuk-reverse-button-shadow-color |
+  | $nhsuk-focus-colour | $nhsuk-focus-color |
+  | $nhsuk-focus-text-colour | $nhsuk-focus-text-color |
+  | $nhsuk-button-shadow-colour | $nhsuk-button-shadow-color |
+  </details>
+
+  <hr>
+
+:boom: **Breaking changes**
+
+- Deprecation of the [Feedback banner](https://github.com/nhsuk/nhsuk-service-manual-backlog/issues/151) and [Emergency alert](https://github.com/nhsuk/nhsuk-service-manual-backlog/issues/149) components.
+
+   If you are using Sass and JavaScript (ES6) imports, you will need to remove the imports for these components. You will also no longer be able to use the Nunjucks macros.
+
+  **Sass**
+
+  If you are importing component styles individually, you will need to remove the imports for the emergency alert and feedback banner:
+
+  ```scss
+  @import 'node_modules/nhsuk-frontend/packages/components/emergency-alert/emergency-alert';
+  ```
+  ```scss
+  @import 'node_modules/nhsuk-frontend/packages/components/feedback-banner/feedback-banner';
+  ```
+
+  If you import all the component styles with `@import 'node_modules/nhsuk-frontend/packages/core/all';`, you don't need to update your Sass imports.
+
+  **JavaScript**
+
+  If you are importing component JavaScript with ES6 imports, you will need to remove the imports and initialisation for the feedback banner:
+
+  ```js
+  import nhsuk_feedbackBanner from 'node_modules/nhsuk-frontend/packages/components/feedback-banner/feedback-banner';
+  ```
+  ```js
+  nhsuk_feedbackBanner(3000);
+  ```
+
+  <hr>
+
+:boom: **Breaking changes**
+
+- Refactor component JavaScript to make it more robust and use the latest ES6 coding standards ([Issue 425](https://github.com/nhsuk/nhsuk-frontend/issues/425)) ([Issue 450](https://github.com/nhsuk/nhsuk-frontend/issues/450))
+
+  **JavaScript**
+
+  If you are importing component JavaScript with ES6 imports, you will need to update the imports to:
+
+  ```js
+  // Components
+  import Header from './components/header/header';
+  import SkipLink from './components/skip-link/skip-link';
+  import Details from './components/details/details';
+
+  // Initialize components
+  document.addEventListener('DOMContentLoaded', () => {
+    Details();
+    Header();
+    SkipLink();
+  });
+  ```
+
+  If you are already importing JavaScript with these export names, you can change the default export name.
+
+:new: **New features**
+
+- Organisational logos - the Header component now supports organisational logos. The organisational logo can be SVG code, with the organisation name and descriptor being editable through code, or a static PNG asset. You can also change the colour of the header and navigation menu from blue (default) to white ([Issue 446](https://github.com/nhsuk/nhsuk-frontend/issues/446)).
+
+  **SVG logo**
+
+  [Preview the header organisational component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-org.html)
+
+  Organisation names can be edited as text in the `nhsuk-organisation-name` span element. 
+  Longer organisation names can be split onto multiple lines with `nhsuk-organisation-name-split` span. (The NHS England brand guidelines explain when this must be done.)
+  The organisation descriptor can be used with the `nhsuk-organisation-descriptor` class name span.
+
+  See [NHS England brand guidelines - Organisational logos](https://www.england.nhs.uk/nhsidentity/identity-guidelines/organisational-logos/) for more information on organisational logos.
+
+  **PNG logo**
+
+  You can also use a static asset, such as a PNG image.
+
+  ```
+  <a class="nhsuk-header__link" href="/" aria-label="Anytown Anyplace Anywhere NHS Foundation Trust homepage">
+    <img class="nhsuk-org-logo" src="/path-to-assets/logo.png" alt="">
+  </a>
+  ```
+
+  **Colour variants**
+
+  [Preview the header organisational with white header component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-org-white.html)
+
+  [Preview the header organisational with white header and navigation component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-org-white-nav.html)
+
 :wrench: **Fixes**
 
+- Images - Add `size` and `srcset` attributes to the images component for responsive loading of images. ([Issue 422](https://github.com/nhsuk/nhsuk-frontend/issues/422))
+- Jaws/NVDA not reading fieldset heading - removing old `overflow: hidden` hack for hint text in legend ([Issue 534](https://github.com/nhsuk/nhsuk-frontend/issues/534))
+- Fallback font - Fix fallback to be Arial by removing Helvetica.
+- Fieldset legend - Fix bottom margin of fieldset legend heading modifiers to make spacing consistent.
+- Hero - Prevent text breaking out of box on smaller screen sizes ([Issue 432](https://github.com/nhsuk/nhsuk-frontend/issues/432))
+- Table - Update table cell padding to align content
+- Header search autocomplete - Use the latest version of GOV.UK accessible autocomplete ([Issue 538](https://github.com/nhsuk/nhsuk-frontend/issues/538))
+
+## 2.3.2 - 30 September 2019
+
+:wrench: **Fixes**
+
 - Header search - Fix javascript error when header search autocomplete is not present on the page ([Issue 531](https://github.com/nhsuk/nhsuk-frontend/issues/531)), add linting to all component JavaScript files, exclude linting from details polyfill, fix linting errors in autocomplete JavaScript, remove unnecessary JavaScript and CSS from autocomplete.
 
-## 2.3.1 - 10th September 2019
+## 2.3.1 - 10 September 2019
 
@@ -18,3 +173,3 @@ :wrench: **Fixes**
 
-## 2.3.0 - 23rd July 2019
+## 2.3.0 - 23 July 2019
 
@@ -37,3 +192,3 @@ :new: **New features**
 
-## 2.2.0 - 24th June 2019
+## 2.2.0 - 24 June 2019
 
@@ -58,3 +213,3 @@ :new: **New features**
 
-## 2.1.0 - Apr 8, 2019
+## 2.1.0 - 8 April 2019
 
@@ -109,3 +264,3 @@ :new: **New features**
 
-## 2.0.0 - Mar 11, 2019
+## 2.0.0 - 11 March 2019
 
@@ -132,3 +287,3 @@ :boom: **Breaking changes**
 
-## 1.0.1 - Feb 20, 2019
+## 1.0.1 - 20 February 2019
 
@@ -143,3 +298,3 @@ :wrench: **Fixes**
 
-## 1.0.0 - Feb 5, 2019
+## 1.0.0 - 5 February 2019
 
@@ -156,3 +311,3 @@ :tada: **Official release of the NHS.UK frontend**
 
-## 0.9.1 (Prerelease) - Feb 4, 2019
+## 0.9.1 (Prerelease) - 4 February 2019
 
@@ -163,3 +318,3 @@ :wrench: **Fixes**
 
-## 0.9.0 (Prerelease) - Jan 31, 2019
+## 0.9.0 (Prerelease) - 31 January 2019
 
@@ -174,3 +329,3 @@ :new: **New features**
 
-## 0.8.0 (Prerelease) - Jan 17, 2019
+## 0.8.0 (Prerelease) - 17 January 2019
 
@@ -191,3 +346,3 @@ :boom: **Breaking changes**
 
-## 0.6.0 (Prerelease) - Dec 18, 2018
+## 0.6.0 (Prerelease) - 18 December 2018
 
@@ -209,3 +364,3 @@ :boom: **Breaking changes**
 
-## 0.5.3 (Prerelease) - Dec 13, 2018
+## 0.5.3 (Prerelease) - 13 December 2018
 
@@ -216,3 +371,3 @@ :new: **New features**
 
-## 0.5.2 (Prerelease) - Dec 12, 2018
+## 0.5.2 (Prerelease) - 12 December 2018
 
@@ -225,3 +380,3 @@ :wrench: **Fixes**
 
-## 0.5.1 (Prerelease) - Dec 11, 2018
+## 0.5.1 (Prerelease) - 11 December 2018
 
@@ -235,3 +390,3 @@ :wrench: **Fixes**
 
-## 0.5.0 (Prerelease) - Dec 07, 2018
+## 0.5.0 (Prerelease) - 7 December 2018
 
@@ -251,3 +406,3 @@ :boom: **Breaking changes**
 
-## 0.4.0 (Prerelease) - Dec 03, 2018
+## 0.4.0 (Prerelease) - 3 December 2018
 
@@ -270,3 +425,3 @@ :boom: **Breaking changes**
 
-## 0.3.0 (Prerelease) - Dec 03, 2018
+## 0.3.0 (Prerelease) - 3 December 2018
 
@@ -293,3 +448,3 @@ :boom: **Breaking changes**
 
-## 0.2.1 (Prerelease) - Nov 27, 2018
+## 0.2.1 (Prerelease) - 27 November 2018
 
@@ -300,3 +455,3 @@ :wrench: **Fixes**
 
-## 0.2.0 (Prerelease) - Nov 27, 2018
+## 0.2.0 (Prerelease) - 27 November 2018
 
@@ -322,3 +477,3 @@ :boom: **Breaking changes**
 
-## 0.1.6 (Prerelease) - Nov 22, 2018
+## 0.1.6 (Prerelease) - 22 November 2018
 
@@ -329,3 +484,3 @@ :wrench: **Fixes**
 
-## 0.1.5 (Prerelease) - Nov 22, 2018
+## 0.1.5 (Prerelease) - 22 November 2018
 
@@ -342,3 +497,3 @@ :wrench: **Fixes**
 
-## 0.1.4 (Prerelease) - Nov 13, 2018
+## 0.1.4 (Prerelease) - 13 November 2018
 
@@ -345,0 +500,0 @@ :tada: **Initial release of the NHS.UK frontend**

dist/nhsuk.js

@@ -1,1 +0,1 @@
-!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=3)}([function(e,t,n){(function(e){var n,r,o,i;function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}window,i=function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==u(e)&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=37)}([function(e,t,n){var r=n(1),o=n(6),i=n(7),u=n(16),a=n(18),l="prototype",s=function e(t,n,s){var c,p,d,f,h=t&e.F,m=t&e.G,v=t&e.P,y=t&e.B,b=m?r:t&e.S?r[n]||(r[n]={}):(r[n]||{})[l],_=m?o:o[n]||(o[n]={}),g=_[l]||(_[l]={});for(c in m&&(s=n),s)d=((p=!h&&b&&void 0!==b[c])?b:s)[c],f=y&&p?a(d,r):v&&"function"==typeof d?a(Function.call,d):d,b&&u(b,c,d,t&e.U),_[c]!=d&&i(_,c,f),v&&g[c]!=d&&(g[c]=d)};r.core=o,s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,e.exports=s},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t){e.exports=function(e){return"object"==u(e)?null!==e:"function"==typeof e}},function(e,t,n){e.exports=!n(4)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,n){"use strict";n.r(t),n.d(t,"h",function(){return l}),n.d(t,"createElement",function(){return l}),n.d(t,"cloneElement",function(){return p}),n.d(t,"Component",function(){return M}),n.d(t,"render",function(){return D}),n.d(t,"rerender",function(){return m}),n.d(t,"options",function(){return o});var r=function(){},o={},i=[],a=[];function l(e,t){var n,u,l,s,c=a;for(s=arguments.length;2<s--;)i.push(arguments[s]);for(t&&null!=t.children&&(i.length||i.push(t.children),delete t.children);i.length;)if((u=i.pop())&&void 0!==u.pop)for(s=u.length;s--;)i.push(u[s]);else"boolean"==typeof u&&(u=null),(l="function"!=typeof e)&&(null==u?u="":"number"==typeof u?u=String(u):"string"!=typeof u&&(l=!1)),l&&n?c[c.length-1]+=u:c===a?c=[u]:c.push(u),n=l;var p=new r;return p.nodeName=e,p.children=c,p.attributes=null==t?void 0:t,p.key=null==t?void 0:t.key,void 0!==o.vnode&&o.vnode(p),p}function s(e,t){for(var n in t)e[n]=t[n];return e}var c="function"==typeof Promise?Promise.resolve().then.bind(Promise.resolve()):setTimeout;function p(e,t){return l(e.nodeName,s(s({},e.attributes),t),2<arguments.length?[].slice.call(arguments,2):e.children)}var d=/acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i,f=[];function h(e){!e._dirty&&(e._dirty=!0)&&1==f.push(e)&&(o.debounceRendering||c)(m)}function m(){var e,t=f;for(f=[];e=t.pop();)e._dirty&&L(e)}function v(e,t){return e.normalizedNodeName===t||e.nodeName.toLowerCase()===t.toLowerCase()}function y(e){var t=s({},e.attributes);t.children=e.children;var n=e.nodeName.defaultProps;if(void 0!==n)for(var r in n)void 0===t[r]&&(t[r]=n[r]);return t}function b(e){var t=e.parentNode;t&&t.removeChild(e)}function _(e,t,n,r,o){if("className"===t&&(t="class"),"key"===t);else if("ref"===t)n&&n(null),r&&r(e);else if("class"!==t||o)if("style"===t){if(r&&"string"!=typeof r&&"string"!=typeof n||(e.style.cssText=r||""),r&&"object"==u(r)){if("string"!=typeof n)for(var i in n)i in r||(e.style[i]="");for(var i in r)e.style[i]="number"==typeof r[i]&&!1===d.test(i)?r[i]+"px":r[i]}}else if("dangerouslySetInnerHTML"===t)r&&(e.innerHTML=r.__html||"");else if("o"==t[0]&&"n"==t[1]){var a=t!==(t=t.replace(/Capture$/,""));t=t.toLowerCase().substring(2),r?n||e.addEventListener(t,g,a):e.removeEventListener(t,g,a),(e._listeners||(e._listeners={}))[t]=r}else if("list"!==t&&"type"!==t&&!o&&t in e){try{e[t]=null==r?"":r}catch(e){}null!=r&&!1!==r||"spellcheck"==t||e.removeAttribute(t)}else{var l=o&&t!==(t=t.replace(/^xlink:?/,""));null==r||!1===r?l?e.removeAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase()):e.removeAttribute(t):"function"!=typeof r&&(l?e.setAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase(),r):e.setAttribute(t,r))}else e.className=r||""}function g(e){return this._listeners[e.type](o.event&&o.event(e)||e)}var w=[],x=0,E=!1,O=!1;function S(){for(var e;e=w.pop();)o.afterMount&&o.afterMount(e),e.componentDidMount&&e.componentDidMount()}function C(e,t,n,r,o){var i=e,u=E;if(null!=t&&"boolean"!=typeof t||(t=""),"string"==typeof t||"number"==typeof t)return e&&void 0!==e.splitText&&e.parentNode&&(!e._component||o)?e.nodeValue!=t&&(e.nodeValue=t):(i=document.createTextNode(t),e&&(e.parentNode&&e.parentNode.replaceChild(i,e),k(e,!0))),i.__preactattr_=!0,i;var a=t.nodeName;if("function"==typeof a)return function(e,t,n,r){for(var o=e&&e._component,i=o,u=e,a=o&&e._componentConstructor===t.nodeName,l=a,s=y(t);o&&!l&&(o=o._parentComponent);)l=o.constructor===t.nodeName;return o&&l&&(!r||o._component)?(I(o,s,3,n,r),e=o.base):(i&&!a&&(T(i),e=u=null),o=P(t.nodeName,s,n),e&&!o.nextBase&&(o.nextBase=e,u=null),I(o,s,1,n,r),e=o.base,u&&e!==u&&(u._component=null,k(u,!1))),e}(e,t,n,r);if(E="svg"===a||"foreignObject"!==a&&E,a=String(a),(!e||!v(e,a))&&(i=function(e,t){var n=t?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return n.normalizedNodeName=e,n}(a,E),e)){for(;e.firstChild;)i.appendChild(e.firstChild);e.parentNode&&e.parentNode.replaceChild(i,e),k(e,!0)}var l=i.firstChild,s=i.__preactattr_,c=t.children;if(null==s){s=i.__preactattr_={};for(var p=i.attributes,d=p.length;d--;)s[p[d].name]=p[d].value}return!O&&c&&1===c.length&&"string"==typeof c[0]&&null!=l&&void 0!==l.splitText&&null==l.nextSibling?l.nodeValue!=c[0]&&(l.nodeValue=c[0]):(c&&c.length||null!=l)&&function(e,t,n,r,o){var i,u,a,l,s,c,p,d,f=e.childNodes,h=[],m={},y=0,_=0,g=f.length,w=0,x=t?t.length:0;if(0!==g)for(var E=0;E<g;E++){var O=f[E],S=O.__preactattr_;null!=(N=x&&S?O._component?O._component.__key:S.key:null)?(y++,m[N]=O):(S||(void 0!==O.splitText?!o||O.nodeValue.trim():o))&&(h[w++]=O)}if(0!==x)for(E=0;E<x;E++){var N;if(s=null,null!=(N=(l=t[E]).key))y&&void 0!==m[N]&&(s=m[N],m[N]=void 0,y--);else if(_<w)for(i=_;i<w;i++)if(void 0!==h[i]&&(c=u=h[i],d=o,"string"==typeof(p=l)||"number"==typeof p?void 0!==c.splitText:"string"==typeof p.nodeName?!c._componentConstructor&&v(c,p.nodeName):d||c._componentConstructor===p.nodeName)){s=u,h[i]=void 0,i===w-1&&w--,i===_&&_++;break}s=C(s,l,n,r),a=f[E],s&&s!==e&&s!==a&&(null==a?e.appendChild(s):s===a.nextSibling?b(a):e.insertBefore(s,a))}if(y)for(var E in m)void 0!==m[E]&&k(m[E],!1);for(;_<=w;)void 0!==(s=h[w--])&&k(s,!1)}(i,c,n,r,O||null!=s.dangerouslySetInnerHTML),function(e,t,n){var r;for(r in n)t&&null!=t[r]||null==n[r]||_(e,r,n[r],n[r]=void 0,E);for(r in t)"children"===r||"innerHTML"===r||r in n&&t[r]===("value"===r||"checked"===r?e[r]:n[r])||_(e,r,n[r],n[r]=t[r],E)}(i,t.attributes,s),E=u,i}function k(e,t){var n=e._component;n?T(n):(null!=e.__preactattr_&&e.__preactattr_.ref&&e.__preactattr_.ref(null),!1!==t&&null!=e.__preactattr_||b(e),N(e))}function N(e){for(e=e.lastChild;e;){var t=e.previousSibling;k(e,!0),e=t}}var A=[];function P(e,t,n){var r,o=A.length;for(e.prototype&&e.prototype.render?(r=new e(t,n),M.call(r,t,n)):((r=new M(t,n)).constructor=e,r.render=j);o--;)if(A[o].constructor===e)return r.nextBase=A[o].nextBase,A.splice(o,1),r;return r}function j(e,t,n){return this.constructor(e,n)}function I(e,t,n,r,i){e._disable||(e._disable=!0,e.__ref=t.ref,e.__key=t.key,delete t.ref,delete t.key,void 0===e.constructor.getDerivedStateFromProps&&(!e.base||i?e.componentWillMount&&e.componentWillMount():e.componentWillReceiveProps&&e.componentWillReceiveProps(t,r)),r&&r!==e.context&&(e.prevContext||(e.prevContext=e.context),e.context=r),e.prevProps||(e.prevProps=e.props),e.props=t,e._disable=!1,0!==n&&(1!==n&&!1===o.syncComponentUpdates&&e.base?h(e):L(e,1,i)),e.__ref&&e.__ref(e))}function L(e,t,n,r){if(!e._disable){var i,u,a,l=e.props,c=e.state,p=e.context,d=e.prevProps||l,f=e.prevState||c,h=e.prevContext||p,m=e.base,v=e.nextBase,b=m||v,_=e._component,g=!1,N=h;if(e.constructor.getDerivedStateFromProps&&(c=s(s({},c),e.constructor.getDerivedStateFromProps(l,c)),e.state=c),m&&(e.props=d,e.state=f,e.context=h,2!==t&&e.shouldComponentUpdate&&!1===e.shouldComponentUpdate(l,c,p)?g=!0:e.componentWillUpdate&&e.componentWillUpdate(l,c,p),e.props=l,e.state=c,e.context=p),e.prevProps=e.prevState=e.prevContext=e.nextBase=null,e._dirty=!1,!g){i=e.render(l,c,p),e.getChildContext&&(p=s(s({},p),e.getChildContext())),m&&e.getSnapshotBeforeUpdate&&(N=e.getSnapshotBeforeUpdate(d,f));var A,j,M=i&&i.nodeName;if("function"==typeof M){var D=y(i);(u=_)&&u.constructor===M&&D.key==u.__key?I(u,D,1,p,!1):(A=u,e._component=u=P(M,D,p),u.nextBase=u.nextBase||v,u._parentComponent=e,I(u,D,0,p,!1),L(u,1,n,!0)),j=u.base}else a=b,(A=_)&&(a=e._component=null),(b||1===t)&&(a&&(a._component=null),j=function(e,t,n,r,o,i){x++||(E=null!=o&&void 0!==o.ownerSVGElement,O=null!=e&&!("__preactattr_"in e));var u=C(e,t,n,r,i);return o&&u.parentNode!==o&&o.appendChild(u),--x||(O=!1,i||S()),u}(a,i,p,n||!m,b&&b.parentNode,!0));if(b&&j!==b&&u!==_){var B=b.parentNode;B&&j!==B&&(B.replaceChild(j,b),A||(b._component=null,k(b,!1)))}if(A&&T(A),(e.base=j)&&!r){for(var q=e,R=e;R=R._parentComponent;)(q=R).base=j;j._component=q,j._componentConstructor=q.constructor}}for(!m||n?w.unshift(e):g||(e.componentDidUpdate&&e.componentDidUpdate(d,f,N),o.afterUpdate&&o.afterUpdate(e));e._renderCallbacks.length;)e._renderCallbacks.pop().call(e);x||r||S()}}function T(e){o.beforeUnmount&&o.beforeUnmount(e);var t=e.base;e._disable=!0,e.componentWillUnmount&&e.componentWillUnmount(),e.base=null;var n=e._component;n?T(n):t&&(t.__preactattr_&&t.__preactattr_.ref&&t.__preactattr_.ref(null),b(e.nextBase=t),A.push(e),N(t)),e.__ref&&e.__ref(null)}function M(e,t){this._dirty=!0,this.context=t,this.props=e,this.state=this.state||{},this._renderCallbacks=[]}function D(e,t,n){return function(e,t,n,r,o,i){x++||(E=null!=o&&void 0!==o.ownerSVGElement,O=null!=e&&!("__preactattr_"in e));var u=C(e,t,n,r,i);return o&&u.parentNode!==o&&o.appendChild(u),--x||(O=!1,i||S()),u}(n,e,{},!1,t,!1)}s(M.prototype,{setState:function(e,t){this.prevState||(this.prevState=this.state),this.state=s(s({},this.state),"function"==typeof e?e(this.state,this.props):e),t&&this._renderCallbacks.push(t),h(this)},forceUpdate:function(e){e&&this._renderCallbacks.push(e),L(this,2)},render:function(){}});var B={h:l,createElement:l,cloneElement:p,Component:M,render:D,rerender:m,options:o};t.default=B},function(e,t){var n=e.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(8),o=n(40);e.exports=n(3)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(9),o=n(38),i=n(39),u=Object.defineProperty;t.f=n(3)?Object.defineProperty:function(e,t,n){if(r(e),t=i(t,!0),r(n),o)try{return u(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t,n){var r=n(2);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t,n){var r=n(22);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t){e.exports=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t,n){"use strict";var r=n(4);e.exports=function(e,t){return!!e&&r(function(){t?e.call(null,function(){},1):e.call(null)})}},function(e,t,n){var r=n(0);r(r.S+r.F,"Object",{assign:n(41)})},function(e,t,n){var r=n(2),o=n(1).document,i=r(o)&&r(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t,n){var r=n(1),o=n(7),i=n(17),u=n(10)("src"),a="toString",l=Function[a],s=(""+l).split(a);n(6).inspectSource=function(e){return l.call(e)},(e.exports=function(e,t,n,a){var l="function"==typeof n;l&&(i(n,"name")||o(n,"name",t)),e[t]!==n&&(l&&(i(n,u)||o(n,u,e[t]?""+e[t]:s.join(String(t)))),e===r?e[t]=n:a?e[t]?e[t]=n:o(e,t,n):(delete e[t],o(e,t,n)))})(Function.prototype,a,function(){return"function"==typeof this&&this[u]||l.call(this)})},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var r=n(19);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,o){return e.call(t,n,r,o)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var r=n(42),o=n(28);e.exports=Object.keys||function(e){return r(e,o)}},function(e,t,n){var r=n(11),o=n(12);e.exports=function(e){return r(o(e))}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t,n){var r=n(21),o=n(24),i=n(43);e.exports=function(e){return function(t,n,u){var a,l=r(t),s=o(l.length),c=i(u,s);if(e&&n!=n){for(;c<s;)if((a=l[c++])!=a)return!0}else for(;c<s;c++)if((e||c in l)&&l[c]===n)return e||c||0;return!e&&-1}}},function(e,t,n){var r=n(25),o=Math.min;e.exports=function(e){return 0<e?o(r(e),9007199254740991):0}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(0<e?r:n)(e)}},function(e,t,n){var r=n(27)("keys"),o=n(10);e.exports=function(e){return r[e]||(r[e]=o(e))}},function(e,t,n){var r=n(6),o=n(1),i="__core-js_shared__",u=o[i]||(o[i]={});(e.exports=function(e,t){return u[e]||(u[e]=void 0!==t?t:{})})("versions",[]).push({version:r.version,mode:n(44)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var r=n(12);e.exports=function(e){return Object(r(e))}},function(e,t,n){var r=n(8).f,o=Function.prototype,i=/^\s*function ([^ (]*)/;"name"in o||n(3)&&r(o,"name",{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(e){return""}}})},function(e,t,n){"use strict";var r=n(0),o=n(32)(1);r(r.P+r.F*!n(13)([].map,!0),"Array",{map:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var r=n(18),o=n(11),i=n(29),u=n(24),a=n(47);e.exports=function(e,t){var n=1==e,l=2==e,s=3==e,c=4==e,p=6==e,d=5==e||p,f=t||a;return function(t,a,h){for(var m,v,y=i(t),b=o(y),_=r(a,h,3),g=u(b.length),w=0,x=n?f(t,g):l?f(t,0):void 0;w<g;w++)if((d||w in b)&&(v=_(m=b[w],w,y),e))if(n)x[w]=v;else if(v)switch(e){case 3:return!0;case 5:return m;case 6:return w;case 2:x.push(m)}else if(c)return!1;return p?-1:s||c?c:x}}},function(e,t,n){var r=n(22);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){var r=n(27)("wks"),o=n(10),i=n(1).Symbol,u="function"==typeof i;(e.exports=function(e){return r[e]||(r[e]=u&&i[e]||(u?i:o)("Symbol."+e))}).store=r},function(e,t,n){"use strict";var r=n(0),o=n(23)(!1),i=[].indexOf,u=!!i&&1/[1].indexOf(1,-0)<0;r(r.P+r.F*(u||!n(13)(i)),"Array",{indexOf:function(e){return u?i.apply(this,arguments)||0:o(this,e,arguments[1])}})},function(e,t,n){var r=n(0);r(r.S,"Object",{create:n(52)})},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(14),n(30),n(31),n(35),n(49),n(50);var r=n(5),o=function(e){return e&&e.__esModule?e:{default:e}}(n(51));function i(e){if(!e.element)throw new Error("element is not defined");if(!e.id)throw new Error("id is not defined");if(!e.source)throw new Error("source is not defined");Array.isArray(e.source)&&(e.source=u(e.source)),(0,r.render)((0,r.createElement)(o.default,e),e.element)}var u=function(e){return function(t,n){n(e.filter(function(e){return-1!==e.toLowerCase().indexOf(t.toLowerCase())}))}};i.enhanceSelectElement=function(e){if(!e.selectElement)throw new Error("selectElement is not defined");if(!e.source){var t=[].filter.call(e.selectElement.options,function(t){return t.value||e.preserveNullOptions});e.source=t.map(function(e){return e.textContent||e.innerText})}if(e.onConfirm=e.onConfirm||function(t){var n=[].filter.call(e.selectElement.options,function(e){return(e.textContent||e.innerText)===t})[0];n&&(n.selected=!0)},e.selectElement.value||void 0===e.defaultValue){var n=e.selectElement.options[e.selectElement.options.selectedIndex];e.defaultValue=n.textContent||n.innerText}void 0===e.name&&(e.name=""),void 0===e.id&&(void 0===e.selectElement.id?e.id="":e.id=e.selectElement.id),void 0===e.autoselect&&(e.autoselect=!0);var r=document.createElement("span");e.selectElement.parentNode.insertBefore(r,e.selectElement),i(Object.assign({},e,{element:r})),e.selectElement.style.display="none",e.selectElement.id=e.selectElement.id+"-select"};var a=i;t.default=a},function(e,t,n){e.exports=!n(3)&&!n(4)(function(){return 7!=Object.defineProperty(n(15)("div"),"a",{get:function(){return 7}}).a})},function(e,t,n){var r=n(2);e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t,n){"use strict";var r=n(20),o=n(45),i=n(46),u=n(29),a=n(11),l=Object.assign;e.exports=!l||n(4)(function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach(function(e){t[e]=e}),7!=l({},e)[n]||Object.keys(l({},t)).join("")!=r})?function(e,t){for(var n=u(e),l=arguments.length,s=1,c=o.f,p=i.f;s<l;)for(var d,f=a(arguments[s++]),h=c?r(f).concat(c(f)):r(f),m=h.length,v=0;v<m;)p.call(f,d=h[v++])&&(n[d]=f[d]);return n}:l},function(e,t,n){var r=n(17),o=n(21),i=n(23)(!1),u=n(26)("IE_PROTO");e.exports=function(e,t){var n,a=o(e),l=0,s=[];for(n in a)n!=u&&r(a,n)&&s.push(n);for(;t.length>l;)r(a,n=t[l++])&&(~i(s,n)||s.push(n));return s}},function(e,t,n){var r=n(25),o=Math.max,i=Math.min;e.exports=function(e,t){return(e=r(e))<0?o(e+t,0):i(e,t)}},function(e,t){e.exports=!1},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,n){var r=n(48);e.exports=function(e,t){return new(r(e))(t)}},function(e,t,n){var r=n(2),o=n(33),i=n(34)("species");e.exports=function(e){var t;return o(e)&&("function"!=typeof(t=e.constructor)||t!==Array&&!o(t.prototype)||(t=void 0),r(t)&&null===(t=t[i])&&(t=void 0)),void 0===t?Array:t}},function(e,t,n){"use strict";var r=n(0),o=n(32)(2);r(r.P+r.F*!n(13)([].filter,!0),"Array",{filter:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var r=n(0);r(r.S,"Array",{isArray:n(33)})},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(14),n(36),n(31),n(35),n(30),n(55),n(58);var r=n(5),o=u(n(60)),i=u(n(61));function u(e){return e&&e.__esModule?e:{default:e}}function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var s,c={13:"enter",27:"escape",32:"space",38:"up",40:"down"},p=((s=document.createElement("x")).style.cssText="pointer-events:auto","auto"===s.style.pointerEvents);function d(){return!(!navigator.userAgent.match(/(iPod|iPhone|iPad)/g)||!navigator.userAgent.match(/AppleWebKit/g))}var f=function(e){function t(t){var n;return(n=e.call(this,t)||this).elementReferences={},n.state={focused:null,hovered:null,clicked:null,menuOpen:!1,options:t.defaultValue?[t.defaultValue]:[],query:t.defaultValue,selected:null},n.handleComponentBlur=n.handleComponentBlur.bind(l(l(n))),n.handleKeyDown=n.handleKeyDown.bind(l(l(n))),n.handleUpArrow=n.handleUpArrow.bind(l(l(n))),n.handleDownArrow=n.handleDownArrow.bind(l(l(n))),n.handleEnter=n.handleEnter.bind(l(l(n))),n.handlePrintableKey=n.handlePrintableKey.bind(l(l(n))),n.handleListMouseLeave=n.handleListMouseLeave.bind(l(l(n))),n.handleOptionBlur=n.handleOptionBlur.bind(l(l(n))),n.handleOptionClick=n.handleOptionClick.bind(l(l(n))),n.handleOptionFocus=n.handleOptionFocus.bind(l(l(n))),n.handleOptionMouseEnter=n.handleOptionMouseEnter.bind(l(l(n))),n.handleInputBlur=n.handleInputBlur.bind(l(l(n))),n.handleInputChange=n.handleInputChange.bind(l(l(n))),n.handleInputFocus=n.handleInputFocus.bind(l(l(n))),n.pollInputElement=n.pollInputElement.bind(l(l(n))),n.getDirectInputChanges=n.getDirectInputChanges.bind(l(l(n))),n}!function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}(t,e);var n=t.prototype;return n.componentDidMount=function(){this.pollInputElement()},n.componentWillUnmount=function(){clearTimeout(this.$pollInput),clearTimeout(this.$blurInput)},n.pollInputElement=function(){var e=this;this.getDirectInputChanges(),this.$pollInput=setTimeout(function(){e.pollInputElement()},100)},n.getDirectInputChanges=function(){var e=this.elementReferences[-1];e&&e.value!==this.state.query&&this.handleInputChange({target:{value:e.value}})},n.componentDidUpdate=function(e,t){var n=this.state,r=n.focused,o=n.clicked,i=null===r,u=t.focused!==r;(u&&!i||null!==o)&&this.elementReferences[r].focus();var a=-1===r,l=u&&null===t.focused;if(a&&l){var s=this.elementReferences[r];s.setSelectionRange(0,s.value.length)}},n.hasAutoselect=function(){return!d()&&this.props.autoselect},n.templateInputValue=function(e){var t=this.props.templates&&this.props.templates.inputValue;return t?t(e):e},n.templateSuggestion=function(e){var t=this.props.templates&&this.props.templates.suggestion;return t?t(e):e},n.handleComponentBlur=function(e){var t,n=this.state,r=n.options,o=n.query,i=n.selected;this.props.confirmOnBlur?(t=e.query||o,this.props.onConfirm(r[i])):t=o,this.setState({focused:null,clicked:null,menuOpen:e.menuOpen||!1,query:t,selected:null})},n.handleListMouseLeave=function(e){this.setState({hovered:null})},n.handleOptionBlur=function(e,t){var n=this.state,r=n.focused,o=n.clicked,i=n.menuOpen,u=n.options,a=n.selected,l=null===e.relatedTarget&&null===o,s=e.relatedTarget===this.elementReferences[-1],c=r!==t&&-1!==r;if(!c&&l||!c&&!s){var p=i&&d();this.handleComponentBlur({menuOpen:p,query:this.templateInputValue(u[a])})}},n.handleInputBlur=function(e){var t=this,n=this.state,r=n.focused,o=n.menuOpen,i=n.options,u=n.query,a=n.selected,l=-1!==r;if(clearTimeout(this.$blurInput),!l){var s=o&&d(),c=d()?u:this.templateInputValue(i[a]);this.$blurInput=setTimeout(function(){return t.handleComponentBlur({menuOpen:s,query:c})},200)}},n.handleInputChange=function(e){var t=this,n=this.props,r=n.minLength,o=n.source,i=n.showAllValues,u=this.hasAutoselect(),a=e.target.value,l=0===a.length,s=this.state.query.length!==a.length,c=a.length>=r;this.setState({query:a}),i||!l&&s&&c?o(a,function(e){var n=0<e.length;t.setState({menuOpen:n,options:e,selected:u&&n?0:-1})}):!l&&c||this.setState({menuOpen:!1,options:[]})},n.handleInputClick=function(e){this.handleInputChange(e)},n.handleInputFocus=function(e){this.setState({focused:-1})},n.handleOptionFocus=function(e){this.setState({focused:e,hovered:null,selected:e})},n.handleOptionMouseEnter=function(e,t){d()||this.setState({hovered:t})},n.handleOptionClick=function(e,t){var n=this.state.options[t],r=this.templateInputValue(n);clearTimeout(this.$blurInput),this.props.onConfirm(n),this.setState({focused:-1,clicked:t,hovered:null,menuOpen:!1,query:r,selected:-1}),this.forceUpdate()},n.handleUpArrow=function(e){e.preventDefault();var t=this.state,n=t.menuOpen,r=t.selected;-1!==r&&n&&this.handleOptionFocus(r-1)},n.handleDownArrow=function(e){var t=this;if(e.preventDefault(),this.props.showAllValues&&!1===this.state.menuOpen)e.preventDefault(),this.props.source("",function(e){t.setState({menuOpen:!0,options:e,selected:0,focused:0,hovered:null})});else if(!0===this.state.menuOpen){var n=this.state,r=n.menuOpen,o=n.options,i=n.selected;i!==o.length-1&&r&&this.handleOptionFocus(i+1)}},n.handleSpace=function(e){var t=this;this.props.showAllValues&&!1===this.state.menuOpen&&""===this.state.query&&(e.preventDefault(),this.props.source("",function(e){t.setState({menuOpen:!0,options:e})})),-1!==this.state.focused&&(e.preventDefault(),this.handleOptionClick(e,this.state.focused))},n.handleEnter=function(e){this.state.menuOpen&&(e.preventDefault(),0<=this.state.selected&&this.handleOptionClick(e,this.state.selected))},n.handlePrintableKey=function(e){var t=this.elementReferences[-1];e.target===t||t.focus()},n.handleKeyDown=function(e){switch(c[e.keyCode]){case"up":this.handleUpArrow(e);break;case"down":this.handleDownArrow(e);break;case"space":this.handleSpace(e);break;case"enter":this.handleEnter(e);break;case"escape":this.handleComponentBlur({query:this.state.query});break;default:(function(e){return 47<e&&e<58||32===e||8===e||64<e&&e<91||95<e&&e<112||185<e&&e<193||218<e&&e<223})(e.keyCode)&&this.handlePrintableKey(e)}},n.render=function(){var e,t=this,n=this.props,i=n.cssNamespace,u=n.displayMenu,l=n.id,s=n.minLength,c=n.name,d=n.placeholder,f=n.required,h=n.showAllValues,m=n.tNoResults,v=n.tStatusQueryTooShort,y=n.tStatusNoResults,b=n.tStatusSelectedOption,_=n.tStatusResults,g=n.dropdownArrow,w=this.state,x=w.focused,E=w.hovered,O=w.menuOpen,S=w.options,C=w.query,k=w.selected,N=this.hasAutoselect(),A=-1===x,P=0===S.length,j=0!==C.length,I=C.length>=s,L=this.props.showNoOptionsFound&&A&&P&&j&&I,T=i+"__wrapper",M=i+"__input",D=null!==x?" "+M+"--focused":"",B=this.props.showAllValues?" "+M+"--show-all-values":" "+M+"--default",q=i+"__dropdown-arrow-down",R=-1!==x&&null!==x,F=i+"__menu",V=F+"--"+u,U=F+"--"+(O||L?"visible":"hidden"),K=i+"__option",H=i+"__hint",W=this.templateInputValue(S[k]),$=W&&0===W.toLowerCase().indexOf(C.toLowerCase())&&N?C+W.substr(C.length):"",z=p&&$;return h&&"string"==typeof(e=g({className:q}))&&(e=(0,r.createElement)("div",{className:i+"__dropdown-arrow-down-wrapper",dangerouslySetInnerHTML:{__html:e}})),(0,r.createElement)("div",{className:T,onKeyDown:this.handleKeyDown,role:"combobox","aria-expanded":O?"true":"false"},(0,r.createElement)(o.default,{length:S.length,queryLength:C.length,minQueryLength:s,selectedOption:this.templateInputValue(S[k]),selectedOptionIndex:k,tQueryTooShort:v,tNoResults:y,tSelectedOption:b,tResults:_}),z&&(0,r.createElement)("span",null,(0,r.createElement)("input",{className:H,readonly:!0,tabIndex:"-1",value:$})),(0,r.createElement)("input",a({"aria-activedescendant":!!R&&l+"__option--"+x,"aria-owns":l+"__listbox",autoComplete:"off",className:""+M+D+B,id:l,onClick:function(e){return t.handleInputClick(e)},onBlur:this.handleInputBlur},function(e){return{onInput:e}}(this.handleInputChange),{onFocus:this.handleInputFocus,name:c,placeholder:d,ref:function(e){t.elementReferences[-1]=e},type:"text",role:"textbox",required:f,value:C})),e,(0,r.createElement)("ul",{className:F+" "+V+" "+U,onMouseLeave:function(e){return t.handleListMouseLeave(e)},id:l+"__listbox",role:"listbox"},S.map(function(e,n){var o=(-1===x?k===n:x===n)&&null===E?" "+K+"--focused":"",i=n%2?" "+K+"--odd":"";return(0,r.createElement)("li",{"aria-selected":x===n,className:""+K+o+i,dangerouslySetInnerHTML:{__html:t.templateSuggestion(e)},id:l+"__option--"+n,key:n,onBlur:function(e){return t.handleOptionBlur(e,n)},onClick:function(e){return t.handleOptionClick(e,n)},onMouseEnter:function(e){return t.handleOptionMouseEnter(e,n)},ref:function(e){t.elementReferences[n]=e},role:"option",tabIndex:"-1"})}),L&&(0,r.createElement)("li",{className:K+" "+K+"--no-results"},m())))},t}(r.Component);(t.default=f).defaultProps={autoselect:!1,cssNamespace:"autocomplete",defaultValue:"",displayMenu:"inline",minLength:0,name:"input-autocomplete",placeholder:"",onConfirm:function(){},confirmOnBlur:!0,showNoOptionsFound:!0,showAllValues:!1,required:!1,tNoResults:function(){return"No results found"},dropdownArrow:i.default}},function(e,t,n){var r=n(9),o=n(53),i=n(28),u=n(26)("IE_PROTO"),a=function(){},l="prototype",s=function(){var e,t=n(15)("iframe"),r=i.length;for(t.style.display="none",n(54).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),s=e.F;r--;)delete s[l][i[r]];return s()};e.exports=Object.create||function(e,t){var n;return null!==e?(a[l]=r(e),n=new a,a[l]=null,n[u]=e):n=s(),void 0===t?n:o(n,t)}},function(e,t,n){var r=n(8),o=n(9),i=n(20);e.exports=n(3)?Object.defineProperties:function(e,t){o(e);for(var n,u=i(t),a=u.length,l=0;l<a;)r.f(e,n=u[l++],t[n]);return e}},function(e,t,n){var r=n(1).document;e.exports=r&&r.documentElement},function(e,t,n){var r=n(0);r(r.P,"Function",{bind:n(56)})},function(e,t,n){"use strict";var r=n(19),o=n(2),i=n(57),u=[].slice,a={};e.exports=Function.bind||function(e){var t=r(this),n=u.call(arguments,1),l=function r(){var o=n.concat(u.call(arguments));return this instanceof r?function(e,t,n){if(!(t in a)){for(var r=[],o=0;o<t;o++)r[o]="a["+o+"]";a[t]=Function("F,a","return new F("+r.join(",")+")")}return a[t](e,n)}(t,o.length,o):i(t,o,e)};return o(t.prototype)&&(l.prototype=t.prototype),l}},function(e,t){e.exports=function(e,t,n){var r=void 0===n;switch(t.length){case 0:return r?e():e.call(n);case 1:return r?e(t[0]):e.call(n,t[0]);case 2:return r?e(t[0],t[1]):e.call(n,t[0],t[1]);case 3:return r?e(t[0],t[1],t[2]):e.call(n,t[0],t[1],t[2]);case 4:return r?e(t[0],t[1],t[2],t[3]):e.call(n,t[0],t[1],t[2],t[3])}return e.apply(n,t)}},function(e,t,n){n(59)("match",1,function(e,t,n){return[function(n){"use strict";var r=e(this),o=null==n?void 0:n[t];return void 0!==o?o.call(n,r):new RegExp(n)[t](String(r))},n]})},function(e,t,n){"use strict";var r=n(7),o=n(16),i=n(4),u=n(12),a=n(34);e.exports=function(e,t,n){var l=a(e),s=n(u,l,""[e]),c=s[0],p=s[1];i(function(){var t={};return t[l]=function(){return 7},7!=""[e](t)})&&(o(String.prototype,e,c),r(RegExp.prototype,l,2==t?function(e,t){return p.call(e,this,t)}:function(e){return p.call(e,this)}))}},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(36);var r=n(5),o=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).state={bump:!1},t}!function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}(t,e);var n=t.prototype;return n.componentWillReceiveProps=function(e){e.queryLength!==this.props.queryLength&&this.setState(function(e){return{bump:!e.bump}})},n.render=function(){var e,t=this.props,n=t.length,o=t.queryLength,i=t.minQueryLength,u=t.selectedOption,a=t.selectedOptionIndex,l=t.tQueryTooShort,s=t.tNoResults,c=t.tSelectedOption,p=t.tResults,d=this.state.bump,f=o<i,h=0===n,m=u?c(u,n,a):"";return e=f?l(i):h?s():p(n,m),(0,r.createElement)("div",{"aria-atomic":"true","aria-live":"polite",role:"status",style:{border:"0",clip:"rect(0 0 0 0)",height:"1px",marginBottom:"-1px",marginRight:"-1px",overflow:"hidden",padding:"0",position:"absolute",whiteSpace:"nowrap",width:"1px"}},e,(0,r.createElement)("span",null,d?",":",,"))},t}(r.Component);(t.default=o).defaultProps={tQueryTooShort:function(e){return"Type in "+e+" or more characters for results."},tNoResults:function(){return"No search results."},tSelectedOption:function(e,t,n){return e+" ("+(n+1)+" of "+t+") is selected."},tResults:function(e,t){return e+" "+(1===e?"result":"results")+" "+(1===e?"is":"are")+" available. "+t}}},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0;var r=n(5);t.default=function(e){var t=e.className;return(0,r.createElement)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",className:t,focusable:"false"},(0,r.createElement)("g",{stroke:"none",fill:"none","fill-rule":"evenodd"},(0,r.createElement)("polygon",{fill:"#000000",points:"0 0 22 0 11 17"})))}}]).default},"object"==u(t)&&"object"==u(e)?e.exports=i():(r=[],void 0===(o="function"==typeof(n=i)?n.apply(t,r):n)||(e.exports=o))}).call(this,n(1)(e))},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t){!function(e){"use strict";var t=e.NHSUK||{};t.details={NATIVE_DETAILS:"boolean"==typeof document.createElement("details").open,KEY_ENTER:13,KEY_SPACE:32,started:!1,addEvent:function(e,t,n){e.addEventListener?e.addEventListener(t,function(e){n(e,e.target)},!1):e.attachEvent&&e.attachEvent("on"+t,function(e){n(e,e.srcElement)})},removeEvent:function(e,t){e.removeEventListener?e.removeEventListener(t,function(e){},!1):e.detachEvent&&e.detachEvent("on"+t,function(e){})},charCode:function(e){return"number"==typeof e.which?e.which:e.keyCode},preventDefault:function(e){e.preventDefault?e.preventDefault():e.returnValue=!1},addClickEvent:function(e,n){t.details.addEvent(e,"keypress",function(e,r){t.details.charCode(e)!==t.details.KEY_ENTER&&t.details.charCode(e)!==t.details.KEY_SPACE||"summary"===r.nodeName.toLowerCase()&&(t.details.preventDefault(e),r.click?r.click():n(e,r))}),t.details.addEvent(e,"keyup",function(e,n){t.details.charCode(e)===t.details.KEY_SPACE&&"SUMMARY"===n.nodeName&&t.details.preventDefault(e)}),t.details.addEvent(e,"click",function(e,t){n(e,t)})},getAncestor:function(e,t){do{if(!e||e.nodeName.toLowerCase()===t)break;e=e.parentNode}while(e);return e},addDetailsPolyfill:function(e,n){if(n=n||document.body,!t.details.started&&(t.details.started=!0,0!==(e=n.getElementsByTagName("details")).length)){for(var r=e.length,o=0;o<r;o++){var i=e[o];if(i.__summary=i.getElementsByTagName("summary").item(0),i.__content=i.getElementsByTagName("div").item(0),!i.__summary||!i.__content)return;i.__content.id||(i.__content.id="details-content-"+o),i.__summary.setAttribute("role","button"),i.__summary.setAttribute("aria-controls",i.__content.id),t.details.NATIVE_DETAILS||(i.__summary.tabIndex=0),!0===(null!==i.getAttribute("open"))?(i.__summary.setAttribute("aria-expanded","true"),i.__content.setAttribute("aria-hidden","false")):(i.__summary.setAttribute("aria-expanded","false"),i.__content.setAttribute("aria-hidden","true"),t.details.NATIVE_DETAILS||(i.__content.style.display="none")),i.__summary.__details=i}t.details.addClickEvent(n,function(e,n){return!(n=t.details.getAncestor(n,"summary"))||t.details.statechange(n)})}},statechange:function(e){var n="true"===e.__details.__summary.getAttribute("aria-expanded"),r="true"===e.__details.__content.getAttribute("aria-hidden");(e.__details.__summary.setAttribute("aria-expanded",n?"false":"true"),e.__details.__content.setAttribute("aria-hidden",r?"false":"true"),t.details.NATIVE_DETAILS)||(e.__details.__content.style.display=n?"none":"",null!==e.__details.getAttribute("open")?e.__details.removeAttribute("open"):e.__details.setAttribute("open","open"));return!0},destroy:function(e){t.details.removeEvent(e,"click")},init:function(e){t.details.addEvent(document,"DOMContentLoaded",t.details.addDetailsPolyfill),t.details.addEvent(window,"load",t.details.addDetailsPolyfill)}},e.NHSUK=t}(window),NHSUK.details.init()},function(e,t,n){"use strict";function r(){var e=document.querySelector("#nhsuk-feedback-banner");e&&(e.style.display="none")}function o(){var e=!1,t=!1,n=document.querySelector("#nhsuk-footer"),r=document.querySelector("#nhsuk-feedback-banner");t=setInterval(function(){var o,i,u;e&&(e=!1,clearTimeout(t),o=n.getBoundingClientRect(),i=o.top,u=o.bottom,i<window.innerHeight&&u>=0?r.classList.add("js-inview"):r.classList.remove("js-inview"))},500),e=!0}function i(e){setTimeout(function(){var e;(e=document.querySelector("#nhsuk-feedback-banner"))&&(e.style.display="block")},e)}n.r(t);var u=function(e){var t;i(e),(t=document.querySelector("#nhsuk-feedback-banner-close"))&&t.addEventListener("click",r),document.querySelector("#nhsuk-feedback-banner")&&window.addEventListener("scroll",o)};function a(e,t){var n=e.className,r=new RegExp("\\b "+t+"\\b"),o=n.match(r);t=t.replace(/\s+/g,""),e.className=o?n.replace(r,""):n+" "+t}function l(e){var t=document.querySelector("#toggle-search"),n=document.querySelector("#wrap-search"),r=document.querySelector("#content-header");e.preventDefault(),t.hasAttribute("aria-expanded")?t.removeAttribute("aria-expanded"):t.setAttribute("aria-expanded","true"),a(t,"is-active"),a(n,"js-show"),a(r,"js-show")}function s(e){var t=document.querySelector("#toggle-menu"),n=document.querySelector("#header-navigation");e.preventDefault(),t.hasAttribute("aria-expanded")?t.removeAttribute("aria-expanded"):t.setAttribute("aria-expanded","true"),a(t,"is-active"),a(n,"js-show")}var c=function(){var e,t,n,r;e=document.querySelector("#toggle-search"),t=document.querySelector("#close-search"),e&&e.addEventListener("click",l),t&&t.addEventListener("click",l),n=document.querySelector("#toggle-menu"),r=document.querySelector("#close-menu"),n&&n.addEventListener("click",s),r&&r.addEventListener("click",s)};function p(){var e=document.querySelector(".nhsuk-skip-link"),t=document.getElementsByTagName("H1")[0];e&&t&&e.addEventListener("click",function(e){var t;e.preventDefault(),(t=document.getElementsByTagName("H1")[0]).setAttribute("tabIndex","-1"),t.focus()})}function d(){var e=document.querySelector(".nhsuk-skip-link"),t=document.getElementsByTagName("H1")[0];e&&t&&t.addEventListener("blur",function(e){e.preventDefault(),document.getElementsByTagName("H1")[0].removeAttribute("tabIndex")})}var f=function(){p(),d()},h=n(0),m=n.n(h);function v(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e,t){var n=function(e){return"".concat("https://nhs.funnelback.co.uk/s/suggest.json","?collection=nhs-meta&partial_query=").concat(e,"&sort=0&fmt=json++&profile=&show=").concat(10)}(e),r=new XMLHttpRequest;r.open("GET",n),r.onload=function(){if(200===r.status){var e=JSON.parse(r.responseText).map(function(e){return e.disp});t(e)}},r.send()}window.addEventListener("load",function(){var e=document.getElementById("search");e&&e.addEventListener("keyup",function(e){13===e.keyCode&&document.querySelector(".nhsuk-search__submit").click()})});var _=function(e){var t=e&&e.id?e.id:"search-field",n=document.getElementById(t);if(n){var r=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?v(n,!0).forEach(function(t){y(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):v(n).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}({},{confirmOnBlur:!1,element:document.querySelector("#autocomplete-container"),id:t,minLength:2,name:n.name,onConfirm:function(e){window.open("https://www.nhs.uk/search?collection=nhs-meta&query=".concat(e),"_self")},placeholder:n.placeholder,source:b,templates:{suggestion:function(e){var t=e.length>36?"...":"",n=e.substring(0,36)+t;return'<svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path></svg>'+'<a href="https://www.nhs.uk/search?collection=nhs-meta&query='.concat(e,'">').concat(n,"</a>")}}},{},e),o=document.getElementById(t);o.parentNode.removeChild(o),m()(r)}};n(2);document.addEventListener("DOMContentLoaded",function(){u(3e3),c(),f(),_()})}]);
+!function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(e,t,n){(function(e){var n,r,o,i;function u(e){return(u="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}window,i=function(){return function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==u(e)&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/",n(n.s=37)}([function(e,t,n){var r=n(1),o=n(6),i=n(7),u=n(16),a=n(18),l="prototype",s=function e(t,n,s){var c,p,f,d,h=t&e.F,v=t&e.G,m=t&e.P,y=t&e.B,b=v?r:t&e.S?r[n]||(r[n]={}):(r[n]||{})[l],g=v?o:o[n]||(o[n]={}),_=g[l]||(g[l]={});for(c in v&&(s=n),s)f=((p=!h&&b&&void 0!==b[c])?b:s)[c],d=y&&p?a(f,r):m&&"function"==typeof f?a(Function.call,f):f,b&&u(b,c,f,t&e.U),g[c]!=f&&i(g,c,d),m&&_[c]!=f&&(_[c]=f)};r.core=o,s.F=1,s.G=2,s.S=4,s.P=8,s.B=16,s.W=32,s.U=64,s.R=128,e.exports=s},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t){e.exports=function(e){return"object"==u(e)?null!==e:"function"==typeof e}},function(e,t,n){e.exports=!n(4)((function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a}))},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,n){"use strict";n.r(t),n.d(t,"h",(function(){return l})),n.d(t,"createElement",(function(){return l})),n.d(t,"cloneElement",(function(){return p})),n.d(t,"Component",(function(){return T})),n.d(t,"render",(function(){return B})),n.d(t,"rerender",(function(){return v})),n.d(t,"options",(function(){return o}));var r=function(){},o={},i=[],a=[];function l(e,t){var n,u,l,s,c=a;for(s=arguments.length;2<s--;)i.push(arguments[s]);for(t&&null!=t.children&&(i.length||i.push(t.children),delete t.children);i.length;)if((u=i.pop())&&void 0!==u.pop)for(s=u.length;s--;)i.push(u[s]);else"boolean"==typeof u&&(u=null),(l="function"!=typeof e)&&(null==u?u="":"number"==typeof u?u=String(u):"string"!=typeof u&&(l=!1)),l&&n?c[c.length-1]+=u:c===a?c=[u]:c.push(u),n=l;var p=new r;return p.nodeName=e,p.children=c,p.attributes=null==t?void 0:t,p.key=null==t?void 0:t.key,void 0!==o.vnode&&o.vnode(p),p}function s(e,t){for(var n in t)e[n]=t[n];return e}var c="function"==typeof Promise?Promise.resolve().then.bind(Promise.resolve()):setTimeout;function p(e,t){return l(e.nodeName,s(s({},e.attributes),t),2<arguments.length?[].slice.call(arguments,2):e.children)}var f=/acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i,d=[];function h(e){!e._dirty&&(e._dirty=!0)&&1==d.push(e)&&(o.debounceRendering||c)(v)}function v(){var e,t=d;for(d=[];e=t.pop();)e._dirty&&M(e)}function m(e,t){return e.normalizedNodeName===t||e.nodeName.toLowerCase()===t.toLowerCase()}function y(e){var t=s({},e.attributes);t.children=e.children;var n=e.nodeName.defaultProps;if(void 0!==n)for(var r in n)void 0===t[r]&&(t[r]=n[r]);return t}function b(e){var t=e.parentNode;t&&t.removeChild(e)}function g(e,t,n,r,o){if("className"===t&&(t="class"),"key"===t);else if("ref"===t)n&&n(null),r&&r(e);else if("class"!==t||o)if("style"===t){if(r&&"string"!=typeof r&&"string"!=typeof n||(e.style.cssText=r||""),r&&"object"==u(r)){if("string"!=typeof n)for(var i in n)i in r||(e.style[i]="");for(var i in r)e.style[i]="number"==typeof r[i]&&!1===f.test(i)?r[i]+"px":r[i]}}else if("dangerouslySetInnerHTML"===t)r&&(e.innerHTML=r.__html||"");else if("o"==t[0]&&"n"==t[1]){var a=t!==(t=t.replace(/Capture$/,""));t=t.toLowerCase().substring(2),r?n||e.addEventListener(t,_,a):e.removeEventListener(t,_,a),(e._listeners||(e._listeners={}))[t]=r}else if("list"!==t&&"type"!==t&&!o&&t in e){try{e[t]=null==r?"":r}catch(e){}null!=r&&!1!==r||"spellcheck"==t||e.removeAttribute(t)}else{var l=o&&t!==(t=t.replace(/^xlink:?/,""));null==r||!1===r?l?e.removeAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase()):e.removeAttribute(t):"function"!=typeof r&&(l?e.setAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase(),r):e.setAttribute(t,r))}else e.className=r||""}function _(e){return this._listeners[e.type](o.event&&o.event(e)||e)}var w=[],x=0,O=!1,S=!1;function C(){for(var e;e=w.pop();)o.afterMount&&o.afterMount(e),e.componentDidMount&&e.componentDidMount()}function E(e,t,n,r,o){var i=e,u=O;if(null!=t&&"boolean"!=typeof t||(t=""),"string"==typeof t||"number"==typeof t)return e&&void 0!==e.splitText&&e.parentNode&&(!e._component||o)?e.nodeValue!=t&&(e.nodeValue=t):(i=document.createTextNode(t),e&&(e.parentNode&&e.parentNode.replaceChild(i,e),k(e,!0))),i.__preactattr_=!0,i;var a=t.nodeName;if("function"==typeof a)return function(e,t,n,r){for(var o=e&&e._component,i=o,u=e,a=o&&e._componentConstructor===t.nodeName,l=a,s=y(t);o&&!l&&(o=o._parentComponent);)l=o.constructor===t.nodeName;return o&&l&&(!r||o._component)?(N(o,s,3,n,r),e=o.base):(i&&!a&&(L(i),e=u=null),o=j(t.nodeName,s,n),e&&!o.nextBase&&(o.nextBase=e,u=null),N(o,s,1,n,r),e=o.base,u&&e!==u&&(u._component=null,k(u,!1))),e}(e,t,n,r);if(O="svg"===a||"foreignObject"!==a&&O,a=String(a),(!e||!m(e,a))&&(i=function(e,t){var n=t?document.createElementNS("http://www.w3.org/2000/svg",e):document.createElement(e);return n.normalizedNodeName=e,n}(a,O),e)){for(;e.firstChild;)i.appendChild(e.firstChild);e.parentNode&&e.parentNode.replaceChild(i,e),k(e,!0)}var l=i.firstChild,s=i.__preactattr_,c=t.children;if(null==s){s=i.__preactattr_={};for(var p=i.attributes,f=p.length;f--;)s[p[f].name]=p[f].value}return!S&&c&&1===c.length&&"string"==typeof c[0]&&null!=l&&void 0!==l.splitText&&null==l.nextSibling?l.nodeValue!=c[0]&&(l.nodeValue=c[0]):(c&&c.length||null!=l)&&function(e,t,n,r,o){var i,u,a,l,s,c,p,f,d=e.childNodes,h=[],v={},y=0,g=0,_=d.length,w=0,x=t?t.length:0;if(0!==_)for(var O=0;O<_;O++){var S=d[O],C=S.__preactattr_;null!=(A=x&&C?S._component?S._component.__key:C.key:null)?(y++,v[A]=S):(C||(void 0!==S.splitText?!o||S.nodeValue.trim():o))&&(h[w++]=S)}if(0!==x)for(O=0;O<x;O++){var A;if(s=null,null!=(A=(l=t[O]).key))y&&void 0!==v[A]&&(s=v[A],v[A]=void 0,y--);else if(g<w)for(i=g;i<w;i++)if(void 0!==h[i]&&(c=u=h[i],f=o,"string"==typeof(p=l)||"number"==typeof p?void 0!==c.splitText:"string"==typeof p.nodeName?!c._componentConstructor&&m(c,p.nodeName):f||c._componentConstructor===p.nodeName)){s=u,h[i]=void 0,i===w-1&&w--,i===g&&g++;break}s=E(s,l,n,r),a=d[O],s&&s!==e&&s!==a&&(null==a?e.appendChild(s):s===a.nextSibling?b(a):e.insertBefore(s,a))}if(y)for(var O in v)void 0!==v[O]&&k(v[O],!1);for(;g<=w;)void 0!==(s=h[w--])&&k(s,!1)}(i,c,n,r,S||null!=s.dangerouslySetInnerHTML),function(e,t,n){var r;for(r in n)t&&null!=t[r]||null==n[r]||g(e,r,n[r],n[r]=void 0,O);for(r in t)"children"===r||"innerHTML"===r||r in n&&t[r]===("value"===r||"checked"===r?e[r]:n[r])||g(e,r,n[r],n[r]=t[r],O)}(i,t.attributes,s),O=u,i}function k(e,t){var n=e._component;n?L(n):(null!=e.__preactattr_&&e.__preactattr_.ref&&e.__preactattr_.ref(null),!1!==t&&null!=e.__preactattr_||b(e),A(e))}function A(e){for(e=e.lastChild;e;){var t=e.previousSibling;k(e,!0),e=t}}var I=[];function j(e,t,n){var r,o=I.length;for(e.prototype&&e.prototype.render?(r=new e(t,n),T.call(r,t,n)):((r=new T(t,n)).constructor=e,r.render=P);o--;)if(I[o].constructor===e)return r.nextBase=I[o].nextBase,I.splice(o,1),r;return r}function P(e,t,n){return this.constructor(e,n)}function N(e,t,n,r,i){e._disable||(e._disable=!0,e.__ref=t.ref,e.__key=t.key,delete t.ref,delete t.key,void 0===e.constructor.getDerivedStateFromProps&&(!e.base||i?e.componentWillMount&&e.componentWillMount():e.componentWillReceiveProps&&e.componentWillReceiveProps(t,r)),r&&r!==e.context&&(e.prevContext||(e.prevContext=e.context),e.context=r),e.prevProps||(e.prevProps=e.props),e.props=t,e._disable=!1,0!==n&&(1!==n&&!1===o.syncComponentUpdates&&e.base?h(e):M(e,1,i)),e.__ref&&e.__ref(e))}function M(e,t,n,r){if(!e._disable){var i,u,a,l=e.props,c=e.state,p=e.context,f=e.prevProps||l,d=e.prevState||c,h=e.prevContext||p,v=e.base,m=e.nextBase,b=v||m,g=e._component,_=!1,A=h;if(e.constructor.getDerivedStateFromProps&&(c=s(s({},c),e.constructor.getDerivedStateFromProps(l,c)),e.state=c),v&&(e.props=f,e.state=d,e.context=h,2!==t&&e.shouldComponentUpdate&&!1===e.shouldComponentUpdate(l,c,p)?_=!0:e.componentWillUpdate&&e.componentWillUpdate(l,c,p),e.props=l,e.state=c,e.context=p),e.prevProps=e.prevState=e.prevContext=e.nextBase=null,e._dirty=!1,!_){i=e.render(l,c,p),e.getChildContext&&(p=s(s({},p),e.getChildContext())),v&&e.getSnapshotBeforeUpdate&&(A=e.getSnapshotBeforeUpdate(f,d));var I,P,T=i&&i.nodeName;if("function"==typeof T){var B=y(i);(u=g)&&u.constructor===T&&B.key==u.__key?N(u,B,1,p,!1):(I=u,e._component=u=j(T,B,p),u.nextBase=u.nextBase||m,u._parentComponent=e,N(u,B,0,p,!1),M(u,1,n,!0)),P=u.base}else a=b,(I=g)&&(a=e._component=null),(b||1===t)&&(a&&(a._component=null),P=function(e,t,n,r,o,i){x++||(O=null!=o&&void 0!==o.ownerSVGElement,S=null!=e&&!("__preactattr_"in e));var u=E(e,t,n,r,i);return o&&u.parentNode!==o&&o.appendChild(u),--x||(S=!1,i||C()),u}(a,i,p,n||!v,b&&b.parentNode,!0));if(b&&P!==b&&u!==g){var D=b.parentNode;D&&P!==D&&(D.replaceChild(P,b),I||(b._component=null,k(b,!1)))}if(I&&L(I),(e.base=P)&&!r){for(var q=e,F=e;F=F._parentComponent;)(q=F).base=P;P._component=q,P._componentConstructor=q.constructor}}for(!v||n?w.unshift(e):_||(e.componentDidUpdate&&e.componentDidUpdate(f,d,A),o.afterUpdate&&o.afterUpdate(e));e._renderCallbacks.length;)e._renderCallbacks.pop().call(e);x||r||C()}}function L(e){o.beforeUnmount&&o.beforeUnmount(e);var t=e.base;e._disable=!0,e.componentWillUnmount&&e.componentWillUnmount(),e.base=null;var n=e._component;n?L(n):t&&(t.__preactattr_&&t.__preactattr_.ref&&t.__preactattr_.ref(null),b(e.nextBase=t),I.push(e),A(t)),e.__ref&&e.__ref(null)}function T(e,t){this._dirty=!0,this.context=t,this.props=e,this.state=this.state||{},this._renderCallbacks=[]}function B(e,t,n){return function(e,t,n,r,o,i){x++||(O=null!=o&&void 0!==o.ownerSVGElement,S=null!=e&&!("__preactattr_"in e));var u=E(e,t,n,r,i);return o&&u.parentNode!==o&&o.appendChild(u),--x||(S=!1,i||C()),u}(n,e,{},!1,t,!1)}s(T.prototype,{setState:function(e,t){this.prevState||(this.prevState=this.state),this.state=s(s({},this.state),"function"==typeof e?e(this.state,this.props):e),t&&this._renderCallbacks.push(t),h(this)},forceUpdate:function(e){e&&this._renderCallbacks.push(e),M(this,2)},render:function(){}});var D={h:l,createElement:l,cloneElement:p,Component:T,render:B,rerender:v,options:o};t.default=D},function(e,t){var n=e.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(8),o=n(40);e.exports=n(3)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(9),o=n(38),i=n(39),u=Object.defineProperty;t.f=n(3)?Object.defineProperty:function(e,t,n){if(r(e),t=i(t,!0),r(n),o)try{return u(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t,n){var r=n(2);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t,n){var r=n(22);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t){e.exports=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t,n){"use strict";var r=n(4);e.exports=function(e,t){return!!e&&r((function(){t?e.call(null,(function(){}),1):e.call(null)}))}},function(e,t,n){var r=n(0);r(r.S+r.F,"Object",{assign:n(41)})},function(e,t,n){var r=n(2),o=n(1).document,i=r(o)&&r(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t,n){var r=n(1),o=n(7),i=n(17),u=n(10)("src"),a="toString",l=Function[a],s=(""+l).split(a);n(6).inspectSource=function(e){return l.call(e)},(e.exports=function(e,t,n,a){var l="function"==typeof n;l&&(i(n,"name")||o(n,"name",t)),e[t]!==n&&(l&&(i(n,u)||o(n,u,e[t]?""+e[t]:s.join(String(t)))),e===r?e[t]=n:a?e[t]?e[t]=n:o(e,t,n):(delete e[t],o(e,t,n)))})(Function.prototype,a,(function(){return"function"==typeof this&&this[u]||l.call(this)}))},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var r=n(19);e.exports=function(e,t,n){if(r(e),void 0===t)return e;switch(n){case 1:return function(n){return e.call(t,n)};case 2:return function(n,r){return e.call(t,n,r)};case 3:return function(n,r,o){return e.call(t,n,r,o)}}return function(){return e.apply(t,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var r=n(42),o=n(28);e.exports=Object.keys||function(e){return r(e,o)}},function(e,t,n){var r=n(11),o=n(12);e.exports=function(e){return r(o(e))}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t,n){var r=n(21),o=n(24),i=n(43);e.exports=function(e){return function(t,n,u){var a,l=r(t),s=o(l.length),c=i(u,s);if(e&&n!=n){for(;c<s;)if((a=l[c++])!=a)return!0}else for(;c<s;c++)if((e||c in l)&&l[c]===n)return e||c||0;return!e&&-1}}},function(e,t,n){var r=n(25),o=Math.min;e.exports=function(e){return 0<e?o(r(e),9007199254740991):0}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(0<e?r:n)(e)}},function(e,t,n){var r=n(27)("keys"),o=n(10);e.exports=function(e){return r[e]||(r[e]=o(e))}},function(e,t,n){var r=n(6),o=n(1),i="__core-js_shared__",u=o[i]||(o[i]={});(e.exports=function(e,t){return u[e]||(u[e]=void 0!==t?t:{})})("versions",[]).push({version:r.version,mode:n(44)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var r=n(12);e.exports=function(e){return Object(r(e))}},function(e,t,n){var r=n(8).f,o=Function.prototype,i=/^\s*function ([^ (]*)/;"name"in o||n(3)&&r(o,"name",{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(e){return""}}})},function(e,t,n){"use strict";var r=n(0),o=n(32)(1);r(r.P+r.F*!n(13)([].map,!0),"Array",{map:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var r=n(18),o=n(11),i=n(29),u=n(24),a=n(47);e.exports=function(e,t){var n=1==e,l=2==e,s=3==e,c=4==e,p=6==e,f=5==e||p,d=t||a;return function(t,a,h){for(var v,m,y=i(t),b=o(y),g=r(a,h,3),_=u(b.length),w=0,x=n?d(t,_):l?d(t,0):void 0;w<_;w++)if((f||w in b)&&(m=g(v=b[w],w,y),e))if(n)x[w]=m;else if(m)switch(e){case 3:return!0;case 5:return v;case 6:return w;case 2:x.push(v)}else if(c)return!1;return p?-1:s||c?c:x}}},function(e,t,n){var r=n(22);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){var r=n(27)("wks"),o=n(10),i=n(1).Symbol,u="function"==typeof i;(e.exports=function(e){return r[e]||(r[e]=u&&i[e]||(u?i:o)("Symbol."+e))}).store=r},function(e,t,n){"use strict";var r=n(0),o=n(23)(!1),i=[].indexOf,u=!!i&&1/[1].indexOf(1,-0)<0;r(r.P+r.F*(u||!n(13)(i)),"Array",{indexOf:function(e){return u?i.apply(this,arguments)||0:o(this,e,arguments[1])}})},function(e,t,n){var r=n(0);r(r.S,"Object",{create:n(52)})},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(14),n(30),n(31),n(35),n(49),n(50);var r=n(5),o=function(e){return e&&e.__esModule?e:{default:e}}(n(51));function i(e){if(!e.element)throw new Error("element is not defined");if(!e.id)throw new Error("id is not defined");if(!e.source)throw new Error("source is not defined");Array.isArray(e.source)&&(e.source=u(e.source)),(0,r.render)((0,r.createElement)(o.default,e),e.element)}var u=function(e){return function(t,n){n(e.filter((function(e){return-1!==e.toLowerCase().indexOf(t.toLowerCase())})))}};i.enhanceSelectElement=function(e){if(!e.selectElement)throw new Error("selectElement is not defined");if(!e.source){var t=[].filter.call(e.selectElement.options,(function(t){return t.value||e.preserveNullOptions}));e.source=t.map((function(e){return e.textContent||e.innerText}))}if(e.onConfirm=e.onConfirm||function(t){var n=[].filter.call(e.selectElement.options,(function(e){return(e.textContent||e.innerText)===t}))[0];n&&(n.selected=!0)},e.selectElement.value||void 0===e.defaultValue){var n=e.selectElement.options[e.selectElement.options.selectedIndex];e.defaultValue=n.textContent||n.innerText}void 0===e.name&&(e.name=""),void 0===e.id&&(void 0===e.selectElement.id?e.id="":e.id=e.selectElement.id),void 0===e.autoselect&&(e.autoselect=!0);var r=document.createElement("span");e.selectElement.parentNode.insertBefore(r,e.selectElement),i(Object.assign({},e,{element:r})),e.selectElement.style.display="none",e.selectElement.id=e.selectElement.id+"-select"};var a=i;t.default=a},function(e,t,n){e.exports=!n(3)&&!n(4)((function(){return 7!=Object.defineProperty(n(15)("div"),"a",{get:function(){return 7}}).a}))},function(e,t,n){var r=n(2);e.exports=function(e,t){if(!r(e))return e;var n,o;if(t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;if("function"==typeof(n=e.valueOf)&&!r(o=n.call(e)))return o;if(!t&&"function"==typeof(n=e.toString)&&!r(o=n.call(e)))return o;throw TypeError("Can't convert object to primitive value")}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t,n){"use strict";var r=n(20),o=n(45),i=n(46),u=n(29),a=n(11),l=Object.assign;e.exports=!l||n(4)((function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach((function(e){t[e]=e})),7!=l({},e)[n]||Object.keys(l({},t)).join("")!=r}))?function(e,t){for(var n=u(e),l=arguments.length,s=1,c=o.f,p=i.f;s<l;)for(var f,d=a(arguments[s++]),h=c?r(d).concat(c(d)):r(d),v=h.length,m=0;m<v;)p.call(d,f=h[m++])&&(n[f]=d[f]);return n}:l},function(e,t,n){var r=n(17),o=n(21),i=n(23)(!1),u=n(26)("IE_PROTO");e.exports=function(e,t){var n,a=o(e),l=0,s=[];for(n in a)n!=u&&r(a,n)&&s.push(n);for(;t.length>l;)r(a,n=t[l++])&&(~i(s,n)||s.push(n));return s}},function(e,t,n){var r=n(25),o=Math.max,i=Math.min;e.exports=function(e,t){return(e=r(e))<0?o(e+t,0):i(e,t)}},function(e,t){e.exports=!1},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,n){var r=n(48);e.exports=function(e,t){return new(r(e))(t)}},function(e,t,n){var r=n(2),o=n(33),i=n(34)("species");e.exports=function(e){var t;return o(e)&&("function"!=typeof(t=e.constructor)||t!==Array&&!o(t.prototype)||(t=void 0),r(t)&&null===(t=t[i])&&(t=void 0)),void 0===t?Array:t}},function(e,t,n){"use strict";var r=n(0),o=n(32)(2);r(r.P+r.F*!n(13)([].filter,!0),"Array",{filter:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var r=n(0);r(r.S,"Array",{isArray:n(33)})},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(14),n(36),n(30),n(31),n(35),n(55),n(58);var r=n(5),o=u(n(60)),i=u(n(61));function u(e){return e&&e.__esModule?e:{default:e}}function a(){return(a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var s,c={13:"enter",27:"escape",32:"space",38:"up",40:"down"},p=((s=document.createElement("x")).style.cssText="pointer-events:auto","auto"===s.style.pointerEvents);function f(){return!(!navigator.userAgent.match(/(iPod|iPhone|iPad)/g)||!navigator.userAgent.match(/AppleWebKit/g))}var d=function(e){function t(t){var n;return(n=e.call(this,t)||this).elementReferences={},n.state={focused:null,hovered:null,clicked:null,menuOpen:!1,options:t.defaultValue?[t.defaultValue]:[],query:t.defaultValue,validChoiceMade:!1,selected:null,ariaHint:!0},n.handleComponentBlur=n.handleComponentBlur.bind(l(l(n))),n.handleKeyDown=n.handleKeyDown.bind(l(l(n))),n.handleUpArrow=n.handleUpArrow.bind(l(l(n))),n.handleDownArrow=n.handleDownArrow.bind(l(l(n))),n.handleEnter=n.handleEnter.bind(l(l(n))),n.handlePrintableKey=n.handlePrintableKey.bind(l(l(n))),n.handleListMouseLeave=n.handleListMouseLeave.bind(l(l(n))),n.handleOptionBlur=n.handleOptionBlur.bind(l(l(n))),n.handleOptionClick=n.handleOptionClick.bind(l(l(n))),n.handleOptionFocus=n.handleOptionFocus.bind(l(l(n))),n.handleOptionMouseEnter=n.handleOptionMouseEnter.bind(l(l(n))),n.handleInputBlur=n.handleInputBlur.bind(l(l(n))),n.handleInputChange=n.handleInputChange.bind(l(l(n))),n.handleInputFocus=n.handleInputFocus.bind(l(l(n))),n.pollInputElement=n.pollInputElement.bind(l(l(n))),n.getDirectInputChanges=n.getDirectInputChanges.bind(l(l(n))),n}!function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}(t,e);var n=t.prototype;return n.isQueryAnOption=function(e,t){var n=this;return-1!==t.map((function(e){return n.templateInputValue(e).toLowerCase()})).indexOf(e.toLowerCase())},n.componentDidMount=function(){this.pollInputElement()},n.componentWillUnmount=function(){clearTimeout(this.$pollInput),clearTimeout(this.$blurInput)},n.pollInputElement=function(){var e=this;this.getDirectInputChanges(),this.$pollInput=setTimeout((function(){e.pollInputElement()}),100)},n.getDirectInputChanges=function(){var e=this.elementReferences[-1];e&&e.value!==this.state.query&&this.handleInputChange({target:{value:e.value}})},n.componentDidUpdate=function(e,t){var n=this.state,r=n.focused,o=n.clicked,i=null===r,u=t.focused!==r;(u&&!i||null!==o)&&this.elementReferences[r].focus();var a=-1===r,l=u&&null===t.focused;if(a&&l){var s=this.elementReferences[r];s.setSelectionRange(0,s.value.length)}},n.hasAutoselect=function(){return!f()&&this.props.autoselect},n.templateInputValue=function(e){var t=this.props.templates&&this.props.templates.inputValue;return t?t(e):e},n.templateSuggestion=function(e){var t=this.props.templates&&this.props.templates.suggestion;return t?t(e):e},n.handleComponentBlur=function(e){var t,n=this.state,r=n.options,o=n.query,i=n.selected;this.props.confirmOnBlur?(t=e.query||o,this.props.onConfirm(r[i])):t=o,this.setState({focused:null,clicked:null,menuOpen:e.menuOpen||!1,query:t,selected:null,validChoiceMade:this.isQueryAnOption(t,r)})},n.handleListMouseLeave=function(e){this.setState({hovered:null})},n.handleOptionBlur=function(e,t){var n=this.state,r=n.focused,o=n.clicked,i=n.menuOpen,u=n.options,a=n.selected,l=null===e.relatedTarget&&null===o,s=e.relatedTarget===this.elementReferences[-1],c=r!==t&&-1!==r;if(!c&&l||!c&&!s){var p=i&&f();this.handleComponentBlur({menuOpen:p,query:this.templateInputValue(u[a])})}},n.handleInputBlur=function(e){var t=this,n=this.state,r=n.focused,o=n.menuOpen,i=n.options,u=n.query,a=n.selected,l=-1!==r;if(clearTimeout(this.$blurInput),!l){var s=o&&f(),c=f()?u:this.templateInputValue(i[a]);this.$blurInput=setTimeout((function(){return t.handleComponentBlur({menuOpen:s,query:c})}),200)}},n.handleInputChange=function(e){var t=this,n=this.props,r=n.minLength,o=n.source,i=n.showAllValues,u=this.hasAutoselect(),a=e.target.value,l=0===a.length,s=this.state.query.length!==a.length,c=a.length>=r;this.setState({query:a,ariaHint:l}),i||!l&&s&&c?o(a,(function(e){var n=0<e.length;t.setState({menuOpen:n,options:e,selected:u&&n?0:-1,validChoiceMade:!1})})):!l&&c||this.setState({menuOpen:!1,options:[]})},n.handleInputClick=function(e){this.handleInputChange(e)},n.handleInputFocus=function(e){var t=this.state,n=t.query,r=t.validChoiceMade,o=t.options,i=this.props.minLength,u=!r&&n.length>=i&&0<o.length;u?this.setState((function(e){var t=e.menuOpen;return{focused:-1,menuOpen:u||t,selected:-1}})):this.setState({focused:-1})},n.handleOptionFocus=function(e){this.setState({focused:e,hovered:null,selected:e})},n.handleOptionMouseEnter=function(e,t){f()||this.setState({hovered:t})},n.handleOptionClick=function(e,t){var n=this.state.options[t],r=this.templateInputValue(n);clearTimeout(this.$blurInput),this.props.onConfirm(n),this.setState({focused:-1,clicked:t,hovered:null,menuOpen:!1,query:r,selected:-1,validChoiceMade:!0}),this.forceUpdate()},n.handleUpArrow=function(e){e.preventDefault();var t=this.state,n=t.menuOpen,r=t.selected;-1!==r&&n&&this.handleOptionFocus(r-1)},n.handleDownArrow=function(e){var t=this;if(e.preventDefault(),this.props.showAllValues&&!1===this.state.menuOpen)e.preventDefault(),this.props.source("",(function(e){t.setState({menuOpen:!0,options:e,selected:0,focused:0,hovered:null})}));else if(!0===this.state.menuOpen){var n=this.state,r=n.menuOpen,o=n.options,i=n.selected;i!==o.length-1&&r&&this.handleOptionFocus(i+1)}},n.handleSpace=function(e){var t=this;this.props.showAllValues&&!1===this.state.menuOpen&&""===this.state.query&&(e.preventDefault(),this.props.source("",(function(e){t.setState({menuOpen:!0,options:e})}))),-1!==this.state.focused&&(e.preventDefault(),this.handleOptionClick(e,this.state.focused))},n.handleEnter=function(e){this.state.menuOpen&&(e.preventDefault(),0<=this.state.selected&&this.handleOptionClick(e,this.state.selected))},n.handlePrintableKey=function(e){var t=this.elementReferences[-1];e.target===t||t.focus()},n.handleKeyDown=function(e){switch(c[e.keyCode]){case"up":this.handleUpArrow(e);break;case"down":this.handleDownArrow(e);break;case"space":this.handleSpace(e);break;case"enter":this.handleEnter(e);break;case"escape":this.handleComponentBlur({query:this.state.query});break;default:(function(e){return 47<e&&e<58||32===e||8===e||64<e&&e<91||95<e&&e<112||185<e&&e<193||218<e&&e<223})(e.keyCode)&&this.handlePrintableKey(e)}},n.render=function(){var e,t=this,n=this.props,i=n.cssNamespace,u=n.displayMenu,l=n.id,s=n.minLength,c=n.name,d=n.placeholder,h=n.required,v=n.showAllValues,m=n.tNoResults,y=n.tStatusQueryTooShort,b=n.tStatusNoResults,g=n.tStatusSelectedOption,_=n.tStatusResults,w=n.tAssistiveHint,x=n.dropdownArrow,O=this.state,S=O.focused,C=O.hovered,E=O.menuOpen,k=O.options,A=O.query,I=O.selected,j=O.ariaHint,P=O.validChoiceMade,N=this.hasAutoselect(),M=-1===S,L=0===k.length,T=0!==A.length,B=A.length>=s,D=this.props.showNoOptionsFound&&M&&L&&T&&B,q=i+"__wrapper",F=i+"__input",R=null!==S?" "+F+"--focused":"",U=this.props.showAllValues?" "+F+"--show-all-values":" "+F+"--default",V=i+"__dropdown-arrow-down",W=-1!==S&&null!==S,H=i+"__menu",K=H+"--"+u,z=H+"--"+(E||D?"visible":"hidden"),Q=i+"__option",$=i+"__hint",G=this.templateInputValue(k[I]),J=G&&0===G.toLowerCase().indexOf(A.toLowerCase())&&N?A+G.substr(A.length):"",X=p&&J,Y=l+"__assistiveHint",Z=j?{"aria-describedby":Y}:null;return v&&"string"==typeof(e=x({className:V}))&&(e=(0,r.createElement)("div",{className:i+"__dropdown-arrow-down-wrapper",dangerouslySetInnerHTML:{__html:e}})),(0,r.createElement)("div",{className:q,onKeyDown:this.handleKeyDown},(0,r.createElement)(o.default,{id:l,length:k.length,queryLength:A.length,minQueryLength:s,selectedOption:this.templateInputValue(k[I]),selectedOptionIndex:I,validChoiceMade:P,isInFocus:null!==this.state.focused,tQueryTooShort:y,tNoResults:b,tSelectedOption:g,tResults:_}),X&&(0,r.createElement)("span",null,(0,r.createElement)("input",{className:$,readonly:!0,tabIndex:"-1",value:J})),(0,r.createElement)("input",a({"aria-expanded":E?"true":"false","aria-activedescendant":!!W&&l+"__option--"+S,"aria-owns":l+"__listbox","aria-autocomplete":this.hasAutoselect()?"both":"list"},Z,{autoComplete:"off",className:""+F+R+U,id:l,onClick:function(e){return t.handleInputClick(e)},onBlur:this.handleInputBlur},function(e){return{onInput:e}}(this.handleInputChange),{onFocus:this.handleInputFocus,name:c,placeholder:d,ref:function(e){t.elementReferences[-1]=e},type:"text",role:"combobox",required:h,value:A})),e,(0,r.createElement)("ul",{className:H+" "+K+" "+z,onMouseLeave:function(e){return t.handleListMouseLeave(e)},id:l+"__listbox",role:"listbox"},k.map((function(e,n){var o=(-1===S?I===n:S===n)&&null===C?" "+Q+"--focused":"",i=n%2?" "+Q+"--odd":"",u=f()?"<span id="+l+"__option-suffix--"+n+' style="border:0;clip:rect(0 0 0 0);height:1px;marginBottom:-1px;marginRight:-1px;overflow:hidden;padding:0;position:absolute;whiteSpace:nowrap;width:1px"> '+(n+1)+" of "+k.length+"</span>":"";return(0,r.createElement)("li",{"aria-selected":S===n,className:""+Q+o+i,dangerouslySetInnerHTML:{__html:t.templateSuggestion(e)+u},id:l+"__option--"+n,key:n,onBlur:function(e){return t.handleOptionBlur(e,n)},onClick:function(e){return t.handleOptionClick(e,n)},onMouseEnter:function(e){return t.handleOptionMouseEnter(e,n)},ref:function(e){t.elementReferences[n]=e},role:"option",tabIndex:"-1","aria-posinset":n+1,"aria-setsize":k.length})})),D&&(0,r.createElement)("li",{className:Q+" "+Q+"--no-results"},m())),(0,r.createElement)("span",{id:Y,style:{display:"none"}},w()))},t}(r.Component);(t.default=d).defaultProps={autoselect:!1,cssNamespace:"autocomplete",defaultValue:"",displayMenu:"inline",minLength:0,name:"input-autocomplete",placeholder:"",onConfirm:function(){},confirmOnBlur:!0,showNoOptionsFound:!0,showAllValues:!1,required:!1,tNoResults:function(){return"No results found"},tAssistiveHint:function(){return"When autocomplete results are available use up and down arrows to review and enter to select.  Touch device users, explore by touch or with swipe gestures."},dropdownArrow:i.default}},function(e,t,n){var r=n(9),o=n(53),i=n(28),u=n(26)("IE_PROTO"),a=function(){},l="prototype",s=function(){var e,t=n(15)("iframe"),r=i.length;for(t.style.display="none",n(54).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),s=e.F;r--;)delete s[l][i[r]];return s()};e.exports=Object.create||function(e,t){var n;return null!==e?(a[l]=r(e),n=new a,a[l]=null,n[u]=e):n=s(),void 0===t?n:o(n,t)}},function(e,t,n){var r=n(8),o=n(9),i=n(20);e.exports=n(3)?Object.defineProperties:function(e,t){o(e);for(var n,u=i(t),a=u.length,l=0;l<a;)r.f(e,n=u[l++],t[n]);return e}},function(e,t,n){var r=n(1).document;e.exports=r&&r.documentElement},function(e,t,n){var r=n(0);r(r.P,"Function",{bind:n(56)})},function(e,t,n){"use strict";var r=n(19),o=n(2),i=n(57),u=[].slice,a={};e.exports=Function.bind||function(e){var t=r(this),n=u.call(arguments,1),l=function r(){var o=n.concat(u.call(arguments));return this instanceof r?function(e,t,n){if(!(t in a)){for(var r=[],o=0;o<t;o++)r[o]="a["+o+"]";a[t]=Function("F,a","return new F("+r.join(",")+")")}return a[t](e,n)}(t,o.length,o):i(t,o,e)};return o(t.prototype)&&(l.prototype=t.prototype),l}},function(e,t){e.exports=function(e,t,n){var r=void 0===n;switch(t.length){case 0:return r?e():e.call(n);case 1:return r?e(t[0]):e.call(n,t[0]);case 2:return r?e(t[0],t[1]):e.call(n,t[0],t[1]);case 3:return r?e(t[0],t[1],t[2]):e.call(n,t[0],t[1],t[2]);case 4:return r?e(t[0],t[1],t[2],t[3]):e.call(n,t[0],t[1],t[2],t[3])}return e.apply(n,t)}},function(e,t,n){n(59)("match",1,(function(e,t,n){return[function(n){"use strict";var r=e(this),o=null==n?void 0:n[t];return void 0!==o?o.call(n,r):new RegExp(n)[t](String(r))},n]}))},function(e,t,n){"use strict";var r=n(7),o=n(16),i=n(4),u=n(12),a=n(34);e.exports=function(e,t,n){var l=a(e),s=n(u,l,""[e]),c=s[0],p=s[1];i((function(){var t={};return t[l]=function(){return 7},7!=""[e](t)}))&&(o(String.prototype,e,c),r(RegExp.prototype,l,2==t?function(e,t){return p.call(e,this,t)}:function(e){return p.call(e,this)}))}},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(36);var r=n(5),o=function(e){function t(){for(var t,n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=e.call.apply(e,[this].concat(r))||this).state={bump:!1,debounced:!1},t}!function(e,t){e.prototype=Object.create(t.prototype),(e.prototype.constructor=e).__proto__=t}(t,e);var n=t.prototype;return n.componentWillMount=function(){var e=this;this.debounceStatusUpdate=function(e,t,n){var r;return function(){var o=this,i=arguments,u=function(){r=null,n||e.apply(o,i)},a=n&&!r;clearTimeout(r),r=setTimeout(u,t),a&&e.apply(o,i)}}((function(){if(!e.state.debounced){var t=!e.props.isInFocus||e.props.validChoiceMade;e.setState((function(e){return{bump:!e.bump,debounced:!0,silenced:t}}))}}),1400)},n.componentWillReceiveProps=function(e){e.queryLength,this.setState({debounced:!1})},n.render=function(){var e,t=this.props,n=t.id,o=t.length,i=t.queryLength,u=t.minQueryLength,a=t.selectedOption,l=t.selectedOptionIndex,s=t.tQueryTooShort,c=t.tNoResults,p=t.tSelectedOption,f=t.tResults,d=this.state,h=d.bump,v=d.debounced,m=d.silenced,y=i<u,b=0===o,g=a?p(a,o,l):"";return e=y?s(u):b?c():f(o,g),this.debounceStatusUpdate(),(0,r.createElement)("div",{style:{border:"0",clip:"rect(0 0 0 0)",height:"1px",marginBottom:"-1px",marginRight:"-1px",overflow:"hidden",padding:"0",position:"absolute",whiteSpace:"nowrap",width:"1px"}},(0,r.createElement)("div",{id:n+"__status--A",role:"status","aria-atomic":"true","aria-live":"polite"},!m&&v&&h?e:""),(0,r.createElement)("div",{id:n+"__status--B",role:"status","aria-atomic":"true","aria-live":"polite"},m||!v||h?"":e))},t}(r.Component);(t.default=o).defaultProps={tQueryTooShort:function(e){return"Type in "+e+" or more characters for results"},tNoResults:function(){return"No search results"},tSelectedOption:function(e,t,n){return e+" "+(n+1)+" of "+t+" is highlighted"},tResults:function(e,t){return e+" "+(1===e?"result":"results")+" "+(1===e?"is":"are")+" available. "+t}}},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0;var r=n(5);t.default=function(e){var t=e.className;return(0,r.createElement)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",className:t,focusable:"false"},(0,r.createElement)("g",{stroke:"none",fill:"none","fill-rule":"evenodd"},(0,r.createElement)("polygon",{fill:"#000000",points:"0 0 22 0 11 17"})))}}]).default},"object"==u(t)&&"object"==u(e)?e.exports=i():(r=[],void 0===(o="function"==typeof(n=i)?n.apply(t,r):n)||(e.exports=o))}).call(this,n(1)(e))},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t,n){"use strict";n.r(t);var r=n(0),o=n.n(r);function i(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function u(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var a=function(e){var t,n=e.formId,r=e.inputId,a=e.containerId,l=document.getElementById(n),s=document.getElementById(r),c=document.getElementById(a);s&&c&&e.source&&(t={confirmOnBlur:!1,element:c,id:r,minLength:2,name:s.name,placeholder:s.placeholder},s.parentNode.removeChild(s),o()(function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?i(n,!0).forEach((function(t){u(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):i(n).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},t,{},e)),l&&l.addEventListener("keyup",(function(e){13===e.keyCode&&document.activeElement.id===r&&l.submit()})))},l=function(e){var t=e.length>36?"...":"",n=e.substring(0,36)+t;return'\n    <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path></svg>\n    <a href="https://www.nhs.uk/search?collection=nhs-meta&query='.concat(e,'">\n      ').concat(n,"\n    </a>\n  ")},s=function(e,t){var n="".concat("https://nhs.funnelback.co.uk/s/suggest.json","?collection=nhs-meta&partial_query=").concat(e,"&sort=0&fmt=json++&profile=&show=").concat(10),r=new XMLHttpRequest;r.open("GET",n),r.onload=function(){if(200===r.status){var e=JSON.parse(r.responseText).map((function(e){return e.disp}));t(e)}},r.send()},c=function(e,t){if(e&&t){var n=e,r=e.className,o=new RegExp("\\b ".concat(t,"\\b"));r.match(o)?n.className=r.replace(o,""):n.className="".concat(r," ").concat(t.trim())}},p=function(e,t){if(e&&t){var n="true"===e.getAttribute(t)?"false":"true";e.setAttribute(t,n)}},f=function(){var e,t,n,r;a({containerId:"autocomplete-container",formId:"search",inputId:"search-field",source:s,templates:{suggestion:l}}),e=document.querySelector("#toggle-menu"),t=document.querySelector("#close-menu"),n=document.querySelector("#header-navigation"),r=function(t){t.preventDefault(),p(e,"aria-expanded"),c(e,"is-active"),c(n,"js-show")},e&&t&&n&&[e,t].forEach((function(e){e.addEventListener("click",r)})),function(){var e=document.querySelector("#toggle-search"),t=document.querySelector("#close-search"),n=document.querySelector("#wrap-search"),r=document.querySelector("#content-header"),o=function(t){t.preventDefault(),p(e,"aria-expanded"),c(e,"is-active"),c(n,"js-show"),c(r,"js-show")};e&&t&&[e,t].forEach((function(e){e.addEventListener("click",o)}))}()},d=function(){var e="boolean"==typeof document.createElement("details").open,t=document.querySelectorAll("details");t.length&&Array.prototype.slice.call(t).forEach((function(t,n){t.hasAttribute("nhsuk-polyfilled")||function(t,n){t.setAttribute("nhsuk-polyfilled","true"),t.id||t.setAttribute("id","nhsuk-details".concat(n));var r=document.querySelector("#".concat(t.id," .nhsuk-details__text"));r.id||r.setAttribute("id","nhsuk-details__text".concat(n));var o=document.querySelector("#".concat(t.id," .nhsuk-details__summary"));o.setAttribute("role","button"),o.setAttribute("aria-controls",r.id),o.setAttribute("tabIndex","0"),!0===(null!==t.getAttribute("open"))?(o.setAttribute("aria-expanded","true"),r.setAttribute("aria-hidden","false")):(o.setAttribute("aria-expanded","false"),r.setAttribute("aria-hidden","true"),e||(r.style.display="none"));var i=function(){p(o,"aria-expanded"),p(r,"aria-hidden"),e||(r.style.display="true"===r.getAttribute("aria-hidden")?"none":"",t.hasAttribute("open")?t.removeAttribute("open"):t.setAttribute("open","open"))};o.addEventListener("click",(function(){return i()})),o.addEventListener("keydown",(function(e){13!==e.keyCode&&32!==e.keyCode||(e.preventDefault(),i())}))}(t,n)}))};document.addEventListener("DOMContentLoaded",(function(){var e,t;d(),f(),e=document.querySelector("h1"),t=document.querySelector(".nhsuk-skip-link"),e&&t&&(t.addEventListener("click",(function(t){t.preventDefault(),e.setAttribute("tabIndex","-1"),e.focus()})),e.addEventListener("blur",(function(t){t.preventDefault(),e.removeAttribute("tabIndex")})))}))}]);

dist/nhsuk.min.js

@@ -1,1 +0,1 @@
-!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=3)}([function(e,i,t){(function(e){var t,n,r,o;function w(e){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}window,o=function(){return(r={},o.m=n=[function(e,t,n){function h(e,t,n){var r,o,i,u,a=e&h.F,l=e&h.G,s=e&h.P,c=e&h.B,p=l?m:e&h.S?m[t]||(m[t]={}):(m[t]||{})[g],d=l?v:v[t]||(v[t]={}),f=d[g]||(d[g]={});for(r in l&&(n=t),n)i=((o=!a&&p&&void 0!==p[r])?p:n)[r],u=c&&o?_(i,m):s&&"function"==typeof i?_(Function.call,i):i,p&&b(p,r,i,e&h.U),d[r]!=i&&y(d,r,u),s&&f[r]!=i&&(f[r]=i)}var m=n(1),v=n(6),y=n(7),b=n(16),_=n(18),g="prototype";m.core=v,h.F=1,h.G=2,h.S=4,h.P=8,h.B=16,h.W=32,h.U=64,h.R=128,e.exports=h},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t){e.exports=function(e){return"object"==w(e)?null!==e:"function"==typeof e}},function(e,t,n){e.exports=!n(4)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,n){"use strict";n.r(t),n.d(t,"h",function(){return r}),n.d(t,"createElement",function(){return r}),n.d(t,"cloneElement",function(){return i}),n.d(t,"Component",function(){return b}),n.d(t,"render",function(){return _}),n.d(t,"rerender",function(){return d}),n.d(t,"options",function(){return C});var l=function(){},C={},s=[],c=[];function r(e,t){var n,r,o,i,u=c;for(i=arguments.length;2<i--;)s.push(arguments[i]);for(t&&null!=t.children&&(s.length||s.push(t.children),delete t.children);s.length;)if((r=s.pop())&&void 0!==r.pop)for(i=r.length;i--;)s.push(r[i]);else"boolean"==typeof r&&(r=null),(o="function"!=typeof e)&&(null==r?r="":"number"==typeof r?r=String(r):"string"!=typeof r&&(o=!1)),o&&n?u[u.length-1]+=r:u===c?u=[r]:u.push(r),n=o;var a=new l;return a.nodeName=e,a.children=u,a.attributes=null==t?void 0:t,a.key=null==t?void 0:t.key,void 0!==C.vnode&&C.vnode(a),a}function k(e,t){for(var n in t)e[n]=t[n];return e}var o="function"==typeof Promise?Promise.resolve().then.bind(Promise.resolve()):setTimeout;function i(e,t){return r(e.nodeName,k(k({},e.attributes),t),2<arguments.length?[].slice.call(arguments,2):e.children)}var p=/acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i,u=[];function a(e){!e._dirty&&(e._dirty=!0)&&1==u.push(e)&&(C.debounceRendering||o)(d)}function d(){var e,t=u;for(u=[];e=t.pop();)e._dirty&&R(e)}function S(e,t){return e.normalizedNodeName===t||e.nodeName.toLowerCase()===t.toLowerCase()}function N(e){var t=k({},e.attributes);t.children=e.children;var n=e.nodeName.defaultProps;if(void 0!==n)for(var r in n)void 0===t[r]&&(t[r]=n[r]);return t}function A(e){var t=e.parentNode;t&&t.removeChild(e)}function m(e,t,n,r,o){if("className"===t&&(t="class"),"key"===t);else if("ref"===t)n&&n(null),r&&r(e);else if("class"!==t||o)if("style"===t){if(r&&"string"!=typeof r&&"string"!=typeof n||(e.style.cssText=r||""),r&&"object"==w(r)){if("string"!=typeof n)for(var i in n)i in r||(e.style[i]="");for(var i in r)e.style[i]="number"==typeof r[i]&&!1===p.test(i)?r[i]+"px":r[i]}}else if("dangerouslySetInnerHTML"===t)r&&(e.innerHTML=r.__html||"");else if("o"==t[0]&&"n"==t[1]){var u=t!==(t=t.replace(/Capture$/,""));t=t.toLowerCase().substring(2),r?n||e.addEventListener(t,f,u):e.removeEventListener(t,f,u),(e._listeners||(e._listeners={}))[t]=r}else if("list"!==t&&"type"!==t&&!o&&t in e){try{e[t]=null==r?"":r}catch(e){}null!=r&&!1!==r||"spellcheck"==t||e.removeAttribute(t)}else{var a=o&&t!==(t=t.replace(/^xlink:?/,""));null==r||!1===r?a?e.removeAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase()):e.removeAttribute(t):"function"!=typeof r&&(a?e.setAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase(),r):e.setAttribute(t,r))}else e.className=r||""}function f(e){return this._listeners[e.type](C.event&&C.event(e)||e)}var P=[],j=0,I=!1,L=!1;function T(){for(var e;e=P.pop();)C.afterMount&&C.afterMount(e),e.componentDidMount&&e.componentDidMount()}function M(e,t,n,r,o){var i=e,u=I;if(null!=t&&"boolean"!=typeof t||(t=""),"string"==typeof t||"number"==typeof t)return e&&void 0!==e.splitText&&e.parentNode&&(!e._component||o)?e.nodeValue!=t&&(e.nodeValue=t):(i=document.createTextNode(t),e&&(e.parentNode&&e.parentNode.replaceChild(i,e),D(e,!0))),i.__preactattr_=!0,i;var a,l,s=t.nodeName;if("function"==typeof s)return function(e,t,n,r){for(var o=e&&e._component,i=o,u=e,a=o&&e._componentConstructor===t.nodeName,l=a,s=N(t);o&&!l&&(o=o._parentComponent);)l=o.constructor===t.nodeName;return o&&l&&(!r||o._component)?(q(o,s,3,n,r),e=o.base):(i&&!a&&(F(i),e=u=null),o=B(t.nodeName,s,n),e&&!o.nextBase&&(o.nextBase=e,u=null),q(o,s,1,n,r),e=o.base,u&&e!==u&&(u._component=null,D(u,!1))),e}(e,t,n,r);if(I="svg"===s||"foreignObject"!==s&&I,s=String(s),(!e||!S(e,s))&&(a=s,(l=I?document.createElementNS("http://www.w3.org/2000/svg",a):document.createElement(a)).normalizedNodeName=a,i=l,e)){for(;e.firstChild;)i.appendChild(e.firstChild);e.parentNode&&e.parentNode.replaceChild(i,e),D(e,!0)}var c=i.firstChild,p=i.__preactattr_,d=t.children;if(null==p){p=i.__preactattr_={};for(var f=i.attributes,h=f.length;h--;)p[f[h].name]=f[h].value}return!L&&d&&1===d.length&&"string"==typeof d[0]&&null!=c&&void 0!==c.splitText&&null==c.nextSibling?c.nodeValue!=d[0]&&(c.nodeValue=d[0]):(d&&d.length||null!=c)&&function(e,t,n,r,o){var i,u,a,l,s,c,p,d,f=e.childNodes,h=[],m={},v=0,y=0,b=f.length,_=0,g=t?t.length:0;if(0!==b)for(var w=0;w<b;w++){var x=f[w],E=x.__preactattr_;null!=(O=g&&E?x._component?x._component.__key:E.key:null)?(v++,m[O]=x):(E||(void 0!==x.splitText?!o||x.nodeValue.trim():o))&&(h[_++]=x)}if(0!==g)for(w=0;w<g;w++){var O;if((s=null)!=(O=(l=t[w]).key))v&&void 0!==m[O]&&(s=m[O],m[O]=void 0,v--);else if(y<_)for(i=y;i<_;i++)if(void 0!==h[i]&&(c=u=h[i],d=o,"string"==typeof(p=l)||"number"==typeof p?void 0!==c.splitText:"string"==typeof p.nodeName?!c._componentConstructor&&S(c,p.nodeName):d||c._componentConstructor===p.nodeName)){s=u,h[i]=void 0,i===_-1&&_--,i===y&&y++;break}s=M(s,l,n,r),a=f[w],s&&s!==e&&s!==a&&(null==a?e.appendChild(s):s===a.nextSibling?A(a):e.insertBefore(s,a))}if(v)for(var w in m)void 0!==m[w]&&D(m[w],!1);for(;y<=_;)void 0!==(s=h[_--])&&D(s,!1)}(i,d,n,r,L||null!=p.dangerouslySetInnerHTML),function(e,t,n){var r;for(r in n)t&&null!=t[r]||null==n[r]||m(e,r,n[r],n[r]=void 0,I);for(r in t)"children"===r||"innerHTML"===r||r in n&&t[r]===("value"===r||"checked"===r?e[r]:n[r])||m(e,r,n[r],n[r]=t[r],I)}(i,t.attributes,p),I=u,i}function D(e,t){var n=e._component;n?F(n):(null!=e.__preactattr_&&e.__preactattr_.ref&&e.__preactattr_.ref(null),!1!==t&&null!=e.__preactattr_||A(e),h(e))}function h(e){for(e=e.lastChild;e;){var t=e.previousSibling;D(e,!0),e=t}}var v=[];function B(e,t,n){var r,o=v.length;for(e.prototype&&e.prototype.render?(r=new e(t,n),b.call(r,t,n)):((r=new b(t,n)).constructor=e,r.render=y);o--;)if(v[o].constructor===e)return r.nextBase=v[o].nextBase,v.splice(o,1),r;return r}function y(e,t,n){return this.constructor(e,n)}function q(e,t,n,r,o){e._disable||(e._disable=!0,e.__ref=t.ref,e.__key=t.key,delete t.ref,delete t.key,void 0===e.constructor.getDerivedStateFromProps&&(!e.base||o?e.componentWillMount&&e.componentWillMount():e.componentWillReceiveProps&&e.componentWillReceiveProps(t,r)),r&&r!==e.context&&(e.prevContext||(e.prevContext=e.context),e.context=r),e.prevProps||(e.prevProps=e.props),e.props=t,e._disable=!1,0!==n&&(1!==n&&!1===C.syncComponentUpdates&&e.base?a(e):R(e,1,o)),e.__ref&&e.__ref(e))}function R(e,t,n,r){if(!e._disable){var o,i,u,a=e.props,l=e.state,s=e.context,c=e.prevProps||a,p=e.prevState||l,d=e.prevContext||s,f=e.base,h=e.nextBase,m=f||h,v=e._component,y=!1,b=d;if(e.constructor.getDerivedStateFromProps&&(l=k(k({},l),e.constructor.getDerivedStateFromProps(a,l)),e.state=l),f&&(e.props=c,e.state=p,e.context=d,2!==t&&e.shouldComponentUpdate&&!1===e.shouldComponentUpdate(a,l,s)?y=!0:e.componentWillUpdate&&e.componentWillUpdate(a,l,s),e.props=a,e.state=l,e.context=s),e.prevProps=e.prevState=e.prevContext=e.nextBase=null,e._dirty=!1,!y){o=e.render(a,l,s),e.getChildContext&&(s=k(k({},s),e.getChildContext())),f&&e.getSnapshotBeforeUpdate&&(b=e.getSnapshotBeforeUpdate(c,p));var _,g,w=o&&o.nodeName;if("function"==typeof w){var x=N(o);(i=v)&&i.constructor===w&&x.key==i.__key?q(i,x,1,s,!1):(_=i,e._component=i=B(w,x,s),i.nextBase=i.nextBase||h,i._parentComponent=e,q(i,x,0,s,!1),R(i,1,n,!0)),g=i.base}else u=m,(_=v)&&(u=e._component=null),!m&&1!==t||(u&&(u._component=null),g=function(e,t,n,r,o){j++||(I=null!=o&&void 0!==o.ownerSVGElement,L=null!=e&&!("__preactattr_"in e));var i=M(e,t,n,r,!0);return o&&i.parentNode!==o&&o.appendChild(i),--j||(L=!1),i}(u,o,s,n||!f,m&&m.parentNode));if(m&&g!==m&&i!==v){var E=m.parentNode;E&&g!==E&&(E.replaceChild(g,m),_||(m._component=null,D(m,!1)))}if(_&&F(_),(e.base=g)&&!r){for(var O=e,S=e;S=S._parentComponent;)(O=S).base=g;g._component=O,g._componentConstructor=O.constructor}}for(!f||n?P.unshift(e):y||(e.componentDidUpdate&&e.componentDidUpdate(c,p,b),C.afterUpdate&&C.afterUpdate(e));e._renderCallbacks.length;)e._renderCallbacks.pop().call(e);j||r||T()}}function F(e){C.beforeUnmount&&C.beforeUnmount(e);var t=e.base;e._disable=!0,e.componentWillUnmount&&e.componentWillUnmount(),e.base=null;var n=e._component;n?F(n):t&&(t.__preactattr_&&t.__preactattr_.ref&&t.__preactattr_.ref(null),A(e.nextBase=t),v.push(e),h(t)),e.__ref&&e.__ref(null)}function b(e,t){this._dirty=!0,this.context=t,this.props=e,this.state=this.state||{},this._renderCallbacks=[]}function _(e,t,n){return function(e,t,n,r,o){j++||(I=null!=o&&void 0!==o.ownerSVGElement,L=null!=e&&!("__preactattr_"in e));var i=M(e,t,{},!1,!1);return o&&i.parentNode!==o&&o.appendChild(i),--j||(L=!1,T()),i}(n,e,0,0,t)}k(b.prototype,{setState:function(e,t){this.prevState||(this.prevState=this.state),this.state=k(k({},this.state),"function"==typeof e?e(this.state,this.props):e),t&&this._renderCallbacks.push(t),a(this)},forceUpdate:function(e){e&&this._renderCallbacks.push(e),R(this,2)},render:function(){}});var g={h:r,createElement:r,cloneElement:i,Component:b,render:_,rerender:d,options:C};t.default=g},function(e,t){var n=e.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(8),o=n(40);e.exports=n(3)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(9),o=n(38),i=n(39),u=Object.defineProperty;t.f=n(3)?Object.defineProperty:function(e,t,n){if(r(e),t=i(t,!0),r(n),o)try{return u(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t,n){var r=n(2);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t,n){var r=n(22);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t){e.exports=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t,n){"use strict";var r=n(4);e.exports=function(e,t){return!!e&&r(function(){t?e.call(null,function(){},1):e.call(null)})}},function(e,t,n){var r=n(0);r(r.S+r.F,"Object",{assign:n(41)})},function(e,t,n){var r=n(2),o=n(1).document,i=r(o)&&r(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t,n){var i=n(1),u=n(7),a=n(17),l=n(10)("src"),r="toString",o=Function[r],s=(""+o).split(r);n(6).inspectSource=function(e){return o.call(e)},(e.exports=function(e,t,n,r){var o="function"==typeof n;o&&(a(n,"name")||u(n,"name",t)),e[t]!==n&&(o&&(a(n,l)||u(n,l,e[t]?""+e[t]:s.join(String(t)))),e===i?e[t]=n:r?e[t]?e[t]=n:u(e,t,n):(delete e[t],u(e,t,n)))})(Function.prototype,r,function(){return"function"==typeof this&&this[l]||o.call(this)})},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var i=n(19);e.exports=function(r,o,e){if(i(r),void 0===o)return r;switch(e){case 1:return function(e){return r.call(o,e)};case 2:return function(e,t){return r.call(o,e,t)};case 3:return function(e,t,n){return r.call(o,e,t,n)}}return function(){return r.apply(o,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var r=n(42),o=n(28);e.exports=Object.keys||function(e){return r(e,o)}},function(e,t,n){var r=n(11),o=n(12);e.exports=function(e){return r(o(e))}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t,n){var l=n(21),s=n(24),c=n(43);e.exports=function(a){return function(e,t,n){var r,o=l(e),i=s(o.length),u=c(n,i);if(a&&t!=t){for(;u<i;)if((r=o[u++])!=r)return!0}else for(;u<i;u++)if((a||u in o)&&o[u]===t)return a||u||0;return!a&&-1}}},function(e,t,n){var r=n(25),o=Math.min;e.exports=function(e){return 0<e?o(r(e),9007199254740991):0}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(0<e?r:n)(e)}},function(e,t,n){var r=n(27)("keys"),o=n(10);e.exports=function(e){return r[e]||(r[e]=o(e))}},function(e,t,n){var r=n(6),o=n(1),i="__core-js_shared__",u=o[i]||(o[i]={});(e.exports=function(e,t){return u[e]||(u[e]=void 0!==t?t:{})})("versions",[]).push({version:r.version,mode:n(44)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var r=n(12);e.exports=function(e){return Object(r(e))}},function(e,t,n){var r=n(8).f,o=Function.prototype,i=/^\s*function ([^ (]*)/;"name"in o||n(3)&&r(o,"name",{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(e){return""}}})},function(e,t,n){"use strict";var r=n(0),o=n(32)(1);r(r.P+r.F*!n(13)([].map,!0),"Array",{map:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var _=n(18),g=n(11),w=n(29),x=n(24),r=n(47);e.exports=function(p,e){var d=1==p,f=2==p,h=3==p,m=4==p,v=6==p,y=5==p||v,b=e||r;return function(e,t,n){for(var r,o,i=w(e),u=g(i),a=_(t,n,3),l=x(u.length),s=0,c=d?b(e,l):f?b(e,0):void 0;s<l;s++)if((y||s in u)&&(o=a(r=u[s],s,i),p))if(d)c[s]=o;else if(o)switch(p){case 3:return!0;case 5:return r;case 6:return s;case 2:c.push(r)}else if(m)return!1;return v?-1:h||m?m:c}}},function(e,t,n){var r=n(22);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){var r=n(27)("wks"),o=n(10),i=n(1).Symbol,u="function"==typeof i;(e.exports=function(e){return r[e]||(r[e]=u&&i[e]||(u?i:o)("Symbol."+e))}).store=r},function(e,t,n){"use strict";var r=n(0),o=n(23)(!1),i=[].indexOf,u=!!i&&1/[1].indexOf(1,-0)<0;r(r.P+r.F*(u||!n(13)(i)),"Array",{indexOf:function(e){return u?i.apply(this,arguments)||0:o(this,e,arguments[1])}})},function(e,t,n){var r=n(0);r(r.S,"Object",{create:n(52)})},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(14),n(30),n(31),n(35),n(49),n(50);var r,o=n(5),i=(r=n(51))&&r.__esModule?r:{default:r};function u(e){if(!e.element)throw new Error("element is not defined");if(!e.id)throw new Error("id is not defined");if(!e.source)throw new Error("source is not defined");Array.isArray(e.source)&&(e.source=function(n){return function(t,e){e(n.filter(function(e){return-1!==e.toLowerCase().indexOf(t.toLowerCase())}))}}(e.source)),(0,o.render)((0,o.createElement)(i.default,e),e.element)}u.enhanceSelectElement=function(n){if(!n.selectElement)throw new Error("selectElement is not defined");if(!n.source){var e=[].filter.call(n.selectElement.options,function(e){return e.value||n.preserveNullOptions});n.source=e.map(function(e){return e.textContent||e.innerText})}if(n.onConfirm=n.onConfirm||function(t){var e=[].filter.call(n.selectElement.options,function(e){return(e.textContent||e.innerText)===t})[0];e&&(e.selected=!0)},n.selectElement.value||void 0===n.defaultValue){var t=n.selectElement.options[n.selectElement.options.selectedIndex];n.defaultValue=t.textContent||t.innerText}void 0===n.name&&(n.name=""),void 0===n.id&&(void 0===n.selectElement.id?n.id="":n.id=n.selectElement.id),void 0===n.autoselect&&(n.autoselect=!0);var r=document.createElement("span");n.selectElement.parentNode.insertBefore(r,n.selectElement),u(Object.assign({},n,{element:r})),n.selectElement.style.display="none",n.selectElement.id=n.selectElement.id+"-select"};var a=u;t.default=a},function(e,t,n){e.exports=!n(3)&&!n(4)(function(){return 7!=Object.defineProperty(n(15)("div"),"a",{get:function(){return 7}}).a})},function(e,t,n){var o=n(2);e.exports=function(e,t){if(!o(e))return e;var n,r;if(t&&"function"==typeof(n=e.toString)&&!o(r=n.call(e)))return r;if("function"==typeof(n=e.valueOf)&&!o(r=n.call(e)))return r;if(!t&&"function"==typeof(n=e.toString)&&!o(r=n.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t,n){"use strict";var d=n(20),f=n(45),h=n(46),m=n(29),v=n(11),o=Object.assign;e.exports=!o||n(4)(function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach(function(e){t[e]=e}),7!=o({},e)[n]||Object.keys(o({},t)).join("")!=r})?function(e,t){for(var n=m(e),r=arguments.length,o=1,i=f.f,u=h.f;o<r;)for(var a,l=v(arguments[o++]),s=i?d(l).concat(i(l)):d(l),c=s.length,p=0;p<c;)u.call(l,a=s[p++])&&(n[a]=l[a]);return n}:o},function(e,t,n){var u=n(17),a=n(21),l=n(23)(!1),s=n(26)("IE_PROTO");e.exports=function(e,t){var n,r=a(e),o=0,i=[];for(n in r)n!=s&&u(r,n)&&i.push(n);for(;t.length>o;)u(r,n=t[o++])&&(~l(i,n)||i.push(n));return i}},function(e,t,n){var r=n(25),o=Math.max,i=Math.min;e.exports=function(e,t){return(e=r(e))<0?o(e+t,0):i(e,t)}},function(e,t){e.exports=!1},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,n){var r=n(48);e.exports=function(e,t){return new(r(e))(t)}},function(e,t,n){var r=n(2),o=n(33),i=n(34)("species");e.exports=function(e){var t;return o(e)&&("function"!=typeof(t=e.constructor)||t!==Array&&!o(t.prototype)||(t=void 0),r(t)&&null===(t=t[i])&&(t=void 0)),void 0===t?Array:t}},function(e,t,n){"use strict";var r=n(0),o=n(32)(2);r(r.P+r.F*!n(13)([].filter,!0),"Array",{filter:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var r=n(0);r(r.S,"Array",{isArray:n(33)})},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(14),n(36),n(31),n(35),n(30),n(55),n(58);var H=n(5),W=o(n(60)),r=o(n(61));function o(e){return e&&e.__esModule?e:{default:e}}function $(){return($=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function i(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var u,a={13:"enter",27:"escape",32:"space",38:"up",40:"down"},z=((u=document.createElement("x")).style.cssText="pointer-events:auto","auto"===u.style.pointerEvents);function d(){return!(!navigator.userAgent.match(/(iPod|iPhone|iPad)/g)||!navigator.userAgent.match(/AppleWebKit/g))}var l=function(n){function e(e){var t;return(t=n.call(this,e)||this).elementReferences={},t.state={focused:null,hovered:null,clicked:null,menuOpen:!1,options:e.defaultValue?[e.defaultValue]:[],query:e.defaultValue,selected:null},t.handleComponentBlur=t.handleComponentBlur.bind(i(i(t))),t.handleKeyDown=t.handleKeyDown.bind(i(i(t))),t.handleUpArrow=t.handleUpArrow.bind(i(i(t))),t.handleDownArrow=t.handleDownArrow.bind(i(i(t))),t.handleEnter=t.handleEnter.bind(i(i(t))),t.handlePrintableKey=t.handlePrintableKey.bind(i(i(t))),t.handleListMouseLeave=t.handleListMouseLeave.bind(i(i(t))),t.handleOptionBlur=t.handleOptionBlur.bind(i(i(t))),t.handleOptionClick=t.handleOptionClick.bind(i(i(t))),t.handleOptionFocus=t.handleOptionFocus.bind(i(i(t))),t.handleOptionMouseEnter=t.handleOptionMouseEnter.bind(i(i(t))),t.handleInputBlur=t.handleInputBlur.bind(i(i(t))),t.handleInputChange=t.handleInputChange.bind(i(i(t))),t.handleInputFocus=t.handleInputFocus.bind(i(i(t))),t.pollInputElement=t.pollInputElement.bind(i(i(t))),t.getDirectInputChanges=t.getDirectInputChanges.bind(i(i(t))),t}var t,r;r=n,(t=e).prototype=Object.create(r.prototype),(t.prototype.constructor=t).__proto__=r;var o=e.prototype;return o.componentDidMount=function(){this.pollInputElement()},o.componentWillUnmount=function(){clearTimeout(this.$pollInput),clearTimeout(this.$blurInput)},o.pollInputElement=function(){var e=this;this.getDirectInputChanges(),this.$pollInput=setTimeout(function(){e.pollInputElement()},100)},o.getDirectInputChanges=function(){var e=this.elementReferences[-1];e&&e.value!==this.state.query&&this.handleInputChange({target:{value:e.value}})},o.componentDidUpdate=function(e,t){var n=this.state,r=n.focused,o=n.clicked,i=null===r,u=t.focused!==r;(u&&!i||null!==o)&&this.elementReferences[r].focus();var a=-1===r,l=u&&null===t.focused;if(a&&l){var s=this.elementReferences[r];s.setSelectionRange(0,s.value.length)}},o.hasAutoselect=function(){return!d()&&this.props.autoselect},o.templateInputValue=function(e){var t=this.props.templates&&this.props.templates.inputValue;return t?t(e):e},o.templateSuggestion=function(e){var t=this.props.templates&&this.props.templates.suggestion;return t?t(e):e},o.handleComponentBlur=function(e){var t,n=this.state,r=n.options,o=n.query,i=n.selected;this.props.confirmOnBlur?(t=e.query||o,this.props.onConfirm(r[i])):t=o,this.setState({focused:null,clicked:null,menuOpen:e.menuOpen||!1,query:t,selected:null})},o.handleListMouseLeave=function(e){this.setState({hovered:null})},o.handleOptionBlur=function(e,t){var n=this.state,r=n.focused,o=n.clicked,i=n.menuOpen,u=n.options,a=n.selected,l=null===e.relatedTarget&&null===o,s=e.relatedTarget===this.elementReferences[-1],c=r!==t&&-1!==r;if(!c&&l||!c&&!s){var p=i&&d();this.handleComponentBlur({menuOpen:p,query:this.templateInputValue(u[a])})}},o.handleInputBlur=function(e){var t=this,n=this.state,r=n.focused,o=n.menuOpen,i=n.options,u=n.query,a=n.selected,l=-1!==r;if(clearTimeout(this.$blurInput),!l){var s=o&&d(),c=d()?u:this.templateInputValue(i[a]);this.$blurInput=setTimeout(function(){return t.handleComponentBlur({menuOpen:s,query:c})},200)}},o.handleInputChange=function(e){var n=this,t=this.props,r=t.minLength,o=t.source,i=t.showAllValues,u=this.hasAutoselect(),a=e.target.value,l=0===a.length,s=this.state.query.length!==a.length,c=a.length>=r;this.setState({query:a}),i||!l&&s&&c?o(a,function(e){var t=0<e.length;n.setState({menuOpen:t,options:e,selected:u&&t?0:-1})}):!l&&c||this.setState({menuOpen:!1,options:[]})},o.handleInputClick=function(e){this.handleInputChange(e)},o.handleInputFocus=function(e){this.setState({focused:-1})},o.handleOptionFocus=function(e){this.setState({focused:e,hovered:null,selected:e})},o.handleOptionMouseEnter=function(e,t){d()||this.setState({hovered:t})},o.handleOptionClick=function(e,t){var n=this.state.options[t],r=this.templateInputValue(n);clearTimeout(this.$blurInput),this.props.onConfirm(n),this.setState({focused:-1,clicked:t,hovered:null,menuOpen:!1,query:r,selected:-1}),this.forceUpdate()},o.handleUpArrow=function(e){e.preventDefault();var t=this.state,n=t.menuOpen,r=t.selected;-1!==r&&n&&this.handleOptionFocus(r-1)},o.handleDownArrow=function(e){var t=this;if(e.preventDefault(),this.props.showAllValues&&!1===this.state.menuOpen)e.preventDefault(),this.props.source("",function(e){t.setState({menuOpen:!0,options:e,selected:0,focused:0,hovered:null})});else if(!0===this.state.menuOpen){var n=this.state,r=n.menuOpen,o=n.options,i=n.selected;i!==o.length-1&&r&&this.handleOptionFocus(i+1)}},o.handleSpace=function(e){var t=this;this.props.showAllValues&&!1===this.state.menuOpen&&""===this.state.query&&(e.preventDefault(),this.props.source("",function(e){t.setState({menuOpen:!0,options:e})})),-1!==this.state.focused&&(e.preventDefault(),this.handleOptionClick(e,this.state.focused))},o.handleEnter=function(e){this.state.menuOpen&&(e.preventDefault(),0<=this.state.selected&&this.handleOptionClick(e,this.state.selected))},o.handlePrintableKey=function(e){var t=this.elementReferences[-1];e.target===t||t.focus()},o.handleKeyDown=function(e){switch(a[e.keyCode]){case"up":this.handleUpArrow(e);break;case"down":this.handleDownArrow(e);break;case"space":this.handleSpace(e);break;case"enter":this.handleEnter(e);break;case"escape":this.handleComponentBlur({query:this.state.query});break;default:(47<(t=e.keyCode)&&t<58||32===t||8===t||64<t&&t<91||95<t&&t<112||185<t&&t<193||218<t&&t<223)&&this.handlePrintableKey(e)}var t},o.render=function(){var e,o=this,t=this.props,n=t.cssNamespace,r=t.displayMenu,i=t.id,u=t.minLength,a=t.name,l=t.placeholder,s=t.required,c=t.showAllValues,p=t.tNoResults,d=t.tStatusQueryTooShort,f=t.tStatusNoResults,h=t.tStatusSelectedOption,m=t.tStatusResults,v=t.dropdownArrow,y=this.state,b=y.focused,_=y.hovered,g=y.menuOpen,w=y.options,x=y.query,E=y.selected,O=this.hasAutoselect(),S=-1===b,C=0===w.length,k=0!==x.length,N=x.length>=u,A=this.props.showNoOptionsFound&&S&&C&&k&&N,P=n+"__wrapper",j=n+"__input",I=null!==b?" "+j+"--focused":"",L=this.props.showAllValues?" "+j+"--show-all-values":" "+j+"--default",T=n+"__dropdown-arrow-down",M=-1!==b&&null!==b,D=n+"__menu",B=D+"--"+r,q=D+"--"+(g||A?"visible":"hidden"),R=n+"__option",F=n+"__hint",V=this.templateInputValue(w[E]),U=V&&0===V.toLowerCase().indexOf(x.toLowerCase())&&O?x+V.substr(x.length):"",K=z&&U;return c&&"string"==typeof(e=v({className:T}))&&(e=(0,H.createElement)("div",{className:n+"__dropdown-arrow-down-wrapper",dangerouslySetInnerHTML:{__html:e}})),(0,H.createElement)("div",{className:P,onKeyDown:this.handleKeyDown,role:"combobox","aria-expanded":g?"true":"false"},(0,H.createElement)(W.default,{length:w.length,queryLength:x.length,minQueryLength:u,selectedOption:this.templateInputValue(w[E]),selectedOptionIndex:E,tQueryTooShort:d,tNoResults:f,tSelectedOption:h,tResults:m}),K&&(0,H.createElement)("span",null,(0,H.createElement)("input",{className:F,readonly:!0,tabIndex:"-1",value:U})),(0,H.createElement)("input",$({"aria-activedescendant":!!M&&i+"__option--"+b,"aria-owns":i+"__listbox",autoComplete:"off",className:j+I+L,id:i,onClick:function(e){return o.handleInputClick(e)},onBlur:this.handleInputBlur},{onInput:this.handleInputChange},{onFocus:this.handleInputFocus,name:a,placeholder:l,ref:function(e){o.elementReferences[-1]=e},type:"text",role:"textbox",required:s,value:x})),e,(0,H.createElement)("ul",{className:D+" "+B+" "+q,onMouseLeave:function(e){return o.handleListMouseLeave(e)},id:i+"__listbox",role:"listbox"},w.map(function(e,t){var n=(-1===b?E===t:b===t)&&null===_?" "+R+"--focused":"",r=t%2?" "+R+"--odd":"";return(0,H.createElement)("li",{"aria-selected":b===t,className:R+n+r,dangerouslySetInnerHTML:{__html:o.templateSuggestion(e)},id:i+"__option--"+t,key:t,onBlur:function(e){return o.handleOptionBlur(e,t)},onClick:function(e){return o.handleOptionClick(e,t)},onMouseEnter:function(e){return o.handleOptionMouseEnter(e,t)},ref:function(e){o.elementReferences[t]=e},role:"option",tabIndex:"-1"})}),A&&(0,H.createElement)("li",{className:R+" "+R+"--no-results"},p())))},e}(H.Component);(t.default=l).defaultProps={autoselect:!1,cssNamespace:"autocomplete",defaultValue:"",displayMenu:"inline",minLength:0,name:"input-autocomplete",placeholder:"",onConfirm:function(){},confirmOnBlur:!0,showNoOptionsFound:!0,showAllValues:!1,required:!1,tNoResults:function(){return"No results found"},dropdownArrow:r.default}},function(e,t,r){function o(){}var i=r(9),u=r(53),a=r(28),l=r(26)("IE_PROTO"),s="prototype",c=function(){var e,t=r(15)("iframe"),n=a.length;for(t.style.display="none",r(54).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),c=e.F;n--;)delete c[s][a[n]];return c()};e.exports=Object.create||function(e,t){var n;return null!==e?(o[s]=i(e),n=new o,o[s]=null,n[l]=e):n=c(),void 0===t?n:u(n,t)}},function(e,t,n){var u=n(8),a=n(9),l=n(20);e.exports=n(3)?Object.defineProperties:function(e,t){a(e);for(var n,r=l(t),o=r.length,i=0;i<o;)u.f(e,n=r[i++],t[n]);return e}},function(e,t,n){var r=n(1).document;e.exports=r&&r.documentElement},function(e,t,n){var r=n(0);r(r.P,"Function",{bind:n(56)})},function(e,t,n){"use strict";var i=n(19),u=n(2),a=n(57),l=[].slice,s={};e.exports=Function.bind||function(t){function n(){var e=o.concat(l.call(arguments));return this instanceof n?function(e,t,n){if(!(t in s)){for(var r=[],o=0;o<t;o++)r[o]="a["+o+"]";s[t]=Function("F,a","return new F("+r.join(",")+")")}return s[t](e,n)}(r,e.length,e):a(r,e,t)}var r=i(this),o=l.call(arguments,1);return u(r.prototype)&&(n.prototype=r.prototype),n}},function(e,t){e.exports=function(e,t,n){var r=void 0===n;switch(t.length){case 0:return r?e():e.call(n);case 1:return r?e(t[0]):e.call(n,t[0]);case 2:return r?e(t[0],t[1]):e.call(n,t[0],t[1]);case 3:return r?e(t[0],t[1],t[2]):e.call(n,t[0],t[1],t[2]);case 4:return r?e(t[0],t[1],t[2],t[3]):e.call(n,t[0],t[1],t[2],t[3])}return e.apply(n,t)}},function(e,t,n){n(59)("match",1,function(r,o,e){return[function(e){"use strict";var t=r(this),n=null==e?void 0:e[o];return void 0!==n?n.call(e,t):new RegExp(e)[o](String(t))},e]})},function(e,t,n){"use strict";var a=n(7),l=n(16),s=n(4),c=n(12),p=n(34);e.exports=function(t,e,n){var r=p(t),o=n(c,r,""[t]),i=o[0],u=o[1];s(function(){var e={};return e[r]=function(){return 7},7!=""[t](e)})&&(l(String.prototype,t,i),a(RegExp.prototype,r,2==e?function(e,t){return u.call(e,this,t)}:function(e){return u.call(e,this)}))}},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(36);var m=n(5),r=function(o){function e(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return(e=o.call.apply(o,[this].concat(n))||this).state={bump:!1},e}var t,n;n=o,(t=e).prototype=Object.create(n.prototype),(t.prototype.constructor=t).__proto__=n;var r=e.prototype;return r.componentWillReceiveProps=function(e){e.queryLength!==this.props.queryLength&&this.setState(function(e){return{bump:!e.bump}})},r.render=function(){var e,t=this.props,n=t.length,r=t.queryLength,o=t.minQueryLength,i=t.selectedOption,u=t.selectedOptionIndex,a=t.tQueryTooShort,l=t.tNoResults,s=t.tSelectedOption,c=t.tResults,p=this.state.bump,d=r<o,f=0===n,h=i?s(i,n,u):"";return e=d?a(o):f?l():c(n,h),(0,m.createElement)("div",{"aria-atomic":"true","aria-live":"polite",role:"status",style:{border:"0",clip:"rect(0 0 0 0)",height:"1px",marginBottom:"-1px",marginRight:"-1px",overflow:"hidden",padding:"0",position:"absolute",whiteSpace:"nowrap",width:"1px"}},e,(0,m.createElement)("span",null,p?",":",,"))},e}(m.Component);(t.default=r).defaultProps={tQueryTooShort:function(e){return"Type in "+e+" or more characters for results."},tNoResults:function(){return"No search results."},tSelectedOption:function(e,t,n){return e+" ("+(n+1)+" of "+t+") is selected."},tResults:function(e,t){return e+" "+(1===e?"result":"results")+" "+(1===e?"is":"are")+" available. "+t}}},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0;var r=n(5);t.default=function(e){var t=e.className;return(0,r.createElement)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",className:t,focusable:"false"},(0,r.createElement)("g",{stroke:"none",fill:"none","fill-rule":"evenodd"},(0,r.createElement)("polygon",{fill:"#000000",points:"0 0 22 0 11 17"})))}}],o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==w(t)&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/",o(o.s=37)).default;function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}var n,r},"object"==w(i)&&"object"==w(e)?e.exports=o():(n=[],void 0===(r="function"==typeof(t=o)?t.apply(i,n):t)||(e.exports=r))}).call(this,t(1)(e))},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t){!function(e){"use strict";var i=e.NHSUK||{};i.details={NATIVE_DETAILS:"boolean"==typeof document.createElement("details").open,KEY_ENTER:13,KEY_SPACE:32,started:!1,addEvent:function(e,t,n){e.addEventListener?e.addEventListener(t,function(e){n(e,e.target)},!1):e.attachEvent&&e.attachEvent("on"+t,function(e){n(e,e.srcElement)})},removeEvent:function(e,t){e.removeEventListener?e.removeEventListener(t,function(e){},!1):e.detachEvent&&e.detachEvent("on"+t,function(e){})},charCode:function(e){return"number"==typeof e.which?e.which:e.keyCode},preventDefault:function(e){e.preventDefault?e.preventDefault():e.returnValue=!1},addClickEvent:function(e,n){i.details.addEvent(e,"keypress",function(e,t){i.details.charCode(e)!==i.details.KEY_ENTER&&i.details.charCode(e)!==i.details.KEY_SPACE||"summary"===t.nodeName.toLowerCase()&&(i.details.preventDefault(e),t.click?t.click():n(e,t))}),i.details.addEvent(e,"keyup",function(e,t){i.details.charCode(e)===i.details.KEY_SPACE&&"SUMMARY"===t.nodeName&&i.details.preventDefault(e)}),i.details.addEvent(e,"click",function(e,t){n(e,t)})},getAncestor:function(e,t){do{if(!e||e.nodeName.toLowerCase()===t)break;e=e.parentNode}while(e);return e},addDetailsPolyfill:function(e,t){if(t=t||document.body,!i.details.started&&(i.details.started=!0,0!==(e=t.getElementsByTagName("details")).length)){for(var n=e.length,r=0;r<n;r++){var o=e[r];if(o.__summary=o.getElementsByTagName("summary").item(0),o.__content=o.getElementsByTagName("div").item(0),!o.__summary||!o.__content)return;o.__content.id||(o.__content.id="details-content-"+r),o.__summary.setAttribute("role","button"),o.__summary.setAttribute("aria-controls",o.__content.id),i.details.NATIVE_DETAILS||(o.__summary.tabIndex=0),!0==(null!==o.getAttribute("open"))?(o.__summary.setAttribute("aria-expanded","true"),o.__content.setAttribute("aria-hidden","false")):(o.__summary.setAttribute("aria-expanded","false"),o.__content.setAttribute("aria-hidden","true"),i.details.NATIVE_DETAILS||(o.__content.style.display="none")),o.__summary.__details=o}i.details.addClickEvent(t,function(e,t){return!(t=i.details.getAncestor(t,"summary"))||i.details.statechange(t)})}},statechange:function(e){var t="true"===e.__details.__summary.getAttribute("aria-expanded"),n="true"===e.__details.__content.getAttribute("aria-hidden");return e.__details.__summary.setAttribute("aria-expanded",t?"false":"true"),e.__details.__content.setAttribute("aria-hidden",n?"false":"true"),i.details.NATIVE_DETAILS||(e.__details.__content.style.display=t?"none":"",null!==e.__details.getAttribute("open")?e.__details.removeAttribute("open"):e.__details.setAttribute("open","open")),!0},destroy:function(e){i.details.removeEvent(e,"click")},init:function(e){i.details.addEvent(document,"DOMContentLoaded",i.details.addDetailsPolyfill),i.details.addEvent(window,"load",i.details.addDetailsPolyfill)}},e.NHSUK=i}(window),NHSUK.details.init()},function(e,t,n){"use strict";function r(){var e=document.querySelector("#nhsuk-feedback-banner");e&&(e.style.display="none")}function o(){var r=!1,o=!1,i=document.querySelector("#nhsuk-footer"),u=document.querySelector("#nhsuk-feedback-banner");o=setInterval(function(){var e,t,n;r&&(r=!1,clearTimeout(o),t=(e=i.getBoundingClientRect()).top,n=e.bottom,t<window.innerHeight&&0<=n?u.classList.add("js-inview"):u.classList.remove("js-inview"))},500),r=!0}n.r(t);function i(e){var t;(function(e){setTimeout(function(){var e;(e=document.querySelector("#nhsuk-feedback-banner"))&&(e.style.display="block")},e)})(e),(t=document.querySelector("#nhsuk-feedback-banner-close"))&&t.addEventListener("click",r),document.querySelector("#nhsuk-feedback-banner")&&window.addEventListener("scroll",o)}function u(e,t){var n=e.className,r=new RegExp("\\b "+t+"\\b"),o=n.match(r);t=t.replace(/\s+/g,""),e.className=o?n.replace(r,""):n+" "+t}function a(e){var t=document.querySelector("#toggle-search"),n=document.querySelector("#wrap-search"),r=document.querySelector("#content-header");e.preventDefault(),t.hasAttribute("aria-expanded")?t.removeAttribute("aria-expanded"):t.setAttribute("aria-expanded","true"),u(t,"is-active"),u(n,"js-show"),u(r,"js-show")}function l(e){var t=document.querySelector("#toggle-menu"),n=document.querySelector("#header-navigation");e.preventDefault(),t.hasAttribute("aria-expanded")?t.removeAttribute("aria-expanded"):t.setAttribute("aria-expanded","true"),u(t,"is-active"),u(n,"js-show")}function s(){(function(){var e=document.querySelector(".nhsuk-skip-link"),t=document.getElementsByTagName("H1")[0];e&&t&&e.addEventListener("click",function(e){var t;e.preventDefault(),(t=document.getElementsByTagName("H1")[0]).setAttribute("tabIndex","-1"),t.focus()})})(),function(){var e=document.querySelector(".nhsuk-skip-link"),t=document.getElementsByTagName("H1")[0];e&&t&&t.addEventListener("blur",function(e){e.preventDefault(),document.getElementsByTagName("H1")[0].removeAttribute("tabIndex")})}()}var c=n(0),p=n.n(c);function d(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function f(e,t){var n,r=(n=e,"".concat("https://nhs.funnelback.co.uk/s/suggest.json","?collection=nhs-meta&partial_query=").concat(n,"&sort=0&fmt=json++&profile=&show=").concat(10)),o=new XMLHttpRequest;o.open("GET",r),o.onload=function(){if(200===o.status){var e=JSON.parse(o.responseText).map(function(e){return e.disp});t(e)}},o.send()}window.addEventListener("load",function(){var e=document.getElementById("search");e&&e.addEventListener("keyup",function(e){13===e.keyCode&&document.querySelector(".nhsuk-search__submit").click()})});n(2),document.addEventListener("DOMContentLoaded",function(){i(3e3),function(){var e,t,n,r;e=document.querySelector("#toggle-search"),t=document.querySelector("#close-search"),e&&e.addEventListener("click",a),t&&t.addEventListener("click",a),n=document.querySelector("#toggle-menu"),r=document.querySelector("#close-menu"),n&&n.addEventListener("click",l),r&&r.addEventListener("click",l)}(),s(),function(e){var t=e&&e.id?e.id:"search-field",n=document.getElementById(t);if(n){var r=function(o){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?d(i,!0).forEach(function(e){var t,n,r;t=o,r=i[n=e],n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):d(i).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(i,e))})}return o}({},{confirmOnBlur:!1,element:document.querySelector("#autocomplete-container"),id:t,minLength:2,name:n.name,onConfirm:function(e){window.open("https://www.nhs.uk/search?collection=nhs-meta&query=".concat(e),"_self")},placeholder:n.placeholder,source:f,templates:{suggestion:function(e){var t=36<e.length?"...":"",n=e.substring(0,36)+t;return'<svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path></svg>'+'<a href="https://www.nhs.uk/search?collection=nhs-meta&query='.concat(e,'">').concat(n,"</a>")}}},{},e),o=document.getElementById(t);o.parentNode.removeChild(o),p()(r)}}()})}]);
+!function(n){var r={};function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=n,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=2)}([function(e,i,t){(function(e){var t,n,r,o;function w(e){return(w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}window,o=function(){return(r={},o.m=n=[function(e,t,n){function h(e,t,n){var r,o,i,u,a=e&h.F,l=e&h.G,s=e&h.P,c=e&h.B,p=l?v:e&h.S?v[t]||(v[t]={}):(v[t]||{})[_],f=l?m:m[t]||(m[t]={}),d=f[_]||(f[_]={});for(r in l&&(n=t),n)i=((o=!a&&p&&void 0!==p[r])?p:n)[r],u=c&&o?g(i,v):s&&"function"==typeof i?g(Function.call,i):i,p&&b(p,r,i,e&h.U),f[r]!=i&&y(f,r,u),s&&d[r]!=i&&(d[r]=i)}var v=n(1),m=n(6),y=n(7),b=n(16),g=n(18),_="prototype";v.core=m,h.F=1,h.G=2,h.S=4,h.P=8,h.B=16,h.W=32,h.U=64,h.R=128,e.exports=h},function(e,t){var n=e.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=n)},function(e,t){e.exports=function(e){return"object"==w(e)?null!==e:"function"==typeof e}},function(e,t,n){e.exports=!n(4)(function(){return 7!=Object.defineProperty({},"a",{get:function(){return 7}}).a})},function(e,t){e.exports=function(e){try{return!!e()}catch(e){return!0}}},function(e,t,n){"use strict";n.r(t),n.d(t,"h",function(){return r}),n.d(t,"createElement",function(){return r}),n.d(t,"cloneElement",function(){return i}),n.d(t,"Component",function(){return b}),n.d(t,"render",function(){return g}),n.d(t,"rerender",function(){return f}),n.d(t,"options",function(){return E});var l=function(){},E={},s=[],c=[];function r(e,t){var n,r,o,i,u=c;for(i=arguments.length;2<i--;)s.push(arguments[i]);for(t&&null!=t.children&&(s.length||s.push(t.children),delete t.children);s.length;)if((r=s.pop())&&void 0!==r.pop)for(i=r.length;i--;)s.push(r[i]);else"boolean"==typeof r&&(r=null),(o="function"!=typeof e)&&(null==r?r="":"number"==typeof r?r=String(r):"string"!=typeof r&&(o=!1)),o&&n?u[u.length-1]+=r:u===c?u=[r]:u.push(r),n=o;var a=new l;return a.nodeName=e,a.children=u,a.attributes=null==t?void 0:t,a.key=null==t?void 0:t.key,void 0!==E.vnode&&E.vnode(a),a}function k(e,t){for(var n in t)e[n]=t[n];return e}var o="function"==typeof Promise?Promise.resolve().then.bind(Promise.resolve()):setTimeout;function i(e,t){return r(e.nodeName,k(k({},e.attributes),t),2<arguments.length?[].slice.call(arguments,2):e.children)}var p=/acit|ex(?:s|g|n|p|$)|rph|ows|mnc|ntw|ine[ch]|zoo|^ord/i,u=[];function a(e){!e._dirty&&(e._dirty=!0)&&1==u.push(e)&&(E.debounceRendering||o)(f)}function f(){var e,t=u;for(u=[];e=t.pop();)e._dirty&&F(e)}function C(e,t){return e.normalizedNodeName===t||e.nodeName.toLowerCase()===t.toLowerCase()}function A(e){var t=k({},e.attributes);t.children=e.children;var n=e.nodeName.defaultProps;if(void 0!==n)for(var r in n)void 0===t[r]&&(t[r]=n[r]);return t}function I(e){var t=e.parentNode;t&&t.removeChild(e)}function v(e,t,n,r,o){if("className"===t&&(t="class"),"key"===t);else if("ref"===t)n&&n(null),r&&r(e);else if("class"!==t||o)if("style"===t){if(r&&"string"!=typeof r&&"string"!=typeof n||(e.style.cssText=r||""),r&&"object"==w(r)){if("string"!=typeof n)for(var i in n)i in r||(e.style[i]="");for(var i in r)e.style[i]="number"==typeof r[i]&&!1===p.test(i)?r[i]+"px":r[i]}}else if("dangerouslySetInnerHTML"===t)r&&(e.innerHTML=r.__html||"");else if("o"==t[0]&&"n"==t[1]){var u=t!==(t=t.replace(/Capture$/,""));t=t.toLowerCase().substring(2),r?n||e.addEventListener(t,d,u):e.removeEventListener(t,d,u),(e._listeners||(e._listeners={}))[t]=r}else if("list"!==t&&"type"!==t&&!o&&t in e){try{e[t]=null==r?"":r}catch(e){}null!=r&&!1!==r||"spellcheck"==t||e.removeAttribute(t)}else{var a=o&&t!==(t=t.replace(/^xlink:?/,""));null==r||!1===r?a?e.removeAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase()):e.removeAttribute(t):"function"!=typeof r&&(a?e.setAttributeNS("http://www.w3.org/1999/xlink",t.toLowerCase(),r):e.setAttribute(t,r))}else e.className=r||""}function d(e){return this._listeners[e.type](E.event&&E.event(e)||e)}var j=[],P=0,N=!1,M=!1;function L(){for(var e;e=j.pop();)E.afterMount&&E.afterMount(e),e.componentDidMount&&e.componentDidMount()}function T(e,t,n,r,o){var i=e,u=N;if(null!=t&&"boolean"!=typeof t||(t=""),"string"==typeof t||"number"==typeof t)return e&&void 0!==e.splitText&&e.parentNode&&(!e._component||o)?e.nodeValue!=t&&(e.nodeValue=t):(i=document.createTextNode(t),e&&(e.parentNode&&e.parentNode.replaceChild(i,e),B(e,!0))),i.__preactattr_=!0,i;var a,l,s=t.nodeName;if("function"==typeof s)return function(e,t,n,r){for(var o=e&&e._component,i=o,u=e,a=o&&e._componentConstructor===t.nodeName,l=a,s=A(t);o&&!l&&(o=o._parentComponent);)l=o.constructor===t.nodeName;return o&&l&&(!r||o._component)?(q(o,s,3,n,r),e=o.base):(i&&!a&&(R(i),e=u=null),o=D(t.nodeName,s,n),e&&!o.nextBase&&(o.nextBase=e,u=null),q(o,s,1,n,r),e=o.base,u&&e!==u&&(u._component=null,B(u,!1))),e}(e,t,n,r);if(N="svg"===s||"foreignObject"!==s&&N,s=String(s),(!e||!C(e,s))&&(a=s,(l=N?document.createElementNS("http://www.w3.org/2000/svg",a):document.createElement(a)).normalizedNodeName=a,i=l,e)){for(;e.firstChild;)i.appendChild(e.firstChild);e.parentNode&&e.parentNode.replaceChild(i,e),B(e,!0)}var c=i.firstChild,p=i.__preactattr_,f=t.children;if(null==p){p=i.__preactattr_={};for(var d=i.attributes,h=d.length;h--;)p[d[h].name]=d[h].value}return!M&&f&&1===f.length&&"string"==typeof f[0]&&null!=c&&void 0!==c.splitText&&null==c.nextSibling?c.nodeValue!=f[0]&&(c.nodeValue=f[0]):(f&&f.length||null!=c)&&function(e,t,n,r,o){var i,u,a,l,s,c,p,f,d=e.childNodes,h=[],v={},m=0,y=0,b=d.length,g=0,_=t?t.length:0;if(0!==b)for(var w=0;w<b;w++){var x=d[w],O=x.__preactattr_;null!=(S=_&&O?x._component?x._component.__key:O.key:null)?(m++,v[S]=x):(O||(void 0!==x.splitText?!o||x.nodeValue.trim():o))&&(h[g++]=x)}if(0!==_)for(w=0;w<_;w++){var S;if((s=null)!=(S=(l=t[w]).key))m&&void 0!==v[S]&&(s=v[S],v[S]=void 0,m--);else if(y<g)for(i=y;i<g;i++)if(void 0!==h[i]&&(c=u=h[i],f=o,"string"==typeof(p=l)||"number"==typeof p?void 0!==c.splitText:"string"==typeof p.nodeName?!c._componentConstructor&&C(c,p.nodeName):f||c._componentConstructor===p.nodeName)){s=u,h[i]=void 0,i===g-1&&g--,i===y&&y++;break}s=T(s,l,n,r),a=d[w],s&&s!==e&&s!==a&&(null==a?e.appendChild(s):s===a.nextSibling?I(a):e.insertBefore(s,a))}if(m)for(var w in v)void 0!==v[w]&&B(v[w],!1);for(;y<=g;)void 0!==(s=h[g--])&&B(s,!1)}(i,f,n,r,M||null!=p.dangerouslySetInnerHTML),function(e,t,n){var r;for(r in n)t&&null!=t[r]||null==n[r]||v(e,r,n[r],n[r]=void 0,N);for(r in t)"children"===r||"innerHTML"===r||r in n&&t[r]===("value"===r||"checked"===r?e[r]:n[r])||v(e,r,n[r],n[r]=t[r],N)}(i,t.attributes,p),N=u,i}function B(e,t){var n=e._component;n?R(n):(null!=e.__preactattr_&&e.__preactattr_.ref&&e.__preactattr_.ref(null),!1!==t&&null!=e.__preactattr_||I(e),h(e))}function h(e){for(e=e.lastChild;e;){var t=e.previousSibling;B(e,!0),e=t}}var m=[];function D(e,t,n){var r,o=m.length;for(e.prototype&&e.prototype.render?(r=new e(t,n),b.call(r,t,n)):((r=new b(t,n)).constructor=e,r.render=y);o--;)if(m[o].constructor===e)return r.nextBase=m[o].nextBase,m.splice(o,1),r;return r}function y(e,t,n){return this.constructor(e,n)}function q(e,t,n,r,o){e._disable||(e._disable=!0,e.__ref=t.ref,e.__key=t.key,delete t.ref,delete t.key,void 0===e.constructor.getDerivedStateFromProps&&(!e.base||o?e.componentWillMount&&e.componentWillMount():e.componentWillReceiveProps&&e.componentWillReceiveProps(t,r)),r&&r!==e.context&&(e.prevContext||(e.prevContext=e.context),e.context=r),e.prevProps||(e.prevProps=e.props),e.props=t,e._disable=!1,0!==n&&(1!==n&&!1===E.syncComponentUpdates&&e.base?a(e):F(e,1,o)),e.__ref&&e.__ref(e))}function F(e,t,n,r){if(!e._disable){var o,i,u,a=e.props,l=e.state,s=e.context,c=e.prevProps||a,p=e.prevState||l,f=e.prevContext||s,d=e.base,h=e.nextBase,v=d||h,m=e._component,y=!1,b=f;if(e.constructor.getDerivedStateFromProps&&(l=k(k({},l),e.constructor.getDerivedStateFromProps(a,l)),e.state=l),d&&(e.props=c,e.state=p,e.context=f,2!==t&&e.shouldComponentUpdate&&!1===e.shouldComponentUpdate(a,l,s)?y=!0:e.componentWillUpdate&&e.componentWillUpdate(a,l,s),e.props=a,e.state=l,e.context=s),e.prevProps=e.prevState=e.prevContext=e.nextBase=null,e._dirty=!1,!y){o=e.render(a,l,s),e.getChildContext&&(s=k(k({},s),e.getChildContext())),d&&e.getSnapshotBeforeUpdate&&(b=e.getSnapshotBeforeUpdate(c,p));var g,_,w=o&&o.nodeName;if("function"==typeof w){var x=A(o);(i=m)&&i.constructor===w&&x.key==i.__key?q(i,x,1,s,!1):(g=i,e._component=i=D(w,x,s),i.nextBase=i.nextBase||h,i._parentComponent=e,q(i,x,0,s,!1),F(i,1,n,!0)),_=i.base}else u=v,(g=m)&&(u=e._component=null),!v&&1!==t||(u&&(u._component=null),_=function(e,t,n,r,o){P++||(N=null!=o&&void 0!==o.ownerSVGElement,M=null!=e&&!("__preactattr_"in e));var i=T(e,t,n,r,!0);return o&&i.parentNode!==o&&o.appendChild(i),--P||(M=!1),i}(u,o,s,n||!d,v&&v.parentNode));if(v&&_!==v&&i!==m){var O=v.parentNode;O&&_!==O&&(O.replaceChild(_,v),g||(v._component=null,B(v,!1)))}if(g&&R(g),(e.base=_)&&!r){for(var S=e,C=e;C=C._parentComponent;)(S=C).base=_;_._component=S,_._componentConstructor=S.constructor}}for(!d||n?j.unshift(e):y||(e.componentDidUpdate&&e.componentDidUpdate(c,p,b),E.afterUpdate&&E.afterUpdate(e));e._renderCallbacks.length;)e._renderCallbacks.pop().call(e);P||r||L()}}function R(e){E.beforeUnmount&&E.beforeUnmount(e);var t=e.base;e._disable=!0,e.componentWillUnmount&&e.componentWillUnmount(),e.base=null;var n=e._component;n?R(n):t&&(t.__preactattr_&&t.__preactattr_.ref&&t.__preactattr_.ref(null),I(e.nextBase=t),m.push(e),h(t)),e.__ref&&e.__ref(null)}function b(e,t){this._dirty=!0,this.context=t,this.props=e,this.state=this.state||{},this._renderCallbacks=[]}function g(e,t,n){return function(e,t,n,r,o){P++||(N=null!=o&&void 0!==o.ownerSVGElement,M=null!=e&&!("__preactattr_"in e));var i=T(e,t,{},!1,!1);return o&&i.parentNode!==o&&o.appendChild(i),--P||(M=!1,L()),i}(n,e,0,0,t)}k(b.prototype,{setState:function(e,t){this.prevState||(this.prevState=this.state),this.state=k(k({},this.state),"function"==typeof e?e(this.state,this.props):e),t&&this._renderCallbacks.push(t),a(this)},forceUpdate:function(e){e&&this._renderCallbacks.push(e),F(this,2)},render:function(){}});var _={h:r,createElement:r,cloneElement:i,Component:b,render:g,rerender:f,options:E};t.default=_},function(e,t){var n=e.exports={version:"2.5.7"};"number"==typeof __e&&(__e=n)},function(e,t,n){var r=n(8),o=n(40);e.exports=n(3)?function(e,t,n){return r.f(e,t,o(1,n))}:function(e,t,n){return e[t]=n,e}},function(e,t,n){var r=n(9),o=n(38),i=n(39),u=Object.defineProperty;t.f=n(3)?Object.defineProperty:function(e,t,n){if(r(e),t=i(t,!0),r(n),o)try{return u(e,t,n)}catch(e){}if("get"in n||"set"in n)throw TypeError("Accessors not supported!");return"value"in n&&(e[t]=n.value),e}},function(e,t,n){var r=n(2);e.exports=function(e){if(!r(e))throw TypeError(e+" is not an object!");return e}},function(e,t){var n=0,r=Math.random();e.exports=function(e){return"Symbol(".concat(void 0===e?"":e,")_",(++n+r).toString(36))}},function(e,t,n){var r=n(22);e.exports=Object("z").propertyIsEnumerable(0)?Object:function(e){return"String"==r(e)?e.split(""):Object(e)}},function(e,t){e.exports=function(e){if(null==e)throw TypeError("Can't call method on  "+e);return e}},function(e,t,n){"use strict";var r=n(4);e.exports=function(e,t){return!!e&&r(function(){t?e.call(null,function(){},1):e.call(null)})}},function(e,t,n){var r=n(0);r(r.S+r.F,"Object",{assign:n(41)})},function(e,t,n){var r=n(2),o=n(1).document,i=r(o)&&r(o.createElement);e.exports=function(e){return i?o.createElement(e):{}}},function(e,t,n){var i=n(1),u=n(7),a=n(17),l=n(10)("src"),r="toString",o=Function[r],s=(""+o).split(r);n(6).inspectSource=function(e){return o.call(e)},(e.exports=function(e,t,n,r){var o="function"==typeof n;o&&(a(n,"name")||u(n,"name",t)),e[t]!==n&&(o&&(a(n,l)||u(n,l,e[t]?""+e[t]:s.join(String(t)))),e===i?e[t]=n:r?e[t]?e[t]=n:u(e,t,n):(delete e[t],u(e,t,n)))})(Function.prototype,r,function(){return"function"==typeof this&&this[l]||o.call(this)})},function(e,t){var n={}.hasOwnProperty;e.exports=function(e,t){return n.call(e,t)}},function(e,t,n){var i=n(19);e.exports=function(r,o,e){if(i(r),void 0===o)return r;switch(e){case 1:return function(e){return r.call(o,e)};case 2:return function(e,t){return r.call(o,e,t)};case 3:return function(e,t,n){return r.call(o,e,t,n)}}return function(){return r.apply(o,arguments)}}},function(e,t){e.exports=function(e){if("function"!=typeof e)throw TypeError(e+" is not a function!");return e}},function(e,t,n){var r=n(42),o=n(28);e.exports=Object.keys||function(e){return r(e,o)}},function(e,t,n){var r=n(11),o=n(12);e.exports=function(e){return r(o(e))}},function(e,t){var n={}.toString;e.exports=function(e){return n.call(e).slice(8,-1)}},function(e,t,n){var l=n(21),s=n(24),c=n(43);e.exports=function(a){return function(e,t,n){var r,o=l(e),i=s(o.length),u=c(n,i);if(a&&t!=t){for(;u<i;)if((r=o[u++])!=r)return!0}else for(;u<i;u++)if((a||u in o)&&o[u]===t)return a||u||0;return!a&&-1}}},function(e,t,n){var r=n(25),o=Math.min;e.exports=function(e){return 0<e?o(r(e),9007199254740991):0}},function(e,t){var n=Math.ceil,r=Math.floor;e.exports=function(e){return isNaN(e=+e)?0:(0<e?r:n)(e)}},function(e,t,n){var r=n(27)("keys"),o=n(10);e.exports=function(e){return r[e]||(r[e]=o(e))}},function(e,t,n){var r=n(6),o=n(1),i="__core-js_shared__",u=o[i]||(o[i]={});(e.exports=function(e,t){return u[e]||(u[e]=void 0!==t?t:{})})("versions",[]).push({version:r.version,mode:n(44)?"pure":"global",copyright:"© 2018 Denis Pushkarev (zloirock.ru)"})},function(e,t){e.exports="constructor,hasOwnProperty,isPrototypeOf,propertyIsEnumerable,toLocaleString,toString,valueOf".split(",")},function(e,t,n){var r=n(12);e.exports=function(e){return Object(r(e))}},function(e,t,n){var r=n(8).f,o=Function.prototype,i=/^\s*function ([^ (]*)/;"name"in o||n(3)&&r(o,"name",{configurable:!0,get:function(){try{return(""+this).match(i)[1]}catch(e){return""}}})},function(e,t,n){"use strict";var r=n(0),o=n(32)(1);r(r.P+r.F*!n(13)([].map,!0),"Array",{map:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var g=n(18),_=n(11),w=n(29),x=n(24),r=n(47);e.exports=function(p,e){var f=1==p,d=2==p,h=3==p,v=4==p,m=6==p,y=5==p||m,b=e||r;return function(e,t,n){for(var r,o,i=w(e),u=_(i),a=g(t,n,3),l=x(u.length),s=0,c=f?b(e,l):d?b(e,0):void 0;s<l;s++)if((y||s in u)&&(o=a(r=u[s],s,i),p))if(f)c[s]=o;else if(o)switch(p){case 3:return!0;case 5:return r;case 6:return s;case 2:c.push(r)}else if(v)return!1;return m?-1:h||v?v:c}}},function(e,t,n){var r=n(22);e.exports=Array.isArray||function(e){return"Array"==r(e)}},function(e,t,n){var r=n(27)("wks"),o=n(10),i=n(1).Symbol,u="function"==typeof i;(e.exports=function(e){return r[e]||(r[e]=u&&i[e]||(u?i:o)("Symbol."+e))}).store=r},function(e,t,n){"use strict";var r=n(0),o=n(23)(!1),i=[].indexOf,u=!!i&&1/[1].indexOf(1,-0)<0;r(r.P+r.F*(u||!n(13)(i)),"Array",{indexOf:function(e){return u?i.apply(this,arguments)||0:o(this,e,arguments[1])}})},function(e,t,n){var r=n(0);r(r.S,"Object",{create:n(52)})},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(14),n(30),n(31),n(35),n(49),n(50);var r,o=n(5),i=(r=n(51))&&r.__esModule?r:{default:r};function u(e){if(!e.element)throw new Error("element is not defined");if(!e.id)throw new Error("id is not defined");if(!e.source)throw new Error("source is not defined");Array.isArray(e.source)&&(e.source=function(n){return function(t,e){e(n.filter(function(e){return-1!==e.toLowerCase().indexOf(t.toLowerCase())}))}}(e.source)),(0,o.render)((0,o.createElement)(i.default,e),e.element)}u.enhanceSelectElement=function(n){if(!n.selectElement)throw new Error("selectElement is not defined");if(!n.source){var e=[].filter.call(n.selectElement.options,function(e){return e.value||n.preserveNullOptions});n.source=e.map(function(e){return e.textContent||e.innerText})}if(n.onConfirm=n.onConfirm||function(t){var e=[].filter.call(n.selectElement.options,function(e){return(e.textContent||e.innerText)===t})[0];e&&(e.selected=!0)},n.selectElement.value||void 0===n.defaultValue){var t=n.selectElement.options[n.selectElement.options.selectedIndex];n.defaultValue=t.textContent||t.innerText}void 0===n.name&&(n.name=""),void 0===n.id&&(void 0===n.selectElement.id?n.id="":n.id=n.selectElement.id),void 0===n.autoselect&&(n.autoselect=!0);var r=document.createElement("span");n.selectElement.parentNode.insertBefore(r,n.selectElement),u(Object.assign({},n,{element:r})),n.selectElement.style.display="none",n.selectElement.id=n.selectElement.id+"-select"};var a=u;t.default=a},function(e,t,n){e.exports=!n(3)&&!n(4)(function(){return 7!=Object.defineProperty(n(15)("div"),"a",{get:function(){return 7}}).a})},function(e,t,n){var o=n(2);e.exports=function(e,t){if(!o(e))return e;var n,r;if(t&&"function"==typeof(n=e.toString)&&!o(r=n.call(e)))return r;if("function"==typeof(n=e.valueOf)&&!o(r=n.call(e)))return r;if(!t&&"function"==typeof(n=e.toString)&&!o(r=n.call(e)))return r;throw TypeError("Can't convert object to primitive value")}},function(e,t){e.exports=function(e,t){return{enumerable:!(1&e),configurable:!(2&e),writable:!(4&e),value:t}}},function(e,t,n){"use strict";var f=n(20),d=n(45),h=n(46),v=n(29),m=n(11),o=Object.assign;e.exports=!o||n(4)(function(){var e={},t={},n=Symbol(),r="abcdefghijklmnopqrst";return e[n]=7,r.split("").forEach(function(e){t[e]=e}),7!=o({},e)[n]||Object.keys(o({},t)).join("")!=r})?function(e,t){for(var n=v(e),r=arguments.length,o=1,i=d.f,u=h.f;o<r;)for(var a,l=m(arguments[o++]),s=i?f(l).concat(i(l)):f(l),c=s.length,p=0;p<c;)u.call(l,a=s[p++])&&(n[a]=l[a]);return n}:o},function(e,t,n){var u=n(17),a=n(21),l=n(23)(!1),s=n(26)("IE_PROTO");e.exports=function(e,t){var n,r=a(e),o=0,i=[];for(n in r)n!=s&&u(r,n)&&i.push(n);for(;t.length>o;)u(r,n=t[o++])&&(~l(i,n)||i.push(n));return i}},function(e,t,n){var r=n(25),o=Math.max,i=Math.min;e.exports=function(e,t){return(e=r(e))<0?o(e+t,0):i(e,t)}},function(e,t){e.exports=!1},function(e,t){t.f=Object.getOwnPropertySymbols},function(e,t){t.f={}.propertyIsEnumerable},function(e,t,n){var r=n(48);e.exports=function(e,t){return new(r(e))(t)}},function(e,t,n){var r=n(2),o=n(33),i=n(34)("species");e.exports=function(e){var t;return o(e)&&("function"!=typeof(t=e.constructor)||t!==Array&&!o(t.prototype)||(t=void 0),r(t)&&null===(t=t[i])&&(t=void 0)),void 0===t?Array:t}},function(e,t,n){"use strict";var r=n(0),o=n(32)(2);r(r.P+r.F*!n(13)([].filter,!0),"Array",{filter:function(e){return o(this,e,arguments[1])}})},function(e,t,n){var r=n(0);r(r.S,"Array",{isArray:n(33)})},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(14),n(36),n(30),n(31),n(35),n(55),n(58);var G=n(5),J=o(n(60)),r=o(n(61));function o(e){return e&&e.__esModule?e:{default:e}}function X(){return(X=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function i(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}var u,a={13:"enter",27:"escape",32:"space",38:"up",40:"down"},Y=((u=document.createElement("x")).style.cssText="pointer-events:auto","auto"===u.style.pointerEvents);function Z(){return!(!navigator.userAgent.match(/(iPod|iPhone|iPad)/g)||!navigator.userAgent.match(/AppleWebKit/g))}var l=function(n){function e(e){var t;return(t=n.call(this,e)||this).elementReferences={},t.state={focused:null,hovered:null,clicked:null,menuOpen:!1,options:e.defaultValue?[e.defaultValue]:[],query:e.defaultValue,validChoiceMade:!1,selected:null,ariaHint:!0},t.handleComponentBlur=t.handleComponentBlur.bind(i(i(t))),t.handleKeyDown=t.handleKeyDown.bind(i(i(t))),t.handleUpArrow=t.handleUpArrow.bind(i(i(t))),t.handleDownArrow=t.handleDownArrow.bind(i(i(t))),t.handleEnter=t.handleEnter.bind(i(i(t))),t.handlePrintableKey=t.handlePrintableKey.bind(i(i(t))),t.handleListMouseLeave=t.handleListMouseLeave.bind(i(i(t))),t.handleOptionBlur=t.handleOptionBlur.bind(i(i(t))),t.handleOptionClick=t.handleOptionClick.bind(i(i(t))),t.handleOptionFocus=t.handleOptionFocus.bind(i(i(t))),t.handleOptionMouseEnter=t.handleOptionMouseEnter.bind(i(i(t))),t.handleInputBlur=t.handleInputBlur.bind(i(i(t))),t.handleInputChange=t.handleInputChange.bind(i(i(t))),t.handleInputFocus=t.handleInputFocus.bind(i(i(t))),t.pollInputElement=t.pollInputElement.bind(i(i(t))),t.getDirectInputChanges=t.getDirectInputChanges.bind(i(i(t))),t}var t,r;r=n,(t=e).prototype=Object.create(r.prototype),(t.prototype.constructor=t).__proto__=r;var o=e.prototype;return o.isQueryAnOption=function(e,t){var n=this;return-1!==t.map(function(e){return n.templateInputValue(e).toLowerCase()}).indexOf(e.toLowerCase())},o.componentDidMount=function(){this.pollInputElement()},o.componentWillUnmount=function(){clearTimeout(this.$pollInput),clearTimeout(this.$blurInput)},o.pollInputElement=function(){var e=this;this.getDirectInputChanges(),this.$pollInput=setTimeout(function(){e.pollInputElement()},100)},o.getDirectInputChanges=function(){var e=this.elementReferences[-1];e&&e.value!==this.state.query&&this.handleInputChange({target:{value:e.value}})},o.componentDidUpdate=function(e,t){var n=this.state,r=n.focused,o=n.clicked,i=null===r,u=t.focused!==r;(u&&!i||null!==o)&&this.elementReferences[r].focus();var a=-1===r,l=u&&null===t.focused;if(a&&l){var s=this.elementReferences[r];s.setSelectionRange(0,s.value.length)}},o.hasAutoselect=function(){return!Z()&&this.props.autoselect},o.templateInputValue=function(e){var t=this.props.templates&&this.props.templates.inputValue;return t?t(e):e},o.templateSuggestion=function(e){var t=this.props.templates&&this.props.templates.suggestion;return t?t(e):e},o.handleComponentBlur=function(e){var t,n=this.state,r=n.options,o=n.query,i=n.selected;this.props.confirmOnBlur?(t=e.query||o,this.props.onConfirm(r[i])):t=o,this.setState({focused:null,clicked:null,menuOpen:e.menuOpen||!1,query:t,selected:null,validChoiceMade:this.isQueryAnOption(t,r)})},o.handleListMouseLeave=function(e){this.setState({hovered:null})},o.handleOptionBlur=function(e,t){var n=this.state,r=n.focused,o=n.clicked,i=n.menuOpen,u=n.options,a=n.selected,l=null===e.relatedTarget&&null===o,s=e.relatedTarget===this.elementReferences[-1],c=r!==t&&-1!==r;if(!c&&l||!c&&!s){var p=i&&Z();this.handleComponentBlur({menuOpen:p,query:this.templateInputValue(u[a])})}},o.handleInputBlur=function(e){var t=this,n=this.state,r=n.focused,o=n.menuOpen,i=n.options,u=n.query,a=n.selected,l=-1!==r;if(clearTimeout(this.$blurInput),!l){var s=o&&Z(),c=Z()?u:this.templateInputValue(i[a]);this.$blurInput=setTimeout(function(){return t.handleComponentBlur({menuOpen:s,query:c})},200)}},o.handleInputChange=function(e){var n=this,t=this.props,r=t.minLength,o=t.source,i=t.showAllValues,u=this.hasAutoselect(),a=e.target.value,l=0===a.length,s=this.state.query.length!==a.length,c=a.length>=r;this.setState({query:a,ariaHint:l}),i||!l&&s&&c?o(a,function(e){var t=0<e.length;n.setState({menuOpen:t,options:e,selected:u&&t?0:-1,validChoiceMade:!1})}):!l&&c||this.setState({menuOpen:!1,options:[]})},o.handleInputClick=function(e){this.handleInputChange(e)},o.handleInputFocus=function(e){var t=this.state,n=t.query,r=t.validChoiceMade,o=t.options,i=this.props.minLength,u=!r&&n.length>=i&&0<o.length;u?this.setState(function(e){var t=e.menuOpen;return{focused:-1,menuOpen:u||t,selected:-1}}):this.setState({focused:-1})},o.handleOptionFocus=function(e){this.setState({focused:e,hovered:null,selected:e})},o.handleOptionMouseEnter=function(e,t){Z()||this.setState({hovered:t})},o.handleOptionClick=function(e,t){var n=this.state.options[t],r=this.templateInputValue(n);clearTimeout(this.$blurInput),this.props.onConfirm(n),this.setState({focused:-1,clicked:t,hovered:null,menuOpen:!1,query:r,selected:-1,validChoiceMade:!0}),this.forceUpdate()},o.handleUpArrow=function(e){e.preventDefault();var t=this.state,n=t.menuOpen,r=t.selected;-1!==r&&n&&this.handleOptionFocus(r-1)},o.handleDownArrow=function(e){var t=this;if(e.preventDefault(),this.props.showAllValues&&!1===this.state.menuOpen)e.preventDefault(),this.props.source("",function(e){t.setState({menuOpen:!0,options:e,selected:0,focused:0,hovered:null})});else if(!0===this.state.menuOpen){var n=this.state,r=n.menuOpen,o=n.options,i=n.selected;i!==o.length-1&&r&&this.handleOptionFocus(i+1)}},o.handleSpace=function(e){var t=this;this.props.showAllValues&&!1===this.state.menuOpen&&""===this.state.query&&(e.preventDefault(),this.props.source("",function(e){t.setState({menuOpen:!0,options:e})})),-1!==this.state.focused&&(e.preventDefault(),this.handleOptionClick(e,this.state.focused))},o.handleEnter=function(e){this.state.menuOpen&&(e.preventDefault(),0<=this.state.selected&&this.handleOptionClick(e,this.state.selected))},o.handlePrintableKey=function(e){var t=this.elementReferences[-1];e.target===t||t.focus()},o.handleKeyDown=function(e){switch(a[e.keyCode]){case"up":this.handleUpArrow(e);break;case"down":this.handleDownArrow(e);break;case"space":this.handleSpace(e);break;case"enter":this.handleEnter(e);break;case"escape":this.handleComponentBlur({query:this.state.query});break;default:(47<(t=e.keyCode)&&t<58||32===t||8===t||64<t&&t<91||95<t&&t<112||185<t&&t<193||218<t&&t<223)&&this.handlePrintableKey(e)}var t},o.render=function(){var e,i=this,t=this.props,n=t.cssNamespace,r=t.displayMenu,u=t.id,o=t.minLength,a=t.name,l=t.placeholder,s=t.required,c=t.showAllValues,p=t.tNoResults,f=t.tStatusQueryTooShort,d=t.tStatusNoResults,h=t.tStatusSelectedOption,v=t.tStatusResults,m=t.tAssistiveHint,y=t.dropdownArrow,b=this.state,g=b.focused,_=b.hovered,w=b.menuOpen,x=b.options,O=b.query,S=b.selected,C=b.ariaHint,E=b.validChoiceMade,k=this.hasAutoselect(),A=-1===g,I=0===x.length,j=0!==O.length,P=O.length>=o,N=this.props.showNoOptionsFound&&A&&I&&j&&P,M=n+"__wrapper",L=n+"__input",T=null!==g?" "+L+"--focused":"",B=this.props.showAllValues?" "+L+"--show-all-values":" "+L+"--default",D=n+"__dropdown-arrow-down",q=-1!==g&&null!==g,F=n+"__menu",R=F+"--"+r,U=F+"--"+(w||N?"visible":"hidden"),V=n+"__option",W=n+"__hint",H=this.templateInputValue(x[S]),K=H&&0===H.toLowerCase().indexOf(O.toLowerCase())&&k?O+H.substr(O.length):"",z=Y&&K,Q=u+"__assistiveHint",$=C?{"aria-describedby":Q}:null;return c&&"string"==typeof(e=y({className:D}))&&(e=(0,G.createElement)("div",{className:n+"__dropdown-arrow-down-wrapper",dangerouslySetInnerHTML:{__html:e}})),(0,G.createElement)("div",{className:M,onKeyDown:this.handleKeyDown},(0,G.createElement)(J.default,{id:u,length:x.length,queryLength:O.length,minQueryLength:o,selectedOption:this.templateInputValue(x[S]),selectedOptionIndex:S,validChoiceMade:E,isInFocus:null!==this.state.focused,tQueryTooShort:f,tNoResults:d,tSelectedOption:h,tResults:v}),z&&(0,G.createElement)("span",null,(0,G.createElement)("input",{className:W,readonly:!0,tabIndex:"-1",value:K})),(0,G.createElement)("input",X({"aria-expanded":w?"true":"false","aria-activedescendant":!!q&&u+"__option--"+g,"aria-owns":u+"__listbox","aria-autocomplete":this.hasAutoselect()?"both":"list"},$,{autoComplete:"off",className:L+T+B,id:u,onClick:function(e){return i.handleInputClick(e)},onBlur:this.handleInputBlur},{onInput:this.handleInputChange},{onFocus:this.handleInputFocus,name:a,placeholder:l,ref:function(e){i.elementReferences[-1]=e},type:"text",role:"combobox",required:s,value:O})),e,(0,G.createElement)("ul",{className:F+" "+R+" "+U,onMouseLeave:function(e){return i.handleListMouseLeave(e)},id:u+"__listbox",role:"listbox"},x.map(function(e,t){var n=(-1===g?S===t:g===t)&&null===_?" "+V+"--focused":"",r=t%2?" "+V+"--odd":"",o=Z()?"<span id="+u+"__option-suffix--"+t+' style="border:0;clip:rect(0 0 0 0);height:1px;marginBottom:-1px;marginRight:-1px;overflow:hidden;padding:0;position:absolute;whiteSpace:nowrap;width:1px"> '+(t+1)+" of "+x.length+"</span>":"";return(0,G.createElement)("li",{"aria-selected":g===t,className:V+n+r,dangerouslySetInnerHTML:{__html:i.templateSuggestion(e)+o},id:u+"__option--"+t,key:t,onBlur:function(e){return i.handleOptionBlur(e,t)},onClick:function(e){return i.handleOptionClick(e,t)},onMouseEnter:function(e){return i.handleOptionMouseEnter(e,t)},ref:function(e){i.elementReferences[t]=e},role:"option",tabIndex:"-1","aria-posinset":t+1,"aria-setsize":x.length})}),N&&(0,G.createElement)("li",{className:V+" "+V+"--no-results"},p())),(0,G.createElement)("span",{id:Q,style:{display:"none"}},m()))},e}(G.Component);(t.default=l).defaultProps={autoselect:!1,cssNamespace:"autocomplete",defaultValue:"",displayMenu:"inline",minLength:0,name:"input-autocomplete",placeholder:"",onConfirm:function(){},confirmOnBlur:!0,showNoOptionsFound:!0,showAllValues:!1,required:!1,tNoResults:function(){return"No results found"},tAssistiveHint:function(){return"When autocomplete results are available use up and down arrows to review and enter to select.  Touch device users, explore by touch or with swipe gestures."},dropdownArrow:r.default}},function(e,t,r){function o(){}var i=r(9),u=r(53),a=r(28),l=r(26)("IE_PROTO"),s="prototype",c=function(){var e,t=r(15)("iframe"),n=a.length;for(t.style.display="none",r(54).appendChild(t),t.src="javascript:",(e=t.contentWindow.document).open(),e.write("<script>document.F=Object<\/script>"),e.close(),c=e.F;n--;)delete c[s][a[n]];return c()};e.exports=Object.create||function(e,t){var n;return null!==e?(o[s]=i(e),n=new o,o[s]=null,n[l]=e):n=c(),void 0===t?n:u(n,t)}},function(e,t,n){var u=n(8),a=n(9),l=n(20);e.exports=n(3)?Object.defineProperties:function(e,t){a(e);for(var n,r=l(t),o=r.length,i=0;i<o;)u.f(e,n=r[i++],t[n]);return e}},function(e,t,n){var r=n(1).document;e.exports=r&&r.documentElement},function(e,t,n){var r=n(0);r(r.P,"Function",{bind:n(56)})},function(e,t,n){"use strict";var i=n(19),u=n(2),a=n(57),l=[].slice,s={};e.exports=Function.bind||function(t){function n(){var e=o.concat(l.call(arguments));return this instanceof n?function(e,t,n){if(!(t in s)){for(var r=[],o=0;o<t;o++)r[o]="a["+o+"]";s[t]=Function("F,a","return new F("+r.join(",")+")")}return s[t](e,n)}(r,e.length,e):a(r,e,t)}var r=i(this),o=l.call(arguments,1);return u(r.prototype)&&(n.prototype=r.prototype),n}},function(e,t){e.exports=function(e,t,n){var r=void 0===n;switch(t.length){case 0:return r?e():e.call(n);case 1:return r?e(t[0]):e.call(n,t[0]);case 2:return r?e(t[0],t[1]):e.call(n,t[0],t[1]);case 3:return r?e(t[0],t[1],t[2]):e.call(n,t[0],t[1],t[2]);case 4:return r?e(t[0],t[1],t[2],t[3]):e.call(n,t[0],t[1],t[2],t[3])}return e.apply(n,t)}},function(e,t,n){n(59)("match",1,function(r,o,e){return[function(e){"use strict";var t=r(this),n=null==e?void 0:e[o];return void 0!==n?n.call(e,t):new RegExp(e)[o](String(t))},e]})},function(e,t,n){"use strict";var a=n(7),l=n(16),s=n(4),c=n(12),p=n(34);e.exports=function(t,e,n){var r=p(t),o=n(c,r,""[t]),i=o[0],u=o[1];s(function(){var e={};return e[r]=function(){return 7},7!=""[t](e)})&&(l(String.prototype,t,i),a(RegExp.prototype,r,2==e?function(e,t){return u.call(e,this,t)}:function(e){return u.call(e,this)}))}},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0,n(36);var g=n(5),r=function(o){function e(){for(var e,t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];return(e=o.call.apply(o,[this].concat(n))||this).state={bump:!1,debounced:!1},e}var t,n;n=o,(t=e).prototype=Object.create(n.prototype),(t.prototype.constructor=t).__proto__=n;var r=e.prototype;return r.componentWillMount=function(){var n,r,e=this;this.debounceStatusUpdate=(n=function(){if(!e.state.debounced){var t=!e.props.isInFocus||e.props.validChoiceMade;e.setState(function(e){return{bump:!e.bump,debounced:!0,silenced:t}})}},function(){var e=this,t=arguments;clearTimeout(r),r=setTimeout(function(){r=null,n.apply(e,t)},1400)})},r.componentWillReceiveProps=function(e){e.queryLength,this.setState({debounced:!1})},r.render=function(){var e,t=this.props,n=t.id,r=t.length,o=t.queryLength,i=t.minQueryLength,u=t.selectedOption,a=t.selectedOptionIndex,l=t.tQueryTooShort,s=t.tNoResults,c=t.tSelectedOption,p=t.tResults,f=this.state,d=f.bump,h=f.debounced,v=f.silenced,m=o<i,y=0===r,b=u?c(u,r,a):"";return e=m?l(i):y?s():p(r,b),this.debounceStatusUpdate(),(0,g.createElement)("div",{style:{border:"0",clip:"rect(0 0 0 0)",height:"1px",marginBottom:"-1px",marginRight:"-1px",overflow:"hidden",padding:"0",position:"absolute",whiteSpace:"nowrap",width:"1px"}},(0,g.createElement)("div",{id:n+"__status--A",role:"status","aria-atomic":"true","aria-live":"polite"},!v&&h&&d?e:""),(0,g.createElement)("div",{id:n+"__status--B",role:"status","aria-atomic":"true","aria-live":"polite"},v||!h||d?"":e))},e}(g.Component);(t.default=r).defaultProps={tQueryTooShort:function(e){return"Type in "+e+" or more characters for results"},tNoResults:function(){return"No search results"},tSelectedOption:function(e,t,n){return e+" "+(n+1)+" of "+t+" is highlighted"},tResults:function(e,t){return e+" "+(1===e?"result":"results")+" "+(1===e?"is":"are")+" available. "+t}}},function(e,t,n){"use strict";t.__esModule=!0,t.default=void 0;var r=n(5);t.default=function(e){var t=e.className;return(0,r.createElement)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",className:t,focusable:"false"},(0,r.createElement)("g",{stroke:"none",fill:"none","fill-rule":"evenodd"},(0,r.createElement)("polygon",{fill:"#000000",points:"0 0 22 0 11 17"})))}}],o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==w(t)&&t&&t.__esModule)return t;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(n,r,function(e){return t[e]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/",o(o.s=37)).default;function o(e){if(r[e])return r[e].exports;var t=r[e]={i:e,l:!1,exports:{}};return n[e].call(t.exports,t,t.exports,o),t.l=!0,t.exports}var n,r},"object"==w(i)&&"object"==w(e)?e.exports=o():(n=[],void 0===(r="function"==typeof(t=o)?t.apply(i,n):t)||(e.exports=r))}).call(this,t(1)(e))},function(e,t){e.exports=function(e){return e.webpackPolyfill||(e.deprecate=function(){},e.paths=[],e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),e.webpackPolyfill=1),e}},function(e,t,n){"use strict";n.r(t);var r=n(0),l=n.n(r);function s(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(t);e&&(r=r.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,r)}return n}function c(e){var t,n=e.formId,r=e.inputId,o=e.containerId,i=document.getElementById(n),u=document.getElementById(r),a=document.getElementById(o);u&&a&&e.source&&(t={confirmOnBlur:!1,element:a,id:r,minLength:2,name:u.name,placeholder:u.placeholder},u.parentNode.removeChild(u),l()(function(o){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?s(i,!0).forEach(function(e){var t,n,r;t=o,r=i[n=e],n in t?Object.defineProperty(t,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[n]=r}):Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(i)):s(i).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(i,e))})}return o}({},t,{},e)),i&&i.addEventListener("keyup",function(e){13===e.keyCode&&document.activeElement.id===r&&i.submit()}))}function p(e){var t=36<e.length?"...":"",n=e.substring(0,36)+t;return'\n    <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true"><path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path></svg>\n    <a href="https://www.nhs.uk/search?collection=nhs-meta&query='.concat(e,'">\n      ').concat(n,"\n    </a>\n  ")}function f(e,t){var n="".concat("https://nhs.funnelback.co.uk/s/suggest.json","?collection=nhs-meta&partial_query=").concat(e,"&sort=0&fmt=json++&profile=&show=").concat(10),r=new XMLHttpRequest;r.open("GET",n),r.onload=function(){if(200===r.status){var e=JSON.parse(r.responseText).map(function(e){return e.disp});t(e)}},r.send()}function d(e,t){if(e&&t){var n=e,r=e.className,o=new RegExp("\\b ".concat(t,"\\b"));r.match(o)?n.className=r.replace(o,""):n.className="".concat(r," ").concat(t.trim())}}function h(e,t){if(e&&t){var n="true"===e.getAttribute(t)?"false":"true";e.setAttribute(t,n)}}function o(){var t,e,n,r,o,i,u,a;function l(e){e.preventDefault(),h(o,"aria-expanded"),d(o,"is-active"),d(u,"js-show"),d(a,"js-show")}c({containerId:"autocomplete-container",formId:"search",inputId:"search-field",source:f,templates:{suggestion:p}}),t=document.querySelector("#toggle-menu"),e=document.querySelector("#close-menu"),n=document.querySelector("#header-navigation"),r=function(e){e.preventDefault(),h(t,"aria-expanded"),d(t,"is-active"),d(n,"js-show")},t&&e&&n&&[t,e].forEach(function(e){e.addEventListener("click",r)}),o=document.querySelector("#toggle-search"),i=document.querySelector("#close-search"),u=document.querySelector("#wrap-search"),a=document.querySelector("#content-header"),o&&i&&[o,i].forEach(function(e){e.addEventListener("click",l)})}document.addEventListener("DOMContentLoaded",function(){var t,e;(function(){var i="boolean"==typeof document.createElement("details").open,e=document.querySelectorAll("details");e.length&&Array.prototype.slice.call(e).forEach(function(e,t){e.hasAttribute("nhsuk-polyfilled")||function(e,t){e.setAttribute("nhsuk-polyfilled","true"),e.id||e.setAttribute("id","nhsuk-details".concat(t));var n=document.querySelector("#".concat(e.id," .nhsuk-details__text"));n.id||n.setAttribute("id","nhsuk-details__text".concat(t));var r=document.querySelector("#".concat(e.id," .nhsuk-details__summary"));r.setAttribute("role","button"),r.setAttribute("aria-controls",n.id),r.setAttribute("tabIndex","0"),!0==(null!==e.getAttribute("open"))?(r.setAttribute("aria-expanded","true"),n.setAttribute("aria-hidden","false")):(r.setAttribute("aria-expanded","false"),n.setAttribute("aria-hidden","true"),i||(n.style.display="none"));function o(){h(r,"aria-expanded"),h(n,"aria-hidden"),i||(n.style.display="true"===n.getAttribute("aria-hidden")?"none":"",e.hasAttribute("open")?e.removeAttribute("open"):e.setAttribute("open","open"))}r.addEventListener("click",function(){return o()}),r.addEventListener("keydown",function(e){13!==e.keyCode&&32!==e.keyCode||(e.preventDefault(),o())})}(e,t)})})(),o(),t=document.querySelector("h1"),e=document.querySelector(".nhsuk-skip-link"),t&&e&&(e.addEventListener("click",function(e){e.preventDefault(),t.setAttribute("tabIndex","-1"),t.focus()}),t.addEventListener("blur",function(e){e.preventDefault(),t.removeAttribute("tabIndex")}))})}]);

package.json

 {
   "name": "nhsuk-frontend",
-  "version": "2.3.2",
+  "version": "3.0.0",
   "description": "NHS.UK frontend contains the code you need to start building user interfaces for NHS websites and services.",
@@ -9,3 +9,3 @@ "scripts": {
     "start": "gulp",
-    "test": "npm run lint",
+    "test": "npm run lint && npm run jest:ci",
     "lint": "npm run lint:js && npm run lint:css && npm run lint:html",
@@ -17,30 +17,37 @@ "lint:js": "eslint -c ./tests/linters/.eslintrc.js packages/components/**/*.js",
     "backstop:test": "backstop --config=tests/backstop/backstop.js test --docker",
+    "backstop:approve": "backstop --config=tests/backstop/backstop.js approve",
     "backstop:clean": "rm -rf tests/backstop/bitmaps_test/*",
     "build-gh-pages": "gulp bundle && BASE_URL='/nhsuk-frontend' gulp docs:build",
-    "build-gh-release": "gulp zip"
+    "build-gh-release": "gulp zip",
+    "jest:dev": "jest --watch",
+    "jest:ci": "jest"
   },
   "dependencies": {
-    "accessible-autocomplete": "^1.6.2",
+    "accessible-autocomplete": "^2.0.1",
     "sass-mq": "^4.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.5.5",
-    "@babel/preset-env": "^7.5.5",
+    "@babel/core": "^7.6.4",
+    "@babel/preset-env": "^7.6.3",
     "babel-loader": "^8.0.6",
-    "backstopjs": "^4.1.9",
-    "eslint": "^5.16.0",
-    "eslint-config-airbnb-base": "^13.2.0",
-    "eslint-config-nhsuk": "^0.16.0",
+    "backstopjs": "^4.3.2",
+    "eslint": "^6.5.1",
+    "eslint-config-airbnb-base": "^14.0.0",
+    "eslint-config-nhsuk": "^1.0.0",
     "eslint-plugin-import": "^2.18.2",
+    "eslint-plugin-jest": "^22.20.0",
     "gulp": "^4.0.2",
     "gulp-clean": "^0.4.0",
-    "gulp-clean-css": "^3.10.0",
+    "gulp-clean-css": "^4.2.0",
     "gulp-connect": "^5.7.0",
-    "gulp-nunjucks": "^4.0.0",
+    "gulp-nunjucks": "^5.0.1",
     "gulp-rename": "^1.4.0",
     "gulp-sass": "^4.0.2",
     "gulp-uglify": "^3.0.2",
-    "gulp-zip": "^4.2.0",
-    "htmlhint": "^0.10.3",
+    "gulp-zip": "^5.0.1",
+    "htmlhint": "^0.11.0",
+    "husky": "^3.0.9",
+    "jest": "^24.9.0",
     "minimist": "^1.2.0",
+    "node-sass": "^4.12.0",
     "nunjucks": "^3.2.0",
@@ -54,2 +61,7 @@ "sass-lint": "^1.13.1",
   "sasslintConfig": "./tests/linters/.sass-lint.yml",
+  "husky": {
+    "hooks": {
+      "pre-push": "npm test"
+    }
+  },
   "files": [
@@ -56,0 +68,0 @@ "dist",

packages/components/header/header.js

@@ -1,91 +0,9 @@
-/*
- * Header
- *
- * Functionality to toggle the search and menu dropdowns
- * on tablet and mobile devices.
- */
+import AutoComplete from './headerAutoComplete';
+import MenuToggle from './menuToggle';
+import SearchToggle from './searchToggle';
 
-/* Shared function to toggle class names */
-
-function toggleClass(ele, class1) {
-  /* eslint-disable prefer-template, no-useless-concat, no-param-reassign */
-  const classes = ele.className;
-  const regex = new RegExp('\\b' + ' ' + class1 + '\\b');
-  const hasOne = classes.match(regex);
-  class1 = class1.replace(/\s+/g, '');
-  if (hasOne) {
-    ele.className = classes.replace(regex, '');
-  } else {
-    ele.className = classes + ' ' + class1;
-  }
-}
-
-/* Search toggle */
-function toggleSearch(e) {
-  const searchToggleButton = document.querySelector('#toggle-search');
-  const searchContainer = document.querySelector('#wrap-search');
-  const menuSearchContainer = document.querySelector('#content-header');
-
-  e.preventDefault();
-
-  if (searchToggleButton.hasAttribute('aria-expanded')) {
-    searchToggleButton.removeAttribute('aria-expanded');
-  } else {
-    searchToggleButton.setAttribute('aria-expanded', 'true');
-  }
-
-  toggleClass(searchToggleButton, 'is-active');
-  toggleClass(searchContainer, 'js-show');
-  toggleClass(menuSearchContainer, 'js-show');
-}
-
-function handleSearchToggle() {
-  const searchToggleButton = document.querySelector('#toggle-search');
-  const searchClose = document.querySelector('#close-search');
-
-  if (searchToggleButton) {
-    searchToggleButton.addEventListener('click', toggleSearch);
-  }
-  if (searchClose) {
-    searchClose.addEventListener('click', toggleSearch);
-  }
-}
-
-/* Menu toggle */
-
-function toggleMenu(e) {
-  const menuToggleButton = document.querySelector('#toggle-menu');
-  const nav = document.querySelector('#header-navigation');
-
-  e.preventDefault();
-
-  if (menuToggleButton.hasAttribute('aria-expanded')) {
-    menuToggleButton.removeAttribute('aria-expanded');
-  } else {
-    menuToggleButton.setAttribute('aria-expanded', 'true');
-  }
-
-  toggleClass(menuToggleButton, 'is-active');
-  toggleClass(nav, 'js-show');
-}
-
-function handleMenuToggle() {
-  const menuToggleButton = document.querySelector('#toggle-menu');
-  const menuClose = document.querySelector('#close-menu');
-
-  if (menuToggleButton) {
-    menuToggleButton.addEventListener('click', toggleMenu);
-  }
-  if (menuClose) {
-    menuClose.addEventListener('click', toggleMenu);
-  }
-}
-
-/* Header */
-
-function nhsuk_header() { /* eslint-disable-line camelcase */
-  handleSearchToggle();
-  handleMenuToggle();
-}
-
-export default nhsuk_header; /* eslint-disable-line camelcase */
+export default () => {
+  AutoComplete();
+  MenuToggle();
+  SearchToggle();
+};

packages/components/header/README.md

@@ -25,5 +25,5 @@ # Header
       <a class="nhsuk-header__link" href="/" aria-label="NHS homepage">
-        <svg class="nhsuk-logo nhsuk-logo--white" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
-          <path fill="#fff" d="M0 0h40v16H0z"></path>
-          <path fill="#005eb8" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
           <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
@@ -45,3 +45,3 @@ </svg>
         <div class="nhsuk-header__search-wrap" id="wrap-search">
-          <form class="nhsuk-header__search-form" id="search"  action="/search/" method="get" role="search">
+          <form class="nhsuk-header__search-form" id="search" action="/search/" method="get" role="search">
             <label class="nhsuk-u-visually-hidden" for="search-field">Search the NHS website</label>
@@ -68,61 +68,63 @@ <div class="autocomplete-container" id="autocomplete-container"></div>
   <nav class="nhsuk-header__navigation" id="header-navigation" role="navigation" aria-label="Primary navigation" aria-labelledby="label-navigation">
-    <p class="nhsuk-header__navigation-title">
-      <span id="label-navigation">Menu</span>
-      <button class="nhsuk-header__navigation-close" id="close-menu">
-        <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-          <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
-        </svg>
-        <span class="nhsuk-u-visually-hidden">Close menu</span>
-      </button>
-    </p>
-    <ul class="nhsuk-header__navigation-list">
-      <li class="nhsuk-header__navigation-item nhsuk-header__navigation-item--for-mobile">
-        <a class="nhsuk-header__navigation-link" href="/">
-          Home
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+    <div class="nhsuk-width-container">
+      <p class="nhsuk-header__navigation-title">
+        <span id="label-navigation">Menu</span>
+        <button class="nhsuk-header__navigation-close" id="close-menu">
+          <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
           </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/conditions">
-          Health A-Z
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/live-well/">
-          Live Well
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/conditions/social-care-and-support/">
-          Care and support
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/news/">
-          Health news
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/service-search">
-          Services near you
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-    </ul>
+          <span class="nhsuk-u-visually-hidden">Close menu</span>
+        </button>
+      </p>
+      <ul class="nhsuk-header__navigation-list">
+        <li class="nhsuk-header__navigation-item nhsuk-header__navigation-item--for-mobile">
+          <a class="nhsuk-header__navigation-link" href="/">
+            Home
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/conditions">
+            Health A-Z
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/live-well/">
+            Live Well
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/conditions/social-care-and-support/">
+            Care and support
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/news/">
+            Health news
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/service-search">
+            Services near you
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+      </ul>
+    </div>
   </nav>
@@ -166,4 +168,2 @@ </header>
 
----
-
 ### Header with navigation
@@ -180,5 +180,5 @@
       <a class="nhsuk-header__link" href="/" aria-label="NHS homepage">
-        <svg class="nhsuk-logo nhsuk-logo--white" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
-          <path fill="#fff" d="M0 0h40v16H0z"></path>
-          <path fill="#005eb8" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
           <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
@@ -195,61 +195,63 @@ </svg>
   <nav class="nhsuk-header__navigation" id="header-navigation" role="navigation" aria-label="Primary navigation" aria-labelledby="label-navigation">
-    <p class="nhsuk-header__navigation-title">
-      <span id="label-navigation">Menu</span>
-      <button class="nhsuk-header__navigation-close" id="close-menu">
-        <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-          <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
-        </svg>
-        <span class="nhsuk-u-visually-hidden">Close menu</span>
-      </button>
-    </p>
-    <ul class="nhsuk-header__navigation-list">
-      <li class="nhsuk-header__navigation-item nhsuk-header__navigation-item--for-mobile">
-        <a class="nhsuk-header__navigation-link" href="/">
-          Home
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+    <div class="nhsuk-width-container">
+      <p class="nhsuk-header__navigation-title">
+        <span id="label-navigation">Menu</span>
+        <button class="nhsuk-header__navigation-close" id="close-menu">
+          <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
           </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/conditions">
-          Health A-Z
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/live-well/">
-          Live Well
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/conditions/social-care-and-support/">
-          Care and support
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/news/">
-          Health news
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-      <li class="nhsuk-header__navigation-item">
-        <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/service-search">
-          Services near you
-          <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
-            <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
-          </svg>
-        </a>
-      </li>
-    </ul>
+          <span class="nhsuk-u-visually-hidden">Close menu</span>
+        </button>
+      </p>
+      <ul class="nhsuk-header__navigation-list">
+        <li class="nhsuk-header__navigation-item nhsuk-header__navigation-item--for-mobile">
+          <a class="nhsuk-header__navigation-link" href="/">
+            Home
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/conditions">
+            Health A-Z
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/live-well/">
+            Live Well
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/conditions/social-care-and-support/">
+            Care and support
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/news/">
+            Health news
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="https://www.nhs.uk/service-search">
+            Services near you
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+      </ul>
+    </div>
   </nav>
@@ -293,4 +295,2 @@ </header>
 
----
-
 ### Header with search
@@ -307,5 +307,5 @@
       <a class="nhsuk-header__link" href="/" aria-label="NHS homepage">
-        <svg class="nhsuk-logo nhsuk-logo--white" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
-          <path fill="#fff" d="M0 0h40v16H0z"></path>
-          <path fill="#005eb8" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
           <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
@@ -360,4 +360,2 @@ </svg>
 
----
-
 ### Header with logo
@@ -372,7 +370,7 @@
   <div class="nhsuk-width-container nhsuk-header__container">
-    <div class="nhsuk-header__logo">
+    <div class="nhsuk-header__logo nhsuk-header__logo--only">
       <a class="nhsuk-header__link" href="/" aria-label="NHS homepage">
-        <svg class="nhsuk-logo nhsuk-logo--white" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
-          <path fill="#fff" d="M0 0h40v16H0z"></path>
-          <path fill="#005eb8" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
           <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
@@ -400,5 +398,5 @@ </svg>
 
-### Header with logo (transactional header)
+### Header transactional
 
-[Preview the header with logo (transactional header) component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-transactional.html)
+[Preview the header transactional component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-transactional.html)
 
@@ -410,7 +408,7 @@ #### HTML markup
   <div class="nhsuk-width-container nhsuk-header__container">
-    <div class="nhsuk-header__logo">
+    <div class="nhsuk-header__logo nhsuk-header__logo--only">
       <a class="nhsuk-header__link" href="/" aria-label="NHS homepage">
-        <svg class="nhsuk-logo nhsuk-logo--white" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
-          <path fill="#fff" d="M0 0h40v16H0z"></path>
-          <path fill="#005eb8" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
           <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
@@ -448,7 +446,7 @@ </svg>
   <div class="nhsuk-width-container nhsuk-header__container">
-    <div class="nhsuk-header__logo">
+    <div class="nhsuk-header__logo nhsuk-header__logo--only">
       <a class="nhsuk-header__link" href="/" aria-label="NHS homepage">
-        <svg class="nhsuk-logo nhsuk-logo--white" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
-          <path fill="#fff" d="M0 0h40v16H0z"></path>
-          <path fill="#005eb8" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
           <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
@@ -481,4 +479,2 @@ </svg>
 
----
-
 ### Header transactional with a long service name
@@ -493,7 +489,7 @@
   <div class="nhsuk-width-container nhsuk-header__container">
-    <div class="nhsuk-header__logo">
+    <div class="nhsuk-header__logo nhsuk-header__logo--only">
       <a class="nhsuk-header__link" href="/" aria-label="NHS homepage">
-        <svg class="nhsuk-logo nhsuk-logo--white" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
-          <path fill="#fff" d="M0 0h40v16H0z"></path>
-          <path fill="#005eb8" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
           <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
@@ -513,9 +509,6 @@ </svg>
 ```
-{% from 'components/header/macro.njk' import header %}
-
 {{ header({
-  "transactionalService": {
+    "transactionalService": {
       "name": "Find out why your NHS data matters",
-      "longName": "true",
-      "href": "https://www.nhs.uk/your-nhs-data-matters/"
+      "longName": "true"
     },
@@ -528,55 +521,432 @@ "showNav": "false",
 
----
+### Header organisational
 
-### Header with a service name and search
+[Preview the header organisational component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-org.html)
 
-[Preview the header with a service name and search component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-service-name.html)
-
 #### HTML markup
 
 ```HTML
-<header class="nhsuk-header" role="banner">
-<div class="nhsuk-width-container nhsuk-header__container">
-  <div class="nhsuk-header__logo">
-    <a class="nhsuk-header__link nhsuk-header__link--service " href="/" aria-label="NHS homepage">
-      <svg class="nhsuk-logo nhsuk-logo--white" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
-        <path fill="#fff" d="M0 0h40v16H0z"></path>
-        <path fill="#005eb8" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
-        <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
-      </svg>
-      <span class="nhsuk-header__service-name">
-      Digital service manual
-      </span>
-    </a>
+<header class="nhsuk-header nhsuk-header--organisation" role="banner">
+  <div class="nhsuk-width-container nhsuk-header__container">
+    <div class="nhsuk-header__logo">
+      <a class="nhsuk-header__link" href="/" aria-label="Anytown Anyplace Hospital Anywhere NHS Foundation Trust homepage">
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+          <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
+        </svg>
+        <span class="nhsuk-organisation-name">Anytown Anyplace <span class="nhsuk-organisation-name-split">Anywhere</span></span>
+        <span class="nhsuk-organisation-descriptor">NHS Foundation Trust</span>
+      </a>
+    </div>
+    <div class="nhsuk-header__content" id="content-header">
+      <div class="nhsuk-header__menu">
+        <button class="nhsuk-header__menu-toggle" id="toggle-menu" aria-controls="header-navigation" aria-label="Open menu">Menu</button>
+      </div>
+      <div class="nhsuk-header__search">
+        <button class="nhsuk-header__search-toggle" id="toggle-search" aria-controls="search" aria-label="Open search">
+          <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path>
+          </svg>
+          <span class="nhsuk-u-visually-hidden">Search</span>
+        </button>
+        <div class="nhsuk-header__search-wrap" id="wrap-search">
+          <form class="nhsuk-header__search-form" id="search" action="/search/" method="get" role="search">
+            <label class="nhsuk-u-visually-hidden" for="search-field">Search the NHS website</label>
+            <div class="autocomplete-container" id="autocomplete-container"></div>
+            <input class="nhsuk-search__input" id="search-field" name="search-field" type="search" placeholder="Search" autocomplete="off">
+            <button class="nhsuk-search__submit" type="submit">
+              <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                <path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path>
+              </svg>
+              <span class="nhsuk-u-visually-hidden">Search</span>
+            </button>
+            <button class="nhsuk-search__close" id="close-search">
+              <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
+              </svg>
+              <span class="nhsuk-u-visually-hidden">Close search</span>
+            </button>
+          </form>
+        </div>
+      </div>
+    </div>
   </div>
-  <div class="nhsuk-header__content" id="content-header">
-    <div class="nhsuk-header__search">
-      <button class="nhsuk-header__search-toggle" id="toggle-search" aria-controls="search" aria-label="Open search">
-        <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-          <path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path>
+  <nav class="nhsuk-header__navigation" id="header-navigation" role="navigation" aria-label="Primary navigation" aria-labelledby="label-navigation">
+    <div class="nhsuk-width-container">
+      <p class="nhsuk-header__navigation-title">
+        <span id="label-navigation">Menu</span>
+        <button class="nhsuk-header__navigation-close" id="close-menu">
+          <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
+          </svg>
+          <span class="nhsuk-u-visually-hidden">Close menu</span>
+        </button>
+      </p>
+      <ul class="nhsuk-header__navigation-list">
+        <li class="nhsuk-header__navigation-item nhsuk-header__navigation-item--for-mobile">
+          <a class="nhsuk-header__navigation-link" href="/">
+            Home
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Your hospital visit
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Wards and departments
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Conditions and treatments
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Our people
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Our research
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</header>
+```
+
+#### Nunjucks macro
+
+```
+{{ header({
+    "showNav": "true",
+    "showSearch": "true",
+    "organisation": {
+      "name": "Anytown Anyplace",
+      "split": "Anywhere",
+      "descriptor": "NHS Foundation Trust"
+    },
+    "primaryLinks": [
+      {
+        "url"  : "#",
+        "label" : "Your hospital visit"
+      },
+      {
+        'url' : '#',
+        'label' : 'Wards and departments'
+      },
+      {
+        'url'  : '#',
+        'label' : 'Conditions and treatments'
+      },
+      {
+        'url'  : '#',
+        'label' : 'Our people'
+      },
+      {
+        'url' : '#',
+        'label' : 'Our research'
+      }
+    ]
+  })
+}}
+```
+
+### Header organisational with white header
+
+[Preview the header organisational with white header component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-org-white.html)
+
+#### HTML markup
+
+```html
+<header class="nhsuk-header nhsuk-header--organisation nhsuk-header--white" role="banner">
+  <div class="nhsuk-width-container nhsuk-header__container">
+    <div class="nhsuk-header__logo">
+      <a class="nhsuk-header__link" href="/" aria-label="Anytown Anyplace Anywhere NHS Foundation Trust homepage">
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+          <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
         </svg>
-        <span class="nhsuk-u-visually-hidden">Search</span>
-      </button>
-      <div class="nhsuk-header__search-wrap" id="wrap-search">
-        <form class="nhsuk-header__search-form" id="search" action="/search/" method="get" role="search">
-          <label class="nhsuk-u-visually-hidden" for="search-field">Search the NHS website</label>
-          <div class="autocomplete-container" id="autocomplete-container"></div>
-          <input class="nhsuk-search__input" id="search-field" name="search-field" type="search" placeholder="Search" autocomplete="off">
-          <button class="nhsuk-search__submit" type="submit">
-            <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-              <path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path>
+        <span class="nhsuk-organisation-name">Anytown Anyplace <span class="nhsuk-organisation-name-split">Anywhere</span></span>
+        <span class="nhsuk-organisation-descriptor">NHS Foundation Trust</span>
+      </a>
+    </div>
+    <div class="nhsuk-header__content" id="content-header">
+      <div class="nhsuk-header__menu">
+        <button class="nhsuk-header__menu-toggle" id="toggle-menu" aria-controls="header-navigation" aria-label="Open menu">Menu</button>
+      </div>
+      <div class="nhsuk-header__search">
+        <button class="nhsuk-header__search-toggle" id="toggle-search" aria-controls="search" aria-label="Open search">
+          <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path>
+          </svg>
+          <span class="nhsuk-u-visually-hidden">Search</span>
+        </button>
+        <div class="nhsuk-header__search-wrap" id="wrap-search">
+          <form class="nhsuk-header__search-form" id="search" action="/search/" method="get" role="search">
+            <label class="nhsuk-u-visually-hidden" for="search-field">Search the NHS website</label>
+            <div class="autocomplete-container" id="autocomplete-container"></div>
+            <input class="nhsuk-search__input" id="search-field" name="search-field" type="search" placeholder="Search" autocomplete="off">
+            <button class="nhsuk-search__submit" type="submit">
+              <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                <path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path>
+              </svg>
+              <span class="nhsuk-u-visually-hidden">Search</span>
+            </button>
+            <button class="nhsuk-search__close" id="close-search">
+              <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
+              </svg>
+              <span class="nhsuk-u-visually-hidden">Close search</span>
+            </button>
+          </form>
+        </div>
+      </div>
+    </div>
+  </div>
+  <nav class="nhsuk-header__navigation" id="header-navigation" role="navigation" aria-label="Primary navigation" aria-labelledby="label-navigation">
+    <div class="nhsuk-width-container">
+      <p class="nhsuk-header__navigation-title">
+        <span id="label-navigation">Menu</span>
+        <button class="nhsuk-header__navigation-close" id="close-menu">
+          <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
+          </svg>
+          <span class="nhsuk-u-visually-hidden">Close menu</span>
+        </button>
+      </p>
+      <ul class="nhsuk-header__navigation-list">
+        <li class="nhsuk-header__navigation-item nhsuk-header__navigation-item--for-mobile">
+          <a class="nhsuk-header__navigation-link" href="/">
+            Home
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
             </svg>
-            <span class="nhsuk-u-visually-hidden">Search</span>
-          </button>
-          <button class="nhsuk-search__close" id="close-search">
-            <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
-              <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Your hospital visit
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
             </svg>
-            <span class="nhsuk-u-visually-hidden">Close search</span>
-          </button>
-        </form>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Wards and departments
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Conditions and treatments
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Our people
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Our research
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</header>
+```
+
+#### Nunjucks macro
+
+```
+{{ header({
+    "showNav": "true",
+    "showSearch": "true",
+    "classes": "nhsuk-header--white",
+    "organisation": {
+      "name": "Anytown Anyplace",
+      "split": "Anywhere",
+      "descriptor": "NHS Foundation Trust"
+    },
+    "primaryLinks": [
+      {
+        "url"  : "#",
+        "label" : "Your hospital visit"
+      },
+      {
+        'url' : '#',
+        'label' : 'Wards and departments'
+      },
+      {
+        'url'  : '#',
+        'label' : 'Conditions and treatments'
+      },
+      {
+        'url'  : '#',
+        'label' : 'Our people'
+      },
+      {
+        'url' : '#',
+        'label' : 'Our research'
+      }
+    ]
+  })
+}}
+```
+
+### Header organisational with white header and navigation
+
+[Preview the header organisational with white header and navigation component](https://nhsuk.github.io/nhsuk-frontend/components/header/header-org-white-nav.html)
+
+#### HTML markup 
+
+```html
+<header class="nhsuk-header nhsuk-header--organisation nhsuk-header--white nhsuk-header--white-nav" role="banner">
+  <div class="nhsuk-width-container nhsuk-header__container">
+    <div class="nhsuk-header__logo">
+      <a class="nhsuk-header__link" href="/" aria-label="Anytown Anyplace Anywhere NHS Foundation Trust homepage">
+        <svg class="nhsuk-logo" xmlns="http://www.w3.org/2000/svg" role="presentation" focusable="false" viewBox="0 0 40 16">
+          <path class="nhsuk-logo__background" d="M0 0h40v16H0z"></path>
+          <path class="nhsuk-logo__text" d="M3.9 1.5h4.4l2.6 9h.1l1.8-9h3.3l-2.8 13H9l-2.7-9h-.1l-1.8 9H1.1M17.3 1.5h3.6l-1 4.9h4L25 1.5h3.5l-2.7 13h-3.5l1.1-5.6h-4.1l-1.2 5.6h-3.4M37.7 4.4c-.7-.3-1.6-.6-2.9-.6-1.4 0-2.5.2-2.5 1.3 0 1.8 5.1 1.2 5.1 5.1 0 3.6-3.3 4.5-6.4 4.5-1.3 0-2.9-.3-4-.7l.8-2.7c.7.4 2.1.7 3.2.7s2.8-.2 2.8-1.5c0-2.1-5.1-1.3-5.1-5 0-3.4 2.9-4.4 5.8-4.4 1.6 0 3.1.2 4 .6"></path>
+          <image src="https://assets.nhs.uk/images/nhs-logo.png" xlink:href=""></image>
+        </svg>
+        <span class="nhsuk-organisation-name">Anytown Anyplace Anywhere</span>
+        <span class="nhsuk-organisation-descriptor">NHS Foundation Trust</span>
+      </a>
+    </div>
+    <div class="nhsuk-header__content" id="content-header">
+      <div class="nhsuk-header__menu">
+        <button class="nhsuk-header__menu-toggle" id="toggle-menu" aria-controls="header-navigation" aria-label="Open menu">Menu</button>
       </div>
+      <div class="nhsuk-header__search">
+        <button class="nhsuk-header__search-toggle" id="toggle-search" aria-controls="search" aria-label="Open search">
+          <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path>
+          </svg>
+          <span class="nhsuk-u-visually-hidden">Search</span>
+        </button>
+        <div class="nhsuk-header__search-wrap" id="wrap-search">
+          <form class="nhsuk-header__search-form" id="search" action="/search/" method="get" role="search">
+            <label class="nhsuk-u-visually-hidden" for="search-field">Search the NHS website</label>
+            <div class="autocomplete-container" id="autocomplete-container"></div>
+            <input class="nhsuk-search__input" id="search-field" name="search-field" type="search" placeholder="Search" autocomplete="off">
+            <button class="nhsuk-search__submit" type="submit">
+              <svg class="nhsuk-icon nhsuk-icon__search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                <path d="M19.71 18.29l-4.11-4.1a7 7 0 1 0-1.41 1.41l4.1 4.11a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42zM5 10a5 5 0 1 1 5 5 5 5 0 0 1-5-5z"></path>
+              </svg>
+              <span class="nhsuk-u-visually-hidden">Search</span>
+            </button>
+            <button class="nhsuk-search__close" id="close-search">
+              <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+                <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
+              </svg>
+              <span class="nhsuk-u-visually-hidden">Close search</span>
+            </button>
+          </form>
+        </div>
+      </div>
     </div>
   </div>
-</div>
+  <nav class="nhsuk-header__navigation" id="header-navigation" role="navigation" aria-label="Primary navigation" aria-labelledby="label-navigation">
+    <div class="nhsuk-width-container">
+      <p class="nhsuk-header__navigation-title">
+        <span id="label-navigation">Menu</span>
+        <button class="nhsuk-header__navigation-close" id="close-menu">
+          <svg class="nhsuk-icon nhsuk-icon__close" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
+            <path d="M13.41 12l5.3-5.29a1 1 0 1 0-1.42-1.42L12 10.59l-5.29-5.3a1 1 0 0 0-1.42 1.42l5.3 5.29-5.3 5.29a1 1 0 0 0 0 1.42 1 1 0 0 0 1.42 0l5.29-5.3 5.29 5.3a1 1 0 0 0 1.42 0 1 1 0 0 0 0-1.42z"></path>
+          </svg>
+          <span class="nhsuk-u-visually-hidden">Close menu</span>
+        </button>
+      </p>
+      <ul class="nhsuk-header__navigation-list">
+        <li class="nhsuk-header__navigation-item nhsuk-header__navigation-item--for-mobile">
+          <a class="nhsuk-header__navigation-link" href="/">
+            Home
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Your hospital visit
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Wards and departments
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Conditions and treatments
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Our people
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+        <li class="nhsuk-header__navigation-item">
+          <a class="nhsuk-header__navigation-link" href="#">
+            Our research
+            <svg class="nhsuk-icon nhsuk-icon__chevron-right" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" aria-hidden="true">
+              <path d="M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z"></path>
+            </svg>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </nav>
+</header>
 ```
@@ -587,11 +957,32 @@
 ```
-{% from 'components/header/macro.njk' import header %}
-
 {{ header({
-  "service": {
-    "name": "Digital service manual",
-    "longName": "true"
-  },
-  "showNav": "false",
-  "showSearch": "true"
+    "showNav": "true",
+    "showSearch": "true",
+    "classes": "nhsuk-header--white nhsuk-header--white-nav",
+    "organisation": {
+      "name": "Anytown Anyplace Anywhere",
+      "descriptor": "NHS Foundation Trust"
+    },
+    "primaryLinks": [
+      {
+        "url"  : "#",
+        "label" : "Your hospital visit"
+      },
+      {
+        'url' : '#',
+        'label' : 'Wards and departments'
+      },
+      {
+        'url'  : '#',
+        'label' : 'Conditions and treatments'
+      },
+      {
+        'url'  : '#',
+        'label' : 'Our people'
+      },
+      {
+        'url' : '#',
+        'label' : 'Our research'
+      }
+    ]
   })
@@ -601,4 +992,2 @@ }}
 
----
-
 ### Nunjucks arguments
@@ -614,3 +1003,8 @@
 | **ariaLabel**              | string   | No        | Aria label for the logo href. Defaults to "NHS homepage". |
-| **primaryLinks**           | array    | No        | Array of navigation links for use in the header |
+| **organisation**           | object   | No        | Settings for header with organisational logo. |
+| **organisation.name**      | string   | No        | Organisation name value. |
+| **organisation.split**     | string   | No        | Longer organisation names can be split onto multiple lines. |
+| **organisation.descriptor**      | string   | No  | Organisation descriptor. |
+| **organisation.logoURL**   | string   | No        | Organisation logo if using a static asset, such as PNG, is preferred. |
+| **primaryLinks**           | array    | No        | Array of navigation links for use in the header. |
 | **primaryLinks[].url**     | string   | No        | The href of a navigation item in the header. |
@@ -617,0 +1011,0 @@ | **primaryLinks[].label**   | string   | No        | The label of a navigation item in the header. |

packages/components/images/README.md

@@ -15,3 +15,3 @@ # Images
 <figure class="nhsuk-image">
-  <img class="nhsuk-image__img" src="https://assets.nhs.uk/prod/images/S_1017_allergic-conjunctivitis_M15.2e16d0ba.fill-320x213.jpg" alt="Picture of allergic conjunctivitis">
+  <img class="nhsuk-image__img" src="https://assets.nhs.uk/prod/images/S_1017_allergic-conjunctivitis_M15.2e16d0ba.fill-320x213.jpg" alt="Picture of allergic conjunctivitis" sizes="(min-width: 1020px) 320px, (min-width: 768px) 50vw, 100vw" srcset="https://assets.nhs.uk/prod/images/S_1017_allergic-conjunctivitis_M15.2e16d0ba.fill-640x427.jpg 640w, https://assets.nhs.uk/prod/images/S_1017_allergic-conjunctivitis_M15.2e16d0ba.fill-767x511.jpg 767w">
   <figcaption class="nhsuk-image__caption">
@@ -21,3 +21,2 @@ Itchy, red, watering eyes
 </figure>
-
 <figure class="nhsuk-image">
@@ -35,2 +34,4 @@ <img class="nhsuk-image__img" src="https://assets.nhs.uk/prod/images/S_1017_allergic-conjunctivitis_M15.2e16d0ba.fill-320x213.jpg" alt="Picture of allergic conjunctivitis">
   "src": "https://assets.nhs.uk/prod/images/S_1017_allergic-conjunctivitis_M15.2e16d0ba.fill-320x213.jpg",
+  "sizes": "(min-width: 1020px) 320px, (min-width: 768px) 50vw, 100vw",
+  "srcset": "https://assets.nhs.uk/prod/images/S_1017_allergic-conjunctivitis_M15.2e16d0ba.fill-640x427.jpg 640w, https://assets.nhs.uk/prod/images/S_1017_allergic-conjunctivitis_M15.2e16d0ba.fill-767x511.jpg 767w",
   "alt": "Picture of allergic conjunctivitis",
@@ -42,3 +43,3 @@ "caption": "Itchy, red, watering eyes"
   "src": "https://assets.nhs.uk/prod/images/S_1017_allergic-conjunctivitis_M15.2e16d0ba.fill-320x213.jpg",
-  "alt": "Picture of allergic conjunctivitis" 
+  "alt": "Picture of allergic conjunctivitis"
 }) }}
@@ -56,5 +57,5 @@ ```
 | **caption**             | string   | No        | Optional caption text for the image. |
+| **sizes**               | string   | No        | A list of screen sizes for the browser to load the correct image from the srcset images. |
+| **srcset**              | string   | No        | A list of image source URLs and their respective sizes. Separate each image with a comma. |
 | **classes**             | string   | No        | Optional additional classes to add to the image container. Separate each class with a space. |
 | **attributes**          | object   | No        | Any extra HTML attributes (for example data attributes) to add to the image container. |
-
-If you are using Nunjucks macros in production be aware that using `html` arguments, or ones ending with `html` can be a [security risk](https://developer.mozilla.org/en-US/docs/Glossary/Cross-site_scripting). Read more about this in the [Nunjucks documentation](https://mozilla.github.io/nunjucks/api.html#user-defined-templates-warning).

packages/components/skip-link/skip-link.js

 /*
- * Skip link
+ * NHS.UK skip link.
  *
  * When using VoiceOver on iOS, focus remains on the skip link anchor
  * when elected so the next focusable element is not at the jumped to area.
- * This Javascript hack focuses on the first page <h1> element
- * (if one exists, which it should) by adding tabindex = -1 to it and
- * then removes it when focus is off it.
  */
 
-function addFocus() {
-  const headingElement = document.getElementsByTagName('H1')[0];
-  headingElement.setAttribute('tabIndex', '-1');
-  headingElement.focus();
-}
+export default () => {
+  // Assign required DOM elements
+  const heading = document.querySelector('h1');
+  const skipLink = document.querySelector('.nhsuk-skip-link');
 
-function removeFocus() {
-  const headingElement = document.getElementsByTagName('H1')[0];
-  headingElement.removeAttribute('tabIndex');
-}
-
-function handleSkipLink() {
-  const skipLinkElement = document.querySelector('.nhsuk-skip-link');
-  const headingElement = document.getElementsByTagName('H1')[0];
-  if (skipLinkElement && headingElement) {
-    skipLinkElement.addEventListener('click', e => { /* eslint-disable-line arrow-parens */
-      e.preventDefault();
-      addFocus();
+  const addEvents = () => {
+    // Add tabindex = -1 and apply focus to heading on skip link click
+    skipLink.addEventListener('click', (event) => {
+      event.preventDefault();
+      heading.setAttribute('tabIndex', '-1');
+      heading.focus();
     });
-  }
-}
-
-function handleHeader() {
-  const skipLinkElement = document.querySelector('.nhsuk-skip-link');
-  const headingElement = document.getElementsByTagName('H1')[0];
-  if (skipLinkElement && headingElement) {
-    headingElement.addEventListener('blur', e => { /* eslint-disable-line arrow-parens */
-      e.preventDefault();
-      removeFocus();
+    // Remove tabindex from heading on blur
+    heading.addEventListener('blur', (event) => {
+      event.preventDefault();
+      heading.removeAttribute('tabIndex');
     });
-  }
-}
+  };
 
-function nhsuk_skipLink() { /* eslint-disable-line camelcase */
-  handleSkipLink();
-  handleHeader();
-}
-
-export default nhsuk_skipLink; /* eslint-disable-line camelcase */
+  if (heading && skipLink) addEvents();
+};

packages/nhsuk.js

 // Components
-import nhsuk_feedbackBanner from './components/feedback-banner/feedback-banner';
-import nhsuk_header from './components/header/header';
-import nhsuk_skipLink from './components/skip-link/skip-link';
-import autocomplete from './components/header/autocomplete';
+import Header from './components/header/header';
+import SkipLink from './components/skip-link/skip-link';
+import Details from './components/details/details';
 
-// HTML5 polyfills
-import './components/details/details.polyfill';
-
 // Initialize components
-document.addEventListener('DOMContentLoaded', function() {
-  nhsuk_feedbackBanner(3000);
-  nhsuk_header();
-  nhsuk_skipLink();
-  autocomplete();
-})
+document.addEventListener('DOMContentLoaded', () => {
+  Details();
+  Header();
+  SkipLink();
+});

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

987190

increased by4.52%

Lines of code

6113

increased by1.6%

Worsened metrics

Dev dependency count

26

increased by18.18%

Number of package files

229

decreased by-0.87%

Dependency changes

• + Addedaccessible-autocomplete@2.0.4(transitive)

• - Removedaccessible-autocomplete@1.6.2(transitive)

• Updatedaccessible-autocomplete@^2.0.1