@nationalarchives/frontend 0.1.14-prerelease → 0.1.15-prerelease

package/nationalarchives/all.js.map

@@ -1 +1 @@
-{"version":3,"file":"all.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/card/card.mjs","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/components/picture/picture.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/./src/nationalarchives/components/tabs/tabs.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","export class Card {\n  constructor($module, tapTimeMax = 300) {\n    this.$module = $module;\n    this.$cardTitleLink =\n      $module && $module.querySelector(\".tna-card__title-link\");\n    this.$cardAction = $module && $module.querySelector(\".tna-card__action\");\n    this.tapTimeMax = tapTimeMax;\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      (!this.$cardTitleLink && !this.$cardAction) ||\n      this.$module.classList.contains(\"tna-card--no-global-click\")\n    ) {\n      return;\n    }\n\n    this.touchStartTime = null;\n\n    // this.$module.addEventListener(\"touchstart\", () =>\n    //   this.handleCardTouchStart(),\n    // );\n    // this.$module.addEventListener(\"touchend\", () => this.handleCardTouchEnd());\n  }\n\n  handleCardClick() {\n    if (this.$cardTitleLink) {\n      this.$cardTitleLink.click();\n    } else if (this.$cardAction) {\n      this.$cardAction.click();\n    }\n  }\n\n  handleCardTouchStart() {\n    this.touchStartTime = new Date();\n  }\n\n  handleCardTouchEnd() {\n    const duration = new Date().getTime() - this.touchStartTime.getTime();\n    if (duration < this.tapTimeMax) {\n      this.handleCardClick();\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Header {\n  constructor($module) {\n    this.$module = $module;\n    this.$toggleButtonWrapper =\n      $module && $module.querySelector(\".tna-header__navigation-toggle\");\n    this.$navigation =\n      $module && $module.querySelector(\".tna-header__navigation\");\n    this.$links =\n      $module &&\n      this.$navigation &&\n      this.$navigation.querySelectorAll(\"[tabindex='0']\");\n    this.menuOpened = false;\n    this.mql = window.matchMedia(\"(max-width: 768px)\");\n  }\n\n  init() {\n    if (!this.$module || !this.$toggleButtonWrapper || !this.$navigation) {\n      return;\n    }\n\n    const uniqueId = `tna-menu-content-${uuidv4()}`;\n    this.$navigation.setAttribute(\"id\", uniqueId);\n\n    this.$toggleButton = document.createElement(\"button\");\n    this.$toggleButton.innerText = \"Menu\";\n    this.$toggleButton.setAttribute(\"aria-controls\", uniqueId);\n    this.$toggleButton.setAttribute(\"aria-haspopup\", \"true\");\n    this.$toggleButton.classList.add(\"tna-header__navigation-toggle-button\");\n\n    this.$hamburger = document.createElement(\"div\");\n    this.$hamburger.classList.add(\"tna-header__hamburger\");\n\n    this.$toggleButton.appendChild(this.$hamburger);\n    this.$toggleButtonWrapper.appendChild(this.$toggleButton);\n\n    this.syncState();\n\n    this.$toggleButton.addEventListener(\"click\", () =>\n      this.handleToggleNavigation(),\n    );\n\n    if (\"addEventListener\" in this.mql) {\n      this.mql.addEventListener(\"change\", () => this.syncState());\n    } else {\n      this.mql.addListener(() => this.syncState());\n    }\n  }\n\n  handleToggleNavigation() {\n    this.menuOpened = !this.menuOpened;\n    this.syncState();\n  }\n\n  syncState() {\n    if (this.mql.matches) {\n      if (this.menuOpened) {\n        this.$navigation.classList.add(\"tna-header__navigation--open\");\n        this.$navigation.hidden = false;\n        this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n        this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n        this.$toggleButton.classList.add(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"0\");\n        }\n      } else {\n        this.$navigation.classList.remove(\"tna-header__navigation--open\");\n        this.$navigation.hidden = true;\n        this.$navigation.setAttribute(\"aria-hidden\", \"true\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"false\");\n        this.$toggleButton.setAttribute(\"title\", \"Open menu\");\n        this.$toggleButton.classList.remove(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"-1\");\n        }\n      }\n    } else {\n      this.$navigation.classList.add(\"tna-header__navigation--open\");\n      this.$navigation.hidden = false;\n      this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n      this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n      this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n\n      for (let i = 0; i < this.$links.length; i++) {\n        this.$links[i].setAttribute(\"tabindex\", \"0\");\n      }\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Picture {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageWrapper =\n      $module && $module.querySelector(\".tna-picture__image-wrapper\");\n    this.$transcript =\n      $module && $module.querySelector(\".tna-picture__transcript\");\n    this.transcriptOpened = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageWrapper || !this.$transcript) {\n      return;\n    }\n\n    const uniqueId = `tna-picture-${uuidv4()}`;\n\n    this.$transcriptToggle = document.createElement(\"button\");\n    this.$transcriptToggle.classList.add(\n      \"tna-picture__toggle-transcript\",\n      \"tna-button\",\n    );\n    this.$transcriptToggle.setAttribute(\"aria-controls\", uniqueId);\n    this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n    this.$transcriptToggle.innerText = \"Open transcript\";\n    this.$transcriptToggle.addEventListener(\"click\", () =>\n      this.handleToggleTranscript(),\n    );\n    this.$imageWrapper.appendChild(this.$transcriptToggle);\n\n    this.$transcript.setAttribute(\"id\", uniqueId);\n    this.$transcript.setAttribute(\"hidden\", true);\n    // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n  }\n\n  handleToggleTranscript() {\n    const transcriptToggleOpenedClass =\n      \"tna-picture__toggle-transcript--opened\";\n    this.transcriptOpened = !this.transcriptOpened;\n    if (this.transcriptOpened) {\n      this.$transcriptToggle.classList.add(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", true);\n      this.$transcriptToggle.innerText = \"Close transcript\";\n      this.$transcript.removeAttribute(\"hidden\");\n      // this.$transcript.setAttribute(\"tabindex\", \"0\");\n      // this.$transcript.focus();\n    } else {\n      this.$transcriptToggle.classList.remove(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n      this.$transcriptToggle.innerText = \"Open transcript\";\n      this.$transcript.setAttribute(\"hidden\", true);\n      // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n    }\n  }\n}\n","export class SensitiveImage {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageDetails =\n      $module && $module.querySelector(\".tna-sensitive-image__details\");\n    this.$image =\n      $module && $module.querySelector(\".tna-sensitive-image__image\");\n    this.imageIsVisible = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageDetails || !this.$image) {\n      return;\n    }\n    this.$imageDetails.addEventListener(\"toggle\", () =>\n      this.handleImageDetailsToggle(),\n    );\n  }\n\n  handleImageDetailsToggle() {\n    if (this.$imageDetails.hasAttribute(\"open\")) {\n      this.$image.focus({ preventScroll: true, focusVisible: true });\n    }\n  }\n}\n","export class Tabs {\n  constructor($module) {\n    this.$module = $module;\n    this.$tabList = $module && $module.querySelector(\".tna-tabs__list\");\n    this.$tabListItemLinks =\n      $module &&\n      this.$tabList &&\n      $module.querySelectorAll(\".tna-tabs__list-item-link\");\n    this.$tabItems = $module && $module.querySelectorAll(\".tna-tabs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$tabList ||\n      !this.$tabListItemLinks ||\n      !this.$tabItems ||\n      this.$tabListItemLinks.length !== this.$tabItems.length\n    ) {\n      return;\n    }\n\n    this.sticky = this.$module.classList.contains(\"tna-tabs--sticky\");\n\n    const startingTarget = window.location.hash.replace(/^#/, \"\");\n\n    this.$newTabList = document.createElement(\"div\");\n    this.$newTabList.setAttribute(\"role\", \"tablist\");\n    this.$newTabList.setAttribute(\"class\", this.$tabList.getAttribute(\"class\"));\n\n    this.$tabItems.forEach(($tabItem, index) => {\n      $tabItem.setAttribute(\"role\", \"tabpanel\");\n      $tabItem.setAttribute(\n        \"aria-labelledby\",\n        `${$tabItem.getAttribute(\"id\")}-tab`,\n      );\n      $tabItem.setAttribute(\"tabindex\", \"0\");\n      if (\n        (startingTarget && $tabItem.getAttribute(\"id\") !== startingTarget) ||\n        (!startingTarget && index > 0)\n      ) {\n        $tabItem.setAttribute(\"hidden\", true);\n      }\n    });\n\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      const $replacementButton = document.createElement(\"button\");\n      $replacementButton.innerText = $tabListItemLink.innerText;\n      $replacementButton.setAttribute(\n        \"class\",\n        $tabListItemLink.getAttribute(\"class\"),\n      );\n      $replacementButton.setAttribute(\"role\", \"tab\");\n      $replacementButton.setAttribute(\n        \"id\",\n        $tabListItemLink.getAttribute(\"id\"),\n      );\n      $replacementButton.setAttribute(\n        \"aria-controls\",\n        $tabListItemLink.getAttribute(\"href\").replace(/^#/, \"\"),\n      );\n      $replacementButton.setAttribute(\"tabindex\", \"-1\");\n      this.$newTabList.appendChild($replacementButton);\n    });\n\n    this.$tabList.replaceWith(this.$newTabList);\n\n    this.$tabListItemLinks = this.$module.querySelectorAll(\n      \".tna-tabs__list-item-link\",\n    );\n\n    this.$tabListItemLinks.forEach(($tabListItemLink, index) => {\n      if (\n        (startingTarget &&\n          $tabListItemLink.getAttribute(\"aria-controls\") ===\n            `${startingTarget}`) ||\n        (!startingTarget && index === 0)\n      ) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n      }\n\n      $tabListItemLink.addEventListener(\n        \"keydown\",\n        (e) => this.handleItemLinkKeyDown(e),\n        true,\n      );\n      $tabListItemLink.addEventListener(\n        \"click\",\n        (e) => this.handleItemLinkClick(e),\n        true,\n      );\n    });\n  }\n\n  handleItemLinkClick(itemLinkClickEvent) {\n    itemLinkClickEvent.preventDefault();\n    const targetItem =\n      itemLinkClickEvent.currentTarget.getAttribute(\"aria-controls\");\n\n    this.switchTab(targetItem);\n  }\n\n  handleItemLinkKeyDown(itemLinkKeyDownEvent) {\n    const targetItem = itemLinkKeyDownEvent.currentTarget;\n    let overwriteKeyAction = false;\n\n    switch (itemLinkKeyDownEvent.key) {\n      case \"ArrowLeft\":\n        this.setSelectedToPreviousTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"ArrowRight\":\n        this.setSelectedToNextTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"Home\":\n        this.switchTab(this.$tabListItemLinks[0].getAttribute(\"aria-controls\"));\n        overwriteKeyAction = true;\n        break;\n\n      case \"End\":\n        this.switchTab(\n          this.$tabListItemLinks[\n            this.$tabListItemLinks.length - 1\n          ].getAttribute(\"aria-controls\"),\n        );\n        overwriteKeyAction = true;\n        break;\n\n      default:\n        break;\n    }\n\n    if (overwriteKeyAction) {\n      itemLinkKeyDownEvent.stopPropagation();\n      itemLinkKeyDownEvent.preventDefault();\n    }\n  }\n\n  setSelectedToNextTab(targetItem) {\n    console.log(\"setSelectedToNextTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex < this.$tabListItemLinks.length - 1) {\n      newIndex = currentIndex + 1;\n    } else {\n      newIndex = 0;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  setSelectedToPreviousTab(targetItem) {\n    console.log(\"setSelectedToPreviousTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex >= 1) {\n      newIndex = currentIndex - 1;\n    } else {\n      newIndex = this.$tabListItemLinks.length - 1;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  switchTab(targetId) {\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      if ($tabListItemLink.getAttribute(\"aria-controls\") === targetId) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n        $tabListItemLink.focus();\n      } else {\n        $tabListItemLink.classList.remove(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n        $tabListItemLink.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    this.$tabItems.forEach(($tabItem) => {\n      if ($tabItem.getAttribute(\"id\") === targetId) {\n        $tabItem.removeAttribute(\"hidden\");\n        $tabItem.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabItem.setAttribute(\"hidden\", true);\n        $tabItem.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    if (this.sticky) {\n      if (history.replaceState) {\n        history.replaceState(null, null, `#${targetId}`);\n      } else {\n        location.hash = `#${targetId}`;\n      }\n    }\n  }\n}\n","const uuidv4 = () =>\n  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n    (\n      c ^\n      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n    ).toString(16),\n  );\n\nexport default uuidv4;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Card } from \"./components/card/card.mjs\";\nimport { Header } from \"./components/header/header.mjs\";\nimport { Picture } from \"./components/picture/picture.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\nimport { Tabs } from \"./components/tabs/tabs.mjs\";\n\nconst $body = document.documentElement;\n\n$body.classList.add(\"tna-template--js-enabled\");\n\nconst onFirstTouch = () => {\n  window.removeEventListener(\"touchstart\", onFirstTouch);\n  $body.classList.add(\"tna-template--touched\");\n};\n\nconst onKeyDown = (e) => {\n  if (e.key === \"Tab\") {\n    $body.classList.add(\"tna-template--tabbed\");\n    $body.classList.remove(\"tna-template--clicked\");\n  }\n};\n\nconst onMouseDown = () => {\n  $body.classList.add(\"tna-template--clicked\");\n  $body.classList.remove(\"tna-template--tabbed\");\n};\n\nwindow.addEventListener(\"touchstart\", onFirstTouch);\nwindow.addEventListener(\"keydown\", onKeyDown);\nwindow.addEventListener(\"mousedown\", onMouseDown);\n\nif (document.documentElement.classList.contains(\"tna-template--system-theme\")) {\n  document.documentElement.classList.add(\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"tna-template--dark-theme\"\n      : \"tna-template--light-theme\",\n  );\n  if (window.matchMedia(\"(prefers-contrast: more)\").matches) {\n    document.documentElement.classList.add(\"tna-template--high-contrast-theme\");\n  }\n}\n\nconst initAll = (options) => {\n  options = typeof options !== \"undefined\" ? options : {};\n  const $scope =\n    options.scope instanceof HTMLElement ? options.scope : document;\n\n  const $header = $scope.querySelector('[data-module=\"tna-header\"]');\n  if ($header) {\n    new Header($header).init();\n  }\n\n  const $cards = $scope.querySelectorAll('[data-module=\"tna-card\"]');\n  $cards.forEach(($card) => {\n    new Card($card).init();\n  });\n\n  const $pictures = $scope.querySelectorAll('[data-module=\"tna-picture\"]');\n  $pictures.forEach(($picture) => {\n    new Picture($picture).init();\n  });\n\n  const $sensitiveImages = $scope.querySelectorAll(\n    '[data-module=\"tna-sensitive-image\"]',\n  );\n  $sensitiveImages.forEach(($sensitiveImage) => {\n    new SensitiveImage($sensitiveImage).init();\n  });\n\n  const $tabs = $scope.querySelectorAll('[data-module=\"tna-tabs\"]');\n  $tabs.forEach(($tabModule) => {\n    new Tabs($tabModule).init();\n  });\n};\n\nexport { initAll, Header, SensitiveImage, Tabs };\n"],"names":["root","factory","exports","module","define","amd","self","Card","$module","tapTimeMax","arguments","length","undefined","_classCallCheck","this","$cardTitleLink","querySelector","$cardAction","key","value","classList","contains","touchStartTime","click","Date","getTime","handleCardClick","Header","$toggleButtonWrapper","$navigation","$links","querySelectorAll","menuOpened","mql","window","matchMedia","_this","uniqueId","concat","uuidv4","setAttribute","$toggleButton","document","createElement","innerText","add","$hamburger","appendChild","syncState","addEventListener","handleToggleNavigation","addListener","matches","hidden","i","remove","Picture","$imageWrapper","$transcript","transcriptOpened","$transcriptToggle","handleToggleTranscript","transcriptToggleOpenedClass","removeAttribute","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","focus","preventScroll","focusVisible","Tabs","$tabList","$tabListItemLinks","$tabItems","sticky","startingTarget","location","hash","replace","$newTabList","getAttribute","forEach","$tabItem","index","$tabListItemLink","$replacementButton","replaceWith","e","handleItemLinkKeyDown","handleItemLinkClick","itemLinkClickEvent","preventDefault","targetItem","currentTarget","switchTab","itemLinkKeyDownEvent","overwriteKeyAction","setSelectedToPreviousTab","setSelectedToNextTab","stopPropagation","console","log","newIndex","currentIndex","_toConsumableArray","findIndex","targetId","history","replaceState","c","crypto","getRandomValues","Uint8Array","toString","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","$body","documentElement","onFirstTouch","removeEventListener","initAll","options","$scope","scope","HTMLElement","$header","init","$card","$picture","$sensitiveImage","$tabModule"],"sourceRoot":""}
+{"version":3,"file":"all.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/breadcrumbs/breadcrumbs.mjs","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/components/picture/picture.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/./src/nationalarchives/components/tabs/tabs.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Breadcrumbs {\n  constructor($module) {\n    this.$module = $module;\n    this.$breadcrumbsListWrapper =\n      $module && $module.querySelector(\".tna-breadcrumbs__wrapper\");\n    this.$breadcrumbsList =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      $module.querySelector(\".tna-breadcrumbs__list\");\n    this.$breadcrumbs =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      this.$breadcrumbsList &&\n      $module.querySelectorAll(\".tna-breadcrumbs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$breadcrumbsListWrapper ||\n      !this.$breadcrumbsList ||\n      !this.$breadcrumbs\n    ) {\n      return;\n    }\n\n    if (this.$breadcrumbs.length > 2) {\n      const uniqueId = `tna-breadcrumbs-${uuidv4()}`;\n\n      const $expandable = document.createElement(\"li\");\n      $expandable.classList.add(\n        \"tna-breadcrumbs__item\",\n        \"tna-breadcrumbs__item--expandable\",\n      );\n\n      const $expandButton = document.createElement(\"button\");\n      $expandButton.classList.add(\"tna-breadcrumbs__link\");\n      $expandButton.innerHTML =\n        \"<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;\";\n      $expandButton.setAttribute(\"aria-expanded\", \"false\");\n      $expandButton.setAttribute(\"aria-controls\", uniqueId);\n      $expandButton.addEventListener(\"click\", () => {\n        this.$breadcrumbsList.classList.remove(\n          \"tna-breadcrumbs__list--collapse-on-mobile\",\n        );\n        $expandable.remove();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"0\");\n        this.$breadcrumbsListWrapper.focus();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"-1\");\n      });\n\n      $expandable.appendChild($expandButton);\n\n      this.$breadcrumbsList.setAttribute(\"id\", uniqueId);\n      this.$breadcrumbsList.insertBefore(\n        $expandable,\n        this.$breadcrumbs[this.$breadcrumbs.length - 2].nextSibling,\n      );\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Header {\n  constructor($module) {\n    this.$module = $module;\n    this.$toggleButtonWrapper =\n      $module && $module.querySelector(\".tna-header__navigation-toggle\");\n    this.$navigation =\n      $module && $module.querySelector(\".tna-header__navigation\");\n    this.$links =\n      $module &&\n      this.$navigation &&\n      this.$navigation.querySelectorAll(\"[tabindex='0']\");\n    this.menuOpened = false;\n    this.mql = window.matchMedia(\"(max-width: 768px)\");\n  }\n\n  init() {\n    if (!this.$module || !this.$toggleButtonWrapper || !this.$navigation) {\n      return;\n    }\n\n    const uniqueId = `tna-menu-content-${uuidv4()}`;\n    this.$navigation.setAttribute(\"id\", uniqueId);\n\n    this.$toggleButton = document.createElement(\"button\");\n    this.$toggleButton.innerText = \"Menu\";\n    this.$toggleButton.setAttribute(\"aria-controls\", uniqueId);\n    this.$toggleButton.setAttribute(\"aria-haspopup\", \"true\");\n    this.$toggleButton.classList.add(\"tna-header__navigation-toggle-button\");\n\n    this.$hamburger = document.createElement(\"div\");\n    this.$hamburger.classList.add(\"tna-header__hamburger\");\n\n    this.$toggleButton.appendChild(this.$hamburger);\n    this.$toggleButtonWrapper.appendChild(this.$toggleButton);\n\n    this.syncState();\n\n    this.$toggleButton.addEventListener(\"click\", () =>\n      this.handleToggleNavigation(),\n    );\n\n    if (\"addEventListener\" in this.mql) {\n      this.mql.addEventListener(\"change\", () => this.syncState());\n    } else {\n      this.mql.addListener(() => this.syncState());\n    }\n  }\n\n  handleToggleNavigation() {\n    this.menuOpened = !this.menuOpened;\n    this.syncState();\n  }\n\n  syncState() {\n    if (this.mql.matches) {\n      if (this.menuOpened) {\n        this.$navigation.classList.add(\"tna-header__navigation--open\");\n        this.$navigation.hidden = false;\n        this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n        this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n        this.$toggleButton.classList.add(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"0\");\n        }\n      } else {\n        this.$navigation.classList.remove(\"tna-header__navigation--open\");\n        this.$navigation.hidden = true;\n        this.$navigation.setAttribute(\"aria-hidden\", \"true\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"false\");\n        this.$toggleButton.setAttribute(\"title\", \"Open menu\");\n        this.$toggleButton.classList.remove(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"-1\");\n        }\n      }\n    } else {\n      this.$navigation.classList.add(\"tna-header__navigation--open\");\n      this.$navigation.hidden = false;\n      this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n      this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n      this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n\n      for (let i = 0; i < this.$links.length; i++) {\n        this.$links[i].setAttribute(\"tabindex\", \"0\");\n      }\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Picture {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageWrapper =\n      $module && $module.querySelector(\".tna-picture__image-wrapper\");\n    this.$transcript =\n      $module && $module.querySelector(\".tna-picture__transcript\");\n    this.transcriptOpened = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageWrapper || !this.$transcript) {\n      return;\n    }\n\n    const uniqueId = `tna-picture-${uuidv4()}`;\n\n    this.$transcriptToggle = document.createElement(\"button\");\n    this.$transcriptToggle.classList.add(\n      \"tna-picture__toggle-transcript\",\n      \"tna-button\",\n    );\n    this.$transcriptToggle.setAttribute(\"aria-controls\", uniqueId);\n    this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n    this.$transcriptToggle.innerText = \"Open transcript\";\n    this.$transcriptToggle.addEventListener(\"click\", () =>\n      this.handleToggleTranscript(),\n    );\n    this.$imageWrapper.appendChild(this.$transcriptToggle);\n\n    this.$transcript.setAttribute(\"id\", uniqueId);\n    this.$transcript.setAttribute(\"hidden\", true);\n    // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n  }\n\n  handleToggleTranscript() {\n    const transcriptToggleOpenedClass =\n      \"tna-picture__toggle-transcript--opened\";\n    this.transcriptOpened = !this.transcriptOpened;\n    if (this.transcriptOpened) {\n      this.$transcriptToggle.classList.add(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", true);\n      this.$transcriptToggle.innerText = \"Close transcript\";\n      this.$transcript.removeAttribute(\"hidden\");\n      // this.$transcript.setAttribute(\"tabindex\", \"0\");\n      // this.$transcript.focus();\n    } else {\n      this.$transcriptToggle.classList.remove(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n      this.$transcriptToggle.innerText = \"Open transcript\";\n      this.$transcript.setAttribute(\"hidden\", true);\n      // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n    }\n  }\n}\n","export class SensitiveImage {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageDetails =\n      $module && $module.querySelector(\".tna-sensitive-image__details\");\n    this.$image =\n      $module && $module.querySelector(\".tna-sensitive-image__image\");\n    this.imageIsVisible = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageDetails || !this.$image) {\n      return;\n    }\n    this.$imageDetails.addEventListener(\"toggle\", () =>\n      this.handleImageDetailsToggle(),\n    );\n  }\n\n  handleImageDetailsToggle() {\n    if (this.$imageDetails.hasAttribute(\"open\")) {\n      this.$image.focus({ preventScroll: true, focusVisible: true });\n    }\n  }\n}\n","export class Tabs {\n  constructor($module) {\n    this.$module = $module;\n    this.$tabList = $module && $module.querySelector(\".tna-tabs__list\");\n    this.$tabListItemLinks =\n      $module &&\n      this.$tabList &&\n      $module.querySelectorAll(\".tna-tabs__list-item-link\");\n    this.$tabItems = $module && $module.querySelectorAll(\".tna-tabs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$tabList ||\n      !this.$tabListItemLinks ||\n      !this.$tabItems ||\n      this.$tabListItemLinks.length !== this.$tabItems.length\n    ) {\n      return;\n    }\n\n    this.sticky = this.$module.classList.contains(\"tna-tabs--sticky\");\n\n    const startingTarget = window.location.hash.replace(/^#/, \"\");\n\n    this.$newTabList = document.createElement(\"div\");\n    this.$newTabList.setAttribute(\"role\", \"tablist\");\n    this.$newTabList.setAttribute(\"class\", this.$tabList.getAttribute(\"class\"));\n\n    this.$tabItems.forEach(($tabItem, index) => {\n      $tabItem.setAttribute(\"role\", \"tabpanel\");\n      $tabItem.setAttribute(\n        \"aria-labelledby\",\n        `${$tabItem.getAttribute(\"id\")}-tab`,\n      );\n      $tabItem.setAttribute(\"tabindex\", \"0\");\n      if (\n        (startingTarget && $tabItem.getAttribute(\"id\") !== startingTarget) ||\n        (!startingTarget && index > 0)\n      ) {\n        $tabItem.setAttribute(\"hidden\", true);\n      }\n    });\n\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      const $replacementButton = document.createElement(\"button\");\n      $replacementButton.innerText = $tabListItemLink.innerText;\n      $replacementButton.setAttribute(\n        \"class\",\n        $tabListItemLink.getAttribute(\"class\"),\n      );\n      $replacementButton.setAttribute(\"role\", \"tab\");\n      $replacementButton.setAttribute(\n        \"id\",\n        $tabListItemLink.getAttribute(\"id\"),\n      );\n      $replacementButton.setAttribute(\n        \"aria-controls\",\n        $tabListItemLink.getAttribute(\"href\").replace(/^#/, \"\"),\n      );\n      $replacementButton.setAttribute(\"tabindex\", \"-1\");\n      this.$newTabList.appendChild($replacementButton);\n    });\n\n    this.$tabList.replaceWith(this.$newTabList);\n\n    this.$tabListItemLinks = this.$module.querySelectorAll(\n      \".tna-tabs__list-item-link\",\n    );\n\n    this.$tabListItemLinks.forEach(($tabListItemLink, index) => {\n      if (\n        (startingTarget &&\n          $tabListItemLink.getAttribute(\"aria-controls\") ===\n            `${startingTarget}`) ||\n        (!startingTarget && index === 0)\n      ) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n      }\n\n      $tabListItemLink.addEventListener(\n        \"keydown\",\n        (e) => this.handleItemLinkKeyDown(e),\n        true,\n      );\n      $tabListItemLink.addEventListener(\n        \"click\",\n        (e) => this.handleItemLinkClick(e),\n        true,\n      );\n    });\n  }\n\n  handleItemLinkClick(itemLinkClickEvent) {\n    itemLinkClickEvent.preventDefault();\n    const targetItem =\n      itemLinkClickEvent.currentTarget.getAttribute(\"aria-controls\");\n\n    this.switchTab(targetItem);\n  }\n\n  handleItemLinkKeyDown(itemLinkKeyDownEvent) {\n    const targetItem = itemLinkKeyDownEvent.currentTarget;\n    let overwriteKeyAction = false;\n\n    switch (itemLinkKeyDownEvent.key) {\n      case \"ArrowLeft\":\n        this.setSelectedToPreviousTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"ArrowRight\":\n        this.setSelectedToNextTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"Home\":\n        this.switchTab(this.$tabListItemLinks[0].getAttribute(\"aria-controls\"));\n        overwriteKeyAction = true;\n        break;\n\n      case \"End\":\n        this.switchTab(\n          this.$tabListItemLinks[\n            this.$tabListItemLinks.length - 1\n          ].getAttribute(\"aria-controls\"),\n        );\n        overwriteKeyAction = true;\n        break;\n\n      default:\n        break;\n    }\n\n    if (overwriteKeyAction) {\n      itemLinkKeyDownEvent.stopPropagation();\n      itemLinkKeyDownEvent.preventDefault();\n    }\n  }\n\n  setSelectedToNextTab(targetItem) {\n    console.log(\"setSelectedToNextTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex < this.$tabListItemLinks.length - 1) {\n      newIndex = currentIndex + 1;\n    } else {\n      newIndex = 0;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  setSelectedToPreviousTab(targetItem) {\n    console.log(\"setSelectedToPreviousTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex >= 1) {\n      newIndex = currentIndex - 1;\n    } else {\n      newIndex = this.$tabListItemLinks.length - 1;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  switchTab(targetId) {\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      if ($tabListItemLink.getAttribute(\"aria-controls\") === targetId) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n        $tabListItemLink.focus();\n      } else {\n        $tabListItemLink.classList.remove(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n        $tabListItemLink.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    this.$tabItems.forEach(($tabItem) => {\n      if ($tabItem.getAttribute(\"id\") === targetId) {\n        $tabItem.removeAttribute(\"hidden\");\n        $tabItem.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabItem.setAttribute(\"hidden\", true);\n        $tabItem.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    if (this.sticky) {\n      if (history.replaceState) {\n        history.replaceState(null, null, `#${targetId}`);\n      } else {\n        location.hash = `#${targetId}`;\n      }\n    }\n  }\n}\n","const uuidv4 = () =>\n  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n    (\n      c ^\n      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n    ).toString(16),\n  );\n\nexport default uuidv4;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Breadcrumbs } from \"./components/breadcrumbs/breadcrumbs.mjs\";\nimport { Header } from \"./components/header/header.mjs\";\nimport { Picture } from \"./components/picture/picture.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\nimport { Tabs } from \"./components/tabs/tabs.mjs\";\n\nconst $body = document.documentElement;\n\n$body.classList.add(\"tna-template--js-enabled\");\n\nconst onFirstTouch = () => {\n  window.removeEventListener(\"touchstart\", onFirstTouch);\n  $body.classList.add(\"tna-template--touched\");\n};\n\nconst onKeyDown = (e) => {\n  if (e.key === \"Tab\") {\n    $body.classList.add(\"tna-template--tabbed\");\n    $body.classList.remove(\"tna-template--clicked\");\n  }\n};\n\nconst onMouseDown = () => {\n  $body.classList.add(\"tna-template--clicked\");\n  $body.classList.remove(\"tna-template--tabbed\");\n};\n\nwindow.addEventListener(\"touchstart\", onFirstTouch);\nwindow.addEventListener(\"keydown\", onKeyDown);\nwindow.addEventListener(\"mousedown\", onMouseDown);\n\nif (document.documentElement.classList.contains(\"tna-template--system-theme\")) {\n  document.documentElement.classList.add(\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"tna-template--dark-theme\"\n      : \"tna-template--light-theme\",\n  );\n  if (window.matchMedia(\"(prefers-contrast: more)\").matches) {\n    document.documentElement.classList.add(\"tna-template--high-contrast-theme\");\n  }\n}\n\nconst initAll = (options) => {\n  options = typeof options !== \"undefined\" ? options : {};\n  const $scope =\n    options.scope instanceof HTMLElement ? options.scope : document;\n\n  const $breadcrumbs = $scope.querySelector('[data-module=\"tna-breadcrumbs\"]');\n  if ($breadcrumbs) {\n    new Breadcrumbs($breadcrumbs).init();\n  }\n\n  const $header = $scope.querySelector('[data-module=\"tna-header\"]');\n  if ($header) {\n    new Header($header).init();\n  }\n\n  const $pictures = $scope.querySelectorAll('[data-module=\"tna-picture\"]');\n  $pictures.forEach(($picture) => {\n    new Picture($picture).init();\n  });\n\n  const $sensitiveImages = $scope.querySelectorAll(\n    '[data-module=\"tna-sensitive-image\"]',\n  );\n  $sensitiveImages.forEach(($sensitiveImage) => {\n    new SensitiveImage($sensitiveImage).init();\n  });\n\n  const $tabs = $scope.querySelectorAll('[data-module=\"tna-tabs\"]');\n  $tabs.forEach(($tabModule) => {\n    new Tabs($tabModule).init();\n  });\n};\n\nexport { initAll, Breadcrumbs, Header, Picture, SensitiveImage, Tabs };\n"],"names":["root","factory","exports","module","define","amd","self","Breadcrumbs","$module","_classCallCheck","this","$breadcrumbsListWrapper","querySelector","$breadcrumbsList","$breadcrumbs","querySelectorAll","key","value","_this","length","uniqueId","concat","uuidv4","$expandable","document","createElement","classList","add","$expandButton","innerHTML","setAttribute","addEventListener","remove","focus","appendChild","insertBefore","nextSibling","Header","$toggleButtonWrapper","$navigation","$links","menuOpened","mql","window","matchMedia","$toggleButton","innerText","$hamburger","syncState","handleToggleNavigation","addListener","matches","hidden","i","Picture","$imageWrapper","$transcript","transcriptOpened","$transcriptToggle","handleToggleTranscript","transcriptToggleOpenedClass","removeAttribute","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","preventScroll","focusVisible","Tabs","$tabList","$tabListItemLinks","$tabItems","sticky","contains","startingTarget","location","hash","replace","$newTabList","getAttribute","forEach","$tabItem","index","$tabListItemLink","$replacementButton","replaceWith","e","handleItemLinkKeyDown","handleItemLinkClick","itemLinkClickEvent","preventDefault","targetItem","currentTarget","switchTab","itemLinkKeyDownEvent","overwriteKeyAction","setSelectedToPreviousTab","setSelectedToNextTab","stopPropagation","console","log","newIndex","currentIndex","_toConsumableArray","findIndex","targetId","history","replaceState","c","crypto","getRandomValues","Uint8Array","toString","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","$body","documentElement","onFirstTouch","removeEventListener","initAll","options","$scope","scope","HTMLElement","init","$header","$picture","$sensitiveImage","$tabModule"],"sourceRoot":""}

