hmrc-frontend 6.63.0 → 6.65.0

package/hmrc/VERSION.txt

@@ -1 +1 @@
-6.63.0
+6.65.0

package/hmrc/{accessible-autocomplete-6.63.0.css → accessible-autocomplete-6.65.0.css}

@@ -1,2 +1,2 @@
 .autocomplete__wrapper{position:relative}.autocomplete__hint,.autocomplete__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #0b0c0c;border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:2.5rem;line-height:1.25;margin-bottom:0;width:100%}.autocomplete__input{background-color:rgba(0,0,0,0);position:relative}.autocomplete__hint{color:#505a5f;position:absolute}.autocomplete__input--default{padding:5px}.autocomplete__input--focused{-webkit-box-shadow:inset 0 0 0 2px;box-shadow:inset 0 0 0 2px;outline:3px solid #fd0;outline-offset:0}.autocomplete__input--show-all-values{cursor:pointer;padding:5px 35px 5px 5px}.autocomplete__dropdown-arrow-down{display:inline-block;height:24px;position:absolute;right:8px;top:10px;width:24px;z-index:-1}.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:0 2px 6px rgba(0,0,0,.257);box-shadow:0 2px 6px rgba(0,0,0,.257);left:0;position:absolute;top:100%;z-index:100}.autocomplete__menu--inline{position:relative}.autocomplete__option{border-bottom:1px solid #b1b4b6;border-left-width:0;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:#f3f2f1}.autocomplete__option--focused,.autocomplete__option:hover{background-color:#1d70b8;border-color:#1d70b8;color:#fff;outline:none}@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{background-color:Highlight;background-color:SelectedItem;border-color:SelectedItem;color:HighlightText;color:SelectedItemText;forced-color-adjust:none;outline-color:SelectedItemText}}.autocomplete__option--no-results{background-color:#f3f2f1;color:#505a5f;cursor:not-allowed}.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:1rem;font-weight:400}.autocomplete__hint,.autocomplete__option{padding:5px}@media (min-width:641px){.autocomplete__hint,.autocomplete__input,.autocomplete__option{font-size:1.1875rem;line-height:1.3157894737}}.autocomplete__hint,.autocomplete__input,.autocomplete__option,.autocomplete__wrapper{font-family:GDS Transport,arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;font-size:1rem;line-height:1.25}@media print{.autocomplete__hint,.autocomplete__input,.autocomplete__option,.autocomplete__wrapper{font-family:sans-serif}}@media (min-width:40.0625em){.autocomplete__hint,.autocomplete__input,.autocomplete__option,.autocomplete__wrapper{font-size:1.1875rem;line-height:1.3157894737}}@media print{.autocomplete__hint,.autocomplete__input,.autocomplete__option,.autocomplete__wrapper{font-size:14pt;line-height:1.15}}.govuk-form-group--error div:has(+.govuk-select--error[data-module=hmrc-accessible-autocomplete])>.autocomplete__wrapper .autocomplete__input{border-color:#d4351c}.autocomplete__dropdown-arrow-down{z-index:0;pointer-events:none}
-/*# sourceMappingURL=maps/accessible-autocomplete-6.63.0.css.map */
+/*# sourceMappingURL=maps/accessible-autocomplete-6.65.0.css.map */

package/hmrc/{accessible-autocomplete-6.63.0.js → accessible-autocomplete-6.65.0.js}

