defra_ruby_template 5.11.0 → 6.4.0

data/node_modules/govuk-frontend/dist/govuk/components/button/macro-options.json

@@ -1,70 +1,63 @@
 [
-    {
-        "name": "element",
-        "type": "string",
-        "required": false,
-        "description": "HTML element for the button component – `input`, `button` or `a`. In most cases you will not need to set this as it will be configured automatically if `href` is provided.",
-        "deprecated": "5.1.0"
-    },
     {
         "name": "text",
         "type": "string",
         "required": true,
-        "description": "If `html` is set, this is not required. Text for the `input`, `button` or `a` element. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined."
+        "description": "If `html` is set, this is not required. Text for the button. If `html` is provided, the `text` option will be ignored."
     },
     {
         "name": "html",
         "type": "string",
         "required": true,
-        "description": "If `text` is set, this is not required. HTML for the `button` or `a` element only. If `html` is provided, the `text` option will be ignored and `element` will be automatically set to `\"button\"` unless `href` is also set, or it has already been defined. This option has no effect if `element` is set to `\"input\"`."
+        "description": "If `text` is set, this is not required. HTML for the button. If `html` is provided, the `text` option will be ignored."
     },
     {
-        "name": "name",
+        "name": "type",
         "type": "string",
         "required": false,
-        "description": "Name for the `input` or `button`. This has no effect on `a` elements."
+        "description": "Type of the button, determining its behaviour in forms – `\"button\"`, `\"submit\"` or `\"reset\"`. Defaults to `\"submit\"`. This has no effect if `href` is set."
     },
     {
-        "name": "type",
+        "name": "name",
         "type": "string",
         "required": false,
-        "description": "Type for the `input` or `button` element – `\"button\"`, `\"submit\"` or `\"reset\"`. Defaults to `\"submit\"`. This has no effect on `a` elements."
+        "description": "Name of the button, sent when a form is submitted. This has no effect if `href` is set."
     },
     {
         "name": "value",
         "type": "string",
         "required": false,
-        "description": "Value for the `button` element only. This has no effect on `a` or `input` elements."
+        "description": "Value of the button, sent when a form is submitted. This has no effect if `href` is set."
     },
     {
         "name": "disabled",
         "type": "boolean",
         "required": false,
-        "description": "Whether the button component should be disabled. For `input` and `button` elements, `disabled` and `aria-disabled` attributes will be set automatically. This has no effect on `a` elements."
+        "description": "Whether the button should be disabled. `disabled` and `aria-disabled` attributes will be set automatically. This has no effect if `href` is set."
     },
     {
         "name": "href",
         "type": "string",
         "required": false,
-        "description": "The URL that the button component should link to. If this is set, `element` will be automatically set to `\"a\"` if it has not already been defined."
+        "description": "The URL that the button should link to."
     },
     {
         "name": "classes",
         "type": "string",
         "required": false,
-        "description": "Classes to add to the button component."
+        "description": "Classes to add to the button."
     },
     {
         "name": "attributes",
         "type": "object",
         "required": false,
-        "description": "HTML attributes (for example data attributes) to add to the button component."
+        "description": "HTML attributes (for example data attributes) to add to the button."
     },
     {
         "name": "preventDoubleClick",
         "type": "boolean",
         "required": false,
-        "description": "Prevent accidental double clicks on submit buttons from submitting forms multiple times."
+        "description": "Prevent accidental double clicks on submit buttons from submitting forms multiple times. This has no effect if `href` is set."
     },
     {
         "name": "isStartButton",

data/node_modules/govuk-frontend/dist/govuk/components/button/template-default-active-state.html

@@ -0,0 +1,3 @@
+<button type="submit" class="govuk-button :active" data-module="govuk-button">
+  Save and continue
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-default-focus-state.html

@@ -0,0 +1,3 @@
+<button type="submit" class="govuk-button :focus" data-module="govuk-button">
+  Save and continue
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-default-hover-state.html

@@ -0,0 +1,3 @@
+<button type="submit" class="govuk-button :hover" data-module="govuk-button">
+  Save and continue
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse-active-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Inverse" class="govuk-button govuk-button--inverse :active" data-module="govuk-button">
+  Inverse button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse-disabled.html

@@ -1,3 +1,3 @@
 <button type="submit" name="Inverse" disabled aria-disabled="true" class="govuk-button govuk-button--inverse" data-module="govuk-button">
-  Inverse button disabled
+  Inverse button
 </button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse-focus-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Inverse" class="govuk-button govuk-button--inverse :focus" data-module="govuk-button">
+  Inverse button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-inverse-hover-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Inverse" class="govuk-button govuk-button--inverse :hover" data-module="govuk-button">
+  Inverse button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-secondary-active-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="secondary" class="govuk-button govuk-button--secondary :active" data-module="govuk-button">
+  Secondary button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-secondary-focus-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="secondary" class="govuk-button govuk-button--secondary :focus" data-module="govuk-button">
+  Secondary button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-secondary-hover-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="secondary" class="govuk-button govuk-button--secondary :hover" data-module="govuk-button">
+  Secondary button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-warning-active-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Warning" class="govuk-button govuk-button--warning :active" data-module="govuk-button">
+  Warning button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-warning-focus-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Warning" class="govuk-button govuk-button--warning :focus" data-module="govuk-button">
+  Warning button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template-warning-hover-state.html

@@ -0,0 +1,3 @@
+<button type="submit" name="Warning" class="govuk-button govuk-button--warning :hover" data-module="govuk-button">
+  Warning button
+</button>

data/node_modules/govuk-frontend/dist/govuk/components/button/template.njk

@@ -11,17 +11,6 @@
   {% set classNames = classNames + " govuk-button--start" %}
 {% endif %}
 
-{#- Determine type of element to use, if not explicitly set #}
-{%- if params.element %}
-  {% set element = params.element | lower %}
-{% else %}
-  {% if params.href %}
-    {% set element = 'a' %}
-  {% else %}
-    {% set element = 'button' %}
-  {% endif %}
-{% endif -%}
-
 {%- macro _startIcon() %}
   {#- The SVG needs `focusable="false"` so that Internet Explorer does not
   treat it as an interactive element - without this it will be
@@ -35,24 +24,35 @@
 
 {%- set commonAttributes %} class="{{ classNames }}" data-module="govuk-button" {{- govukAttributes(params.attributes) -}} {% if params.id %} id="{{ params.id }}"{% endif %}{% endset %}
 
-{#- Define common attributes we can use for both button and input types #}
+{#- Wrap content of the button in a <span> if it's a start button with HTML.
+Start buttons use flexbox, which removes whitespace from between HTML elements
+inside of them. -#}
 
-{%- set buttonAttributes %}{% if params.name %} name="{{ params.name }}"{% endif %}{% if params.disabled %} disabled aria-disabled="true"{% endif %}{% if params.preventDoubleClick !== undefined %} data-prevent-double-click="{{ params.preventDoubleClick }}"{% endif %}{% endset %}
+{%- set buttonText %}
+  {%- if params.html and params.isStartButton -%}
+    <span>{{ params.html | safe | trim }}</span>
+  {%- else -%}
+    {{- (params.html | safe | trim) if params.html else params.text -}}
+  {%- endif %}
+{%- endset %}
 
 {#- Actually create a button... or a link! #}
 
-{%- if element == 'a' %}
+{%- if params.href %}
 <a href="{{ params.href if params.href else '#' }}" role="button" draggable="false" {{- commonAttributes | safe }}>
-  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+  {{ buttonText | safe | indent(2) }}
   {{- _startIcon() | safe if params.isStartButton }}
 </a>
 
-{%- elseif element == 'button' %}
-<button {%- if params.value %} value="{{ params.value }}"{% endif %} type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
-  {{ params.html | safe | trim | indent(2) if params.html else params.text }}
+{%- else %}
+<button type="{{ params.type if params.type else 'submit' }}"
+  {%- if params.value %} value="{{ params.value }}"{% endif %}
+  {%- if params.name %} name="{{ params.name }}"{% endif %}
+  {%- if params.disabled %} disabled aria-disabled="true"{% endif %}
+  {%- if params.preventDoubleClick !== undefined %} data-prevent-double-click="{{ params.preventDoubleClick }}"{% endif %}
+  {{- commonAttributes | safe }}>
+  {{ buttonText | safe | indent(2) }}
   {{- _startIcon() | safe if params.isStartButton }}
 </button>
 
-{%- elseif element == 'input' %}
-<input value="{{ params.text }}" type="{{ params.type if params.type else 'submit' }}" {{- buttonAttributes | safe }} {{- commonAttributes | safe }}>
 {%- endif %}

data/node_modules/govuk-frontend/dist/govuk/components/character-count/_character-count.import.scss

@@ -0,0 +1,6 @@
+@use "../../settings/warnings--internal";
+
+@include warnings--internal.component-scss-file-warning("character-count");
+
+@import "index";
+

data/node_modules/govuk-frontend/dist/govuk/components/character-count/_index.import.scss

@@ -0,0 +1,12 @@
+@use "mixin";
+
+@import "../../base";
+@import "../error-message";
+@import "../hint";
+@import "../label";
+@import "../textarea";
+
+@include govuk-exports("govuk/component/character-count") {
+  @include mixin.styles;
+}
+

data/node_modules/govuk-frontend/dist/govuk/components/character-count/_index.scss

@@ -1,44 +1,9 @@
-@import "../error-message/index";
-@import "../hint/index";
-@import "../label/index";
-@import "../textarea/index";
+@use "../../custom-properties";
+@use "mixin";
+@use "../error-message";
+@use "../hint";
+@use "../label";
+@use "../textarea";
 
-@include govuk-exports("govuk/component/character-count") {
-  .govuk-character-count {
-    @include govuk-responsive-margin(6, "bottom");
+@include mixin.styles;
 
-    .govuk-form-group,
-    .govuk-textarea {
-      margin-bottom: govuk-spacing(1);
-    }
-
-    // If the textarea enters the error state whilst the user is focused on it,
-    // show the error state. This presents feedback to the user that the value
-    // has become invalid without needing to see the counter.
-    .govuk-textarea--error:focus {
-      border-color: $govuk-error-colour;
-      box-shadow: inset 0 0 0 $govuk-border-width-form-element $govuk-error-colour;
-    }
-  }
-
-  .govuk-character-count__message {
-    @include govuk-font-tabular-numbers;
-    margin-top: 0;
-    margin-bottom: 0;
-
-    &::after {
-      // Zero-width space that will reserve vertical space when no hint is
-      // provided as:
-      // - setting a min-height is not possible without a magic number because
-      //   the line-height is set by the `govuk-font` call above
-      // - using `:empty` is not possible as the hint macro outputs line breaks
-      content: "\200B";
-    }
-  }
-
-  .govuk-character-count__message--disabled {
-    visibility: hidden;
-  }
-}
-
-/*# sourceMappingURL=_index.scss.map */

data/node_modules/govuk-frontend/dist/govuk/components/character-count/_mixin.scss

@@ -0,0 +1,41 @@
+@use "../../base";
+
+/// @access private
+@mixin styles {
+  .govuk-character-count {
+    @include base.govuk-responsive-margin(6, "bottom");
+
+    .govuk-form-group,
+    .govuk-textarea {
+      margin-bottom: base.govuk-spacing(1);
+    }
+
+    // If the textarea enters the error state whilst the user is focused on it,
+    // show the error state. This presents feedback to the user that the value
+    // has become invalid without needing to see the counter.
+    .govuk-textarea--error:focus {
+      border-color: base.govuk-functional-colour(error);
+      box-shadow: inset 0 0 0 base.$govuk-border-width-form-element base.govuk-functional-colour(error);
+    }
+  }
+
+  .govuk-character-count__message {
+    @include base.govuk-font-tabular-numbers;
+    margin-top: 0;
+    margin-bottom: 0;
+
+    &::after {
+      // Zero-width space that will reserve vertical space when no hint is
+      // provided as:
+      // - setting a min-height is not possible without a magic number because
+      //   the line-height is set by the `govuk-font` call above
+      // - using `:empty` is not possible as the hint macro outputs line breaks
+      content: "\200B";
+    }
+  }
+
+  .govuk-character-count__message--disabled {
+    visibility: hidden;
+  }
+}
+

data/node_modules/govuk-frontend/dist/govuk/components/character-count/character-count.bundle.js

@@ -41,9 +41,6 @@
    * @typedef ComponentWithModuleName
    * @property {string} moduleName - Name of the component
    */
-  /**
-   * @import { ObjectNested } from './configuration.mjs'
-   */
 
   class GOVUKFrontendError extends Error {
     constructor(...args) {
@@ -72,7 +69,7 @@
   class ElementError extends GOVUKFrontendError {
     constructor(messageOrOptions) {
       let message = typeof messageOrOptions === 'string' ? messageOrOptions : '';
-      if (typeof messageOrOptions === 'object') {
+      if (isObject(messageOrOptions)) {
         const {
           component,
           identifier,
@@ -81,7 +78,9 @@
         } = messageOrOptions;
         message = identifier;
         message += element ? ` is not of type ${expectedType != null ? expectedType : 'HTMLElement'}` : ' not found';
-        message = formatErrorMessage(component, message);
+        if (component) {
+          message = formatErrorMessage(component, message);
+        }
       }
       super(message);
       this.name = 'ElementError';
@@ -315,6 +314,9 @@
    * @template {Partial<Record<keyof ConfigurationType, unknown>>} [ConfigurationType=ObjectNested]
    * @typedef {typeof Component & ChildClass<ConfigurationType>} ChildClassConstructor<ConfigurationType>
    */
+  /**
+   * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
+   */
 
   class I18n {
     constructor(translations = {}, config = {}) {
@@ -329,7 +331,7 @@
         throw new Error('i18n: lookup key missing');
       }
       let translation = this.translations[lookupKey];
-      if (typeof (options == null ? void 0 : options.count) === 'number' && typeof translation === 'object') {
+      if (typeof (options == null ? void 0 : options.count) === 'number' && isObject(translation)) {
         const translationPluralForm = translation[this.getPluralSuffix(lookupKey, options.count)];
         if (translationPluralForm) {
           translation = translationPluralForm;
@@ -371,8 +373,8 @@
         return 'other';
       }
       const translation = this.translations[lookupKey];
-      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : this.selectPluralFormUsingFallbackRules(count);
-      if (typeof translation === 'object') {
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
+      if (isObject(translation)) {
         if (preferredForm in translation) {
           return preferredForm;
         } else if ('other' in translation) {
@@ -382,132 +384,7 @@
       }
       throw new Error(`i18n: Plural form ".other" is required for "${this.locale}" locale`);
     }
-    selectPluralFormUsingFallbackRules(count) {
-      count = Math.abs(Math.floor(count));
-      const ruleset = this.getPluralRulesForLocale();
-      if (ruleset) {
-        return I18n.pluralRules[ruleset](count);
-      }
-      return 'other';
-    }
-    getPluralRulesForLocale() {
-      const localeShort = this.locale.split('-')[0];
-      for (const pluralRule in I18n.pluralRulesMap) {
-        const languages = I18n.pluralRulesMap[pluralRule];
-        if (languages.includes(this.locale) || languages.includes(localeShort)) {
-          return pluralRule;
-        }
-      }
-    }
   }
-  I18n.pluralRulesMap = {
-    arabic: ['ar'],
-    chinese: ['my', 'zh', 'id', 'ja', 'jv', 'ko', 'ms', 'th', 'vi'],
-    french: ['hy', 'bn', 'fr', 'gu', 'hi', 'fa', 'pa', 'zu'],
-    german: ['af', 'sq', 'az', 'eu', 'bg', 'ca', 'da', 'nl', 'en', 'et', 'fi', 'ka', 'de', 'el', 'hu', 'lb', 'no', 'so', 'sw', 'sv', 'ta', 'te', 'tr', 'ur'],
-    irish: ['ga'],
-    russian: ['ru', 'uk'],
-    scottish: ['gd'],
-    spanish: ['pt-PT', 'it', 'es'],
-    welsh: ['cy']
-  };
-  I18n.pluralRules = {
-    arabic(n) {
-      if (n === 0) {
-        return 'zero';
-      }
-      if (n === 1) {
-        return 'one';
-      }
-      if (n === 2) {
-        return 'two';
-      }
-      if (n % 100 >= 3 && n % 100 <= 10) {
-        return 'few';
-      }
-      if (n % 100 >= 11 && n % 100 <= 99) {
-        return 'many';
-      }
-      return 'other';
-    },
-    chinese() {
-      return 'other';
-    },
-    french(n) {
-      return n === 0 || n === 1 ? 'one' : 'other';
-    },
-    german(n) {
-      return n === 1 ? 'one' : 'other';
-    },
-    irish(n) {
-      if (n === 1) {
-        return 'one';
-      }
-      if (n === 2) {
-        return 'two';
-      }
-      if (n >= 3 && n <= 6) {
-        return 'few';
-      }
-      if (n >= 7 && n <= 10) {
-        return 'many';
-      }
-      return 'other';
-    },
-    russian(n) {
-      const lastTwo = n % 100;
-      const last = lastTwo % 10;
-      if (last === 1 && lastTwo !== 11) {
-        return 'one';
-      }
-      if (last >= 2 && last <= 4 && !(lastTwo >= 12 && lastTwo <= 14)) {
-        return 'few';
-      }
-      if (last === 0 || last >= 5 && last <= 9 || lastTwo >= 11 && lastTwo <= 14) {
-        return 'many';
-      }
-      return 'other';
-    },
-    scottish(n) {
-      if (n === 1 || n === 11) {
-        return 'one';
-      }
-      if (n === 2 || n === 12) {
-        return 'two';
-      }
-      if (n >= 3 && n <= 10 || n >= 13 && n <= 19) {
-        return 'few';
-      }
-      return 'other';
-    },
-    spanish(n) {
-      if (n === 1) {
-        return 'one';
-      }
-      if (n % 1000000 === 0 && n !== 0) {
-        return 'many';
-      }
-      return 'other';
-    },
-    welsh(n) {
-      if (n === 0) {
-        return 'zero';
-      }
-      if (n === 1) {
-        return 'one';
-      }
-      if (n === 2) {
-        return 'two';
-      }
-      if (n === 3) {
-        return 'few';
-      }
-      if (n === 6) {
-        return 'many';
-      }
-      return 'other';
-    }
-  };
 
   /**
    * Character count component
@@ -542,6 +419,7 @@
       var _ref, _this$config$maxwords;
       super($root, config);
       this.$textarea = void 0;
+      this.count = 0;
       this.$visibleCountMessage = void 0;
       this.$screenReaderCountMessage = void 0;
       this.lastInputTimestamp = null;
@@ -577,7 +455,7 @@
         });
       }
       this.$errorMessage = this.$root.querySelector('.govuk-error-message');
-      if (`${$textareaDescription.textContent}`.match(/^\s*$/)) {
+      if ($textareaDescription.textContent.match(/^\s*$/)) {
         $textareaDescription.textContent = this.i18n.t('textareaDescription', {
           count: this.maxLength
         });
@@ -597,15 +475,22 @@
       $textareaDescription.classList.add('govuk-visually-hidden');
       this.$textarea.removeAttribute('maxlength');
       this.bindChangeEvents();
-      window.addEventListener('pageshow', () => this.updateCountMessage());
+      window.addEventListener('pageshow', () => {
+        if (this.$textarea.value !== this.$textarea.textContent) {
+          this.updateCount();
+          this.updateCountMessage();
+        }
+      });
+      this.updateCount();
       this.updateCountMessage();
     }
     bindChangeEvents() {
-      this.$textarea.addEventListener('keyup', () => this.handleKeyUp());
+      this.$textarea.addEventListener('input', () => this.handleInput());
       this.$textarea.addEventListener('focus', () => this.handleFocus());
       this.$textarea.addEventListener('blur', () => this.handleBlur());
     }
-    handleKeyUp() {
+    handleInput() {
+      this.updateCount();
       this.updateVisibleCountMessage();
       this.lastInputTimestamp = Date.now();
     }
@@ -632,7 +517,7 @@
       this.updateScreenReaderCountMessage();
     }
     updateVisibleCountMessage() {
-      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const remainingNumber = this.maxLength - this.count;
       const isError = remainingNumber < 0;
       this.$visibleCountMessage.classList.toggle('govuk-character-count__message--disabled', !this.isOverThreshold());
       if (!this.$errorMessage) {
@@ -650,16 +535,18 @@
       }
       this.$screenReaderCountMessage.textContent = this.getCountMessage();
     }
-    count(text) {
+    updateCount() {
+      const text = this.$textarea.value;
       if (this.config.maxwords) {
         var _text$match;
         const tokens = (_text$match = text.match(/\S+/g)) != null ? _text$match : [];
-        return tokens.length;
+        this.count = tokens.length;
+        return;
       }
-      return text.length;
+      this.count = text.length;
     }
     getCountMessage() {
-      const remainingNumber = this.maxLength - this.count(this.$textarea.value);
+      const remainingNumber = this.maxLength - this.count;
       const countType = this.config.maxwords ? 'words' : 'characters';
       return this.formatCountMessage(remainingNumber, countType);
     }
@@ -676,7 +563,7 @@
       if (!this.config.threshold) {
         return true;
       }
-      const currentLength = this.count(this.$textarea.value);
+      const currentLength = this.count;
       const maxLength = this.maxLength;
       const thresholdValue = maxLength * this.config.threshold / 100;
       return thresholdValue <= currentLength;