package/nationalarchives/all.mjs

@@ -1,4 +1,4 @@
-import { Card } from "./components/card/card.mjs";
+import { Breadcrumbs } from "./components/breadcrumbs/breadcrumbs.mjs";
 import { Header } from "./components/header/header.mjs";
 import { Picture } from "./components/picture/picture.mjs";
 import { SensitiveImage } from "./components/sensitive-image/sensitive-image.mjs";
@@ -45,16 +45,16 @@ const initAll = (options) => {
   const $scope =
     options.scope instanceof HTMLElement ? options.scope : document;
 
+  const $breadcrumbs = $scope.querySelector('[data-module="tna-breadcrumbs"]');
+  if ($breadcrumbs) {
+    new Breadcrumbs($breadcrumbs).init();
+  }
+
   const $header = $scope.querySelector('[data-module="tna-header"]');
   if ($header) {
     new Header($header).init();
   }
 
-  const $cards = $scope.querySelectorAll('[data-module="tna-card"]');
-  $cards.forEach(($card) => {
-    new Card($card).init();
-  });
-
   const $pictures = $scope.querySelectorAll('[data-module="tna-picture"]');
   $pictures.forEach(($picture) => {
     new Picture($picture).init();
@@ -73,4 +73,4 @@ const initAll = (options) => {
   });
 };
 
-export { initAll, Header, SensitiveImage, Tabs };
+export { initAll, Breadcrumbs, Header, Picture, SensitiveImage, Tabs };

package/nationalarchives/all.scss

@@ -1,9 +1,6 @@
-@use "variables";
-@use "tools";
+@forward "variables";
+@forward "tools";
 
 @use "utilities";
 @use "components";
 @use "patterns";
-
-// @use "variables/colour";
-// @include colour.configure(#f0a);

package/nationalarchives/components/breadcrumbs/_index.scss

@@ -5,6 +5,14 @@
   padding-top: 1rem;
   padding-bottom: 1rem;
 
+  &__wrapper {
+    .tna-template--clicked & {
+      &:focus {
+        outline: none !important;
+      }
+    }
+  }
+
   &__list {
     margin: 0;
     padding: 0;
@@ -24,9 +32,15 @@
 
         display: inline-block;
 
+        vertical-align: baseline;
+
         content: "\203A";
       }
     }
