govuk_tech_docs 6.6.0.rc.local.tested → 6.6.0

data/node_modules/govuk-frontend/dist/govuk/components/accordion/accordion.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.mjs","sources":["../../../../src/govuk/components/accordion/accordion.mjs"],"sourcesContent":["import { ConfigurableComponent } from '../../common/configuration.mjs'\nimport { createElement } from '../../common/create-element.mjs'\nimport { ElementError } from '../../errors/index.mjs'\nimport { I18n } from '../../i18n.mjs'\n\n/**\n * Accordion component\n *\n * This allows a collection of sections to be collapsed by default, showing only\n * their headers. Sections can be expanded or collapsed individually by clicking\n * their headers. A \"Show all sections\" button is also added to the top of the\n * accordion, which switches to \"Hide all sections\" when all the sections are\n * expanded.\n *\n * The state of each section is saved to the DOM via the `aria-expanded`\n * attribute, which also provides accessibility.\n *\n * @preserve\n * @augments ConfigurableComponent<AccordionConfig>\n */\nexport class Accordion extends ConfigurableComponent {\n  /** @private */\n  i18n\n\n  /** @private */\n  sectionClass = 'govuk-accordion__section'\n\n  /** @private */\n  sectionExpandedModifier = 'govuk-accordion__section--expanded'\n\n  /** @private */\n  sectionButtonClass = 'govuk-accordion__section-button'\n\n  /** @private */\n  sectionHeaderClass = 'govuk-accordion__section-header'\n\n  /** @private */\n  sectionHeadingClass = 'govuk-accordion__section-heading'\n\n  /** @private */\n  sectionHeadingTextClass = 'govuk-accordion__section-heading-text'\n\n  /** @private */\n  sectionToggleTextClass = 'govuk-accordion__section-toggle-text'\n\n  /** @private */\n  iconClass = 'govuk-accordion-nav__chevron'\n\n  /** @private */\n  iconOpenModifier = 'govuk-accordion-nav__chevron--down'\n\n  /** @private */\n  sectionSummaryClass = 'govuk-accordion__section-summary'\n\n  /** @private */\n  sectionContentClass = 'govuk-accordion__section-content'\n\n  /** @private */\n  $sections\n\n  /**\n   * @private\n   * @type {HTMLButtonElement | null}\n   */\n  $showAllButton = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllIcon = null\n\n  /**\n   * @private\n   * @type {HTMLElement | null}\n   */\n  $showAllText = null\n\n  /**\n   * @param {Element | null} $root - HTML element to use for accordion\n   * @param {AccordionConfig} [config] - Accordion config\n   */\n  constructor($root, config = {}) {\n    super($root, config)\n\n    this.i18n = new I18n(this.config.i18n)\n\n    const $sections = this.$root.querySelectorAll(`.${this.sectionClass}`)\n    if (!$sections.length) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Sections (\\`<div class=\"${this.sectionClass}\">\\`)`\n      })\n    }\n\n    this.$sections = $sections\n\n    this.initControls()\n    this.initSectionHeaders()\n\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Initialise controls and set attributes\n   *\n   * @private\n   */\n  initControls() {\n    // Create \"Show all\" button and set attributes\n    this.$showAllButton = createElement('button', {\n      type: 'button',\n      class: 'govuk-accordion__show-all',\n      'aria-expanded': 'false'\n    })\n\n    // Create icon, add to element\n    this.$showAllIcon = createElement('span', {\n      class: this.iconClass\n    })\n    this.$showAllButton.appendChild(this.$showAllIcon)\n\n    // Create control wrapper and add controls to it\n    const $accordionControls = createElement('div', {\n      class: 'govuk-accordion__controls'\n    })\n    $accordionControls.appendChild(this.$showAllButton)\n    this.$root.insertBefore($accordionControls, this.$root.firstChild)\n\n    // Build additional wrapper for Show all toggle text and place after icon\n    this.$showAllText = createElement('span', {\n      class: 'govuk-accordion__show-all-text'\n    })\n    this.$showAllButton.appendChild(this.$showAllText)\n\n    // Handle click events on the show/hide all button\n    this.$showAllButton.addEventListener('click', () =>\n      this.onShowOrHideAllToggle()\n    )\n\n    // Handle 'beforematch' events, if the user agent supports them\n    if ('onbeforematch' in document) {\n      document.addEventListener('beforematch', (event) =>\n        this.onBeforeMatch(event)\n      )\n    }\n  }\n\n  /**\n   * Initialise section headers\n   *\n   * @private\n   */\n  initSectionHeaders() {\n    this.$sections.forEach(($section, i) => {\n      const $header = $section.querySelector(`.${this.sectionHeaderClass}`)\n      if (!$header) {\n        throw new ElementError({\n          component: Accordion,\n          identifier: `Section headers (\\`<div class=\"${this.sectionHeaderClass}\">\\`)`\n        })\n      }\n\n      // Set header attributes\n      this.constructHeaderMarkup($header, i)\n      this.setExpanded(this.isExpanded($section), $section)\n\n      // Handle events\n      $header.addEventListener('click', () => this.onSectionToggle($section))\n\n      // See if there is any state stored in sessionStorage and set the sections\n      // to open or closed.\n      this.setInitialState($section)\n    })\n  }\n\n  /**\n   * Construct section header\n   *\n   * @private\n   * @param {Element} $header - Section header\n   * @param {number} index - Section index\n   */\n  constructHeaderMarkup($header, index) {\n    const $span = $header.querySelector(`.${this.sectionButtonClass}`)\n    const $heading = $header.querySelector(`.${this.sectionHeadingClass}`)\n    const $summary = $header.querySelector(`.${this.sectionSummaryClass}`)\n\n    if (!$heading) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section heading (\\`.${this.sectionHeadingClass}\\`)`\n      })\n    }\n\n    if (!$span) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section button placeholder (\\`<span class=\"${this.sectionButtonClass}\">\\`)`\n      })\n    }\n\n    // Create a button element that will replace the\n    // '.govuk-accordion__section-button' span\n    const $button = createElement('button', {\n      type: 'button',\n      'aria-controls': `${this.$root.id}-content-${index + 1}`\n    })\n\n    // Copy all attributes from $span to $button (except `id`, which gets added\n    // to the `$headingText` element)\n    for (const attr of Array.from($span.attributes)) {\n      if (attr.name !== 'id') {\n        $button.setAttribute(attr.name, attr.value)\n      }\n    }\n\n    // Create container for heading text so it can be styled\n    const $headingText = createElement('span', {\n      class: this.sectionHeadingTextClass,\n      id: $span.id\n    })\n\n    // Create an inner heading text container to limit the width of the focus\n    // state\n    const $headingTextFocus = createElement('span', {\n      class: 'govuk-accordion__section-heading-text-focus'\n    })\n    $headingText.appendChild($headingTextFocus)\n    // span could contain HTML elements\n    // (see https://www.w3.org/TR/2011/WD-html5-20110525/content-models.html#phrasing-content)\n    Array.from($span.childNodes).forEach(($child) =>\n      $headingTextFocus.appendChild($child)\n    )\n\n    // Create container for show / hide icons and text.\n    const $showHideToggle = createElement('span', {\n      class: 'govuk-accordion__section-toggle',\n      // Tell Google not to index the 'show' text as part of the heading. Must be\n      // set on the element before it's added to the DOM.\n      // See https://developers.google.com/search/docs/advanced/robots/robots_meta_tag#data-nosnippet-attr\n      'data-nosnippet': ''\n    })\n\n    // Create an inner container to limit the width of the focus state\n    const $showHideToggleFocus = createElement('span', {\n      class: 'govuk-accordion__section-toggle-focus'\n    })\n\n    $showHideToggle.appendChild($showHideToggleFocus)\n    // Create wrapper for the show / hide text. Append text after the show/hide icon\n\n    $showHideToggleFocus.appendChild(\n      createElement('span', {\n        class: this.iconClass\n      })\n    )\n    $showHideToggleFocus.appendChild(\n      createElement('span', {\n        class: this.sectionToggleTextClass\n      })\n    )\n\n    // Append elements to the button:\n    // 1. Heading text\n    // 2. Punctuation\n    // 3. (Optional: Summary line followed by punctuation)\n    // 4. Show / hide toggle\n    $button.appendChild($headingText)\n    $button.appendChild(this.getButtonPunctuationEl())\n\n    // If summary content exists add to DOM in correct order\n    if ($summary) {\n      // Create a new `span` element and copy the summary line content from the\n      // original `div` to the new `span`. This is because the summary line text\n      // is now inside a button element, which can only contain phrasing\n      // content.\n      const $summarySpan = createElement('span')\n      // Create an inner summary container to limit the width of the summary\n      // focus state\n      const $summarySpanFocus = createElement('span', {\n        class: 'govuk-accordion__section-summary-focus'\n      })\n      $summarySpan.appendChild($summarySpanFocus)\n\n      // Get original attributes, and pass them to the replacement\n      for (const attr of Array.from($summary.attributes)) {\n        $summarySpan.setAttribute(attr.name, attr.value)\n      }\n\n      // Copy original contents of summary to the new summary span\n      Array.from($summary.childNodes).forEach(($child) =>\n        $summarySpanFocus.appendChild($child)\n      )\n\n      // Replace the original summary `div` with the new summary `span`\n      $summary.remove()\n\n      $button.appendChild($summarySpan)\n      $button.appendChild(this.getButtonPunctuationEl())\n    }\n\n    $button.appendChild($showHideToggle)\n\n    $heading.removeChild($span)\n    $heading.appendChild($button)\n  }\n\n  /**\n   * When a section is opened by the user agent via the 'beforematch' event\n   *\n   * @private\n   * @param {Event} event - Generic event\n   */\n  onBeforeMatch(event) {\n    const $fragment = event.target\n\n    // Handle elements with `.closest()` support only\n    if (!($fragment instanceof Element)) {\n      return\n    }\n\n    // Handle when fragment is inside section\n    const $section = $fragment.closest(`.${this.sectionClass}`)\n    if ($section) {\n      this.setExpanded(true, $section)\n    }\n  }\n\n  /**\n   * When section toggled, set and store state\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  onSectionToggle($section) {\n    const nowExpanded = !this.isExpanded($section)\n    this.setExpanded(nowExpanded, $section)\n\n    // Store the state in sessionStorage when a change is triggered\n    this.storeState($section, nowExpanded)\n  }\n\n  /**\n   * When Open/Close All toggled, set and store state\n   *\n   * @private\n   */\n  onShowOrHideAllToggle() {\n    const nowExpanded = !this.areAllSectionsOpen()\n\n    this.$sections.forEach(($section) => {\n      this.setExpanded(nowExpanded, $section)\n      this.storeState($section, nowExpanded)\n    })\n\n    this.updateShowAllButton(nowExpanded)\n  }\n\n  /**\n   * Set section attributes when opened/closed\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   * @param {Element} $section - Section element\n   */\n  setExpanded(expanded, $section) {\n    const $showHideIcon = $section.querySelector(`.${this.iconClass}`)\n    const $showHideText = $section.querySelector(\n      `.${this.sectionToggleTextClass}`\n    )\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n    const $content = $section.querySelector(`.${this.sectionContentClass}`)\n\n    if (!$content) {\n      throw new ElementError({\n        component: Accordion,\n        identifier: `Section content (\\`<div class=\"${this.sectionContentClass}\">\\`)`\n      })\n    }\n\n    if (!$showHideIcon || !$showHideText || !$button) {\n      // Return early for elements we create\n      return\n    }\n\n    const newButtonText = expanded\n      ? this.i18n.t('hideSection')\n      : this.i18n.t('showSection')\n\n    $showHideText.textContent = newButtonText\n    $button.setAttribute('aria-expanded', `${expanded}`)\n\n    // Update aria-label combining\n    const ariaLabelParts = []\n\n    const $headingText = $section.querySelector(\n      `.${this.sectionHeadingTextClass}`\n    )\n    if ($headingText) {\n      ariaLabelParts.push($headingText.textContent.trim())\n    }\n\n    const $summary = $section.querySelector(`.${this.sectionSummaryClass}`)\n    if ($summary) {\n      ariaLabelParts.push($summary.textContent.trim())\n    }\n\n    const ariaLabelMessage = expanded\n      ? this.i18n.t('hideSectionAriaLabel')\n      : this.i18n.t('showSectionAriaLabel')\n    ariaLabelParts.push(ariaLabelMessage)\n\n    /*\n     * Join with a comma to add pause for assistive technology.\n     * Example: [heading]Section A ,[pause] Show this section.\n     * https://accessibility.blog.gov.uk/2017/12/18/what-working-on-gov-uk-navigation-taught-us-about-accessibility/\n     */\n    $button.setAttribute('aria-label', ariaLabelParts.join(' , '))\n\n    // Swap icon, change class\n    if (expanded) {\n      $content.removeAttribute('hidden')\n      $section.classList.add(this.sectionExpandedModifier)\n      $showHideIcon.classList.remove(this.iconOpenModifier)\n    } else {\n      $content.setAttribute('hidden', 'until-found')\n      $section.classList.remove(this.sectionExpandedModifier)\n      $showHideIcon.classList.add(this.iconOpenModifier)\n    }\n\n    // See if \"Show all sections\" button text should be updated\n    this.updateShowAllButton(this.areAllSectionsOpen())\n  }\n\n  /**\n   * Get state of section\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @returns {boolean} True if expanded\n   */\n  isExpanded($section) {\n    return $section.classList.contains(this.sectionExpandedModifier)\n  }\n\n  /**\n   * Check if all sections are open\n   *\n   * @private\n   * @returns {boolean} True if all sections are open\n   */\n  areAllSectionsOpen() {\n    return Array.from(this.$sections).every(($section) =>\n      this.isExpanded($section)\n    )\n  }\n\n  /**\n   * Update \"Show all sections\" button\n   *\n   * @private\n   * @param {boolean} expanded - Section expanded\n   */\n  updateShowAllButton(expanded) {\n    if (!this.$showAllButton || !this.$showAllText || !this.$showAllIcon) {\n      return\n    }\n\n    this.$showAllButton.setAttribute('aria-expanded', expanded.toString())\n    this.$showAllText.textContent = expanded\n      ? this.i18n.t('hideAllSections')\n      : this.i18n.t('showAllSections')\n    this.$showAllIcon.classList.toggle(this.iconOpenModifier, !expanded)\n  }\n\n  /**\n   * Get the identifier for a section\n   *\n   * We need a unique way of identifying each content in the Accordion.\n   * Since an `#id` should be unique and an `id` is required for `aria-`\n   * attributes `id` can be safely used.\n   *\n   * @param {Element} $section - Section element\n   * @returns {string | undefined | null} Identifier for section\n   */\n  getIdentifier($section) {\n    const $button = $section.querySelector(`.${this.sectionButtonClass}`)\n\n    return $button?.getAttribute('aria-controls')\n  }\n\n  /**\n   * Set the state of the accordions in sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   * @param {boolean} isExpanded - Whether the section is expanded\n   */\n  storeState($section, isExpanded) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        window.sessionStorage.setItem(id, isExpanded.toString())\n      } catch {}\n    }\n  }\n\n  /**\n   * Read the state of the accordions from sessionStorage\n   *\n   * @private\n   * @param {Element} $section - Section element\n   */\n  setInitialState($section) {\n    if (!this.config.rememberExpanded) {\n      return\n    }\n\n    const id = this.getIdentifier($section)\n\n    if (id) {\n      try {\n        const state = window.sessionStorage.getItem(id)\n\n        if (state !== null) {\n          this.setExpanded(state === 'true', $section)\n        }\n      } catch {}\n    }\n  }\n\n  /**\n   * Create an element to improve semantics of the section button with\n   * punctuation\n   *\n   * Adding punctuation to the button can also improve its general semantics by\n   * dividing its contents into thematic chunks. See\n   * https://github.com/alphagov/govuk-frontend/issues/2327#issuecomment-922957442\n   *\n   * @private\n   * @returns {Element} DOM element\n   */\n  getButtonPunctuationEl() {\n    const $element = createElement('span', {\n      class: 'govuk-visually-hidden govuk-accordion__section-heading-divider'\n    })\n\n    $element.textContent = ', '\n    return $element\n  }\n\n  /**\n   * Name for the component used when initialising using data-module attributes.\n   */\n  static moduleName = 'govuk-accordion'\n\n  /**\n   * Accordion default config\n   *\n   * @see {@link AccordionConfig}\n   * @constant\n   * @type {AccordionConfig}\n   */\n  static defaults = Object.freeze({\n    i18n: {\n      hideAllSections: 'Hide all sections',\n      hideSection: 'Hide',\n      hideSectionAriaLabel: 'Hide this section',\n      showAllSections: 'Show all sections',\n      showSection: 'Show',\n      showSectionAriaLabel: 'Show this section'\n    },\n    rememberExpanded: true\n  })\n\n  /**\n   * Accordion config schema\n   *\n   * @constant\n   * @satisfies {Schema<AccordionConfig>}\n   */\n  static schema = Object.freeze({\n    properties: {\n      i18n: { type: 'object' },\n      rememberExpanded: { type: 'boolean' }\n    }\n  })\n}\n\n/**\n * Accordion config\n *\n * @see {@link Accordion.defaults}\n * @typedef {object} AccordionConfig\n * @property {AccordionTranslations} [i18n=Accordion.defaults.i18n] - Accordion translations\n * @property {boolean} [rememberExpanded] - Whether the expanded and collapsed\n *   state of each section is remembered and restored when navigating.\n */\n\n/**\n * Accordion translations\n *\n * @see {@link Accordion.defaults.i18n}\n * @typedef {object} AccordionTranslations\n *\n * Messages used by the component for the labels of its buttons. This includes\n * the visible text shown on screen, and text to help assistive technology users\n * for the buttons toggling each section.\n * @property {string} [hideAllSections] - The text content for the 'Hide all\n *   sections' button, used when at least one section is expanded.\n * @property {string} [hideSection] - The text content for the 'Hide'\n *   button, used when a section is expanded.\n * @property {string} [hideSectionAriaLabel] - The text content appended to the\n *   'Hide' button's accessible name when a section is expanded.\n * @property {string} [showAllSections] - The text content for the 'Show all\n *   sections' button, used when all sections are collapsed.\n * @property {string} [showSection] - The text content for the 'Show'\n *   button, used when a section is collapsed.\n * @property {string} [showSectionAriaLabel] - The text content appended to the\n *   'Show' button's accessible name when a section is expanded.\n */\n\n/**\n * @import { Schema } from '../../common/configuration.mjs'\n */\n"],"names":["Accordion","ConfigurableComponent","constructor","$root","config","i18n","sectionClass","sectionExpandedModifier","sectionButtonClass","sectionHeaderClass","sectionHeadingClass","sectionHeadingTextClass","sectionToggleTextClass","iconClass","iconOpenModifier","sectionSummaryClass","sectionContentClass","$sections","$showAllButton","$showAllIcon","$showAllText","I18n","querySelectorAll","length","ElementError","component","identifier","initControls","initSectionHeaders","updateShowAllButton","areAllSectionsOpen","createElement","type","class","appendChild","$accordionControls","insertBefore","firstChild","addEventListener","onShowOrHideAllToggle","document","event","onBeforeMatch","forEach","$section","i","$header","querySelector","constructHeaderMarkup","setExpanded","isExpanded","onSectionToggle","setInitialState","index","$span","$heading","$summary","$button","id","attr","Array","from","attributes","name","setAttribute","value","$headingText","$headingTextFocus","childNodes","$child","$showHideToggle","$showHideToggleFocus","getButtonPunctuationEl","$summarySpan","$summarySpanFocus","remove","removeChild","$fragment","target","Element","closest","nowExpanded","storeState","expanded","$showHideIcon","$showHideText","$content","newButtonText","t","textContent","ariaLabelParts","push","trim","ariaLabelMessage","join","removeAttribute","classList","add","contains","every","toString","toggle","getIdentifier","getAttribute","rememberExpanded","window","sessionStorage","setItem","_unused","state","getItem","_unused2","$element","moduleName","defaults","Object","freeze","hideAllSections","hideSection","hideSectionAriaLabel","showAllSections","showSection","showSectionAriaLabel","schema","properties"],"mappings":"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"}

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

