@nationalarchives/frontend 0.1.9-prerelease → 0.1.11-prerelease

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/README.md +3 -3
  2. package/govuk-prototype-kit.config.json +0 -3
  3. package/nationalarchives/_features.scss +4 -0
  4. package/nationalarchives/all.css +1 -1
  5. package/nationalarchives/all.css.map +1 -1
  6. package/nationalarchives/all.js +1 -1
  7. package/nationalarchives/all.js.map +1 -1
  8. package/nationalarchives/all.mjs +54 -3
  9. package/nationalarchives/all.scss +8 -4
  10. package/nationalarchives/assets/images/footer/facebook.svg +11 -0
  11. package/nationalarchives/assets/images/footer/flickr.svg +11 -0
  12. package/nationalarchives/assets/images/footer/instagram.svg +17 -0
  13. package/nationalarchives/assets/images/footer/rss.svg +13 -0
  14. package/nationalarchives/assets/images/footer/twitter.svg +14 -0
  15. package/nationalarchives/assets/images/footer/youtube.svg +12 -0
  16. package/nationalarchives/assets/images/tna-square-logo.svg +5 -24
  17. package/nationalarchives/components/_index.scss +13 -0
  18. package/nationalarchives/components/breadcrumbs/_index.scss +28 -6
  19. package/nationalarchives/components/breadcrumbs/breadcrumbs.stories.js +1 -2
  20. package/nationalarchives/components/breadcrumbs/fixtures.json +1 -1
  21. package/nationalarchives/components/breadcrumbs/macro.njk +1 -1
  22. package/nationalarchives/components/breadcrumbs/template.njk +14 -13
  23. package/nationalarchives/components/button/_index.scss +23 -11
  24. package/nationalarchives/components/button/button.stories.js +1 -2
  25. package/nationalarchives/components/button/fixtures.json +5 -5
  26. package/nationalarchives/components/button/macro.njk +1 -1
  27. package/nationalarchives/components/card/_index.scss +51 -7
  28. package/nationalarchives/components/card/card.js +2 -0
  29. package/nationalarchives/components/card/card.js.map +1 -0
  30. package/nationalarchives/components/card/card.mjs +45 -0
  31. package/nationalarchives/components/card/card.stories.js +18 -15
  32. package/nationalarchives/components/card/fixtures.json +14 -12
  33. package/nationalarchives/components/card/macro-options.json +18 -0
  34. package/nationalarchives/components/card/macro.njk +1 -1
  35. package/nationalarchives/components/card/template.njk +9 -4
  36. package/nationalarchives/components/filters/filters.stories.js +1 -2
  37. package/nationalarchives/components/filters/macro.njk +1 -1
  38. package/nationalarchives/components/filters/template.njk +2 -2
  39. package/nationalarchives/components/footer/_index.scss +68 -13
  40. package/nationalarchives/components/footer/fixtures.json +1 -1
  41. package/nationalarchives/components/footer/footer.stories.js +20 -23
  42. package/nationalarchives/components/footer/macro-options.json +12 -6
  43. package/nationalarchives/components/footer/macro.njk +1 -1
  44. package/nationalarchives/components/footer/template.njk +26 -16
  45. package/nationalarchives/components/grid/_index.scss +10 -12
  46. package/nationalarchives/components/grid/fixtures.json +12 -12
  47. package/nationalarchives/components/grid/grid.stories.js +56 -3
  48. package/nationalarchives/components/grid/macro-options.json +30 -0
  49. package/nationalarchives/components/grid/macro.njk +1 -1
  50. package/nationalarchives/components/grid/template.njk +17 -1
  51. package/nationalarchives/components/header/_index.scss +269 -60
  52. package/nationalarchives/components/header/header.js +1 -1
  53. package/nationalarchives/components/header/header.js.map +1 -1
  54. package/nationalarchives/components/header/header.mjs +7 -12
  55. package/nationalarchives/components/header/header.stories.js +156 -6
  56. package/nationalarchives/components/header/macro-options.json +83 -5
  57. package/nationalarchives/components/header/macro.njk +1 -1
  58. package/nationalarchives/components/header/template.njk +45 -36
  59. package/nationalarchives/components/hero/_index.scss +36 -6
  60. package/nationalarchives/components/hero/fixtures.json +16 -1
  61. package/nationalarchives/components/hero/hero.stories.js +32 -16
  62. package/nationalarchives/components/hero/macro-options.json +14 -2
  63. package/nationalarchives/components/hero/macro.njk +1 -1
  64. package/nationalarchives/components/hero/template.njk +7 -5
  65. package/nationalarchives/components/phase-banner/_index.scss +60 -0
  66. package/nationalarchives/components/phase-banner/fixtures.json +81 -0
  67. package/nationalarchives/components/phase-banner/macro-options.json +26 -0
  68. package/nationalarchives/components/phase-banner/macro.njk +3 -0
  69. package/nationalarchives/components/phase-banner/phase-banner.stories.js +64 -0
  70. package/nationalarchives/components/phase-banner/template.njk +16 -0
  71. package/nationalarchives/components/picture/_index.scss +77 -0
  72. package/nationalarchives/components/picture/fixtures.json +4 -0
  73. package/nationalarchives/components/picture/macro-options.json +88 -0
  74. package/nationalarchives/components/picture/macro.njk +3 -0
  75. package/nationalarchives/components/picture/picture.js +2 -0
  76. package/nationalarchives/components/picture/picture.js.map +1 -0
  77. package/nationalarchives/components/picture/picture.mjs +57 -0
  78. package/nationalarchives/components/picture/picture.stories.js +63 -0
  79. package/nationalarchives/components/picture/template.njk +42 -0
  80. package/nationalarchives/components/profile/_index.scss +2 -0
  81. package/nationalarchives/components/profile/fixtures.json +4 -0
  82. package/nationalarchives/components/profile/macro-options.json +14 -0
  83. package/nationalarchives/components/profile/macro.njk +3 -0
  84. package/nationalarchives/components/profile/profile.stories.js +32 -0
  85. package/nationalarchives/components/profile/template.njk +15 -0
  86. package/nationalarchives/components/sensitive-image/fixtures.json +3 -3
  87. package/nationalarchives/components/sensitive-image/macro.njk +1 -1
  88. package/nationalarchives/components/sensitive-image/sensitive-image.stories.js +1 -2
  89. package/nationalarchives/components/tabs/_index.scss +148 -0
  90. package/nationalarchives/components/tabs/fixtures.json +4 -0
  91. package/nationalarchives/components/tabs/macro-options.json +52 -0
  92. package/nationalarchives/components/tabs/macro.njk +3 -0
  93. package/nationalarchives/components/tabs/tabs.js +2 -0
  94. package/nationalarchives/components/tabs/tabs.js.map +1 -0
  95. package/nationalarchives/components/tabs/tabs.mjs +214 -0
  96. package/nationalarchives/components/tabs/tabs.stories.js +302 -0
  97. package/nationalarchives/components/tabs/template.njk +20 -0
  98. package/nationalarchives/patterns/_index.scss +1 -0
  99. package/nationalarchives/patterns/featured-collection/_index.scss +13 -0
  100. package/nationalarchives/patterns/featured-collection/featured-collection.stories.js +35 -0
  101. package/nationalarchives/patterns/featured-collection/macro-options.json +20 -0
  102. package/nationalarchives/patterns/featured-collection/macro.njk +3 -0
  103. package/nationalarchives/patterns/featured-collection/template.njk +96 -0
  104. package/nationalarchives/stories/development/contributing.mdx +39 -0
  105. package/nationalarchives/stories/development/dependencies.mdx +2 -0
  106. package/nationalarchives/stories/development/technologies.mdx +65 -0
  107. package/nationalarchives/stories/utilities/colour.stories.js +189 -0
  108. package/nationalarchives/stories/utilities/typography.mdx +1 -0
  109. package/nationalarchives/stories/utilities/typography.stories.js +15 -0
  110. package/nationalarchives/templates/layouts/_generic.njk +1 -1
  111. package/nationalarchives/tools/_assets.scss +5 -0
  112. package/nationalarchives/tools/_colour.scss +129 -0
  113. package/nationalarchives/tools/_grid.scss +2 -2
  114. package/nationalarchives/tools/_index.scss +5 -0
  115. package/nationalarchives/tools/_media.scss +12 -11
  116. package/nationalarchives/tools/_typography.scss +15 -0
  117. package/nationalarchives/utilities/_debug.scss +11 -0
  118. package/nationalarchives/utilities/_global.scss +120 -3
  119. package/nationalarchives/utilities/_index.scss +3 -0
  120. package/nationalarchives/utilities/_typography.scss +155 -111
  121. package/nationalarchives/variables/_assets.scss +1 -0
  122. package/nationalarchives/variables/_colour.scss +120 -11
  123. package/nationalarchives/variables/{_all.scss → _index.scss} +1 -0
  124. package/nationalarchives/variables/_media.scss +39 -11
  125. package/nationalarchives/variables/_typography.scss +1 -1
  126. package/package.json +18 -15
  127. package/nationalarchives/components/_all.scss +0 -7
  128. package/nationalarchives/stories/development/structure.mdx +0 -7
  129. package/nationalarchives/tools/_all.scss +0 -3
  130. package/nationalarchives/utilities/_all.scss +0 -2
package/README.md CHANGED
@@ -1,14 +1,14 @@
1
1
  <img src="./src/nationalarchives/assets/images/tna-horizontal-logo-inverted.svg" alt="The National Archives logo" title="The National Archives" width="120" />
2
2
 
3
- # The National Archives Frontend
3
+ # National Archives Frontend
4
4
 