+
+    &--expandable {
+      display: none;
+    }
   }
 
   &__link {
@@ -41,6 +55,46 @@
     &:hover {
       @include colour.colour-font("font-dark");
     }
+
+    @include colour.on-high-contrast {
+      padding-right: 0.75rem;
+      padding-left: 0.75rem;
+
+      text-decoration: none;
+
+      border: 1px transparent solid;
+      @include colour.colour-border("keyline-dark");
+
+      &:hover {
+        text-decoration: underline;
+
+        @include colour.colour-font("contrast-background");
+
+        @include colour.colour-background("contrast-font-base");
+      }
+    }
+  }
+
+  button#{&}__link {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+
+    font-size: inherit;
+    line-height: inherit;
+    font-weight: inherit;
+
+    background-color: transparent;
+
+    border: none;
+
+    appearance: none;
+    cursor: pointer;
+
+    &:hover {
+      text-decoration: underline;
+      text-decoration-thickness: 3px;
+    }
   }
 
   @include media.on-mobile {
@@ -67,28 +121,17 @@
     //   }
     // }
 
-    &__item:not(:first-child, :last-child) {
+    &__list--collapse-on-mobile
+      #{&}__item:not(
+        :first-child,
+        .tna-breadcrumbs__item--expandable,
+        :last-child
+      ) {
       display: none;
     }
-  }
-
-  @mixin high-contrast {
-    &__link {
-      padding-right: 0.75rem;
-      padding-left: 0.75rem;
-
-      border: 1px transparent solid;
-      @include colour.colour-border("keyline-dark");
-    }
-  }
-
-  .tna-template--high-contrast-theme & {
-    @include high-contrast;
-  }
 