@@ -0,0 +1,377 @@
+{
+    "component": "accordion",
+    "fixtures": [
+        {
+            "name": "default",
+            "options": {
+                "id": "default-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post."
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": {
+                "variants": [
+                    "default",
+                    "no-js"
+                ]
+            },
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"default-example\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"default-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"default-example-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"default-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"default-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with additional descriptions",
+            "options": {
+                "id": "with-descriptions",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Test"
+                        },
+                        "summary": {
+                            "text": "Additional description"
+                        },
+                        "content": {
+                            "html": "<p class=\"govuk-body\">\n  We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n</p>\n<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Test 2"
+                        },
+                        "summary": {
+                            "html": "<span class=\"govuk-!-font-weight-regular\">Additional description (wrapped in span)</span>"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-descriptions\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-descriptions-heading-1\">\n          Test\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-descriptions-summary-1\">\n        Additional description\n      </div>\n    </div>\n    <div id=\"with-descriptions-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-descriptions-heading-2\">\n          Test 2\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-descriptions-summary-2\">\n        <span class=\"govuk-!-font-weight-regular\">Additional description (wrapped in span)</span>\n      </div>\n    </div>\n    <div id=\"with-descriptions-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with long content and description",
+            "options": {
+                "id": "with-long-content-and-description",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor."
+                        },
+                        "summary": {
+                            "text": "Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem."
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum."
+                        },
+                        "summary": {
+                            "html": "<span class=\"govuk-!-font-weight-regular\">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-long-content-and-description\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-long-content-and-description-heading-1\">\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc quis tortor porttitor.\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-long-content-and-description-summary-1\">\n        Etiam diam dui, tempus ut pharetra in, aliquet non dui. Nunc pulvinar maximus tortor, ac finibus augue congue vitae. Donec sed cursus lorem.\n      </div>\n    </div>\n    <div id=\"with-long-content-and-description-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-long-content-and-description-heading-2\">\n          Praesent faucibus leo feugiat libero pharetra lacinia. Aliquam aliquet ante vitae mollis vestibulum.\n        </span>\n      </h2>\n      <div class=\"govuk-accordion__section-summary govuk-body\" id=\"with-long-content-and-description-summary-2\">\n        <span class=\"govuk-!-font-weight-regular\">Maecenas nec <abbr>est</abbr> sapien. Etiam varius luctus mauris non porttitor. </span>\n      </div>\n    </div>\n    <div id=\"with-long-content-and-description-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with all sections already open",
+            "options": {
+                "id": "all-sections-open-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": false,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"all-sections-open-example\">\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"all-sections-open-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"all-sections-open-example-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"all-sections-open-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"all-sections-open-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "classes",
+            "options": {
+                "id": "accordion-classes",
+                "classes": "myClass",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion myClass\" data-module=\"govuk-accordion\" id=\"accordion-classes\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-classes-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-classes-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "attributes",
+            "options": {
+                "id": "accordion-attributes",
+                "attributes": {
+                    "data-attribute": "value"
+                },
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-attributes\" data-attribute=\"value\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-attributes-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-attributes-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "custom heading level",
+            "options": {
+                "id": "accordion-heading",
+                "headingLevel": 3,
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-heading\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h3 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-heading-heading-1\">\n          Section A\n        </span>\n      </h3>\n    </div>\n    <div id=\"accordion-heading-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "heading html",
+            "options": {
+                "id": "accordion-heading-html",
+                "items": [
+                    {
+                        "heading": {
+                            "html": "<span class=\"myClass\">Section A</span>"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-heading-html\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-heading-html-heading-1\">\n          <span class=\"myClass\">Section A</span>\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-heading-html-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with falsy values",
+            "options": {
+                "id": "accordion-falsy",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    },
+                    false,
+                    "",
+                    null,
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-falsy\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-falsy-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-falsy-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-falsy-heading-5\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-falsy-content-5\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with remember expanded off",
+            "options": {
+                "id": "accordion-remember-expanded-off",
+                "rememberExpanded": false,
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "Some content"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"accordion-remember-expanded-off\" data-remember-expanded=\"false\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"accordion-remember-expanded-off-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"accordion-remember-expanded-off-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        Some content\n      </p>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with focusable elements inside",
+            "options": {
+                "id": "with-focusable-elements",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "html": "<a class=\"govuk-link\" href=\"#\">Link A</a>"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<a class=\"govuk-link\" href=\"#\">Link B</a>"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-focusable-elements\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-focusable-elements-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-focusable-elements-content-1\" class=\"govuk-accordion__section-content\">\n      <a class=\"govuk-link\" href=\"#\">Link A</a>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-focusable-elements-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-focusable-elements-content-2\" class=\"govuk-accordion__section-content\">\n      <a class=\"govuk-link\" href=\"#\">Link B</a>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with one section open",
+            "options": {
+                "id": "one-section-open-example",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "expanded": true,
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 1</li>\n</ul>\n"
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"one-section-open-example\">\n  <div class=\"govuk-accordion__section govuk-accordion__section--expanded\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"one-section-open-example-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"one-section-open-example-content-1\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 1</li>\n      </ul>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"one-section-open-example-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"one-section-open-example-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        },
+        {
+            "name": "with translations",
+            "options": {
+                "id": "with-translations",
+                "hideAllSectionsText": "Collapse all sections",
+                "showAllSectionsText": "Expand all sections",
+                "hideSectionText": "Collapse",
+                "hideSectionAriaLabelText": "Collapse this section",
+                "showSectionText": "Expand",
+                "showSectionAriaLabelText": "Expand this section",
+                "items": [
+                    {
+                        "heading": {
+                            "text": "Section A"
+                        },
+                        "content": {
+                            "text": "We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post."
+                        }
+                    },
+                    {
+                        "heading": {
+                            "text": "Section B"
+                        },
+                        "content": {
+                            "html": "<ul class=\"govuk-list govuk-list--bullet\">\n  <li>Example item 2</li>\n</ul>\n"
+                        }
+                    }
+                ]
+            },
+            "hidden": true,
+            "description": "",
+            "pageTemplateOptions": {},
+            "screenshot": false,
+            "html": "<div class=\"govuk-accordion\" data-module=\"govuk-accordion\" id=\"with-translations\" data-i18n.hide-all-sections=\"Collapse all sections\" data-i18n.hide-section=\"Collapse\" data-i18n.hide-section-aria-label=\"Collapse this section\" data-i18n.show-all-sections=\"Expand all sections\" data-i18n.show-section=\"Expand\" data-i18n.show-section-aria-label=\"Expand this section\">\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-translations-heading-1\">\n          Section A\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-translations-content-1\" class=\"govuk-accordion__section-content\">\n      <p class=\"govuk-body\">\n        We need to know your nationality so we can work out which elections you’re entitled to vote in. If you cannot provide your nationality, you’ll have to send copies of identity documents through the post.\n      </p>\n    </div>\n  </div>\n  <div class=\"govuk-accordion__section\">\n    <div class=\"govuk-accordion__section-header\">\n      <h2 class=\"govuk-accordion__section-heading\">\n        <span class=\"govuk-accordion__section-button\" id=\"with-translations-heading-2\">\n          Section B\n        </span>\n      </h2>\n    </div>\n    <div id=\"with-translations-content-2\" class=\"govuk-accordion__section-content\">\n      <ul class=\"govuk-list govuk-list--bullet\">\n        <li>Example item 2</li>\n      </ul>\n    </div>\n  </div>\n</div>"
+        }
+    ]
+}

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

@@ -0,0 +1,142 @@
+[
+    {
+        "name": "id",
+        "type": "string",
+        "required": true,
+        "description": "Must be unique across the domain of your service if `rememberExpanded` is `true` (as the expanded state of individual instances of the component persists across page loads using [session storage](https://developer.mozilla.org/en-US/docs/Web/API/Window/sessionStorage)). Used as an `id` in the HTML for the accordion as a whole, and also as a prefix for the `id`s of the section contents and the buttons that open them, so that those `id`s can be the target of `aria-control` attributes."
+    },
+    {
+        "name": "headingLevel",
+        "type": "integer",
+        "required": false,
+        "description": "Heading level, from `1` to `6`. Default is `2`."
+    },
+    {
+        "name": "classes",
+        "type": "string",
+        "required": false,
+        "description": "Classes to add to the accordion."
+    },
+    {
+        "name": "attributes",
+        "type": "object",
+        "required": false,
+        "description": "HTML attributes (for example data attributes) to add to the accordion."
+    },
+    {
+        "name": "rememberExpanded",
+        "type": "boolean",
+        "required": false,
+        "description": "Whether the expanded/collapsed state of the accordion should be saved when a user leaves the page and restored when they return. Default is `true`."
+    },
+    {
+        "name": "hideAllSectionsText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Hide all sections' button at the top of the accordion when all sections are expanded."
+    },
+    {
+        "name": "hideSectionText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Hide' button within each section of the accordion, which is visible when the section is expanded."
+    },
+    {
+        "name": "hideSectionAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Text made available to assistive technologies, like screen-readers, as the final part of the toggle's accessible name when the section is expanded. Defaults to `\"Hide this section\"`."
+    },
+    {
+        "name": "showAllSectionsText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Show all sections' button at the top of the accordion when at least one section is collapsed."
+    },
+    {
+        "name": "showSectionText",
+        "type": "string",
+        "required": false,
+        "description": "The text content of the 'Show' button within each section of the accordion, which is visible when the section is collapsed."
+    },
+    {
+        "name": "showSectionAriaLabelText",
+        "type": "string",
+        "required": false,
+        "description": "Text made available to assistive technologies, like screen-readers, as the final part of the toggle's accessible name when the section is collapsed. Defaults to `\"Show this section\"`."
+    },
+    {
+        "name": "items",
+        "type": "array",
+        "required": true,
+        "description": "The sections within the accordion.",
+        "params": [
+            {
+                "name": "heading",
+                "type": "object",
+                "required": true,
+                "description": "The heading of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. The heading text of each section. 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. The heading HTML content of each section. The header is inside the HTML `<button>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "summary",
+                "type": "object",
+                "required": false,
+                "description": "The summary line of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": false,
+                        "description": "The summary line text content of each section. If `html` is provided, the `text` option will be ignored."
+                    },
+                    {
+                        "name": "html",
+                        "type": "string",
+                        "required": false,
+                        "description": "The summary line HTML content of each section. The summary line is inside the HTML `<button>` element, so you can only add [phrasing content](https://html.spec.whatwg.org/#phrasing-content) to it. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "content",
+                "type": "object",
+                "required": true,
+                "description": "The content of each accordion section.",
+                "params": [
+                    {
+                        "name": "text",
+                        "type": "string",
+                        "required": true,
+                        "description": "If `html` is set, this is not required. The text content of each section, which is hidden when the section is closed. 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. The HTML content of each section, which is hidden when the section is closed. If `html` is provided, the `text` option will be ignored."
+                    }
+                ]
+            },
+            {
+                "name": "expanded",
+                "type": "boolean",
+                "required": false,
+                "description": "Sets whether the section should be expanded when the page loads for the first time. Defaults to `false`."
+            }
+        ]
+    }
+]

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

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