@@ -2851,6 +2851,14 @@
 	}
 	AccessibleAutoComplete.prototype.init = function init() {
 	  if (this.$module) {
+	    var trimQuery = function trimQuery(values) {
+	      return function (query, syncResults) {
+	        var matches = values.filter(function (r) {
+	          return r.toLowerCase().indexOf(query.toLowerCase().trim()) !== -1;
+	        });
+	        syncResults(matches);
+	      };
+	    };
 	    var selectElement = this.$module;
 	    var selectOptions = Array.from(selectElement.options);
 	    var autocompleteId = selectElement.id;
@@ -2864,6 +2872,14 @@
 	      autoselect: autoselect,
 	      defaultValue: defaultValue,
 	      minLength: minLength,
+	      // we don't yet support preserveNullOptions,
+	      // but if we start then it needs to override this filtering
+	      // https://github.com/alphagov/accessible-autocomplete/blob/main/src/wrapper.js#L24
+	      source: trimQuery(Array.from(this.$module.options).filter(function (a) {
+	        return a.value;
+	      }).map(function (a) {
+	        return a.textContent;
+	      })),
 	      onConfirm: function onConfirm(chosenOption) {
 	        var _document$getElementB;
 	        selectElement.value = '';
@@ -2903,7 +2919,7 @@
 	    var autocompleteElementMissingAriaDescribedAttrs = autocompleteElement && autocompleteElement.tagName !== 'select' && !autocompleteElementAriaDescribedBy.includes(selectElementAriaDescribedBy);
 	    if (autocompleteElementMissingAriaDescribedAttrs) {
 	      // if there is a hint and/or error then the autocomplete element
-	      // needs to be aria-describedby these, which it isn't be default.
+	      // needs to be aria-describedby these, which it isn't by default.
 	      // we need to check if it hasn't already been done to avoid adding
 	      // them twice if someone has added a separate patch.
 	      autocompleteElement.setAttribute('aria-describedby', "".concat(selectElementAriaDescribedBy, " ").concat(autocompleteElementAriaDescribedBy));

package/hmrc/all.js

@@ -500,7 +500,6 @@
       var $visualMessge = utils.generateDomElementFromStringAndAppendText('<p class="govuk-body hmrc-timeout-dialog__message" aria-hidden="true">', settings.message);
       $visualMessge.appendChild(document.createTextNode(' '));
       $visualMessge.appendChild($countdownElement);
-      $visualMessge.appendChild(document.createTextNode('.'));
       if (settings.messageSuffix) {
         $visualMessge.appendChild(document.createTextNode(" ".concat(settings.messageSuffix)));
       }
@@ -535,16 +534,16 @@
         var minutes;
         var visibleMessage;
         if (counter < 60) {
-          visibleMessage = "".concat(counter, " ").concat(settings.properties[counter !== 1 ? 'seconds' : 'second']);
+          visibleMessage = "".concat(counter, " ").concat(settings.properties[counter !== 1 ? 'seconds' : 'second'], ".");
         } else {
           minutes = Math.ceil(counter / 60);
-          visibleMessage = "".concat(minutes, " ").concat(settings.properties[minutes === 1 ? 'minute' : 'minutes']);
+          visibleMessage = "".concat(minutes, " ").concat(settings.properties[minutes === 1 ? 'minute' : 'minutes'], ".");
         }
         return visibleMessage;
       };
       var getAudibleHumanText = function getAudibleHumanText(counter) {
         var humanText = getHumanText(roundSecondsUp(counter));
-        var messageParts = [settings.message, ' ', humanText, '.'];
+        var messageParts = [settings.message, ' ', humanText];
         if (settings.messageSuffix) {
           messageParts.push(' ');
           messageParts.push(settings.messageSuffix);

package/hmrc/components/accessible-autocomplete/accessible-autocomplete.js

@@ -6,6 +6,11 @@ function AccessibleAutoComplete($module, window, document) {
 
 AccessibleAutoComplete.prototype.init = function init() {
   if (this.$module) {
+    const trimQuery = (values) => (query, syncResults) => {
+      const matches = values.filter((r) => r.toLowerCase()
+        .indexOf(query.toLowerCase().trim()) !== -1);
+      syncResults(matches);
+    };
     const selectElement = this.$module;
     const selectOptions = Array.from(selectElement.options);
     const autocompleteId = selectElement.id;
@@ -20,6 +25,11 @@ AccessibleAutoComplete.prototype.init = function init() {
       autoselect,
       defaultValue,
       minLength,
+      // we don't yet support preserveNullOptions,
+      // but if we start then it needs to override this filtering
+      // https://github.com/alphagov/accessible-autocomplete/blob/main/src/wrapper.js#L24
+      source: trimQuery(Array.from(this.$module.options).filter((a) => a.value)
+        .map((a) => a.textContent)),
       onConfirm: (chosenOption) => {
         selectElement.value = '';
         const chosenOptionOrCurrentValue = (typeof chosenOption !== 'undefined')
@@ -60,7 +70,7 @@ AccessibleAutoComplete.prototype.init = function init() {
     );
     if (autocompleteElementMissingAriaDescribedAttrs) {
       // if there is a hint and/or error then the autocomplete element
-      // needs to be aria-describedby these, which it isn't be default.
+      // needs to be aria-describedby these, which it isn't by default.
       // we need to check if it hasn't already been done to avoid adding
       // them twice if someone has added a separate patch.
       autocompleteElement.setAttribute(

package/hmrc/components/timeout-dialog/_timeout-dialog.scss

@@ -16,29 +16,27 @@
   -moz-opacity: 0.8;
 }
 
-html {
-  &.no-scroll {
-    overflow: hidden;
-  }
-}
-
 .hmrc-timeout-dialog {
   position: fixed;
   z-index: 1002;
   top: 50%;
   left: 50%;
   width: 280px;
+  max-width: 100%;
+  max-height: 100%;
   padding: 30px;
-  overflow-x: hidden;
-  overflow-y: auto;
+  overflow: auto;
   -webkit-transform: translate(-50%, -50%);
       -ms-transform: translate(-50%, -50%);
           transform: translate(-50%, -50%);
   border: 5px solid govuk-colour("black");
   background-color: govuk-colour("white");
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
 
   @include govuk-media-query($from: tablet) {
     width: 435px;
+    max-width: 100%;
   }
 
   &:focus {

package/hmrc/components/timeout-dialog/timeout-dialog.js

@@ -163,7 +163,6 @@ function TimeoutDialog($module, $sessionActivityService) {
     );
     $visualMessge.appendChild(document.createTextNode(' '));
     $visualMessge.appendChild($countdownElement);
-    $visualMessge.appendChild(document.createTextNode('.'));
     if (settings.messageSuffix) {
       $visualMessge.appendChild(document.createTextNode(` ${settings.messageSuffix}`));
     }
@@ -212,17 +211,17 @@ function TimeoutDialog($module, $sessionActivityService) {
       let minutes; let
         visibleMessage;
       if (counter < 60) {
-        visibleMessage = `${counter} ${settings.properties[counter !== 1 ? 'seconds' : 'second']}`;
+        visibleMessage = `${counter} ${settings.properties[counter !== 1 ? 'seconds' : 'second']}.`;
       } else {
         minutes = Math.ceil(counter / 60);
-        visibleMessage = `${minutes} ${settings.properties[minutes === 1 ? 'minute' : 'minutes']}`;
+        visibleMessage = `${minutes} ${settings.properties[minutes === 1 ? 'minute' : 'minutes']}.`;
       }
       return visibleMessage;
     };
 
     const getAudibleHumanText = (counter) => {
       const humanText = getHumanText(roundSecondsUp(counter));
-      const messageParts = [settings.message, ' ', humanText, '.'];
+      const messageParts = [settings.message, ' ', humanText];
       if (settings.messageSuffix) {
         messageParts.push(' ');
         messageParts.push(settings.messageSuffix);