-  @media (prefers-contrast: more) {
-    .tna-template--system-theme & {
-      @include high-contrast;
+    &__list--collapse-on-mobile #{&}__item--expandable {
+      display: inline-block;
     }
   }
 }

package/nationalarchives/components/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,2 @@
+!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r():"function"==typeof define&&define.amd?define("TNAFrontend",[],r):"object"==typeof exports?exports.TNAFrontend=r():(e.TNAFrontend=e.TNAFrontend||{},e.TNAFrontend["components/breadcrumbs/breadcrumbs"]=r())}(self,(()=>(()=>{"use strict";var e={948:(e,r,t)=>{t.d(r,{Z:()=>n});const n=function(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(function(e){return(e^crypto.getRandomValues(new Uint8Array(1))[0]&15>>e/4).toString(16)}))}}},r={};function t(n){var i=r[n];if(void 0!==i)return i.exports;var o=r[n]={exports:{}};return e[n](o,o.exports,t),o.exports}t.d=(e,r)=>{for(var n in r)t.o(r,n)&&!t.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:r[n]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{t.r(n),t.d(n,{Breadcrumbs:()=>o});var e=t(948);function r(e){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},r(e)}function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,(void 0,o=function(e,t){if("object"!==r(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var i=n.call(e,"string");if("object"!==r(i))return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(i.key),"symbol"===r(o)?o:String(o)),i)}var o}var o=function(){function r(e){!function(e,r){if(!(e instanceof r))throw new TypeError("Cannot call a class as a function")}(this,r),this.$module=e,this.$breadcrumbsListWrapper=e&&e.querySelector(".tna-breadcrumbs__wrapper"),this.$breadcrumbsList=e&&this.$breadcrumbsListWrapper&&e.querySelector(".tna-breadcrumbs__list"),this.$breadcrumbs=e&&this.$breadcrumbsListWrapper&&this.$breadcrumbsList&&e.querySelectorAll(".tna-breadcrumbs__item")}var t,n;return t=r,(n=[{key:"init",value:function(){var r=this;if(this.$module&&this.$breadcrumbsListWrapper&&this.$breadcrumbsList&&this.$breadcrumbs&&this.$breadcrumbs.length>2){var t="tna-breadcrumbs-".concat((0,e.Z)()),n=document.createElement("li");n.classList.add("tna-breadcrumbs__item","tna-breadcrumbs__item--expandable");var i=document.createElement("button");i.classList.add("tna-breadcrumbs__link"),i.innerHTML="<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;",i.setAttribute("aria-expanded","false"),i.setAttribute("aria-controls",t),i.addEventListener("click",(function(){r.$breadcrumbsList.classList.remove("tna-breadcrumbs__list--collapse-on-mobile"),n.remove(),r.$breadcrumbsListWrapper.setAttribute("tabindex","0"),r.$breadcrumbsListWrapper.focus(),r.$breadcrumbsListWrapper.setAttribute("tabindex","-1")})),n.appendChild(i),this.$breadcrumbsList.setAttribute("id",t),this.$breadcrumbsList.insertBefore(n,this.$breadcrumbs[this.$breadcrumbs.length-2].nextSibling)}}}])&&i(t.prototype,n),Object.defineProperty(t,"prototype",{writable:!1}),r}()})(),n})()));
+//# sourceMappingURL=breadcrumbs.js.map