5
- [![Main build status](https://github.com/nationalarchives/tna-frontend/actions/workflows/ci.yml/badge.svg?branch=main&event=push)](https://github.com/nationalarchives/tna-frontend/actions/workflows/ci.yml?query=branch%3Amain)
5
+ [![Main build status](https://github.com/nationalarchives/tna-frontend/actions/workflows/tests.yml/badge.svg?branch=main&event=push)](https://github.com/nationalarchives/tna-frontend/actions/workflows/tests.yml?query=branch%3Amain)
6
6
  [![Latest release](https://img.shields.io/github/v/release/nationalarchives/tna-frontend?style=flat-square&logo=github&logoColor=white&sort=semver)](https://github.com/nationalarchives/tna-frontend/releases)
7
7
  [![NPM version](https://img.shields.io/npm/v/@nationalarchives/frontend?style=flat-square&logo=npm&logoColor=white)](https://www.npmjs.com/package/@nationalarchives/frontend)
8
8
  [![Node version](https://img.shields.io/node/v-lts/@nationalarchives/frontend?style=flat-square&logo=nodedotjs&logoColor=white)](https://github.com/nationalarchives/tna-frontend/blob/main/.nvmrc)
9
9
  [![Licence](https://img.shields.io/github/license/nationalarchives/tna-frontend?style=flat-square)](https://github.com/nationalarchives/tna-frontend/blob/main/LICENCE)
10
10
 
11
- The National Archives Frontend contains the code you need to start building a user interface for National Archives platforms and services.
11
+ National Archives Frontend contains the code you need to start building a user interface for National Archives platforms and services.
12
12
 
13
13
  ## Quickstart
14
14
 
@@ -11,9 +11,6 @@
11
11
  "sass": [
12
12
  "/nationalarchives/all.scss"
13
13
  ],
14
- "stylesheets": [
15
- "/nationalarchives/all.css"
16
- ],
17
14
  "templates": [
18
15
  {
19
16
  "name": "Homepage",
@@ -0,0 +1,4 @@
1
+ // Also need to change supportDynamicColourSchemes in .storybook/preview.js
2
+ $support-colour-schemes: false;
3
+
4
+ $debug-interactable-areas: false;
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;background-color:#fff;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem #004c7e solid;outline-offset:.125rem}.tna-template{font-family:"Open Sans",sans-serif;font-weight:400;color:#343338;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template p{margin:0 0 2rem}.tna-template p:last-child{margin-bottom:0}.tna-template a:active{text-decoration-thickness:4px}.tna-template a:hover{text-decoration-thickness:3px}.tna-template .tna-template__body{font-size:1rem;line-height:1.6}.tna-template .tna-ul,.tna-template .tna-ol{padding-left:2rem}.tna-template .tna-ul li::marker,.tna-template .tna-ol li::marker{color:#f0a;font-weight:700}.tna-template .tna-ul--plain,.tna-template .tna-ol--plain{padding-left:0;list-style:none}.tna-template .tna-heading{margin-top:0;margin-bottom:1.5rem;color:#000;font-family:supria-sans-condensed,monospace;font-weight:600}.tna-template .tna-heading:last-child{margin-bottom:0}.tna-template .tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 769px)and (max-width: 1024px){.tna-template .tna-heading--xl{font-size:2.625rem}}@media(max-width: 768px){.tna-template .tna-heading--xl{font-size:2.25rem}}.tna-template .tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 769px)and (max-width: 1024px){.tna-template .tna-heading--l{font-size:1.625rem}}@media(max-width: 768px){.tna-template .tna-heading--l{font-size:1.5rem}}.tna-template .tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-template .tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-template .tna-hgroup{margin-bottom:2rem}.tna-template .tna-hgroup:last-child{margin-bottom:0}.tna-template .tna-hgroup__supertitle{margin:0;color:#343338;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-template .tna-hgroup__title{margin:0;color:#000}.tna-template .tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338}.tna-template .tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-template .tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-template .tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-template .tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-button{padding:.25rem 1rem;display:inline-block;color:#fff;font-weight:700;text-decoration:none;background-color:#000;border:.25rem #000 solid;transition:color 200ms,background-color 200ms,border-color 200ms}.tna-button:hover{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{color:#000;background-color:#fc0;border-color:#fc0}.tna-button--secondary:hover{color:#000;border-color:#000}.tna-card__inner{display:-ms-flexbox;display:flex;-ms-box-orient:vertical;-ms-flex-direction:column;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{order:1}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{position:relative;background-color:#fc0}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px #000 solid}.tna-card--featured .tna-card__title-link{color:#000}.tna-card--featured .tna-card__image-container{position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-footer{padding-top:3rem;padding-bottom:3rem;color:#fff;background-color:#26262a}.tna-footer__link{color:inherit}.tna-footer__link:hover{color:#f0a}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__social{padding-bottom:4rem}.tna-footer__social.tna-container{align-items:flex-end}.tna-footer__social-item{text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence-logo{display:block}.tna-footer__govuk-link{display:inline-block;color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#f0a;fill:#f0a}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--container{display:-ms-flexbox;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--flex-1{width:auto;flex:1 0}.tna-column--flex-2{width:auto;flex:2 0}.tna-column--order-1{order:1}.tna-column--order-2{order:2}.tna-column--order-3{order:3}@media(min-width: 769px)and (max-width: 1024px){.tna-column--full-medium{width:100%;flex:none}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--flex-1-medium{width:auto;flex:1 0}.tna-column--flex-2-medium{width:auto;flex:2 0}.tna-column--order-1-medium{order:1}.tna-column--order-2-medium{order:2}.tna-column--order-3-medium{order:3}}@media(max-width: 768px){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 481px)and (max-width: 768px){.tna-column--full-small{width:100%;flex:none}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--flex-1-small{width:auto;flex:1 0}.tna-column--flex-2-small{width:auto;flex:2 0}.tna-column--order-1-small{order:1}.tna-column--order-2-small{order:2}.tna-column--order-3-small{order:3}}@media(max-width: 480px){.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--order-1-tiny{order:1}.tna-column--order-2-tiny{order:2}.tna-column--order-3-tiny{order:3}}.tna-header{color:#fff;background-color:#000}.tna-header__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.5rem;padding-bottom:1.5rem}.tna-header__logo-link{display:-ms-flexbox;display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link:hover{outline:.375rem #fff solid}.tna-header .tna-logo{width:100px;height:100px;display:inline-block}.tna-header .tna-logo__foreground{fill:#fff}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125rem;text-transform:uppercase}.tna-header__navigation-toggle-button{height:2rem;padding:0;display:block;position:relative;appearance:none;font-size:0;background:none;border:0 rgba(0,0,0,0) solid;border-width:.25rem 0;cursor:pointer}.tna-header__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.tna-header--yellow,.tna-header--pink,.tna-header--orange,.tna-header--green,.tna-header--blue{color:#000}.tna-header--yellow .tna-header__logo-link:hover,.tna-header--pink .tna-header__logo-link:hover,.tna-header--orange .tna-header__logo-link:hover,.tna-header--green .tna-header__logo-link:hover,.tna-header--blue .tna-header__logo-link:hover{outline-color:#000}.tna-header--yellow .tna-logo__foreground,.tna-header--pink .tna-logo__foreground,.tna-header--orange .tna-logo__foreground,.tna-header--green .tna-logo__foreground,.tna-header--blue .tna-logo__foreground{fill:#000}.tna-header--yellow .tna-header__hamburger,.tna-header--pink .tna-header__hamburger,.tna-header--orange .tna-header__hamburger,.tna-header--green .tna-header__hamburger,.tna-header--blue .tna-header__hamburger{background-color:#000}.tna-header--yellow{background-color:#fc0}.tna-header--pink{background-color:#fe1d57}.tna-header--orange{background-color:#fd3f03}.tna-header--green{background-color:#86bc25}.tna-header--blue{background-color:#00b0ff}.tna-header__navigation{display:-ms-flexbox;display:flex;justify-content:flex-end;align-items:flex-end}.tna-header__navigation-items{margin:0;padding:0;list-style:none;white-space:nowrap}.tna-header__navigation-item{margin-left:.75rem;display:inline-block}.tna-header__navigation-item-link{padding:.5rem 1rem;display:inline-block;color:inherit;font-family:supria-sans-condensed,monospace;font-weight:600;text-decoration:none;transition:color 200ms,background-color 200ms}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link--selected{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms}@media(min-width: 769px){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 768px){.tna-header__contents.tna-container{padding-right:0;padding-left:0}.tna-header__logo{padding-top:1rem;padding-bottom:1rem}.tna-header__logo.tna-column{padding-right:1.5rem;padding-left:1.5rem}.tna-header__navigation-toggle.tna-column{padding-top:1rem;padding-right:1.5rem;padding-left:0}.tna-header__navigation{color:#343338}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.js-enabled .tna-header__navigation{display:none}.js-enabled .tna-header__navigation--open{display:block}.tna-header__navigation-items{width:100%;background-color:#fff}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px #ccc solid}.tna-header__navigation-item-link{padding-right:1.5rem;padding-left:1.5rem;display:block;position:relative}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;transition:width 200ms;content:""}.tna-header__navigation-item-link:hover::after{width:.25rem;transition:width 50ms}.tna-header__navigation-item-link--selected::after,.tna-header__navigation-item-link--selected:hover::after{width:.5rem}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:-ms-flexbox;display:flex;align-items:flex-end;position:relative;background-color:#26262a}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff}.tna-hero__heading{margin-bottom:0}@media(max-width: 768px){.tna-hero{padding:0;display:block}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{color:#fff;background-color:inherit}}@media(max-width: 480px){.tna-hero__image{height:240px}}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}/*# sourceMappingURL=all.css.map */
1
+ @import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Roboto+Mono:wght@500;700&display=swap";@import"https://use.typekit.net/hkj3kuz.css";.tna-picture__transcript,.tna-footer{color:rgba(255,255,255,.95);background-color:#222}.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}@media(prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(prefers-contrast: more){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-picture__transcript,.tna-template--system-theme .tna-footer{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}.tna-template--light-theme .tna-picture__transcript,.tna-template--light-theme .tna-footer{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme .tna-picture__transcript,.tna-template--dark-theme .tna-footer{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--high-contrast-theme .tna-footer{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-picture__transcript,.tna-template--dark-theme.tna-template--high-contrast-theme .tna-footer{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}:root{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}@media(prefers-color-scheme: dark){:root{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(prefers-contrast: more){:root{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}:root *{background-image:none !important}}@media(prefers-contrast: more)and (prefers-color-scheme: dark){:root{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}.tna-template{min-width:320px;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;font-size:16px;background-color:#fff}.tna-template--light-theme{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme *{background-image:none !important}.tna-template--high-contrast-theme.tna-template--dark-theme{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}@media(prefers-reduced-motion){.tna-template *{animation:none !important;transition:none !important}}.tna-template__body{min-height:100%;margin:0;padding:0;overflow:auto}img,svg,video,canvas{max-width:100%;display:block}video,canvas{width:100%}[hidden]{display:none}*:focus{outline:.3125rem solid;outline-color:#00b0ff;outline-offset:.125rem}hr{margin:1rem;border-width:1px 0 0;border-color:#ccc;border-style:solid}.tna-visually-hidden{width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;position:absolute !important;top:-9999px !important;left:-9999px !important;z-index:-1 !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;border:0 !important;background-color:rgba(0,0,0,0) !important}.tna-template{color:#343338;font-family:"Open Sans",sans-serif;font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:none;direction:ltr}.tna-template__body{color:inherit;font-size:1.125rem;line-height:1.6}h1,h2,h3,h4,h5,h6,ul,ol{margin-top:0}p{margin:0 0 1.5rem}p:last-child{margin-bottom:0}a{color:#1d70ab}a:visited{color:#4c2c92}a:active{text-decoration-thickness:4px}a:hover{text-decoration-thickness:3px}.tna-ul,.tna-ol{padding-left:2rem}.tna-ul li::marker,.tna-ol li::marker{color:-accent-colour();font-weight:700}.tna-ul--plain,.tna-ol--plain{padding-left:0;list-style:none}.tna-heading{margin-bottom:1.5rem;color:#000;font-family:supria-sans-condensed,sans-serif;font-weight:600}.tna-heading:last-child{margin-bottom:0}.tna-heading--xl{font-size:4rem;line-height:1}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--xl{font-size:2.625rem}}@media(max-width: 48em){.tna-heading--xl{font-size:2.25rem}}.tna-heading--l{font-size:2rem;line-height:1.2}@media(min-width: 48.0625em)and (max-width: 64em){.tna-heading--l{font-size:1.625rem}}@media(max-width: 48em){.tna-heading--l{font-size:1.5rem}}.tna-heading--m{font-size:1.25rem;line-height:1.4}.tna-heading--s{font-size:1.125rem;line-height:1.6}.tna-hgroup{margin-bottom:2rem}.tna-hgroup:last-child{margin-bottom:0}.tna-hgroup__supertitle{margin:0;color:#343338;font-size:0.875rem;font-family:"Roboto Mono",monospace;font-weight:500;text-transform:uppercase}.tna-hgroup .tna-hgroup__supertitle{margin:0}.tna-hgroup__title{margin:0;color:#000}.tna-hgroup__title .tna-hgroup__supertitle{display:block;color:#343338}.tna-hgroup--xl .tna-hgroup__title{font-size:4rem}.tna-hgroup--l .tna-hgroup__title{font-size:2rem}.tna-hgroup--m .tna-hgroup__title{font-size:1.25rem}.tna-hgroup--s .tna-hgroup__title{font-size:1.125rem}.tna-blockquote{margin:0;padding:1rem 1rem 1rem 2rem;border-left:.35rem solid;border-color:#ccc;quotes:"“" "”" "‘" "’"}.tna-blockquote::before{float:left;content:open-quote}.tna-blockquote__quote{font-weight:700}.tna-blockquote__author{font-style:italic}.tna-blockquote .tna-blockquote__author{margin:1rem 0 0}.tna-blockquote__author::before{content:"—" " "}.tna-breadcrumbs{padding-top:1rem;padding-bottom:1rem}.tna-breadcrumbs__list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}.tna-breadcrumbs__item{display:flex}.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin:0 .75rem;display:inline-block;content:"›"}.tna-breadcrumbs__link{display:inline-block;color:#343338}.tna-breadcrumbs__link:hover{color:#000}@media(max-width: 48em){.tna-breadcrumbs__item::before,.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{margin-left:0;display:none}.tna-breadcrumbs__item:not(:nth-last-child(2)){display:none}.tna-breadcrumbs__item:nth-last-child(2) .tna-breadcrumbs__link::before{content:"← " attr(data-prefix)}}.tna-template--high-contrast-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}@media(prefers-contrast: more){.tna-template--system-theme .tna-breadcrumbs__link{padding-right:.75rem;padding-left:.75rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}}.tna-button{padding:.25rem 1rem;display:inline-block;font-weight:700;text-decoration:none;background-color:#000;border:.25rem rgba(0,0,0,0) solid;border-color:#000;transition:color 200ms,background-color 200ms,border-color 200ms;cursor:pointer}.tna-button,.tna-button:link,.tna-button:visited{color:#fff}.tna-button:hover{color:#000;background-color:#fff;transition:color 50ms,background-color 50ms,border-color 50ms}.tna-button--secondary{background-color:#fc0;border-color:#fc0}.tna-button--secondary,.tna-button--secondary:link,.tna-button--secondary:visited{color:#000}.tna-button--secondary:hover{color:#000;background-color:#fff}.tna-card{margin-bottom:1rem}.tna-card__inner{display:flex;flex-direction:column}.tna-card__heading{order:2}.tna-card__title{order:2}.tna-card__image-container{margin-bottom:1rem;position:relative;order:1}.tna-card__image{height:auto}.tna-card__image-label{padding:0 .5rem;position:absolute;top:1rem;left:0;text-transform:uppercase;background-color:#f0a}.tna-card__body{order:3}.tna-card__actions{margin-top:2rem;order:4}.tna-card--featured{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;color:#343338;position:relative;color:#343338;background-color:-accent-colour()}.tna-card--featured .tna-card__inner{margin-left:50%;padding:2rem}.tna-card--featured .tna-card__heading{padding-bottom:2rem;border-bottom:2px rgba(0,0,0,0) solid;border-color:#26262a}.tna-card--featured .tna-card__supertitle{color:inherit}.tna-card--featured .tna-card__title-link{color:#000}.tna-card--featured .tna-card__image-container{margin-bottom:0;position:absolute;inset:0 50% 0 0}.tna-card--featured .tna-card__image{width:100%;height:100%;object-fit:cover}.tna-template--high-contrast-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}@media(prefers-contrast: more){.tna-template--system-theme .tna-card{padding:1rem;border:1px rgba(0,0,0,0) solid;border-color:#26262a}}.tna-filters__item{margin:0 .75rem .75rem 0;display:inline-block}.tna-filters__item:last-child{margin-right:0;margin-bottom:0}.tna-filters--stacked .tna-filters__item{display:block}.tna-filters__item--selected .tna-filters__link{color:#fff;background-color:#004c7e}.tna-filters__link{padding:.125rem .75rem;display:inline-block;color:#000;text-decoration:none;background-color:#d4e5ef;border-radius:99rem;transition:color 200ms,background-color 200ms}.tna-filters__link:hover{color:#fff;background-color:#004c7e;transition:color 50ms,background-color 50ms}.tna-footer{padding-top:2rem;padding-bottom:2rem}.tna-footer__link,.tna-footer__link:visited{color:inherit}.tna-footer__link:hover{color:#00b0ff}.tna-footer__top{margin-bottom:2rem;text-align:center}.tna-footer__title{margin-bottom:.5rem;color:inherit}.tna-footer__address{font-style:normal}.tna-footer__navigation{padding-bottom:3rem}.tna-footer__navigation-group-title{color:inherit}.tna-footer__navigation-group-items{padding-left:0;list-style:none}.tna-footer__navigation-group-item+.tna-footer__navigation-group-item{margin-top:1rem}.tna-footer__social{margin-bottom:2rem}.tna-footer__social.tna-container{justify-content:space-evenly;align-items:flex-end}.tna-footer__social-item{margin-bottom:2rem;text-align:center}.tna-footer__social-item-link{display:block}.tna-footer__social-item-link-image{width:2.25em;margin:0 auto .5rem;display:block}.tna-footer__licence.tna-container{align-items:center}.tna-footer__licence .tna-column{margin-top:1rem}.tna-footer__licence-logo{display:block}.tna-footer__govuk{margin-top:2rem;text-align:center}.tna-footer__govuk-link{display:inline-block}.tna-footer__govuk-link,.tna-footer__govuk-link:visited{color:inherit;fill:#fff}.tna-footer__govuk-link:hover{color:#00b0ff;fill:#00b0ff}.tna-footer__govuk-logotype-crown{margin:0 auto;display:block;fill:inherit}@media(max-width: 48em){.tna-footer{padding-top:1rem}.tna-footer__social{justify-content:center}}.tna-container{max-width:75.25rem;width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-container--no-padding,.tna-container--no-padding-all{max-width:71.25rem}.tna-container--max{max-width:none}.tna-column{padding-right:1rem;padding-left:1rem;box-sizing:border-box}.tna-column--container{display:flex;flex-wrap:wrap;justify-content:stretch;align-items:stretch}.tna-column--full{width:100%;flex:none}.tna-column--width-1-12{width:8.3333333333%;flex:none}.tna-column--width-1-6{width:16.6666666667%;flex:none}.tna-column--width-1-4{width:25%;flex:none}.tna-column--width-1-3{width:33.3333333333%;flex:none}.tna-column--width-5-12{width:41.6666666667%;flex:none}.tna-column--width-1-2{width:50%;flex:none}.tna-column--width-7-12{width:58.3333333333%;flex:none}.tna-column--width-2-3{width:66.6666666667%;flex:none}.tna-column--width-3-4{width:75%;flex:none}.tna-column--width-5-6{width:83.3333333333%;flex:none}.tna-column--width-11-12{width:91.6666666667%;flex:none}.tna-column--flex-1{width:auto;flex:1 0}.tna-column--flex-2{width:auto;flex:2 0}.tna-column--flex-3{width:auto;flex:3 0}.tna-column--order-1{order:1}.tna-column--order-2{order:2}.tna-column--order-3{order:3}.tna-column--order-4{order:4}@media(min-width: 48.0625em)and (max-width: 64em){.tna-column--full-medium{width:100%;flex:none}.tna-column--width-1-6-medium{width:16.6666666667%;flex:none}.tna-column--width-1-3-medium{width:33.3333333333%;flex:none}.tna-column--width-1-2-medium{width:50%;flex:none}.tna-column--width-2-3-medium{width:66.6666666667%;flex:none}.tna-column--width-5-6-medium{width:83.3333333333%;flex:none}.tna-column--flex-1-medium{width:auto;flex:1 0}.tna-column--flex-2-medium{width:auto;flex:2 0}.tna-column--flex-3-medium{width:auto;flex:3 0}.tna-column--order-1-medium{order:1}.tna-column--order-2-medium{order:2}.tna-column--order-3-medium{order:3}.tna-column--order-4-medium{order:4}}@media(max-width: 48em){.tna-container{padding-right:1.125rem;padding-left:1.125rem}.tna-column{padding-right:.375rem;padding-left:.375rem}}@media(min-width: 30.0625em)and (max-width: 48em){.tna-column--full-small{width:100%;flex:none}.tna-column--width-1-4-small{width:25%;flex:none}.tna-column--width-1-2-small{width:50%;flex:none}.tna-column--width-3-4-small{width:75%;flex:none}.tna-column--flex-1-small{width:auto;flex:1 0}.tna-column--flex-2-small{width:auto;flex:2 0}.tna-column--flex-3-small{width:auto;flex:3 0}.tna-column--order-1-small{order:1}.tna-column--order-2-small{order:2}.tna-column--order-3-small{order:3}.tna-column--order-4-small{order:4}}@media(max-width: 30em){.tna-column--full-tiny{width:100%;flex:none}.tna-column--width-1-2-tiny{width:50%;flex:none}.tna-column--flex-1-tiny{width:auto;flex:1 0}.tna-column--flex-2-tiny{width:auto;flex:2 0}.tna-column--flex-3-tiny{width:auto;flex:3 0}.tna-column--order-1-tiny{order:1}.tna-column--order-2-tiny{order:2}.tna-column--order-3-tiny{order:3}.tna-column--order-4-tiny{order:4}}.tna-container--no-padding,.tna-container--no-padding-all,.tna-container--no-padding-all>.tna-column,.tna-column--no-padding,.tna-column--container--no-padding-all,.tna-column--container--no-padding-all>.tna-column{padding-right:0;padding-left:0}.tna-header{color:#fff;background-color:#000}.tna-header__exit{padding-top:.5rem;padding-bottom:.5rem;text-align:right;background-color:#26262a}.tna-header__exit-link{color:#fff;text-decoration:none}.tna-header__exit-link:hover{text-decoration:underline}.tna-header__exit-link-icon{width:.825rem;height:.825rem;margin-right:.125rem;margin-left:.5rem;display:inline-block;position:relative;vertical-align:middle;border:.125rem #fff solid}.tna-header__exit-link-icon::before{position:absolute;top:-0.25rem;right:-0.25rem;z-index:2;border:.25rem rgba(0,0,0,0) solid;border-top-color:#fff;border-right-color:#fff;content:""}.tna-header__exit-link-icon::after{width:.25rem;height:.825rem;position:absolute;top:-0.125rem;right:-0.125rem;z-index:1;background-color:#fff;outline:.2rem #26262a solid;transform:rotate(45deg) translateX(50%);transform-origin:100% 0;content:""}.tna-header__contents.tna-container{justify-content:space-between}.tna-header__logo{padding-top:1.25rem;padding-bottom:1.25rem}.tna-header__logo-link{display:flex;align-items:flex-end;color:inherit;text-decoration:none}.tna-header__logo-link--href:hover{outline:.375rem #fff solid}.tna-header .tna-logo{width:6.25rem;height:6.25rem;display:inline-block}.tna-header .tna-logo__foreground{fill:#fff}.tna-header .tna-logo__background{fill:none}.tna-header__logo-strapline{margin:0 .75rem;display:inline-block;line-height:2.125;text-transform:uppercase}.tna-header__navigation-toggle{align-self:center}.tna-header__hamburger{width:2rem;height:.25rem;display:block;background-color:#fff;transition:height 1ms 200ms}.tna-header__hamburger::before,.tna-header__hamburger::after{height:.25rem;display:block;position:absolute;right:0;left:0;background-color:inherit;transition:top 200ms 200ms,bottom 200ms 200ms,transform 200ms;content:""}.tna-header__hamburger::before{top:0}.tna-header__hamburger::after{bottom:0}.tna-header__navigation-toggle-button{height:2rem;padding:0;display:block;position:relative;appearance:none;font-size:0;background:none;border:0 rgba(0,0,0,0) solid;border-width:.25rem 0;cursor:pointer}.tna-header__navigation-toggle-button--opened .tna-header__hamburger{height:0}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before,.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{transition:top 200ms,bottom 200ms,transform 200ms 200ms}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::before{top:.625rem;transform:rotate(-135deg)}.tna-header__navigation-toggle-button--opened .tna-header__hamburger::after{bottom:.625rem;transform:rotate(135deg)}.tna-header--yellow,.tna-header--pink,.tna-header--orange,.tna-header--green,.tna-header--blue{color:#000}.tna-header--yellow .tna-header__logo-link:hover,.tna-header--pink .tna-header__logo-link:hover,.tna-header--orange .tna-header__logo-link:hover,.tna-header--green .tna-header__logo-link:hover,.tna-header--blue .tna-header__logo-link:hover{outline-color:#000}.tna-header--yellow .tna-logo__foreground,.tna-header--pink .tna-logo__foreground,.tna-header--orange .tna-logo__foreground,.tna-header--green .tna-logo__foreground,.tna-header--blue .tna-logo__foreground{fill:#000}.tna-header--yellow .tna-header__hamburger,.tna-header--pink .tna-header__hamburger,.tna-header--orange .tna-header__hamburger,.tna-header--green .tna-header__hamburger,.tna-header--blue .tna-header__hamburger{background-color:#000}.tna-header--yellow{background-color:#fc0}.tna-header--pink{background-color:#fe1d57}.tna-header--orange{background-color:#fd3f03}.tna-header--green{background-color:#86bc25}.tna-header--blue{background-color:#00b0ff}.tna-header__navigation{display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:flex-end}.tna-header__top-navigation-items{margin:0;padding:1.25rem 0;list-style:none;line-height:1}.tna-header__top-navigation-item{margin-left:.75rem;display:inline-block}.tna-header__top-navigation-item-link{display:inline-block;text-decoration:none}.tna-header__top-navigation-item-link,.tna-header__top-navigation-item-link:link,.tna-header__top-navigation-item-link:visited{color:inherit}.tna-header__top-navigation-item-link:hover,.tna-header__top-navigation-item-link:hover:link,.tna-header__top-navigation-item-link:hover:visited,.tna-header__top-navigation-item-link--selected,.tna-header__top-navigation-item-link--selected:link,.tna-header__top-navigation-item-link--selected:visited{text-decoration:underline;text-decoration-thickness:3px}.tna-header__navigation-items{margin:0;padding:0;list-style:none;white-space:nowrap}.tna-header__navigation-item{margin-left:.75rem;display:inline-block}.tna-header__navigation-item-link{padding:.5rem 1rem;display:inline-block;font-family:supria-sans-condensed,sans-serif;font-weight:600;text-decoration:none;line-height:2}.tna-header__navigation-item-link,.tna-header__navigation-item-link:link,.tna-header__navigation-item-link:visited{color:inherit}.tna-header__navigation-item-link:hover,.tna-header__navigation-item-link:hover:link,.tna-header__navigation-item-link:hover:visited,.tna-header__navigation-item-link--selected,.tna-header__navigation-item-link--selected:link,.tna-header__navigation-item-link--selected:visited{color:#000;background-color:#fff}@media(min-width: 48.0625em){.tna-header .tna-header__navigation-toggle{display:none}}@media(max-width: 48em){.tna-header__contents.tna-container{padding-right:0;padding-left:0}.tna-header__logo{padding-top:1rem;padding-bottom:1rem}.tna-header__logo.tna-column{padding-right:1.5rem;padding-left:1.5rem}.tna-header .tna-logo{width:4.5rem;height:4.5rem}.tna-header__logo-strapline{line-height:1.55}.tna-header__navigation-toggle.tna-column{padding-right:1.5rem;padding-left:0}.tna-header__navigation{color:#343338;font-size:1.25rem}.tna-header__navigation.tna-column{padding-right:0;padding-left:0}.tna-template--js-enabled .tna-header__navigation{display:none}.tna-template--js-enabled .tna-header__navigation--open{display:block}.tna-header__top-navigation-items{padding:.5rem 1rem;background-color:#fff;border-bottom:1px solid;border-color:#ccc}.tna-header__top-navigation-item{margin:0;padding:.5rem}.tna-header__navigation-items{width:100%;background-color:#fff}.tna-header__navigation-item{margin:0;display:block;border-bottom:1px solid;border-color:#ccc}.tna-header__navigation-item-link{padding-right:1.5rem;padding-left:1.5rem;display:block;position:relative;line-height:1.6}.tna-header__navigation-item-link::after{width:0;position:absolute;top:0;bottom:0;left:0;background-color:#000;content:""}.tna-header__navigation-item-link:hover::after{width:.25rem}.tna-header__navigation-item-link--selected::after,.tna-header__navigation-item-link--selected:hover::after{width:.5rem}}@media(max-width: 30em){.tna-header .tna-logo{width:3.5rem;height:3.5rem}.tna-header__logo-strapline{line-height:1.25}}.tna-hero{min-height:min(35vw,480px);padding-top:5.25rem;padding-bottom:3.25rem;display:flex;align-items:flex-end;position:relative}.tna-hero__image{width:100%;height:100%;position:absolute;inset:0;z-index:1;object-fit:cover}.tna-hero picture.tna-hero__image img{width:100%;height:100%;object-fit:cover}.tna-hero__image-details{position:absolute;right:1.25rem;bottom:1.25rem;z-index:3;color:#343338}.tna-hero__image-details-summary{width:2rem;height:2rem;position:relative;z-index:2;font-size:0;text-align:center;line-height:2rem;list-style:none;background-color:#fc0;border-radius:1rem;cursor:pointer}.tna-hero__image-details-summary-icon{font-size:1.25rem;font-style:normal;font-weight:700;text-transform:lowercase}.tna-hero__image-information{width:20rem;max-width:45vw;padding:.5rem 1rem;position:absolute;right:0;bottom:2.5rem;z-index:1;background-color:#fc0}.tna-hero__inner{position:relative;z-index:2}.tna-hero__content-inner{padding:2.5rem 1.5rem;background-color:#fff}.tna-hero__heading{margin-bottom:0}.tna-hero__body{margin-top:1.5rem}@media(max-width: 48em){.tna-hero{padding:0;display:block;color:rgba(255,255,255,.95);background-color:#222}.tna-template--system-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em)and (prefers-contrast: more){.tna-template--system-theme .tna-hero{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em)and (prefers-contrast: more)and (prefers-color-scheme: dark){.tna-template--system-theme .tna-hero{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}}@media(max-width: 48em){.tna-template--light-theme .tna-hero{--page-background: #222;--font-base: rgba(255, 255, 255, 0.95);--font-dark: #fff;--font-light: rgba(255, 255, 255, 0.8);--link: #00b0ff;--link-visited: #b9f;--focus-outline: #00b0ff;--keyline: rgba(255, 255, 255, 0.5);--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme .tna-hero{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--high-contrast-theme .tna-hero{--page-background: #191919;--font-base: #fff;--font-dark: #fff;--font-light: #fff;--link: #fff;--link-visited: #fff;--focus-outline: #00b0ff;--keyline: #fff;--keyline-dark: #fff;--accent: -accent-colour-dark();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-template--dark-theme.tna-template--high-contrast-theme .tna-hero{--page-background: #fff;--font-base: #000;--font-dark: #000;--font-light: #000;--link: #000;--link-visited: #000;--focus-outline: #fd3f03;--keyline: #000;--keyline-dark: #000;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff}.tna-hero__image{height:320px;position:static}.tna-hero__image-details{bottom:auto;top:1.25rem}.tna-hero__image-information{top:2.5rem;bottom:auto}.tna-hero__content-inner{padding:1.5rem 0;background-color:rgba(0,0,0,0)}.tna-hero__heading{color:inherit}.tna-hero__body{margin-top:1rem;color:inherit}}@media(max-width: 30em){.tna-hero__image{height:240px}}.tna-template--high-contrast-theme .tna-hero__content-inner{border:1px rgba(0,0,0,0) solid;border-color:#26262a}@media(max-width: 48em){.tna-template--high-contrast-theme .tna-hero__content-inner{border:none}}@media(prefers-contrast: more){.tna-template--system-theme .tna-hero__content-inner{border:1px rgba(0,0,0,0) solid;border-color:#26262a}}@media(prefers-contrast: more)and (max-width: 48em){.tna-template--system-theme .tna-hero__content-inner{border:none}}.tna-phase-banner{--page-background: #fff;--font-base: #343338;--font-dark: #000;--font-light: rgba(52, 51, 56, 0.7);--link: #1d70ab;--link-visited: #4c2c92;--focus-outline: #00b0ff;--keyline: #ccc;--keyline-dark: #26262a;--accent: -accent-colour();--button-primary-text: #fff;--button-primary-background: #000;--button-primary-hover-text: #000;--button-primary-hover-background: #fff;--button-secondary-text: #000;--button-secondary-background: #fc0;--button-secondary-hover-text: #000;--button-secondary-hover-background: #fff;color:#343338;padding-top:.375rem;padding-bottom:.375rem;background-color:#d9d9d6}.tna-phase-banner .tna-container{align-items:center;flex-wrap:nowrap}.tna-phase-banner__phase{margin:.25rem 0;padding:0 .5rem;display:block;font-weight:700;text-transform:uppercase;line-height:1.5;background-color:#fff}.tna-phase-banner__message{margin:.25rem 0}.tna-phase-banner__message a{color:inherit}.tna-phase-banner--discovery{background-color:#fad3d4}.tna-phase-banner--alpha{background-color:#f9e1bc}.tna-phase-banner--beta{background-color:#f9f7e2}.tna-phase-banner--live{background-color:#dde5d5}.tna-picture{margin:0 0 1rem;padding:0}.tna-picture__image-wrapper{position:relative;background-color:#f4f4f4}.tna-picture__image{height:auto;margin:0 auto}.tna-picture__toggle-transcript{position:absolute;right:1rem;bottom:1rem}.tna-picture__transcript{padding:1rem 1.5rem .5rem}.tna-template--clicked .tna-picture__transcript:focus{outline:none}.tna-picture__transcript .tna-tabs__list-item-link{color:#fff}.tna-picture__transcript .tna-tabs__list-item-link::after{background-color:#fff}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link{color:rgba(255,255,255,.8)}.tna-template--js-enabled .tna-picture__transcript .tna-tabs__list-item-link--selected{color:#fff}.tna-picture__caption{padding:1rem 0;text-align:center;border-bottom:1px solid;border-color:#ccc}.tna-sensitive-image__details{position:relative}.tna-sensitive-image__details::after{width:100%;padding-bottom:calc(100%*var(--sensitive-image-height)/var(--sensitive-image-width));display:block;position:relative;z-index:-1;background-image:var(--sensitive-image);background-clip:padding-box;background-size:contain;filter:blur(20px) saturate(0);content:""}.tna-sensitive-image__show{display:flex;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;font-size:0;cursor:pointer}.tna-sensitive-image__show::after{padding:.5rem 2rem;font-size:1rem;background-color:#ff0;content:attr(data-action)}.tna-sensitive-image__show:hover::after{color:#fff;background-color:#000}.tna-sensitive-image__image{width:100%}.tna-sensitive-image__details[open]::after,.tna-sensitive-image__details[open] .tna-sensitive-image__show{display:none}.tna-tabs{margin-bottom:1rem}.tna-tabs__list{margin:0 0 1rem;padding:0;display:flex;align-items:stretch;list-style:none}.tna-tabs__list-item{display:inline-flex}.tna-tabs__list-item+.tna-tabs__list-item{margin-left:1rem}.tna-tabs__list-item-link{padding:.5rem 0;display:flex;align-items:center;position:relative;color:#000;font-size:inherit;font-family:inherit;font-weight:700;text-decoration:none;line-height:1.5;text-align:center;background:rgba(0,0,0,0);border:none;cursor:pointer}.tna-tabs__list-item-link+.tna-tabs__list-item-link{margin-left:1.5rem}.tna-tabs__list-item-link::after{height:0;position:absolute;right:0;bottom:0;left:0;background-color:#26262a;content:""}.tna-tabs__list-item-link:hover::after,.tna-tabs__list-item-link--selected::after,.tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-template--js-enabled .tna-tabs__list-item-link{color:rgba(52,51,56,.7)}.tna-template--js-enabled .tna-tabs__list-item-link:hover::after{height:.125rem}.tna-template--js-enabled .tna-tabs__list-item-link--selected{color:#000}.tna-template--js-enabled .tna-tabs__list-item-link--selected::after,.tna-template--js-enabled .tna-tabs__list-item-link--selected:hover::after{height:.25rem}.tna-tabs__item{display:none}.tna-tabs__item:first-child{display:block}.tna-tabs__item:has(~:target){display:none}.tna-tabs__item:target{display:block}.tna-template--js-enabled .tna-tabs__item{display:block}.tna-template--js-enabled .tna-tabs__item[hidden]{display:none}.tna-template--clicked .tna-tabs__item:focus{outline:none}.tna-template--high-contrast-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px rgba(0,0,0,0) solid;border-color:#26262a}@media(prefers-contrast: more){.tna-template--system-theme .tna-tabs__list-item-link{padding-right:1rem;padding-left:1rem;overflow:hidden;border:1px rgba(0,0,0,0) solid;border-color:#26262a}}.tna-featured-collection{padding-top:2rem;padding-bottom:2rem;background-color:#f9f7e2}.tna-featured-collection .tna-card{margin-top:1rem;margin-bottom:1rem}/*# sourceMappingURL=all.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/variables/_colour.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/header/_index.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss"],"names":[],"mappings":"AAMQ,sHACA,6CCJR,cACE,gBACA,WACA,YAEA,kBACA,gBACA,iCAEA,eAEA,+BACE,gBACE,0BACA,4BAKN,oBACE,gBACA,SACA,UAEA,sBAEA,cAGF,qBAIE,eAEA,cAGF,aAEE,WAGF,SACE,aAGF,QACE,+BACA,uBD3CF,cACE,YERiB,uBFSjB,YERiB,IFSjB,MGJiB,QHKjB,kCACA,mCACA,kCACA,8BACA,cAEA,gBACE,gBAEA,2BACE,gBAKF,uBACE,8BAGF,sBACE,8BAIJ,kCIjCA,eJmCE,gBAGF,4CAEE,kBAEA,kEACE,WACA,gBAIJ,0DAEE,eAEA,gBAGF,2BACE,aACA,qBAEA,MG/DQ,KHgER,YE3DkB,gCF4DlB,YE3DkB,IF6DlB,sCACE,gBAGF,+BInEF,eJqEI,cKnDJ,gDLiDE,+BInEF,oBCsDA,yBLaE,+BInEF,mBJgFE,8BIhFF,eJkFI,gBKhEJ,gDL8DE,8BIhFF,oBCsDA,yBL0BE,8BIhFF,kBJ6FE,8BI7FF,kBJ+FI,gBAGF,8BIlGF,mBJoGI,gBAIJ,0BACE,mBAEA,qCACE,gBAGF,sCACE,SAEA,MG9Ga,QCJjB,mBJoHI,YEhHe,wBFiHf,YEhHe,IFiHf,yBAOF,iCACE,SAEA,MGpIM,KHsIN,yDACE,cAEA,MGjIW,QHyIb,iDI7IJ,eJsJI,gDItJJ,eJ+JI,gDI/JJ,kBJwKI,gDIxKJ,mBEFF,YACE,oBAEA,qBAEA,WACA,gBACA,qBAEA,iBHXU,KGaV,yBAEA,WACE,sDAIF,kBACE,MHrBQ,KGuBR,sBAEA,WACE,mDAKJ,uBACE,MHhCQ,KGkCR,iBHjCS,KGmCT,aHnCS,KGqCT,6BACE,MHvCM,KGyCN,aHzCM,KIGV,iBACE,oBACA,aACA,wBACA,0BACA,sBAGF,mBACE,QAMF,iBACE,QAMF,2BACE,QAMF,gBAGE,QAGF,mBACE,gBAEA,QAMF,oBACE,kBAEA,iBJjDS,KImDT,qCACE,gBACA,aAGF,uCACE,oBAEA,6BAGF,0CACE,MJhEM,KImER,+CACE,kBACA,gBAGF,qCACE,WACA,YACA,iBCzEN,YACE,iBACA,oBAEA,WAEA,iBLDK,QKGL,kBACE,cAEA,wBACE,WAIJ,wBACE,oBASF,oCACE,eAEA,gBASF,oBACE,oBAEA,kCACE,qBAIJ,yBACE,kBAGF,8BACE,cAGF,oCACE,cAIA,mCACE,mBAIJ,0BACE,cAGF,wBACE,qBAEA,cACA,UAEA,8BACE,WACA,UAIJ,kCACE,cACA,cAEA,aCjFJ,eACE,UCNwB,SDOxB,WACA,kBACA,iBACA,mBACA,kBAEA,sBAEA,oBACA,aACA,eACA,wBACA,oBAEA,0DAEE,mBAGF,oBACE,eAIJ,YACE,mBACA,kBAEA,sBAEA,uBACE,oBACA,aACA,eACA,wBACA,oBAIJ,uNAME,gBACA,eE5CE,kBACE,WACA,UAUI,wBACE,oBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,wBACE,qBACA,UAFF,uBACE,UACA,UAFF,wBACE,qBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,yBACE,qBACA,UAgCN,oBACE,WAEA,SAHF,oBACE,WAEA,SAKF,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,ENxCf,gDMbE,yBACE,WACA,UAUI,8BACE,qBACA,UAFF,8BACE,qBACA,UAFF,8BACE,UACA,UAFF,8BACE,qBACA,UAFF,8BACE,qBACA,UAgCN,2BACE,WAEA,SAHF,2BACE,WAEA,SAKF,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,GNJf,yBIKA,eACE,uBACA,sBAGF,YACE,sBACA,sBJ1CF,+CMnBE,wBACE,WACA,UAUI,6BACE,UACA,UAFF,6BACE,UACA,UAFF,6BACE,UACA,UAgCN,0BACE,WAEA,SAHF,0BACE,WAEA,SAKF,2BACE,MAFS,EACX,2BACE,MAFS,EACX,2BACE,MAFS,GN5Bf,yBMzBE,uBACE,WACA,UAUI,4BACE,UACA,UAgCN,yBACE,WAEA,SAHF,yBACE,WAEA,SAKF,0BACE,MAFS,EACX,0BACE,MAFS,EACX,0BACE,MAFS,GCxDjB,YACE,WAEA,iBTTU,KSYR,oCACE,8BAIJ,kBACE,mBACA,sBAGF,uBACE,oBACA,aACA,qBAEA,cACA,qBAEA,6BACE,2BAIJ,sBACE,YACA,aAEA,qBAGF,kCACE,UAMF,4BACE,gBAEA,qBAEA,qBACA,yBAMF,sCACE,YACA,UAEA,cAEA,kBAEA,gBAEA,YAEA,gBAEA,6BACA,sBAEA,eAGF,uBACE,WACA,cAEA,cAEA,sBAEA,6DAEE,cAEA,cAEA,kBACA,QACA,OAEA,yBAEA,WAGF,+BACE,MAGF,8BACE,SAIJ,+FAKE,MTtHQ,KSyHN,gPACE,mBAIJ,6MACE,UAGF,kNACE,iBTnIM,KSuIV,oBACE,iBTvIS,KS0IX,kBACE,iBT1IO,QS6IT,oBACE,iBT7IS,QSgJX,mBACE,iBThJQ,QSmJV,kBACE,iBTnJO,QSsJT,wBACE,oBACA,aACA,yBACA,qBAGF,8BACE,SACA,UAEA,gBAEA,mBAGF,6BACE,mBAEA,qBAGF,kCACE,mBAEA,qBAEA,cACA,YVlLkB,gCUmLlB,YVlLkB,IUmLlB,qBAEA,WACE,mCAGF,oFAEE,MTjMM,KSmMN,sBAEA,WACE,iCP9JN,yBOoKE,2CACE,cPnJJ,yBO2JI,oCACE,gBACA,eAIJ,kBACE,iBACA,oBAEA,6BACE,cAd4B,OAe5B,aAf4B,OAoB9B,0CACE,iBACA,cAtB4B,OAuB5B,eAIJ,wBACE,MTtOa,QSwOb,mCACE,gBACA,eAGF,oCACE,aAEA,0CACE,cAKN,8BACE,WAEA,sBAGF,6BACE,SAEA,cAEA,6BAGF,kCACE,cA3D8B,OA4D9B,aA5D8B,OA8D9B,cAEA,kBAEA,yCACE,QAEA,kBACA,MACA,SACA,OAEA,iBT5RI,KS8RJ,uBAEA,WAIA,+CACE,aAEA,sBAKF,4GAEE,aC5SV,UACE,2BACA,oBACA,uBAEA,oBACA,aACA,qBAEA,kBAEA,yBAEA,iBACE,WACA,YAEA,kBACA,QACA,UAEA,iBAGF,sCACE,WACA,YAEA,iBAGF,yBACE,kBACA,cACA,eACA,UAGF,iCACE,WACA,YAEA,kBACA,UAEA,YACA,kBACA,iBACA,gBAEA,sBAEA,mBAEA,eAGF,sCACE,kBACA,kBACA,gBACA,yBAGF,6BACE,YACA,eACA,mBAEA,kBACA,QACA,cACA,UAEA,sBAGF,iBACE,kBACA,UAMF,yBACE,sBAEA,sBAGF,mBACE,gBRpCF,yBQxDF,UAmGI,UAEA,cAEA,iBACE,aAEA,gBAGF,yBACE,YACA,YASF,6BACE,WACA,YASF,yBACE,WAEA,0BRtGJ,yBQiHE,iBACE,cC9IJ,8BACE,kBAIA,qCACE,WACA,qFAIA,cAEA,kBACA,WAEA,wCACA,4BACA,wBAEA,8BAEA,WAIJ,2BACE,aACA,mBACA,uBAEA,kBACA,QACA,UAEA,YAEA,eAEA,kCACE,mBV1CJ,eU6CI,sBAEA,0BAIA,wCACE,WAEA,sBAQN,4BACE,WAIA,0GAEE","file":"all.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/nationalarchives/utilities/_typography.scss","../../src/nationalarchives/tools/_colour.scss","../../src/nationalarchives/utilities/_global.scss","../../src/nationalarchives/tools/_typography.scss","../../src/nationalarchives/variables/_typography.scss","../../src/nationalarchives/tools/_media.scss","../../src/nationalarchives/components/breadcrumbs/_index.scss","../../src/nationalarchives/components/button/_index.scss","../../src/nationalarchives/components/card/_index.scss","../../src/nationalarchives/components/filters/_index.scss","../../src/nationalarchives/components/footer/_index.scss","../../src/nationalarchives/variables/_colour.scss","../../src/nationalarchives/components/grid/_index.scss","../../src/nationalarchives/variables/_grid.scss","../../src/nationalarchives/tools/_grid.scss","../../src/nationalarchives/components/header/_index.scss","../../src/nationalarchives/components/hero/_index.scss","../../src/nationalarchives/components/phase-banner/_index.scss","../../src/nationalarchives/components/picture/_index.scss","../../src/nationalarchives/components/sensitive-image/_index.scss","../../src/nationalarchives/components/tabs/_index.scss","../../src/nationalarchives/patterns/featured-collection/_index.scss"],"names":[],"mappings":"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AIA,mCACE,mBAGF,iCACE,gBAIJ,0BACE,cAGF,mBACE,gBAEA,kBAGF,wBACE,qBAEA,wDAEE,cACA,UAGF,8BAGE,MChHM,QDiHN,KCjHM,QDqHV,kCACE,cACA,cAEA,aL1EF,wBKtDF,YAoII,iBAEA,oBACE,wBEvIN,eACE,UCNwB,SDOxB,WACA,kBACA,iBACA,mBACA,kBAEA,sBAEA,aACA,eACA,wBACA,oBAEA,0DAEE,mBAGF,oBACE,eAIJ,YACE,mBACA,kBAEA,sBAEA,uBACE,aACA,eACA,wBACA,oBE/BA,kBACE,WACA,UAUI,wBACE,oBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,wBACE,qBACA,UAFF,uBACE,UACA,UAFF,wBACE,qBACA,UAFF,uBACE,qBACA,UAFF,uBACE,UACA,UAFF,uBACE,qBACA,UAFF,yBACE,qBACA,UAgCN,oBACE,WAEA,SAHF,oBACE,WAEA,SAHF,oBACE,WAEA,SAKF,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,EACX,qBACE,MAFS,ETvCf,kDSdE,yBACE,WACA,UAUI,8BACE,qBACA,UAFF,8BACE,qBACA,UAFF,8BACE,UACA,UAFF,8BACE,qBACA,UAFF,8BACE,qBACA,UAgCN,2BACE,WAEA,SAHF,2BACE,WAEA,SAHF,2BACE,WAEA,SAKF,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,EACX,4BACE,MAFS,GTHf,wBORA,eACE,uBACA,sBAGF,YACE,sBACA,sBP7BF,kDSpBE,wBACE,WACA,UAUI,6BACE,UACA,UAFF,6BACE,UACA,UAFF,6BACE,UACA,UAgCN,0BACE,WAEA,SAHF,0BACE,WAEA,SAHF,0BACE,WAEA,SAKF,2BACE,MAFS,EACX,2BACE,MAFS,EACX,2BACE,MAFS,EACX,2BACE,MAFS,GT3Bf,wBS1BE,uBACE,WACA,UAUI,4BACE,UACA,UAgCN,yBACE,WAEA,SAHF,yBACE,WAEA,SAHF,yBACE,WAEA,SAKF,0BACE,MAFS,EACX,0BACE,MAFS,EACX,0BACE,MAFS,EACX,0BACE,MAFS,GFQjB,uNAME,gBACA,eGrEF,YACE,WAEA,iBJRW,KIYX,kBACE,kBACA,qBAEA,iBAEA,iBJKS,QIFX,uBACE,WACA,qBAEA,6BACE,0BAiBJ,4BACE,cACA,eACA,qBACA,kBAEA,qBAEA,kBAEA,sBAEA,0BAEA,oCACE,kBACA,aACA,eACA,UAEA,kCACA,sBACA,wBAEA,WAGF,mCACE,aACA,eAEA,kBACA,cACA,gBACA,UAEA,sBAEA,4BAEA,wCACA,wBAEA,WAKF,oCACE,8BAIJ,kBACE,oBACA,uBAGF,uBACE,aACA,qBAEA,cACA,qBAGE,mCACE,2BAKN,sBACE,cACA,eAEA,qBAGF,kCACE,UAGF,kCACE,UAGF,4BACE,gBAEA,qBAEA,kBACA,yBAGF,+BACE,kBAGF,uBACE,WACA,cAEA,cAEA,sBAEA,4BAEA,6DAEE,cAEA,cAEA,kBACA,QACA,OAEA,yBAEA,WACE,mDAIF,WAGF,+BACE,MAGF,8BACE,SAIJ,sCACE,YACA,UAEA,cAEA,kBAEA,gBAEA,YAEA,gBAEA,6BACA,sBAEA,eAGE,qEACE,SAEA,yJAEE,WACE,6CAKJ,6EACE,YAEA,0BAGF,4EACE,eAEA,yBAMR,+FAKE,MJzOS,KI4OP,gPACE,mBAIJ,6MACE,UAGF,kNACE,iBJtPO,KI0PX,oBACE,iBJtPU,KIyPZ,kBACE,iBJzPQ,QI4PV,oBACE,iBJ5PU,QI+PZ,mBACE,iBJ/PS,QIkQX,kBACE,iBJlQQ,QIqQV,wBACE,aACA,8BACA,8BACA,qBAGF,kCACE,SACA,kBAIA,gBAEA,cAGF,iCACE,mBAEA,qBAGF,sCACE,qBAEA,qBAEA,+HAGE,cAKA,8SAGE,0BACA,8BAKN,8BACE,SACA,UAIA,gBAEA,mBAGF,6BACE,mBAEA,qBAGF,kCACE,mBAEA,qBZtUF,YCRoB,iCDSpB,YCRoB,IWgVlB,qBACA,cAMA,mHAGE,cAKA,sRdrUF,WAWA,sBIFF,6BU0UE,2CACE,cVzTJ,wBUiUI,oCACE,gBACA,eAIJ,kBACE,iBACA,oBAEA,6BACE,cAd4B,OAe5B,aAf4B,OAmBhC,sBACE,aACA,cAGF,4BACE,iBAIA,0CACE,cA9B4B,OA+B5B,eAIJ,wBd5XA,cE5BF,kBY4ZI,mCACE,gBACA,eAGF,kDACE,aAEA,wDACE,cAKN,kCACE,mBdpYF,sBc0YE,wBd/XF,kBcmYA,iCACE,SACA,cAMF,8BACE,WdvZF,sBc4ZA,6BACE,SAEA,cAEA,wBdtZF,kBc0ZA,kCACE,cAxF8B,OAyF9B,aAzF8B,OA2F9B,cAEA,kBAEA,gBAEA,yCACE,QAEA,kBACA,MACA,SACA,OdrbJ,sBc2bI,WAIA,+CACE,aAOF,4GAEE,aVjdR,wBUwdE,sBACE,aACA,cAGF,4BACE,kBC7fN,UACE,2BACA,oBACA,uBAEA,aACA,qBAEA,kBAEA,iBACE,WACA,YAEA,kBACA,QACA,UAEA,iBAGF,sCACE,WACA,YAEA,iBAGF,yBACE,kBACA,cACA,eACA,UfJA,ceSF,iCACE,WACA,YAEA,kBACA,UAEA,YACA,kBACA,iBACA,gBAEA,sBAEA,mBAEA,eAGF,sCACE,kBACA,kBACA,gBACA,yBAGF,6BACE,YACA,eACA,mBAEA,kBACA,QACA,cACA,UAEA,sBAGF,iBACE,kBACA,UAMF,yBACE,sBf9CA,sBemDF,mBACE,gBAGF,gBACE,kBXxCF,wBWvDF,UAmGI,UAEA,cf3EA,4BAWA,sBAiDF,sCA9EE,wiBAiFA,wDAHF,sCApFE,ggBA2FA,oDAPF,sCAlEE,2eA6EA,oFAXF,sCAxEE,meIyCF,wBJ+CA,qCA9FE,uiBAkGF,oCAxGE,+fA4GF,6CA1FE,0eA8FF,sEApGE,kee4FA,iBACE,aAEA,gBAGF,yBACE,YACA,YASF,6BACE,WACA,YASF,yBACE,iBAEA,+BAGF,mBACE,cAGF,gBACE,gBAEA,eXpHJ,wBWyHE,iBACE,cAKF,4DACE,+Bf7GF,qBIKF,wBWuGE,4DAKI,aASN,+BAdE,qDACE,+Bf7GF,sBIKF,oDWuGE,qDAKI,aCnKR,kBhBEI,+fA0BA,cgBzBF,oBACA,uBAEA,yBAEA,iCACE,mBACA,iBAOF,yBACE,gBACA,gBAEA,cAEA,gBACA,yBACA,gBAEA,sBAGF,2BACE,gBAIA,6BACE,cAIJ,6BACE,yBAGF,yBACE,yBAGF,wBACE,yBAGF,wBACE,yBCtDJ,aACE,gBACA,UAEA,4BAGE,kBAEA,yBAGF,oBACE,YACA,cAGF,gCACE,kBACA,WACA,YAGF,yBAIE,0BAEA,sDACE,aAGF,mDjBNA,WiBSE,0DjBEF,sBiBEE,6EjBbF,2BiBgBI,uFjBhBJ,WiBuBF,sBACE,eAIA,kBAEA,wBjBNA,kBkBhDF,8BACE,kBAIA,qCACE,WACA,qFAIA,cAEA,kBACA,WAEA,wCACA,4BACA,wBAEA,8BAEA,WAIJ,2BACE,aACA,mBACA,uBAEA,kBACA,QACA,UAEA,YAEA,eAEA,kCACE,mBhB1CJ,egB6CI,sBAEA,0BAIA,wCACE,WAEA,sBAQN,4BACE,WAIA,0GAEE,aCvEN,UACE,mBAEA,gBACE,gBACA,UAEA,aACA,oBAEA,gBAGF,qBACE,oBAEA,0CACE,iBAIJ,0BACE,gBAEA,aAEA,mBACA,kBnBGA,6BmBCA,oBACA,gBACA,qBACA,gBACA,kBAEA,yBAEA,YAEA,eAEA,oDACE,mBAGF,iCACE,SAEA,kBACA,QACA,SACA,OnBZF,yBmBgBE,WAMA,mIACE,cAIJ,oDnBtCA,wBmB0CI,iEACE,eAIJ,8DnB/CF,WmBkDI,gJAEE,cAcR,gBACE,aAEA,4BACE,cAGF,8BACE,aAGF,uBACE,cAGF,0CACE,cAEA,kDACE,aAIJ,6CACE,aAKF,6DACE,mBACA,kBAEA,gBAEA,+BnB/EF,qBmBwFF,+BAfE,sDACE,mBACA,kBAEA,gBAEA,+BnB/EF,sBoBpDJ,yBACE,iBACA,oBAEA,iBVcW,QUZX,mCACE,gBACA","file":"all.css"}
@@ -1,2 +1,2 @@
1
- !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.TNAFrontend=e():t.TNAFrontend=e()}(self,(()=>(()=>{"use strict";var t={463:(t,e,i)=>{i.d(e,{Header:()=>r});function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e){for(var i=0;i<e.length;i++){var o=e[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,(void 0,r=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var o=i.call(t,"string");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(o.key),"symbol"===n(r)?r:String(r)),o)}var r}var r=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$toggleButtonWrapper=e&&e.querySelector(".tna-header__navigation-toggle"),this.$navigation=e&&e.querySelector(".tna-header__navigation"),this.$links=e&&this.$navigation&&this.$navigation.querySelectorAll("[tabindex='0']"),this.menuOpened=!1,this.mql=window.matchMedia("(max-width: 768px)")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$toggleButtonWrapper&&this.$navigation){var e="menu-content-".concat(([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(function(t){return(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16)})));this.$navigation.setAttribute("id",e),this.$toggleButton=document.createElement("button"),this.$toggleButton.innerText="Menu",this.$toggleButton.setAttribute("aria-controls",e),this.$toggleButton.setAttribute("aria-haspopup","true"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button"),this.$hamburger=document.createElement("div"),this.$hamburger.classList.add("tna-header__hamburger"),this.$toggleButton.appendChild(this.$hamburger),this.$toggleButtonWrapper.appendChild(this.$toggleButton),this.syncState(),this.$toggleButton.addEventListener("click",(function(){return t.handleToggleNavigation()})),"addEventListener"in this.mql?this.mql.addEventListener("change",(function(){return t.syncState()})):this.mql.addListener((function(){return t.syncState()}))}}},{key:"handleToggleNavigation",value:function(){this.menuOpened=!this.menuOpened,this.syncState()}},{key:"syncState",value:function(){if(this.mql.matches)if(this.menuOpened){this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu");for(var t=0;t<this.$links.length;t++)this.$links[t].setAttribute("tabindex","0")}else{this.$navigation.classList.remove("tna-header__navigation--open"),this.$navigation.hidden=!0,this.$navigation.setAttribute("aria-hidden","true"),this.$toggleButton.setAttribute("aria-expanded","false"),this.$toggleButton.setAttribute("title","Open menu");for(var e=0;e<this.$links.length;e++)this.$links[e].setAttribute("tabindex","-1")}else{this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu");for(var i=0;i<this.$links.length;i++)this.$links[i].setAttribute("tabindex","0")}}}])&&o(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},554:(t,e,i)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function o(t,e){for(var i=0;i<e.length;i++){var o=e[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,(void 0,r=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var o=i.call(t,"string");if("object"!==n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(o.key),"symbol"===n(r)?r:String(r)),o)}var r}i.d(e,{SensitiveImage:()=>r});var r=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$imageDetails=e&&e.querySelector(".tna-sensitive-image__details"),this.$image=e&&e.querySelector(".tna-sensitive-image__image"),this.imageIsVisible=!1}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;this.$module&&this.$imageDetails&&this.$image&&this.$imageDetails.addEventListener("toggle",(function(){return t.handleImageDetailsToggle()}))}},{key:"handleImageDetailsToggle",value:function(){this.$imageDetails.hasAttribute("open")&&this.$image.focus({preventScroll:!0,focusVisible:!0})}}])&&o(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()}},e={};function i(n){var o=e[n];if(void 0!==o)return o.exports;var r=e[n]={exports:{}};return t[n](r,r.exports,i),r.exports}i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{Header:()=>t.Header,SensitiveImage:()=>e.SensitiveImage,initAll:()=>o});var t=i(463),e=i(554);document.documentElement.classList.remove("js-disabled"),document.documentElement.classList.add("js-enabled");var o=function(i){var n=(i=void 0!==i?i:{}).scope instanceof HTMLElement?i.scope:document,o=n.querySelector('[data-module="tna-header"]');o&&new t.Header(o).init(),n.querySelectorAll('[data-module="tna-sensitive-image"]').forEach((function(t){new e.SensitiveImage(t).init()}))}})(),n})()));
1
+ !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.TNAFrontend=e():t.TNAFrontend=e()}(self,(()=>(()=>{"use strict";var t={125:(t,e,i)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,"string");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===n(a)?a:String(a)),r)}var a}i.d(e,{Card:()=>a});var a=function(){function t(e){var i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:300;!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$cardTitleLink=e&&e.querySelector(".tna-card__title-link"),this.$cardAction=e&&e.querySelector(".tna-card__action"),this.tapTimeMax=i}var e,i;return e=t,(i=[{key:"init",value:function(){this.$module&&(this.$cardTitleLink||this.$cardAction)&&!this.$module.classList.contains("tna-card--no-global-click")&&(this.touchStartTime=null)}},{key:"handleCardClick",value:function(){this.$cardTitleLink?this.$cardTitleLink.click():this.$cardAction&&this.$cardAction.click()}},{key:"handleCardTouchStart",value:function(){this.touchStartTime=new Date}},{key:"handleCardTouchEnd",value:function(){(new Date).getTime()-this.touchStartTime.getTime()<this.tapTimeMax&&this.handleCardClick()}}])&&r(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},8:(t,e,i)=>{i.d(e,{Header:()=>o});var n=i(948);function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function a(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==r(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key),"symbol"===r(a)?a:String(a)),n)}var a}var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$toggleButtonWrapper=e&&e.querySelector(".tna-header__navigation-toggle"),this.$navigation=e&&e.querySelector(".tna-header__navigation"),this.$links=e&&this.$navigation&&this.$navigation.querySelectorAll("[tabindex='0']"),this.menuOpened=!1,this.mql=window.matchMedia("(max-width: 768px)")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$toggleButtonWrapper&&this.$navigation){var e="tna-menu-content-".concat((0,n.Z)());this.$navigation.setAttribute("id",e),this.$toggleButton=document.createElement("button"),this.$toggleButton.innerText="Menu",this.$toggleButton.setAttribute("aria-controls",e),this.$toggleButton.setAttribute("aria-haspopup","true"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button"),this.$hamburger=document.createElement("div"),this.$hamburger.classList.add("tna-header__hamburger"),this.$toggleButton.appendChild(this.$hamburger),this.$toggleButtonWrapper.appendChild(this.$toggleButton),this.syncState(),this.$toggleButton.addEventListener("click",(function(){return t.handleToggleNavigation()})),"addEventListener"in this.mql?this.mql.addEventListener("change",(function(){return t.syncState()})):this.mql.addListener((function(){return t.syncState()}))}}},{key:"handleToggleNavigation",value:function(){this.menuOpened=!this.menuOpened,this.syncState()}},{key:"syncState",value:function(){if(this.mql.matches)if(this.menuOpened){this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu"),this.$toggleButton.classList.add("tna-header__navigation-toggle-button--opened");for(var t=0;t<this.$links.length;t++)this.$links[t].setAttribute("tabindex","0")}else{this.$navigation.classList.remove("tna-header__navigation--open"),this.$navigation.hidden=!0,this.$navigation.setAttribute("aria-hidden","true"),this.$toggleButton.setAttribute("aria-expanded","false"),this.$toggleButton.setAttribute("title","Open menu"),this.$toggleButton.classList.remove("tna-header__navigation-toggle-button--opened");for(var e=0;e<this.$links.length;e++)this.$links[e].setAttribute("tabindex","-1")}else{this.$navigation.classList.add("tna-header__navigation--open"),this.$navigation.hidden=!1,this.$navigation.setAttribute("aria-hidden","false"),this.$toggleButton.setAttribute("aria-expanded","true"),this.$toggleButton.setAttribute("title","Close menu");for(var i=0;i<this.$links.length;i++)this.$links[i].setAttribute("tabindex","0")}}}])&&a(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},765:(t,e,i)=>{i.d(e,{Picture:()=>o});var n=i(948);function r(t){return r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},r(t)}function a(t,e){for(var i=0;i<e.length;i++){var n=e[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==r(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,"string");if("object"!==r(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n.key),"symbol"===r(a)?a:String(a)),n)}var a}var o=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$imageWrapper=e&&e.querySelector(".tna-picture__image-wrapper"),this.$transcript=e&&e.querySelector(".tna-picture__transcript"),this.transcriptOpened=!1}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$imageWrapper&&this.$transcript){var e="tna-picture-".concat((0,n.Z)());this.$transcriptToggle=document.createElement("button"),this.$transcriptToggle.classList.add("tna-picture__toggle-transcript","tna-button"),this.$transcriptToggle.setAttribute("aria-controls",e),this.$transcriptToggle.setAttribute("aria-expanded",!1),this.$transcriptToggle.innerText="Open transcript",this.$transcriptToggle.addEventListener("click",(function(){return t.handleToggleTranscript()})),this.$imageWrapper.appendChild(this.$transcriptToggle),this.$transcript.setAttribute("id",e),this.$transcript.setAttribute("hidden",!0)}}},{key:"handleToggleTranscript",value:function(){var t="tna-picture__toggle-transcript--opened";this.transcriptOpened=!this.transcriptOpened,this.transcriptOpened?(this.$transcriptToggle.classList.add(t),this.$transcriptToggle.setAttribute("aria-expanded",!0),this.$transcriptToggle.innerText="Close transcript",this.$transcript.removeAttribute("hidden")):(this.$transcriptToggle.classList.remove(t),this.$transcriptToggle.setAttribute("aria-expanded",!1),this.$transcriptToggle.innerText="Open transcript",this.$transcript.setAttribute("hidden",!0))}}])&&a(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},554:(t,e,i)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,"string");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===n(a)?a:String(a)),r)}var a}i.d(e,{SensitiveImage:()=>a});var a=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$imageDetails=e&&e.querySelector(".tna-sensitive-image__details"),this.$image=e&&e.querySelector(".tna-sensitive-image__image"),this.imageIsVisible=!1}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;this.$module&&this.$imageDetails&&this.$image&&this.$imageDetails.addEventListener("toggle",(function(){return t.handleImageDetailsToggle()}))}},{key:"handleImageDetailsToggle",value:function(){this.$imageDetails.hasAttribute("open")&&this.$image.focus({preventScroll:!0,focusVisible:!0})}}])&&r(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},973:(t,e,i)=>{function n(t){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},n(t)}function r(t){return function(t){if(Array.isArray(t))return a(t)}(t)||function(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}(t)||function(t,e){if(t){if("string"==typeof t)return a(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?a(t,e):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,n=new Array(e);i<e;i++)n[i]=t[i];return n}function o(t,e){for(var i=0;i<e.length;i++){var r=e[i];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,(void 0,a=function(t,e){if("object"!==n(t)||null===t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var r=i.call(t,"string");if("object"!==n(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(r.key),"symbol"===n(a)?a:String(a)),r)}var a}i.d(e,{Tabs:()=>s});var s=function(){function t(e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$tabList=e&&e.querySelector(".tna-tabs__list"),this.$tabListItemLinks=e&&this.$tabList&&e.querySelectorAll(".tna-tabs__list-item-link"),this.$tabItems=e&&e.querySelectorAll(".tna-tabs__item")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$tabList&&this.$tabListItemLinks&&this.$tabItems&&this.$tabListItemLinks.length===this.$tabItems.length){this.sticky=this.$module.classList.contains("tna-tabs--sticky");var e=window.location.hash.replace(/^#/,"");this.$newTabList=document.createElement("div"),this.$newTabList.setAttribute("role","tablist"),this.$newTabList.setAttribute("class",this.$tabList.getAttribute("class")),this.$tabItems.forEach((function(t,i){t.setAttribute("role","tabpanel"),t.setAttribute("aria-labelledby","".concat(t.getAttribute("id"),"-tab")),t.setAttribute("tabindex","0"),(e&&t.getAttribute("id")!==e||!e&&i>0)&&t.setAttribute("hidden",!0)})),this.$tabListItemLinks.forEach((function(e){var i=document.createElement("button");i.innerText=e.innerText,i.setAttribute("class",e.getAttribute("class")),i.setAttribute("role","tab"),i.setAttribute("id",e.getAttribute("id")),i.setAttribute("aria-controls",e.getAttribute("href").replace(/^#/,"")),i.setAttribute("tabindex","-1"),t.$newTabList.appendChild(i)})),this.$tabList.replaceWith(this.$newTabList),this.$tabListItemLinks=this.$module.querySelectorAll(".tna-tabs__list-item-link"),this.$tabListItemLinks.forEach((function(i,n){e&&i.getAttribute("aria-controls")==="".concat(e)||!e&&0===n?(i.classList.add("tna-tabs__list-item-link--selected"),i.setAttribute("aria-selected",!0),i.setAttribute("tabindex","0")):i.setAttribute("aria-selected",!1),i.addEventListener("keydown",(function(e){return t.handleItemLinkKeyDown(e)}),!0),i.addEventListener("click",(function(e){return t.handleItemLinkClick(e)}),!0)}))}}},{key:"handleItemLinkClick",value:function(t){t.preventDefault();var e=t.currentTarget.getAttribute("aria-controls");this.switchTab(e)}},{key:"handleItemLinkKeyDown",value:function(t){var e=t.currentTarget,i=!1;switch(t.key){case"ArrowLeft":this.setSelectedToPreviousTab(e),i=!0;break;case"ArrowRight":this.setSelectedToNextTab(e),i=!0;break;case"Home":this.switchTab(this.$tabListItemLinks[0].getAttribute("aria-controls")),i=!0;break;case"End":this.switchTab(this.$tabListItemLinks[this.$tabListItemLinks.length-1].getAttribute("aria-controls")),i=!0}i&&(t.stopPropagation(),t.preventDefault())}},{key:"setSelectedToNextTab",value:function(t){console.log("setSelectedToNextTab",t);var e,i=r(this.$tabListItemLinks).findIndex((function(e){return e.getAttribute("id")===t.getAttribute("id")}));e=i<this.$tabListItemLinks.length-1?i+1:0,console.log(i,e),this.switchTab(this.$tabListItemLinks[e].getAttribute("aria-controls"))}},{key:"setSelectedToPreviousTab",value:function(t){console.log("setSelectedToPreviousTab",t);var e,i=r(this.$tabListItemLinks).findIndex((function(e){return e.getAttribute("id")===t.getAttribute("id")}));e=i>=1?i-1:this.$tabListItemLinks.length-1,console.log(i,e),this.switchTab(this.$tabListItemLinks[e].getAttribute("aria-controls"))}},{key:"switchTab",value:function(t){this.$tabListItemLinks.forEach((function(e){e.getAttribute("aria-controls")===t?(e.classList.add("tna-tabs__list-item-link--selected"),e.setAttribute("aria-selected",!0),e.setAttribute("tabindex","0"),e.focus()):(e.classList.remove("tna-tabs__list-item-link--selected"),e.setAttribute("aria-selected",!1),e.setAttribute("tabindex","-1"))})),this.$tabItems.forEach((function(e){e.getAttribute("id")===t?(e.removeAttribute("hidden"),e.setAttribute("tabindex","0")):(e.setAttribute("hidden",!0),e.setAttribute("tabindex","-1"))})),this.sticky&&(history.replaceState?history.replaceState(null,null,"#".concat(t)):location.hash="#".concat(t))}}])&&o(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},948:(t,e,i)=>{i.d(e,{Z:()=>n});const n=function(){return([1e7]+-1e3+-4e3+-8e3+-1e11).replace(/[018]/g,(function(t){return(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16)}))}}},e={};function i(n){var r=e[n];if(void 0!==r)return r.exports;var a=e[n]={exports:{}};return t[n](a,a.exports,i),a.exports}i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{Header:()=>e.Header,SensitiveImage:()=>a.SensitiveImage,Tabs:()=>o.Tabs,initAll:()=>l});var t=i(125),e=i(8),r=i(765),a=i(554),o=i(973),s=document.documentElement;s.classList.add("tna-template--js-enabled"),window.addEventListener("touchstart",(function t(){window.removeEventListener("touchstart",t),s.classList.add("tna-template--touched")})),window.addEventListener("keydown",(function(t){"Tab"===t.key&&(s.classList.add("tna-template--tabbed"),s.classList.remove("tna-template--clicked"))})),window.addEventListener("mousedown",(function(){s.classList.add("tna-template--clicked"),s.classList.remove("tna-template--tabbed")})),document.documentElement.classList.contains("tna-template--system-theme")&&(document.documentElement.classList.add(window.matchMedia("(prefers-color-scheme: dark)").matches?"tna-template--dark-theme":"tna-template--light-theme"),window.matchMedia("(prefers-contrast: more)").matches&&document.documentElement.classList.add("tna-template--high-contrast-theme"));var l=function(i){var n=(i=void 0!==i?i:{}).scope instanceof HTMLElement?i.scope:document,s=n.querySelector('[data-module="tna-header"]');s&&new e.Header(s).init(),n.querySelectorAll('[data-module="tna-card"]').forEach((function(e){new t.Card(e).init()})),n.querySelectorAll('[data-module="tna-picture"]').forEach((function(t){new r.Picture(t).init()})),n.querySelectorAll('[data-module="tna-sensitive-image"]').forEach((function(t){new a.SensitiveImage(t).init()})),n.querySelectorAll('[data-module="tna-tabs"]').forEach((function(t){new o.Tabs(t).init()}))}})(),n})()));
2
2
  //# sourceMappingURL=all.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"all.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.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 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 uniqueLinkIds = []\n\n // for (let i = 0; i < this.$links.length; i++) {\n // const uniqueLinkId = uuidv4()\n // this.$links[i].setAttribute(\"id\", uniqueLinkId);\n // uniqueLinkIds.push(uniqueLinkId)\n // }\n\n const uniqueId = `menu-content-${uuidv4()}`;\n this.$navigation.setAttribute(\"id\", uniqueId);\n // this.$navigation.setAttribute(\"aria-owns\", uniqueLinkIds.join(\",\"));\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 // this.mql.addEventListener(\"change\", this.syncState.bind(this));\n } else {\n this.mql.addListener(() => this.syncState());\n // this.mql.addListener(this.syncState.bind(this));\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\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\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","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","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","// 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 { Header } from \"./components/header/header.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\n\ndocument.documentElement.classList.remove(\"js-disabled\");\ndocument.documentElement.classList.add(\"js-enabled\");\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 $sensitiveImages = $scope.querySelectorAll(\n '[data-module=\"tna-sensitive-image\"]',\n );\n $sensitiveImages.forEach(($sensitiveImage) => {\n new SensitiveImage($sensitiveImage).init();\n });\n};\n\nexport { initAll, Header, SensitiveImage };\n"],"names":["root","factory","exports","module","define","amd","self","Header","$module","_classCallCheck","this","$toggleButtonWrapper","querySelector","$navigation","$links","querySelectorAll","menuOpened","mql","window","matchMedia","key","value","_this","uniqueId","concat","replace","c","crypto","getRandomValues","Uint8Array","toString","setAttribute","$toggleButton","document","createElement","innerText","classList","add","$hamburger","appendChild","syncState","addEventListener","handleToggleNavigation","addListener","matches","hidden","i","length","remove","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","focus","preventScroll","focusVisible","__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","documentElement","initAll","options","$scope","scope","HTMLElement","$header","init","forEach","$sensitiveImage"],"sourceRoot":""}
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":""}
@@ -1,8 +1,44 @@
1
+ import { Card } from "./components/card/card.mjs";
1
2
  import { Header } from "./components/header/header.mjs";
3
+ import { Picture } from "./components/picture/picture.mjs";
2
4
  import { SensitiveImage } from "./components/sensitive-image/sensitive-image.mjs";
5
+ import { Tabs } from "./components/tabs/tabs.mjs";
3
6
 
4
- document.documentElement.classList.remove("js-disabled");
5
- document.documentElement.classList.add("js-enabled");
7
+ const $body = document.documentElement;
8
+
9
+ $body.classList.add("tna-template--js-enabled");
10
+
11
+ const onFirstTouch = () => {
12
+ window.removeEventListener("touchstart", onFirstTouch);
13
+ $body.classList.add("tna-template--touched");
14
+ };
15
+
16
+ const onKeyDown = (e) => {
17
+ if (e.key === "Tab") {
18
+ $body.classList.add("tna-template--tabbed");
19
+ $body.classList.remove("tna-template--clicked");
20
+ }
21
+ };
22
+
23
+ const onMouseDown = () => {
24
+ $body.classList.add("tna-template--clicked");
25
+ $body.classList.remove("tna-template--tabbed");
26
+ };
27
+
28
+ window.addEventListener("touchstart", onFirstTouch);
29
+ window.addEventListener("keydown", onKeyDown);
30
+ window.addEventListener("mousedown", onMouseDown);
31
+
32
+ if (document.documentElement.classList.contains("tna-template--system-theme")) {
33
+ document.documentElement.classList.add(
34
+ window.matchMedia("(prefers-color-scheme: dark)").matches
35
+ ? "tna-template--dark-theme"
36
+ : "tna-template--light-theme",
37
+ );
38
+ if (window.matchMedia("(prefers-contrast: more)").matches) {
39
+ document.documentElement.classList.add("tna-template--high-contrast-theme");
40
+ }
41
+ }
6
42
 
7
43
  const initAll = (options) => {
8
44
  options = typeof options !== "undefined" ? options : {};
@@ -14,12 +50,27 @@ const initAll = (options) => {
14
50
  new Header($header).init();
15
51
  }
16
52
 
53
+ const $cards = $scope.querySelectorAll('[data-module="tna-card"]');
54
+ $cards.forEach(($card) => {
55
+ new Card($card).init();
56
+ });
57
+
58
+ const $pictures = $scope.querySelectorAll('[data-module="tna-picture"]');
59
+ $pictures.forEach(($picture) => {
60
+ new Picture($picture).init();
61
+ });
62
+
17
63
  const $sensitiveImages = $scope.querySelectorAll(
18
64
  '[data-module="tna-sensitive-image"]',
19
65
  );
20
66
  $sensitiveImages.forEach(($sensitiveImage) => {
21
67
  new SensitiveImage($sensitiveImage).init();
22
68
  });
69
+
70
+ const $tabs = $scope.querySelectorAll('[data-module="tna-tabs"]');
71
+ $tabs.forEach(($tabModule) => {
72
+ new Tabs($tabModule).init();
73
+ });
23
74
  };
24
75
 
25
- export { initAll, Header, SensitiveImage };
76
+ export { initAll, Header, SensitiveImage, Tabs };
@@ -1,5 +1,9 @@
1
- @use "tools/all" as tools;
2
- @use "variables/all" as variables;
1
+ @use "variables";
2
+ @use "tools";
3
3
 
4
- @use "utilities/all" as utilities;
5
- @use "components/all" as components;
4
+ @use "utilities";
5
+ @use "components";
6
+ @use "patterns";
7
+
8
+ // @use "variables/colour";
9
+ // @include colour.configure(#f0a);
@@ -0,0 +1,11 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#FFFFFF;stroke:#26262A;stroke-width:5;stroke-miterlimit:10;}
7
+ </style>
8
+ <path class="st0" d="M504,256C504,119,393,8,256,8S8,119,8,256c0,123.8,90.7,226.4,209.2,245V327.7h-63V256h63v-54.6
9
+ c0-62.2,37-96.5,93.7-96.5c27.1,0,55.5,4.8,55.5,4.8v61h-31.3c-30.8,0-40.4,19.1-40.4,38.7V256h68.8l-11,71.7h-57.8V501
10
+ C413.3,482.4,504,379.8,504,256z"/>
11
+ </svg>
@@ -0,0 +1,11 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
7
+ </style>
8
+ <path class="st0" d="M400,32H48C21.5,32,0,53.5,0,80v352c0,26.5,21.5,48,48,48h352c26.5,0,48-21.5,48-48V80
9
+ C448,53.5,426.5,32,400,32z M144.5,319c-35.1,0-63.5-28.4-63.5-63.5s28.4-63.5,63.5-63.5s63.5,28.4,63.5,63.5S179.6,319,144.5,319z
10
+ M303.5,319c-35.1,0-63.5-28.4-63.5-63.5s28.4-63.5,63.5-63.5s63.5,28.4,63.5,63.5S338.6,319,303.5,319z"/>
11
+ </svg>
@@ -0,0 +1,17 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#FFFFFF;stroke:#26262A;stroke-width:5;stroke-miterlimit:10;}
7
+ </style>
8
+ <path class="st0" d="M224.1,141c-63.6,0-114.9,51.3-114.9,114.9s51.3,114.9,114.9,114.9S339,319.5,339,255.9S287.7,141,224.1,141z
9
+ M224.1,330.6c-41.1,0-74.7-33.5-74.7-74.7s33.5-74.7,74.7-74.7s74.7,33.5,74.7,74.7S265.2,330.6,224.1,330.6L224.1,330.6z
10
+ M370.5,136.3c0,14.9-12,26.8-26.8,26.8c-14.9,0-26.8-12-26.8-26.8s12-26.8,26.8-26.8S370.5,121.5,370.5,136.3z M446.6,163.5
11
+ c-1.7-35.9-9.9-67.7-36.2-93.9c-26.2-26.2-58-34.4-93.9-36.2c-37-2.1-147.9-2.1-184.9,0C95.8,35.1,64,43.3,37.7,69.5
12
+ s-34.4,58-36.2,93.9c-2.1,37-2.1,147.9,0,184.9c1.7,35.9,9.9,67.7,36.2,93.9s58,34.4,93.9,36.2c37,2.1,147.9,2.1,184.9,0
13
+ c35.9-1.7,67.7-9.9,93.9-36.2c26.2-26.2,34.4-58,36.2-93.9C448.7,311.3,448.7,200.5,446.6,163.5L446.6,163.5z M398.8,388
14
+ c-7.8,19.6-22.9,34.7-42.6,42.6c-29.5,11.7-99.5,9-132.1,9s-102.7,2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6
15
+ c-11.7-29.5-9-99.5-9-132.1s-2.6-102.7,9-132.1c7.8-19.6,22.9-34.7,42.6-42.6c29.5-11.7,99.5-9,132.1-9s102.7-2.6,132.1,9
16
+ c19.6,7.8,34.7,22.9,42.6,42.6c11.7,29.5,9,99.5,9,132.1S410.5,358.6,398.8,388z"/>
17
+ </svg>
@@ -0,0 +1,13 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 448 512" style="enable-background:new 0 0 448 512;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
7
+ </style>
8
+ <path class="st0" d="M128.1,416c0,35.4-28.7,64-64,64S0,451.3,0,416s28.7-64,64-64S128.1,380.6,128.1,416L128.1,416z M303.7,463.2
9
+ c-8.4-154.6-132.2-278.6-287-287c-9.1-0.5-16.8,6.8-16.8,16v48.1c0,8.4,6.5,15.5,14.9,16c111.8,7.3,201.5,96.7,208.8,208.8
10
+ c0.5,8.4,7.6,14.9,16,14.9h48.1C296.9,480,304.2,472.3,303.7,463.2L303.7,463.2z M448,463.5C439.6,229.7,251.5,40.4,16.5,32
11
+ C7.5,31.7,0,39,0,48v48.1c0,8.6,6.8,15.6,15.5,16c191.2,7.8,344.6,161.3,352.5,352.5c0.4,8.6,7.4,15.5,16,15.5H432
12
+ C441,480,448.3,472.5,448,463.5z"/>
13
+ </svg>
@@ -0,0 +1,14 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
7
+ </style>
8
+ <path class="st0" d="M459.4,151.7c0.3,4.5,0.3,9.1,0.3,13.6c0,138.7-105.6,298.6-298.6,298.6c-59.5,0-114.7-17.2-161.1-47.1
9
+ c8.4,1,16.6,1.3,25.3,1.3c49.1,0,94.2-16.6,130.3-44.8c-46.1-1-84.8-31.2-98.1-72.8c6.5,1,13,1.6,19.8,1.6c9.4,0,18.8-1.3,27.6-3.6
10
+ c-48.1-9.7-84.1-52-84.1-103v-1.3c14,7.8,30.2,12.7,47.4,13.3c-28.3-18.8-46.8-51-46.8-87.4c0-19.5,5.2-37.4,14.3-53
11
+ C87.4,130.9,165,172.5,252.1,177.1c-1.6-7.8-2.6-15.9-2.6-24c0-57.8,46.8-104.9,104.9-104.9c30.2,0,57.5,12.7,76.7,33.1
12
+ c23.7-4.5,46.5-13.3,66.6-25.3c-7.8,24.4-24.4,44.8-46.1,57.8c21.1-2.3,41.6-8.1,60.4-16.2C497.7,118.3,479.8,136.8,459.4,151.7
13
+ L459.4,151.7z"/>
14
+ </svg>
@@ -0,0 +1,12 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Font Awesome Free 5.15.3 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License). The fill colour and stroke of this SVG has been modified. -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 576 512" style="enable-background:new 0 0 576 512;" xml:space="preserve">
5
+ <style type="text/css">
6
+ .st0{fill:#FFFFFF;stroke:#000000;stroke-width:5;stroke-miterlimit:10;}
7
+ </style>
8
+ <path class="st0" d="M549.7,124.1c-6.3-23.7-24.8-42.3-48.3-48.6C458.8,64,288,64,288,64S117.2,64,74.6,75.5
9
+ c-23.5,6.3-42,24.9-48.3,48.6c-11.4,42.9-11.4,132.3-11.4,132.3s0,89.4,11.4,132.3c6.3,23.6,24.8,41.5,48.3,47.8
10
+ C117.2,448,288,448,288,448s170.8,0,213.4-11.5c23.5-6.3,42-24.2,48.3-47.8c11.4-42.9,11.4-132.3,11.4-132.3
11
+ S561.1,166.9,549.7,124.1z M232.1,337.6V175.2l142.7,81.2L232.1,337.6L232.1,337.6z"/>
12
+ </svg>