defra_ruby_template 6.4.0 → 6.6.0

data/node_modules/govuk-frontend/dist/govuk/components/feedback/fixtures.json

@@ -0,0 +1,95 @@
+{
+    "component": "feedback",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "titleText": "Help us improve this service",
+                "html": "<p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n"
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": true,
+            "html": "<div class=\"govuk-feedback govuk-width-container\">\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <h2 class=\"govuk-feedback__title\">\n        Help us improve this service\n      </h2>\n        <div class=\"govuk-feedback__body\">\n            <p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n        </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "silly example",
+            "options": {
+                "titleText": "Help us improve this service",
+                "html": "<p class=\"govuk-body\">Tell us about your experience using this service.</p>\n<p class=\"govuk-body\">Click this cool link to <a href=\"#\" class=\"govuk-link\">give us your feedback</a>.</p>\n<p class=\"govuk-body\">There's another paragraph here.</p>\n<ul class=\"govuk-list govuk-list--bullet\">\n  <li>There is also a list</li>\n  <li>With items in</li>\n  <li>How strange!</li>\n</ul>\n"
+            },
+            "hidden": false,
+            "description": "In reality we'd recommend users only use the default example but this is to illustrate if a service team decides they want to add a lot of content",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-feedback govuk-width-container\">\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <h2 class=\"govuk-feedback__title\">\n        Help us improve this service\n      </h2>\n        <div class=\"govuk-feedback__body\">\n            <p class=\"govuk-body\">Tell us about your experience using this service.</p>\n    <p class=\"govuk-body\">Click this cool link to <a href=\"#\" class=\"govuk-link\">give us your feedback</a>.</p>\n    <p class=\"govuk-body\">There's another paragraph here.</p>\n    <ul class=\"govuk-list govuk-list--bullet\">\n      <li>There is also a list</li>\n      <li>With items in</li>\n      <li>How strange!</li>\n    </ul>\n        </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html in title",
+            "options": {
+                "titleHtml": "Help us improve this <em>cool</em> service",
+                "html": "<p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-feedback govuk-width-container\">\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <h2 class=\"govuk-feedback__title\">\n        Help us improve this <em>cool</em> service\n      </h2>\n        <div class=\"govuk-feedback__body\">\n            <p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n        </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom heading level",
+            "options": {
+                "titleText": "Help us improve this service",
+                "headingLevel": 3,
+                "html": "<p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-feedback govuk-width-container\">\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <h3 class=\"govuk-feedback__title\">\n        Help us improve this service\n      </h3>\n        <div class=\"govuk-feedback__body\">\n            <p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n        </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "html in text options",
+            "options": {
+                "titleText": "Help us improve this <em>cool</em> service",
+                "text": "Tell us about your experience using this <em>cool</em> service"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-feedback govuk-width-container\">\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <h2 class=\"govuk-feedback__title\">\n        Help us improve this &lt;em&gt;cool&lt;/em&gt; service\n      </h2>\n        <div class=\"govuk-feedback__body\">\n            <p class=\"govuk-body\">\n              Tell us about your experience using this &lt;em&gt;cool&lt;/em&gt; service\n            </p>\n        </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "titleText": "Help us improve this service",
+                "html": "<p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n",
+                "classes": "my-first-class my-second-class"
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-feedback govuk-width-container my-first-class my-second-class\">\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <h2 class=\"govuk-feedback__title\">\n        Help us improve this service\n      </h2>\n        <div class=\"govuk-feedback__body\">\n            <p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n        </div>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "titleText": "Help us improve this service",
+                "html": "<p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n",
+                "attributes": {
+                    "first-attribute": "first",
+                    "second-attribute": "second"
+                }
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-feedback govuk-width-container\" first-attribute=\"first\" second-attribute=\"second\">\n  <div class=\"govuk-grid-row\">\n    <div class=\"govuk-grid-column-two-thirds\">\n      <h2 class=\"govuk-feedback__title\">\n        Help us improve this service\n      </h2>\n        <div class=\"govuk-feedback__body\">\n            <p class=\"govuk-body\">Tell us about your experience using this service. <a href=\"#\" class=\"govuk-link\">Give us your feedback</a></p>\n        </div>\n    </div>\n  </div>\n</div>"
+        }
+    ]
+}

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

@@ -0,0 +1,50 @@
+[
+    {
+        "name": "titleText",
+        "type": "string",
+        "required": true,
+        "description": "Text to use within the title of the Feedback component. If `titleHtml` is provided, the `titleText` option will be ignored."
+    },
+    {
+        "name": "titleHtml",
+        "type": "string",
+        "required": true,
+        "description": "HTML to use within the title of the Feedback component. If `titleHtml` is provided, the `titleText` option will be ignored."
+    },
+    {
+        "name": "headingLevel",
+        "type": "integer",
+        "required": false,
+        "description": "Heading level, from `1` to `6`. Default is `2`."
+    },
+    {
+        "name": "text",
+        "type": "string",
+        "required": true,
+        "description": "Text to use within the Feedback component content. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "html",
+        "type": "string",
+        "required": true,
+        "description": "HTML to use within the Feedback component content. If `html` is provided, the `text` option will be ignored."
+    },
+    {
+        "name": "caller",
+        "type": "nunjucks-block",
+        "required": false,
+        "description": "Not strictly a parameter but a [Nunjucks code convention](https://mozilla.github.io/nunjucks/templating.html#call). Using a `call` block lets you call a macro with all the text inside the tag. This is helpful if you want to pass a lot of content into a macro. To use it, you'll need to wrap the entire Feedback component in a `call` block."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the Feedback component container."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example, data attributes) to add to the Feedback component container."
+    }
+]

data/node_modules/govuk-frontend/dist/govuk/components/feedback/macro.njk

@@ -0,0 +1,3 @@
+{% macro govukFeedback(params) %}
+  {%- include "./template.njk" -%}
+{% endmacro %}

data/node_modules/govuk-frontend/dist/govuk/components/feedback/template-default.html

@@ -0,0 +1,12 @@
+<div class="govuk-feedback govuk-width-container">
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+      <h2 class="govuk-feedback__title">
+        Help us improve this service
+      </h2>
+        <div class="govuk-feedback__body">
+            <p class="govuk-body">Tell us about your experience using this service. <a href="#" class="govuk-link">Give us your feedback</a></p>
+        </div>
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/feedback/template-silly-example.html

@@ -0,0 +1,19 @@
+<div class="govuk-feedback govuk-width-container">
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+      <h2 class="govuk-feedback__title">
+        Help us improve this service
+      </h2>
+        <div class="govuk-feedback__body">
+            <p class="govuk-body">Tell us about your experience using this service.</p>
+    <p class="govuk-body">Click this cool link to <a href="#" class="govuk-link">give us your feedback</a>.</p>
+    <p class="govuk-body">There's another paragraph here.</p>
+    <ul class="govuk-list govuk-list--bullet">
+      <li>There is also a list</li>
+      <li>With items in</li>
+      <li>How strange!</li>
+    </ul>
+        </div>
+    </div>
+  </div>
+</div>

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

@@ -0,0 +1,24 @@
+{% from "../../macros/attributes.njk" import govukAttributes -%}
+
+{% set headingLevel = params.headingLevel if params.headingLevel else 2 -%}
+
+<div class="govuk-feedback govuk-width-container {%- if params.classes %} {{ params.classes }}{% endif %}" {{- govukAttributes(params.attributes) }}>
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+      <h{{ headingLevel }} class="govuk-feedback__title">
+        {{ params.titleHtml | safe if params.titleHtml else params.titleText }}
+      </h{{ headingLevel }}>
+      {% if caller or params.html or params.text %}
+        <div class="govuk-feedback__body">
+          {% if caller or params.html %}
+            {{ caller() if caller else params.html | safe | trim | indent(4) }}
+          {% elif params.text %}
+            <p class="govuk-body">
+              {{ params.text | trim | indent(6) }}
+            </p>
+          {% endif %}
+        </div>
+    {% endif %}
+    </div>
+  </div>
+</div>

data/node_modules/govuk-frontend/dist/govuk/components/file-upload/file-upload.bundle.js

@@ -34,6 +34,9 @@
   function isObject(option) {
     return !!option && typeof option === 'object' && !isArray(option);
   }
+  function isScope($scope) {
+    return !!$scope && ($scope instanceof Element || $scope instanceof Document);
+  }
   function formatErrorMessage(Component, message) {
     return `${Component.moduleName}: ${message}`;
   }
@@ -52,11 +55,14 @@
     /**
      * Checks if GOV.UK Frontend is supported on this page
      *
-     * @param {HTMLElement | null} [$scope] - HTML element `<body>` checked for browser support
+     * @param {Element | Document | null | string} [scopeOrMessage] - HTML element `<body>` checked for browser support or support error message
      */
-    constructor($scope = document.body) {
-      const supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
-      super($scope ? supportMessage : 'GOV.UK Frontend initialised without `<script type="module">`');
+    constructor(scopeOrMessage = document.body) {
+      let supportMessage = 'noModule' in HTMLScriptElement.prototype ? 'GOV.UK Frontend initialised without `<body class="govuk-frontend-supported">` from template `<script>` snippet' : 'GOV.UK Frontend is not supported in this browser';
+      if (!isScope(scopeOrMessage)) {
+        supportMessage = 'GOV.UK Frontend initialised without `<script type="module">`';
+      }
+      super(typeof scopeOrMessage === 'string' ? scopeOrMessage : supportMessage);
       this.name = 'SupportError';
     }
   }
@@ -97,6 +103,7 @@
    * @import { ComponentWithModuleName } from '../common/index.mjs'
    */
 
+  const _self = typeof globalThis !== 'undefined' ? globalThis : self;
   class Component {
     /**
      * Returns the root element of the component
@@ -150,7 +157,7 @@
   /**
    * @typedef {typeof Component & ChildClass} ChildClassConstructor
    */
-  Component.elementType = HTMLElement;
+  Component.elementType = _self.HTMLElement;
 
   const configOverride = Symbol.for('configOverride');
   class ConfigurableComponent extends Component {
@@ -175,10 +182,14 @@
         throw new ConfigError(formatErrorMessage(childConstructor, 'Config passed as parameter into constructor but no defaults defined'));
       }
       const datasetConfig = normaliseDataset(childConstructor, this._$root.dataset);
-      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {}, this[configOverride](datasetConfig), datasetConfig);
+      this._config = mergeConfigs(childConstructor.defaults, config != null ? config : {});
+      this._config = mergeConfigs(this._config, this[configOverride](datasetConfig), datasetConfig);
     }
   }
   function normaliseString(value, property) {
+    if (property != null && property.type && !['string', 'number', 'boolean'].includes(property.type)) {
+      return;
+    }
     const trimmedValue = value ? value.trim() : '';
     let output;
     let outputType = property == null ? void 0 : property.type;
@@ -298,6 +309,17 @@
    * @import { CompatibleClass, Config, CreateAllOptions, OnErrorCallback } from '../init.mjs'
    */
 
+  function createElement(tagName, attributes = {}, children = []) {
+    const $element = document.createElement(tagName);
+    Object.entries(attributes).forEach(([name, value]) => {
+      $element.setAttribute(name, value);
+    });
+    for (const child of children) {
+      $element.append(child);
+    }
+    return $element;
+  }
+
   class I18n {
     constructor(translations = {}, config = {}) {
       var _config$locale;
@@ -418,46 +440,48 @@
       this.$input.addEventListener('change', this.onChange.bind(this));
       this.updateDisabledState();
       this.observeDisabledState();
-      this.$announcements = document.createElement('span');
-      this.$announcements.classList.add('govuk-file-upload-announcements');
-      this.$announcements.classList.add('govuk-visually-hidden');
-      this.$announcements.setAttribute('aria-live', 'assertive');
+      this.$announcements = createElement('span', {
+        class: 'govuk-file-upload-announcements govuk-visually-hidden',
+        'aria-live': 'assertive'
+      });
       this.$root.insertAdjacentElement('afterend', this.$announcements);
       this.bindDraggingEvents();
     }
     createStatus() {
-      const $status = document.createElement('span');
-      $status.className = 'govuk-body govuk-file-upload-button__status';
-      $status.setAttribute('aria-live', 'polite');
+      const $status = createElement('span', {
+        class: 'govuk-body govuk-file-upload-button__status',
+        'aria-live': 'polite'
+      });
       $status.innerText = this.i18n.t('noFileChosen');
       return $status;
     }
     createButton() {
-      const $button = document.createElement('button');
-      $button.classList.add('govuk-file-upload-button');
-      $button.type = 'button';
-      $button.id = this.id;
-      $button.classList.add('govuk-file-upload-button--empty');
+      const $button = createElement('button', {
+        class: 'govuk-file-upload-button govuk-file-upload-button--empty',
+        type: 'button',
+        id: this.id
+      });
       const ariaDescribedBy = this.$input.getAttribute('aria-describedby');
       if (ariaDescribedBy) {
         $button.setAttribute('aria-describedby', ariaDescribedBy);
       }
       $button.appendChild(this.$status);
-      const commaSpan = document.createElement('span');
-      commaSpan.className = 'govuk-visually-hidden';
-      commaSpan.innerText = ', ';
-      commaSpan.id = `${this.id}-comma`;
+      const commaSpan = createElement('span', {
+        class: 'govuk-visually-hidden',
+        id: `${this.id}-comma`
+      }, [', ']);
       $button.appendChild(commaSpan);
-      const containerSpan = document.createElement('span');
-      containerSpan.className = 'govuk-file-upload-button__pseudo-button-container';
-      const buttonSpan = document.createElement('span');
-      buttonSpan.className = 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button';
-      buttonSpan.innerText = this.i18n.t('chooseFilesButton');
+      const containerSpan = createElement('span', {
+        class: 'govuk-file-upload-button__pseudo-button-container'
+      });
+      const buttonSpan = createElement('span', {
+        class: 'govuk-button govuk-button--secondary govuk-file-upload-button__pseudo-button'
+      }, [this.i18n.t('chooseFilesButton')]);
       containerSpan.appendChild(buttonSpan);
       containerSpan.insertAdjacentText('beforeend', ' ');
-      const instructionSpan = document.createElement('span');
-      instructionSpan.className = 'govuk-body govuk-file-upload-button__instruction';
-      instructionSpan.innerText = this.i18n.t('dropInstruction');
+      const instructionSpan = createElement('span', {
+        class: 'govuk-body govuk-file-upload-button__instruction'
+      }, [this.i18n.t('dropInstruction')]);
       containerSpan.appendChild(instructionSpan);
       $button.appendChild(containerSpan);
       $button.setAttribute('aria-labelledby', `${this.$label.id} ${commaSpan.id} ${$button.id}`);