package/nationalarchives/components/breadcrumbs/breadcrumbs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/breadcrumbs/breadcrumbs.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,cAAe,GAAIH,GACA,iBAAZC,QACdA,QAAqB,YAAID,KAEzBD,EAAkB,YAAIA,EAAkB,aAAK,CAAC,EAAGA,EAAkB,YAAE,sCAAwCC,IAC9G,CATD,CASGK,MAAM,I,yDCDT,QARe,WAAH,OACT,CAAC,MAAQ,KAAO,KAAO,KAAO,MAAMC,QAAQ,UAAU,SAACC,GAAC,OAErDA,EACCC,OAAOC,gBAAgB,IAAIC,WAAW,IAAI,GAAM,IAAOH,EAAI,GAC5DI,SAAS,GAAG,GACf,C,GCLCC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAad,QAGrB,IAAIC,EAASU,EAAyBE,GAAY,CAGjDb,QAAS,CAAC,GAOX,OAHAgB,EAAoBH,GAAUZ,EAAQA,EAAOD,QAASY,GAG/CX,EAAOD,OACf,CCrBAY,EAAoBK,EAAI,CAACjB,EAASkB,KACjC,IAAI,IAAIC,KAAOD,EACXN,EAAoBQ,EAAEF,EAAYC,KAASP,EAAoBQ,EAAEpB,EAASmB,IAC5EE,OAAOC,eAAetB,EAASmB,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAE1E,ECNDP,EAAoBQ,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFd,EAAoBkB,EAAK9B,IACH,oBAAX+B,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAetB,EAAS+B,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAetB,EAAS,aAAc,CAAEiC,OAAO,GAAO,E,uuBCHvD,IAAMC,EAAW,WACtB,SAAAA,EAAYC,I,4FAASC,CAAA,KAAAF,GACnBG,KAAKF,QAAUA,EACfE,KAAKC,wBACHH,GAAWA,EAAQI,cAAc,6BACnCF,KAAKG,iBACHL,GACAE,KAAKC,yBACLH,EAAQI,cAAc,0BACxBF,KAAKI,aACHN,GACAE,KAAKC,yBACLD,KAAKG,kBACLL,EAAQO,iBAAiB,yBAC7B,C,QA6CC,O,EA7CAR,G,EAAA,EAAAf,IAAA,OAAAc,MAED,WAAO,IAAAU,EAAA,KACL,GACGN,KAAKF,SACLE,KAAKC,yBACLD,KAAKG,kBACLH,KAAKI,cAKJJ,KAAKI,aAAaG,OAAS,EAAG,CAChC,IAAMC,EAAW,mBAAHC,QAAsBC,EAAAA,EAAAA,MAE9BC,EAAcC,SAASC,cAAc,MAC3CF,EAAYG,UAAUC,IACpB,wBACA,qCAGF,IAAMC,EAAgBJ,SAASC,cAAc,UAC7CG,EAAcF,UAAUC,IAAI,yBAC5BC,EAAcC,UACZ,sEACFD,EAAcE,aAAa,gBAAiB,SAC5CF,EAAcE,aAAa,gBAAiBV,GAC5CQ,EAAcG,iBAAiB,SAAS,WACtCb,EAAKH,iBAAiBW,UAAUM,OAC9B,6CAEFT,EAAYS,SACZd,EAAKL,wBAAwBiB,aAAa,WAAY,KACtDZ,EAAKL,wBAAwBoB,QAC7Bf,EAAKL,wBAAwBiB,aAAa,WAAY,KACxD,IAEAP,EAAYW,YAAYN,GAExBhB,KAAKG,iBAAiBe,aAAa,KAAMV,GACzCR,KAAKG,iBAAiBoB,aACpBZ,EACAX,KAAKI,aAAaJ,KAAKI,aAAaG,OAAS,GAAGiB,YAEpD,CACF,M,oEAAC3B,CAAA,CA3DqB,E","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/components/breadcrumbs/breadcrumbs.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"TNAFrontend\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = root[\"TNAFrontend\"] || {}, root[\"TNAFrontend\"][\"components/breadcrumbs/breadcrumbs\"] = factory();\n})(self, () => {\nreturn ","const uuidv4 = () =>\n  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n    (\n      c ^\n      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n    ).toString(16),\n  );\n\nexport default uuidv4;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Breadcrumbs {\n  constructor($module) {\n    this.$module = $module;\n    this.$breadcrumbsListWrapper =\n      $module && $module.querySelector(\".tna-breadcrumbs__wrapper\");\n    this.$breadcrumbsList =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      $module.querySelector(\".tna-breadcrumbs__list\");\n    this.$breadcrumbs =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      this.$breadcrumbsList &&\n      $module.querySelectorAll(\".tna-breadcrumbs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$breadcrumbsListWrapper ||\n      !this.$breadcrumbsList ||\n      !this.$breadcrumbs\n    ) {\n      return;\n    }\n\n    if (this.$breadcrumbs.length > 2) {\n      const uniqueId = `tna-breadcrumbs-${uuidv4()}`;\n\n      const $expandable = document.createElement(\"li\");\n      $expandable.classList.add(\n        \"tna-breadcrumbs__item\",\n        \"tna-breadcrumbs__item--expandable\",\n      );\n\n      const $expandButton = document.createElement(\"button\");\n      $expandButton.classList.add(\"tna-breadcrumbs__link\");\n      $expandButton.innerHTML =\n        \"<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;\";\n      $expandButton.setAttribute(\"aria-expanded\", \"false\");\n      $expandButton.setAttribute(\"aria-controls\", uniqueId);\n      $expandButton.addEventListener(\"click\", () => {\n        this.$breadcrumbsList.classList.remove(\n          \"tna-breadcrumbs__list--collapse-on-mobile\",\n        );\n        $expandable.remove();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"0\");\n        this.$breadcrumbsListWrapper.focus();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"-1\");\n      });\n\n      $expandable.appendChild($expandButton);\n\n      this.$breadcrumbsList.setAttribute(\"id\", uniqueId);\n      this.$breadcrumbsList.insertBefore(\n        $expandable,\n        this.$breadcrumbs[this.$breadcrumbs.length - 2].nextSibling,\n      );\n    }\n  }\n}\n"],"names":["root","factory","exports","module","define","amd","self","replace","c","crypto","getRandomValues","Uint8Array","toString","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","Breadcrumbs","$module","_classCallCheck","this","$breadcrumbsListWrapper","querySelector","$breadcrumbsList","$breadcrumbs","querySelectorAll","_this","length","uniqueId","concat","uuidv4","$expandable","document","createElement","classList","add","$expandButton","innerHTML","setAttribute","addEventListener","remove","focus","appendChild","insertBefore","nextSibling"],"sourceRoot":""}

