govuk_tech_docs 5.2.2 → 6.0.0.beta

data/node_modules/govuk-frontend/dist/govuk/all.bundle.js

@@ -4,7 +4,7 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.GOVUKFrontend = global.GOVUKFrontend || {}));
 })(this, (function (exports) { 'use strict';
 
-  const version = '5.11.2';
+  const version = '6.0.0';
 
   function getBreakpoint(name) {
     const property = `--govuk-breakpoint-${name}`;
@@ -429,7 +429,7 @@
         return 'other';
       }
       const translation = this.translations[lookupKey];
-      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : this.selectPluralFormUsingFallbackRules(count);
+      const preferredForm = this.hasIntlPluralRulesSupport() ? new Intl.PluralRules(this.locale).select(count) : 'other';
       if (isObject(translation)) {
         if (preferredForm in translation) {
           return preferredForm;
@@ -440,132 +440,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';
-    }
-  };
 
   /**
    * Accordion component
@@ -1011,6 +886,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;
@@ -1066,15 +942,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();
     }
@@ -1101,7 +984,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) {
@@ -1119,16 +1002,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);
     }
@@ -1145,7 +1030,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;
@@ -1801,7 +1686,7 @@
       if (this.$button.disabled) return;
       if (event.target instanceof Node) {
         if (this.$root.contains(event.target)) {
-          if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+          if (event.dataTransfer && this.canDrop(event.dataTransfer)) {
             if (!this.$button.classList.contains('govuk-file-upload-button--dragging')) {
               this.showDraggingState();
               this.$announcements.innerText = this.i18n.t('enteredDropZone');
@@ -1823,12 +1708,30 @@
     }
     onDrop(event) {
       event.preventDefault();
-      if (event.dataTransfer && isContainingFiles(event.dataTransfer)) {
+      if (event.dataTransfer && this.canFillInput(event.dataTransfer)) {
         this.$input.files = event.dataTransfer.files;
         this.$input.dispatchEvent(new CustomEvent('change'));
         this.hideDraggingState();
       }
     }
+    canFillInput(dataTransfer) {
+      return this.matchesInputCapacity(dataTransfer.files.length);
+    }
+    canDrop(dataTransfer) {
+      if (dataTransfer.items.length) {
+        return this.matchesInputCapacity(countFileItems(dataTransfer.items));
+      }
+      if (dataTransfer.types.length) {
+        return dataTransfer.types.includes('Files');
+      }
+      return true;
+    }
+    matchesInputCapacity(numberOfFiles) {
+      if (this.$input.multiple) {
+        return numberOfFiles > 0;
+      }
+      return numberOfFiles === 1;
+    }
     onChange() {
       const fileCount = this.$input.files.length;
       if (fileCount === 0) {
@@ -1875,6 +1778,13 @@
       this.$root.classList.toggle('govuk-drop-zone--disabled', this.$button.disabled);
     }
   }
+
+  /**
+   * Counts the number of `DataTransferItem` whose kind is `file`
+   *
+   * @param {DataTransferItemList} list - The list
+   * @returns {number} - The number of items whose kind is `file` in the list
+   */
   FileUpload.moduleName = 'govuk-file-upload';
   FileUpload.defaults = Object.freeze({
     i18n: {
@@ -1896,10 +1806,14 @@
       }
     }
   });
-  function isContainingFiles(dataTransfer) {
-    const hasNoTypesInfo = dataTransfer.types.length === 0;
-    const isDraggingFiles = dataTransfer.types.some(type => type === 'Files');
-    return hasNoTypesInfo || isDraggingFiles;
+  function countFileItems(list) {
+    let result = 0;
+    for (let i = 0; i < list.length; i++) {
+      if (list[i].kind === 'file') {
+        result++;
+      }
+    }
+    return result;
   }
 
   /**
@@ -1937,89 +1851,6 @@
    * @import { TranslationPluralForms } from '../../i18n.mjs'
    */
 
-  /**
-   * Header component
-   *
-   * @preserve
-   */
-  class Header extends Component {
-    /**
-     * Apply a matchMedia for desktop which will trigger a state sync if the
-     * browser viewport moves between states.
-     *
-     * @param {Element | null} $root - HTML element to use for header
-     */
-    constructor($root) {
-      super($root);
-      this.$menuButton = void 0;
-      this.$menu = void 0;
-      this.menuIsOpen = false;
-      this.mql = null;
-      const $menuButton = this.$root.querySelector('.govuk-js-header-toggle');
-      if (!$menuButton) {
-        return this;
-      }
-      this.$root.classList.add('govuk-header--with-js-navigation');
-      const menuId = $menuButton.getAttribute('aria-controls');
-      if (!menuId) {
-        throw new ElementError({
-          component: Header,
-          identifier: 'Navigation button (`<button class="govuk-js-header-toggle">`) attribute (`aria-controls`)'
-        });
-      }
-      const $menu = document.getElementById(menuId);
-      if (!$menu) {
-        throw new ElementError({
-          component: Header,
-          element: $menu,
-          identifier: `Navigation (\`<ul id="${menuId}">\`)`
-        });
-      }
-      this.$menu = $menu;
-      this.$menuButton = $menuButton;
-      this.setupResponsiveChecks();
-      this.$menuButton.addEventListener('click', () => this.handleMenuButtonClick());
-    }
-    setupResponsiveChecks() {
-      const breakpoint = getBreakpoint('desktop');
-      if (!breakpoint.value) {
-        throw new ElementError({
-          component: Header,
-          identifier: `CSS custom property (\`${breakpoint.property}\`) on pseudo-class \`:root\``
-        });
-      }
-      this.mql = window.matchMedia(`(min-width: ${breakpoint.value})`);
-      if ('addEventListener' in this.mql) {
-        this.mql.addEventListener('change', () => this.checkMode());
-      } else {
-        this.mql.addListener(() => this.checkMode());
-      }
-      this.checkMode();
-    }
-    checkMode() {
-      if (!this.mql || !this.$menu || !this.$menuButton) {
-        return;
-      }
-      if (this.mql.matches) {
-        this.$menu.removeAttribute('hidden');
-        this.$menuButton.setAttribute('hidden', '');
-      } else {
-        this.$menuButton.removeAttribute('hidden');
-        this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
-        if (this.menuIsOpen) {
-          this.$menu.removeAttribute('hidden');
-        } else {
-          this.$menu.setAttribute('hidden', '');
-        }
-      }
-    }
-    handleMenuButtonClick() {
-      this.menuIsOpen = !this.menuIsOpen;
-      this.checkMode();
-    }
-  }
-  Header.moduleName = 'govuk-header';
-
   /**
    * Notification Banner component
    *
@@ -2351,9 +2182,9 @@
       }
       if (this.mql.matches) {
         this.$menu.removeAttribute('hidden');
-        this.$menuButton.setAttribute('hidden', '');
+        setAttributes(this.$menuButton, attributesForHidingButton);
       } else {
-        this.$menuButton.removeAttribute('hidden');
+        removeAttributes(this.$menuButton, Object.keys(attributesForHidingButton));
         this.$menuButton.setAttribute('aria-expanded', this.menuIsOpen.toString());
         if (this.menuIsOpen) {
           this.$menu.removeAttribute('hidden');
@@ -2368,6 +2199,34 @@
     }
   }
   ServiceNavigation.moduleName = 'govuk-service-navigation';
+  const attributesForHidingButton = {
+    hidden: '',
+    'aria-hidden': 'true'
+  };
+
+  /**
+   * Sets a group of attributes on the given element
+   *
+   * @param {Element} $element - The element to set the attribute on
+   * @param {{[attributeName: string]: string}} attributes - The attributes to set
+   */
+  function setAttributes($element, attributes) {
+    for (const attributeName in attributes) {
+      $element.setAttribute(attributeName, attributes[attributeName]);
+    }
+  }
+
+  /**
+   * Removes a list of attributes from the given element
+   *
+   * @param {Element} $element - The element to remove the attributes from
+   * @param {string[]} attributeNames - The names of the attributes to remove
+   */
+  function removeAttributes($element, attributeNames) {
+    for (const attributeName of attributeNames) {
+      $element.removeAttribute(attributeName);
+    }
+  }
 
   /**
    * Skip link component
@@ -2723,7 +2582,7 @@
       }
       return;
     }
-    const components = [[Accordion, config.accordion], [Button, config.button], [CharacterCount, config.characterCount], [Checkboxes], [ErrorSummary, config.errorSummary], [ExitThisPage, config.exitThisPage], [FileUpload, config.fileUpload], [Header], [NotificationBanner, config.notificationBanner], [PasswordInput, config.passwordInput], [Radios], [ServiceNavigation], [SkipLink], [Tabs]];
+    const components = [[Accordion, config.accordion], [Button, config.button], [CharacterCount, config.characterCount], [Checkboxes], [ErrorSummary, config.errorSummary], [ExitThisPage, config.exitThisPage], [FileUpload, config.fileUpload], [NotificationBanner, config.notificationBanner], [PasswordInput, config.passwordInput], [Radios], [ServiceNavigation], [SkipLink], [Tabs]];
     components.forEach(([Component, componentConfig]) => {
       createAll(Component, componentConfig, options);
     });
@@ -2856,7 +2715,6 @@
   exports.ErrorSummary = ErrorSummary;
   exports.ExitThisPage = ExitThisPage;
   exports.FileUpload = FileUpload;
-  exports.Header = Header;
   exports.NotificationBanner = NotificationBanner;
   exports.PasswordInput = PasswordInput;
   exports.Radios = Radios;