hmrc-frontend 5.9.0 → 5.11.0

package/hmrc/VERSION.txt

@@ -1 +1 @@
-5.9.0
+5.11.0

package/hmrc/{accessible-autocomplete-5.9.0.css → accessible-autocomplete-5.11.0.css}

@@ -1,2 +1,4 @@
-.autocomplete__wrapper{position:relative}.autocomplete__hint,.autocomplete__input{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%}.autocomplete__input{background-color:rgba(0,0,0,0);position:relative}.autocomplete__hint{color:#b1b4b6;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{outline:3px solid #fd0;outline-offset:0;-webkit-box-shadow:inset 0 0 0 2px;box-shadow:inset 0 0 0 2px}.autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{-webkit-box-shadow:rgba(0,0,0,.256863) 0 2px 6px;box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}@media (-ms-high-contrast:active),(forced-colors:active){.autocomplete__menu{border-color:FieldText}.autocomplete__option{background-color:Field;color:FieldText}.autocomplete__option--focused,.autocomplete__option:hover{forced-color-adjust:none;background-color:SelectedItem;border-color:SelectedItem;color:SelectedItemText;outline-color:SelectedItemText}}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:16px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:19px;line-height:1.31579}}
-/*# sourceMappingURL=maps/accessible-autocomplete-5.9.0.css.map */
+.autocomplete__wrapper{position:relative}.autocomplete__hint,.autocomplete__input{-webkit-appearance:none;border:2px solid #0b0c0c;border-radius:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-bottom:0;width:100%}.autocomplete__input{background-color:rgba(0,0,0,0);position:relative}.autocomplete__hint{color:#b1b4b6;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{outline:3px solid #fd0;outline-offset:0;-webkit-box-shadow:inset 0 0 0 2px;box-shadow:inset 0 0 0 2px}.autocomplete__input--show-all-values{padding:5px 34px 5px 5px;cursor:pointer}.autocomplete__dropdown-arrow-down{z-index:-1;display:inline-block;position:absolute;right:8px;width:24px;height:24px;top:10px}.autocomplete__menu{background-color:#fff;border:2px solid #0b0c0c;border-top:0;color:#0b0c0c;margin:0;max-height:342px;overflow-x:hidden;padding:0;width:100%;width:calc(100% - 4px)}.autocomplete__menu--visible{display:block}.autocomplete__menu--hidden{display:none}.autocomplete__menu--overlay{-webkit-box-shadow:rgba(0,0,0,.256863) 0 2px 6px;box-shadow:0 2px 6px rgba(0,0,0,.256863);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-left-width:0;border-bottom:1px solid #b1b4b6;border-right-width:0;border-top-width:1px;cursor:pointer;display:block;position:relative}.autocomplete__option>*{pointer-events:none}.autocomplete__option:first-of-type{border-top-width:0}.autocomplete__option:last-of-type{border-bottom-width:0}.autocomplete__option--odd{background-color:#fafafa}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:0}@media (-ms-high-contrast:active),(forced-colors:active){.autocomplete__menu{border-color:FieldText}.autocomplete__option{background-color:Field;color:FieldText}.autocomplete__option--focused,.autocomplete__option:hover{forced-color-adjust:none;background-color:SelectedItem;border-color:SelectedItem;color:SelectedItemText;outline-color:SelectedItemText}}.autocomplete__option--no-results{background-color:#fafafa;color:#646b6f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:16px;line-height:1.25}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:19px;line-height:1.31579}}.autocomplete__input,.autocomplete__wrapper{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:16px;font-size:1rem;line-height:1.25}
+
+/*! Copyright (c) 2011 by Margaret Calvert & Henrik Kubel. All rights reserved. The font has been customised for exclusive use on gov.uk. This cut is not commercially available. */@font-face{font-family:GDS Transport;font-style:normal;font-weight:400;src:url(/assets/fonts/light-94a07e06a1-v2.woff2) format("woff2"),url(/assets/fonts/light-f591b13f7d-v2.woff) format("woff");font-display:fallback}@font-face{font-family:GDS Transport;font-style:normal;font-weight:700;src:url(/assets/fonts/bold-b542beb274-v2.woff2) format("woff2"),url(/assets/fonts/bold-affa96571d-v2.woff) format("woff");font-display:fallback}@media print{.autocomplete__input,.autocomplete__wrapper{font-family:sans-serif}}@media (min-width:40.0625em){.autocomplete__input,.autocomplete__wrapper{font-size:19px;font-size:1.1875rem;line-height:1.31579}}@media print{.autocomplete__input,.autocomplete__wrapper{font-size:14pt;line-height:1.15}}
+/*# sourceMappingURL=maps/accessible-autocomplete-5.11.0.css.map */

package/hmrc/{accessible-autocomplete-5.9.0.js → accessible-autocomplete-5.11.0.js}

@@ -1616,6 +1616,49 @@
 
 	var HMRCAccessibleAutocomplete = unwrapExports(accessibleAutocomplete_min);
 
+	/**
+	 * TODO: Ideally this would be a NodeList.prototype.forEach polyfill
+	 * This seems to fail in IE8, requires more investigation.
+	 * See: https://github.com/imagitama/nodelist-foreach-polyfill
+	 */
+	// eslint-disable-next-line consistent-return
+	function nodeListForEach(nodes, callback) {
+	  if (window.NodeList.prototype.forEach) {
+	    return nodes.forEach(callback);
+	  }
+
+	  for (var i = 0; i < nodes.length; i += 1) {
+	    callback.call(window, nodes[i], i, nodes);
+	  }
+	} // eslint-disable-next-line import/prefer-default-export
+
+	function AccessibleAutoComplete($module, window, document) {
+	  this.$module = $module;
+	  this.window = window;
+	  this.document = document;
+	}
+
+	AccessibleAutoComplete.prototype.init = function init() {
+	  if (this.$module) {
+	    var showAllValues = this.$module.getAttribute('data-show-all-values') === 'true';
+	    var autoselect = this.$module.getAttribute('data-auto-select') === 'true';
+	    var defaultValue = this.$module.getAttribute('data-default-value');
+	    window.HMRCAccessibleAutocomplete.enhanceSelectElement({
+	      selectElement: this.$module,
+	      showAllValues: showAllValues,
+	      autoselect: autoselect,
+	      defaultValue: defaultValue
+	    });
+	  }
+	};
+
 	window.HMRCAccessibleAutocomplete = HMRCAccessibleAutocomplete;
+	var $AccessibleAutocomplete = document.querySelectorAll('select[data-module="hmrc-accessible-autocomplete"]');
+
+	if ($AccessibleAutocomplete) {
+	  nodeListForEach($AccessibleAutocomplete, function (selectElement) {
+	    new AccessibleAutoComplete(selectElement, window, document).init();
+	  });
+	}
 
 })));

package/hmrc/accessible-autocomplete.js

@@ -1,3 +1,12 @@
 import HMRCAccessibleAutocomplete from 'accessible-autocomplete';
+import { nodeListForEach } from './common';
+import AccessibleAutoComplete from './components/accessible-autocomplete/accessible-autocomplete';
 
 window.HMRCAccessibleAutocomplete = HMRCAccessibleAutocomplete;
+
+const $AccessibleAutocomplete = document.querySelectorAll('select[data-module="hmrc-accessible-autocomplete"]');
+if ($AccessibleAutocomplete) {
+  nodeListForEach($AccessibleAutocomplete, (selectElement) => {
+    new AccessibleAutoComplete(selectElement, window, document).init();
+  });
+}

package/hmrc/accessible-autocomplete.scss

@@ -1 +1,9 @@
+@import "../../govuk-frontend/govuk/settings/all";
+@import "../../govuk-frontend/govuk/tools/all";
+@import "../../govuk-frontend/govuk/helpers/all";
 @import "../../accessible-autocomplete/dist/accessible-autocomplete.min";
+
+.autocomplete__wrapper,
+.autocomplete__input {
+  @include govuk-font($size: 19);
+}