package/nationalarchives/components/breadcrumbs/breadcrumbs.mjs

@@ -0,0 +1,63 @@
+import uuidv4 from "../../lib/uuid.mjs";
+
+export class Breadcrumbs {
+  constructor($module) {
+    this.$module = $module;
+    this.$breadcrumbsListWrapper =
+      $module && $module.querySelector(".tna-breadcrumbs__wrapper");
+    this.$breadcrumbsList =
+      $module &&
+      this.$breadcrumbsListWrapper &&
+      $module.querySelector(".tna-breadcrumbs__list");
+    this.$breadcrumbs =
+      $module &&
+      this.$breadcrumbsListWrapper &&
+      this.$breadcrumbsList &&
+      $module.querySelectorAll(".tna-breadcrumbs__item");
+  }
+
+  init() {
+    if (
+      !this.$module ||
+      !this.$breadcrumbsListWrapper ||
+      !this.$breadcrumbsList ||
+      !this.$breadcrumbs
+    ) {
+      return;
+    }
+
+    if (this.$breadcrumbs.length > 2) {
+      const uniqueId = `tna-breadcrumbs-${uuidv4()}`;
+
+      const $expandable = document.createElement("li");
+      $expandable.classList.add(
+        "tna-breadcrumbs__item",
+        "tna-breadcrumbs__item--expandable",
+      );
+
+      const $expandButton = document.createElement("button");
+      $expandButton.classList.add("tna-breadcrumbs__link");
+      $expandButton.innerHTML =
+        "<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;";
+      $expandButton.setAttribute("aria-expanded", "false");
+      $expandButton.setAttribute("aria-controls", uniqueId);
+      $expandButton.addEventListener("click", () => {
+        this.$breadcrumbsList.classList.remove(
+          "tna-breadcrumbs__list--collapse-on-mobile",
+        );
+        $expandable.remove();
+        this.$breadcrumbsListWrapper.setAttribute("tabindex", "0");
+        this.$breadcrumbsListWrapper.focus();
+        this.$breadcrumbsListWrapper.setAttribute("tabindex", "-1");
+      });
+
+      $expandable.appendChild($expandButton);
+
+      this.$breadcrumbsList.setAttribute("id", uniqueId);
+      this.$breadcrumbsList.insertBefore(
+        $expandable,
+        this.$breadcrumbs[this.$breadcrumbs.length - 2].nextSibling,
+      );
+    }
+  }
+}

package/nationalarchives/components/breadcrumbs/breadcrumbs.stories.js

@@ -54,3 +54,31 @@ Standard.args = {
   ],
   classes: "tna-breadcrumbs--demo",
 };
+
+// TODO
+// export const NoCollapse = Template.bind({});
+// NoCollapse.args = {
+//   items: [
+//     {
+//       text: "Alpha",
+//       href: "#/alpha",
+//     },
+//     {
+//       text: "Beta",
+//       href: "#/beta",
+//     },
+//     {
+//       text: "Gamma",
+//       href: "#/gamma",
+//     },
+//     {
+//       text: "Delta",
+//       href: "#/delta",
+//     },
+//     {
+//       text: "Epsilon",
+//       href: "#/epsilon",
+//     },
+//   ],
+//   classes: "tna-breadcrumbs--demo",
+// };

package/nationalarchives/components/breadcrumbs/fixtures.json

@@ -19,7 +19,7 @@
           }
         ]
       },
-      "html": "<div class=\"tna-breadcrumbs tna-container \"><nav class=\"tna-column tna-column--full\" aria-label=\"Breadcrumb\"><ol class=\"tna-breadcrumbs__list\"><li class=\"tna-breadcrumbs__item\"><a href=\"#/alpha\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Alpha</a></li><li class=\"tna-breadcrumbs__item\"><a href=\"#/beta\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Beta</a></li><li class=\"tna-breadcrumbs__item\"><a href=\"#/gamma\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Gamma</a></li></ol></nav></div>",
+      "html": "<div class=\"tna-breadcrumbs tna-container \" data-module=\"tna-breadcrumbs\"><nav class=\"tna-breadcrumbs__wrapper tna-column tna-column--full\" aria-label=\"Breadcrumb\"><ol class=\"tna-breadcrumbs__list tna-breadcrumbs__list--collapse-on-mobile\"><li class=\"tna-breadcrumbs__item\"><a href=\"#/alpha\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Alpha</a></li><li class=\"tna-breadcrumbs__item\"><a href=\"#/beta\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Beta</a></li><li class=\"tna-breadcrumbs__item\"><a href=\"#/gamma\" class=\"tna-breadcrumbs__link\" data-prefix=\"Back to\">Gamma</a></li></ol></nav></div>",
       "hidden": false
     }
   ]

package/nationalarchives/components/breadcrumbs/template.njk

@@ -1,7 +1,7 @@
 {%- set containerClasses = [params.classes] if params.classes else [] -%}
-<div class="tna-breadcrumbs tna-container {{ containerClasses | join(' ') }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
-  <nav class="tna-column tna-column--full" aria-label="Breadcrumb">
-    <ol class="tna-breadcrumbs__list">
+<div class="tna-breadcrumbs tna-container {{ containerClasses | join(' ') }}" data-module="tna-breadcrumbs" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+  <nav class="tna-breadcrumbs__wrapper tna-column tna-column--full" aria-label="Breadcrumb">
+    <ol class="tna-breadcrumbs__list tna-breadcrumbs__list--collapse-on-mobile">
     {%- for item in params.items -%}
       <li class="tna-breadcrumbs__item">
         <a href="{{ item.href }}" class="tna-breadcrumbs__link" data-prefix="{{ params.prefix if params.prefix else 'Back to' }}" {%- if item.title %} title="{{ item.title }}"{% endif %}>

package/nationalarchives/components/button/fixtures.json

@@ -7,7 +7,7 @@
         "text": "Log in",
         "href": "#"
       },
-      "html": "<a href=\"#\" class=\"tna-button \">Log in</a>",
+      "html": "<a href=\"#\" class=\"tna-button \" role=\"button\">Log in</a>",
       "hidden": false
     },
     {
@@ -17,7 +17,7 @@
         "href": "#",
         "title": "Log in to the service"
       },
-      "html": "<a href=\"#\" class=\"tna-button \" title=\"Log in to the service\">Log in</a>",
+      "html": "<a href=\"#\" class=\"tna-button \" role=\"button\" title=\"Log in to the service\">Log in</a>",
       "hidden": false
     },
     {
@@ -27,7 +27,7 @@
         "href": "#",
         "secondary": true
       },
-      "html": "<a href=\"#\" class=\"tna-button tna-button--secondary\">Log in</a>",
+      "html": "<a href=\"#\" class=\"tna-button tna-button--secondary\" role=\"button\">Log in</a>",
       "hidden": false
     },
     {
@@ -37,7 +37,7 @@
         "href": "#",
         "classes": "button__test-class"
       },
-      "html": "<a href=\"#\" class=\"tna-button button__test-class\">Log in</a>",
+      "html": "<a href=\"#\" class=\"tna-button button__test-class\" role=\"button\">Log in</a>",
       "hidden": false
     },
     {
@@ -49,7 +49,7 @@
           "data-testattribute": "foobar"
         }
       },
-      "html": "<a href=\"#\" class=\"tna-button \" data-testattribute=\"foobar\">Log in</a>",
+      "html": "<a href=\"#\" class=\"tna-button \" role=\"button\" data-testattribute=\"foobar\">Log in</a>",
       "hidden": false
     }
   ]

package/nationalarchives/components/button/template.njk

@@ -2,6 +2,6 @@
 {%- if params.secondary -%}
   {%- set buttonClasses = buttonClasses.concat('tna-button--secondary') -%}
 {%- endif -%}
-<a href="{{ params.href }}" class="tna-button {{ buttonClasses | join(' ') }}"{%- if params.title %} title="{{ params.title }}"{% endif %} {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+<a href="{{ params.href }}" class="tna-button {{ buttonClasses | join(' ') }}" role="button"{%- if params.title %} title="{{ params.title }}"{% endif %} {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
   {{ params.text }}
 </a>