@nationalarchives/frontend 0.1.15-prerelease → 0.1.17-prerelease

package/nationalarchives/all.js

@@ -1,2 +1,2 @@
-!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={908:(t,e,i)=>{i.d(e,{Breadcrumbs:()=>s});var r=i(948);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 a(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}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.$breadcrumbsListWrapper=e&&e.querySelector(".tna-breadcrumbs__wrapper"),this.$breadcrumbsList=e&&this.$breadcrumbsListWrapper&&e.querySelector(".tna-breadcrumbs__list"),this.$breadcrumbs=e&&this.$breadcrumbsListWrapper&&this.$breadcrumbsList&&e.querySelectorAll(".tna-breadcrumbs__item")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$breadcrumbsListWrapper&&this.$breadcrumbsList&&this.$breadcrumbs&&this.$breadcrumbs.length>2){var e="tna-breadcrumbs-".concat((0,r.Z)()),i=document.createElement("li");i.classList.add("tna-breadcrumbs__item","tna-breadcrumbs__item--expandable");var n=document.createElement("button");n.classList.add("tna-breadcrumbs__link"),n.innerHTML="<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;",n.setAttribute("aria-expanded","false"),n.setAttribute("aria-controls",e),n.addEventListener("click",(function(){t.$breadcrumbsList.classList.remove("tna-breadcrumbs__list--collapse-on-mobile"),i.remove(),t.$breadcrumbsListWrapper.setAttribute("tabindex","0"),t.$breadcrumbsListWrapper.focus(),t.$breadcrumbsListWrapper.setAttribute("tabindex","-1")})),i.appendChild(n),this.$breadcrumbsList.setAttribute("id",e),this.$breadcrumbsList.insertBefore(i,this.$breadcrumbs[this.$breadcrumbs.length-2].nextSibling)}}}])&&a(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},8:(t,e,i)=>{i.d(e,{Header:()=>s});var r=i(948);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 a(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}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.$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,r.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:()=>s});var r=i(948);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 a(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}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.$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,r.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 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 n(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}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})}}])&&n(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},973:(t,e,i)=>{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 n(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,r=new Array(e);i<e;i++)r[i]=t[i];return r}function s(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}i.d(e,{Tabs:()=>o});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.$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,r){e&&i.getAttribute("aria-controls")==="".concat(e)||!e&&0===r?(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=n(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=n(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))}}])&&s(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},948:(t,e,i)=>{i.d(e,{Z:()=>r});const r=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(r){var n=e[r];if(void 0!==n)return n.exports;var a=e[r]={exports:{}};return t[r](a,a.exports,i),a.exports}i.d=(t,e)=>{for(var r in e)i.o(e,r)&&!i.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},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 r={};return(()=>{i.r(r),i.d(r,{Breadcrumbs:()=>t.Breadcrumbs,Header:()=>e.Header,Picture:()=>n.Picture,SensitiveImage:()=>a.SensitiveImage,Tabs:()=>s.Tabs,initAll:()=>l});var t=i(908),e=i(8),n=i(765),a=i(554),s=i(973),o=document.documentElement;o.classList.add("tna-template--js-enabled"),window.addEventListener("touchstart",(function t(){window.removeEventListener("touchstart",t),o.classList.add("tna-template--touched")})),window.addEventListener("keydown",(function(t){"Tab"===t.key&&(o.classList.add("tna-template--tabbed"),o.classList.remove("tna-template--clicked"))})),window.addEventListener("mousedown",(function(){o.classList.add("tna-template--clicked"),o.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 r=(i=void 0!==i?i:{}).scope instanceof HTMLElement?i.scope:document,o=r.querySelector('[data-module="tna-breadcrumbs"]');o&&new t.Breadcrumbs(o).init();var l=r.querySelector('[data-module="tna-header"]');l&&new e.Header(l).init(),r.querySelectorAll('[data-module="tna-picture"]').forEach((function(t){new n.Picture(t).init()})),r.querySelectorAll('[data-module="tna-sensitive-image"]').forEach((function(t){new a.SensitiveImage(t).init()})),r.querySelectorAll('[data-module="tna-tabs"]').forEach((function(t){new s.Tabs(t).init()}))}})(),r})()));
+!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={908:(t,e,i)=>{i.d(e,{Breadcrumbs:()=>s});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 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.$breadcrumbsListWrapper=e&&e.querySelector(".tna-breadcrumbs__wrapper"),this.$breadcrumbsList=e&&this.$breadcrumbsListWrapper&&e.querySelector(".tna-breadcrumbs__list"),this.$breadcrumbs=e&&this.$breadcrumbsListWrapper&&this.$breadcrumbsList&&e.querySelectorAll(".tna-breadcrumbs__item")}var e,i;return e=t,(i=[{key:"init",value:function(){var t=this;if(this.$module&&this.$breadcrumbsListWrapper&&this.$breadcrumbsList&&this.$breadcrumbs&&this.$breadcrumbs.length>2&&!this.$module.classList.contains("tna-breadcrumbs--no-collapse")){var e="tna-breadcrumbs-".concat((0,n.Z)()),i=document.createElement("li");i.classList.add("tna-breadcrumbs__item","tna-breadcrumbs__item--expandable"),i.style.display="none";var r=document.createElement("button");r.classList.add("tna-breadcrumbs__link"),r.innerHTML="<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;",r.setAttribute("aria-expanded","false"),r.setAttribute("aria-controls",e),r.addEventListener("click",(function(){t.$module.classList.remove("tna-breadcrumbs--collapsed"),i.remove(),t.$breadcrumbsListWrapper.setAttribute("tabindex","0"),t.$breadcrumbsListWrapper.focus(),t.$breadcrumbsListWrapper.setAttribute("tabindex","-1")})),i.appendChild(r),this.$breadcrumbsList.setAttribute("id",e),this.$breadcrumbsList.insertBefore(i,this.$breadcrumbs[this.$breadcrumbs.length-2].nextSibling),this.$module.classList.add("tna-breadcrumbs--collapsed")}}}])&&a(e.prototype,i),Object.defineProperty(e,"prototype",{writable:!1}),t}()},8:(t,e,i)=>{i.d(e,{Header:()=>s});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 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.$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:()=>s});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 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.$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","tna-button--accent","tna-button--solid-hover"),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 s(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:()=>o});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.$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))}}])&&s(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,{Breadcrumbs:()=>t.Breadcrumbs,Header:()=>e.Header,Picture:()=>r.Picture,SensitiveImage:()=>a.SensitiveImage,Tabs:()=>s.Tabs,initAll:()=>l});var t=i(908),e=i(8),r=i(765),a=i(554),s=i(973),o=document.documentElement;o.classList.add("tna-template--js-enabled"),window.addEventListener("touchstart",(function t(){window.removeEventListener("touchstart",t),o.classList.add("tna-template--touched")})),window.addEventListener("keydown",(function(t){"Tab"===t.key&&(o.classList.add("tna-template--tabbed"),o.classList.remove("tna-template--clicked"))})),window.addEventListener("mousedown",(function(){o.classList.add("tna-template--clicked"),o.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,o=n.querySelector('[data-module="tna-breadcrumbs"]');o&&new t.Breadcrumbs(o).init();var l=n.querySelector('[data-module="tna-header"]');l&&new e.Header(l).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 s.Tabs(t).init()}))}})(),n})()));
 //# sourceMappingURL=all.js.map

package/nationalarchives/all.js.map

@@ -1 +1 @@
-{"version":3,"file":"all.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAqB,YAAID,IAEzBD,EAAkB,YAAIC,GACvB,CATD,CASGK,MAAM,I,mvBCPF,IAAMC,EAAW,WACtB,SAAAA,EAAYC,I,4FAASC,CAAA,KAAAF,GACnBG,KAAKF,QAAUA,EACfE,KAAKC,wBACHH,GAAWA,EAAQI,cAAc,6BACnCF,KAAKG,iBACHL,GACAE,KAAKC,yBACLH,EAAQI,cAAc,0BACxBF,KAAKI,aACHN,GACAE,KAAKC,yBACLD,KAAKG,kBACLL,EAAQO,iBAAiB,yBAC7B,C,QA6CC,O,EA7CAR,G,EAAA,EAAAS,IAAA,OAAAC,MAED,WAAO,IAAAC,EAAA,KACL,GACGR,KAAKF,SACLE,KAAKC,yBACLD,KAAKG,kBACLH,KAAKI,cAKJJ,KAAKI,aAAaK,OAAS,EAAG,CAChC,IAAMC,EAAW,mBAAHC,QAAsBC,EAAAA,EAAAA,MAE9BC,EAAcC,SAASC,cAAc,MAC3CF,EAAYG,UAAUC,IACpB,wBACA,qCAGF,IAAMC,EAAgBJ,SAASC,cAAc,UAC7CG,EAAcF,UAAUC,IAAI,yBAC5BC,EAAcC,UACZ,sEACFD,EAAcE,aAAa,gBAAiB,SAC5CF,EAAcE,aAAa,gBAAiBV,GAC5CQ,EAAcG,iBAAiB,SAAS,WACtCb,EAAKL,iBAAiBa,UAAUM,OAC9B,6CAEFT,EAAYS,SACZd,EAAKP,wBAAwBmB,aAAa,WAAY,KACtDZ,EAAKP,wBAAwBsB,QAC7Bf,EAAKP,wBAAwBmB,aAAa,WAAY,KACxD,IAEAP,EAAYW,YAAYN,GAExBlB,KAAKG,iBAAiBiB,aAAa,KAAMV,GACzCV,KAAKG,iBAAiBsB,aACpBZ,EACAb,KAAKI,aAAaJ,KAAKI,aAAaK,OAAS,GAAGiB,YAEpD,CACF,M,oEAAC7B,CAAA,CA3DqB,E,otBCAjB,IAAM8B,EAAM,WACjB,SAAAA,EAAY7B,I,4FAASC,CAAA,KAAA4B,GACnB3B,KAAKF,QAAUA,EACfE,KAAK4B,qBACH9B,GAAWA,EAAQI,cAAc,kCACnCF,KAAK6B,YACH/B,GAAWA,EAAQI,cAAc,2BACnCF,KAAK8B,OACHhC,GACAE,KAAK6B,aACL7B,KAAK6B,YAAYxB,iBAAiB,kBACpCL,KAAK+B,YAAa,EAClB/B,KAAKgC,IAAMC,OAAOC,WAAW,qBAC/B,C,QAgFC,O,EAhFAP,G,EAAA,EAAArB,IAAA,OAAAC,MAED,WAAO,IAAAC,EAAA,KACL,GAAKR,KAAKF,SAAYE,KAAK4B,sBAAyB5B,KAAK6B,YAAzD,CAIA,IAAMnB,EAAW,oBAAHC,QAAuBC,EAAAA,EAAAA,MACrCZ,KAAK6B,YAAYT,aAAa,KAAMV,GAEpCV,KAAKmC,cAAgBrB,SAASC,cAAc,UAC5Cf,KAAKmC,cAAcC,UAAY,OAC/BpC,KAAKmC,cAAcf,aAAa,gBAAiBV,GACjDV,KAAKmC,cAAcf,aAAa,gBAAiB,QACjDpB,KAAKmC,cAAcnB,UAAUC,IAAI,wCAEjCjB,KAAKqC,WAAavB,SAASC,cAAc,OACzCf,KAAKqC,WAAWrB,UAAUC,IAAI,yBAE9BjB,KAAKmC,cAAcX,YAAYxB,KAAKqC,YACpCrC,KAAK4B,qBAAqBJ,YAAYxB,KAAKmC,eAE3CnC,KAAKsC,YAELtC,KAAKmC,cAAcd,iBAAiB,SAAS,kBAC3Cb,EAAK+B,wBAAwB,IAG3B,qBAAsBvC,KAAKgC,IAC7BhC,KAAKgC,IAAIX,iBAAiB,UAAU,kBAAMb,EAAK8B,WAAW,IAE1DtC,KAAKgC,IAAIQ,aAAY,kBAAMhC,EAAK8B,WAAW,GA1B7C,CA4BF,GAAC,CAAAhC,IAAA,yBAAAC,MAED,WACEP,KAAK+B,YAAc/B,KAAK+B,WACxB/B,KAAKsC,WACP,GAAC,CAAAhC,IAAA,YAAAC,MAED,WACE,GAAIP,KAAKgC,IAAIS,QACX,GAAIzC,KAAK+B,WAAY,CACnB/B,KAAK6B,YAAYb,UAAUC,IAAI,gCAC/BjB,KAAK6B,YAAYa,QAAS,EAC1B1C,KAAK6B,YAAYT,aAAa,cAAe,SAC7CpB,KAAKmC,cAAcf,aAAa,gBAAiB,QACjDpB,KAAKmC,cAAcf,aAAa,QAAS,cACzCpB,KAAKmC,cAAcnB,UAAUC,IAC3B,gDAGF,IAAK,IAAI0B,EAAI,EAAGA,EAAI3C,KAAK8B,OAAOrB,OAAQkC,IACtC3C,KAAK8B,OAAOa,GAAGvB,aAAa,WAAY,IAE5C,KAAO,CACLpB,KAAK6B,YAAYb,UAAUM,OAAO,gCAClCtB,KAAK6B,YAAYa,QAAS,EAC1B1C,KAAK6B,YAAYT,aAAa,cAAe,QAC7CpB,KAAKmC,cAAcf,aAAa,gBAAiB,SACjDpB,KAAKmC,cAAcf,aAAa,QAAS,aACzCpB,KAAKmC,cAAcnB,UAAUM,OAC3B,gDAGF,IAAK,IAAIqB,EAAI,EAAGA,EAAI3C,KAAK8B,OAAOrB,OAAQkC,IACtC3C,KAAK8B,OAAOa,GAAGvB,aAAa,WAAY,KAE5C,KACK,CACLpB,KAAK6B,YAAYb,UAAUC,IAAI,gCAC/BjB,KAAK6B,YAAYa,QAAS,EAC1B1C,KAAK6B,YAAYT,aAAa,cAAe,SAC7CpB,KAAKmC,cAAcf,aAAa,gBAAiB,QACjDpB,KAAKmC,cAAcf,aAAa,QAAS,cAEzC,IAAK,IAAIuB,EAAI,EAAGA,EAAI3C,KAAK8B,OAAOrB,OAAQkC,IACtC3C,KAAK8B,OAAOa,GAAGvB,aAAa,WAAY,IAE5C,CACF,M,oEAACO,CAAA,CA7FgB,E,utBCAZ,IAAMiB,EAAO,WAClB,SAAAA,EAAY9C,I,4FAASC,CAAA,KAAA6C,GACnB5C,KAAKF,QAAUA,EACfE,KAAK6C,cACH/C,GAAWA,EAAQI,cAAc,+BACnCF,KAAK8C,YACHhD,GAAWA,EAAQI,cAAc,4BACnCF,KAAK+C,kBAAmB,CAC1B,C,QA6CC,O,EA7CAH,G,EAAA,EAAAtC,IAAA,OAAAC,MAED,WAAO,IAAAC,EAAA,KACL,GAAKR,KAAKF,SAAYE,KAAK6C,eAAkB7C,KAAK8C,YAAlD,CAIA,IAAMpC,EAAW,eAAHC,QAAkBC,EAAAA,EAAAA,MAEhCZ,KAAKgD,kBAAoBlC,SAASC,cAAc,UAChDf,KAAKgD,kBAAkBhC,UAAUC,IAC/B,iCACA,cAEFjB,KAAKgD,kBAAkB5B,aAAa,gBAAiBV,GACrDV,KAAKgD,kBAAkB5B,aAAa,iBAAiB,GACrDpB,KAAKgD,kBAAkBZ,UAAY,kBACnCpC,KAAKgD,kBAAkB3B,iBAAiB,SAAS,kBAC/Cb,EAAKyC,wBAAwB,IAE/BjD,KAAK6C,cAAcrB,YAAYxB,KAAKgD,mBAEpChD,KAAK8C,YAAY1B,aAAa,KAAMV,GACpCV,KAAK8C,YAAY1B,aAAa,UAAU,EAlBxC,CAoBF,GAAC,CAAAd,IAAA,yBAAAC,MAED,WACE,IAAM2C,EACJ,yCACFlD,KAAK+C,kBAAoB/C,KAAK+C,iBAC1B/C,KAAK+C,kBACP/C,KAAKgD,kBAAkBhC,UAAUC,IAAIiC,GACrClD,KAAKgD,kBAAkB5B,aAAa,iBAAiB,GACrDpB,KAAKgD,kBAAkBZ,UAAY,mBACnCpC,KAAK8C,YAAYK,gBAAgB,YAIjCnD,KAAKgD,kBAAkBhC,UAAUM,OAAO4B,GACxClD,KAAKgD,kBAAkB5B,aAAa,iBAAiB,GACrDpB,KAAKgD,kBAAkBZ,UAAY,kBACnCpC,KAAK8C,YAAY1B,aAAa,UAAU,GAG5C,M,oEAACwB,CAAA,CArDiB,E,itBCFb,IAAMQ,EAAc,WACzB,SAAAA,EAAYtD,I,4FAASC,CAAA,KAAAqD,GACnBpD,KAAKF,QAAUA,EACfE,KAAKqD,cACHvD,GAAWA,EAAQI,cAAc,iCACnCF,KAAKsD,OACHxD,GAAWA,EAAQI,cAAc,+BACnCF,KAAKuD,gBAAiB,CACxB,C,QAeC,O,EAfAH,G,EAAA,EAAA9C,IAAA,OAAAC,MAED,WAAO,IAAAC,EAAA,KACAR,KAAKF,SAAYE,KAAKqD,eAAkBrD,KAAKsD,QAGlDtD,KAAKqD,cAAchC,iBAAiB,UAAU,kBAC5Cb,EAAKgD,0BAA0B,GAEnC,GAAC,CAAAlD,IAAA,2BAAAC,MAED,WACMP,KAAKqD,cAAcI,aAAa,SAClCzD,KAAKsD,OAAO/B,MAAM,CAAEmC,eAAe,EAAMC,cAAc,GAE3D,M,oEAACP,CAAA,CAvBwB,E,u7CCApB,IAAMQ,EAAI,WACf,SAAAA,EAAY9D,I,4FAASC,CAAA,KAAA6D,GACnB5D,KAAKF,QAAUA,EACfE,KAAK6D,SAAW/D,GAAWA,EAAQI,cAAc,mBACjDF,KAAK8D,kBACHhE,GACAE,KAAK6D,UACL/D,EAAQO,iBAAiB,6BAC3BL,KAAK+D,UAAYjE,GAAWA,EAAQO,iBAAiB,kBACvD,C,QA2MC,O,EA3MAuD,G,EAAA,EAAAtD,IAAA,OAAAC,MAED,WAAO,IAAAC,EAAA,KACL,GACGR,KAAKF,SACLE,KAAK6D,UACL7D,KAAK8D,mBACL9D,KAAK+D,WACN/D,KAAK8D,kBAAkBrD,SAAWT,KAAK+D,UAAUtD,OALnD,CAUAT,KAAKgE,OAAShE,KAAKF,QAAQkB,UAAUiD,SAAS,oBAE9C,IAAMC,EAAiBjC,OAAOkC,SAASC,KAAKC,QAAQ,KAAM,IAE1DrE,KAAKsE,YAAcxD,SAASC,cAAc,OAC1Cf,KAAKsE,YAAYlD,aAAa,OAAQ,WACtCpB,KAAKsE,YAAYlD,aAAa,QAASpB,KAAK6D,SAASU,aAAa,UAElEvE,KAAK+D,UAAUS,SAAQ,SAACC,EAAUC,GAChCD,EAASrD,aAAa,OAAQ,YAC9BqD,EAASrD,aACP,kBAAiB,GAAAT,OACd8D,EAASF,aAAa,MAAK,SAEhCE,EAASrD,aAAa,WAAY,MAE/B8C,GAAkBO,EAASF,aAAa,QAAUL,IACjDA,GAAkBQ,EAAQ,IAE5BD,EAASrD,aAAa,UAAU,EAEpC,IAEApB,KAAK8D,kBAAkBU,SAAQ,SAACG,GAC9B,IAAMC,EAAqB9D,SAASC,cAAc,UAClD6D,EAAmBxC,UAAYuC,EAAiBvC,UAChDwC,EAAmBxD,aACjB,QACAuD,EAAiBJ,aAAa,UAEhCK,EAAmBxD,aAAa,OAAQ,OACxCwD,EAAmBxD,aACjB,KACAuD,EAAiBJ,aAAa,OAEhCK,EAAmBxD,aACjB,gBACAuD,EAAiBJ,aAAa,QAAQF,QAAQ,KAAM,KAEtDO,EAAmBxD,aAAa,WAAY,MAC5CZ,EAAK8D,YAAY9C,YAAYoD,EAC/B,IAEA5E,KAAK6D,SAASgB,YAAY7E,KAAKsE,aAE/BtE,KAAK8D,kBAAoB9D,KAAKF,QAAQO,iBACpC,6BAGFL,KAAK8D,kBAAkBU,SAAQ,SAACG,EAAkBD,GAE7CR,GACCS,EAAiBJ,aAAa,mBAAgB,GAAA5D,OACzCuD,KACLA,GAA4B,IAAVQ,GAEpBC,EAAiB3D,UAAUC,IAAI,sCAC/B0D,EAAiBvD,aAAa,iBAAiB,GAC/CuD,EAAiBvD,aAAa,WAAY,MAE1CuD,EAAiBvD,aAAa,iBAAiB,GAGjDuD,EAAiBtD,iBACf,WACA,SAACyD,GAAC,OAAKtE,EAAKuE,sBAAsBD,EAAE,IACpC,GAEFH,EAAiBtD,iBACf,SACA,SAACyD,GAAC,OAAKtE,EAAKwE,oBAAoBF,EAAE,IAClC,EAEJ,GA3EA,CA4EF,GAAC,CAAAxE,IAAA,sBAAAC,MAED,SAAoB0E,GAClBA,EAAmBC,iBACnB,IAAMC,EACJF,EAAmBG,cAAcb,aAAa,iBAEhDvE,KAAKqF,UAAUF,EACjB,GAAC,CAAA7E,IAAA,wBAAAC,MAED,SAAsB+E,GACpB,IAAMH,EAAaG,EAAqBF,cACpCG,GAAqB,EAEzB,OAAQD,EAAqBhF,KAC3B,IAAK,YACHN,KAAKwF,yBAAyBL,GAC9BI,GAAqB,EACrB,MAEF,IAAK,aACHvF,KAAKyF,qBAAqBN,GAC1BI,GAAqB,EACrB,MAEF,IAAK,OACHvF,KAAKqF,UAAUrF,KAAK8D,kBAAkB,GAAGS,aAAa,kBACtDgB,GAAqB,EACrB,MAEF,IAAK,MACHvF,KAAKqF,UACHrF,KAAK8D,kBACH9D,KAAK8D,kBAAkBrD,OAAS,GAChC8D,aAAa,kBAEjBgB,GAAqB,EAOrBA,IACFD,EAAqBI,kBACrBJ,EAAqBJ,iBAEzB,GAAC,CAAA5E,IAAA,uBAAAC,MAED,SAAqB4E,GACnBQ,QAAQC,IAAI,uBAAwBT,GACpC,IAIIU,EAJEC,EAAeC,EAAI/F,KAAK8D,mBAAmBkC,WAC/C,SAACrB,GAAgB,OACfA,EAAiBJ,aAAa,QAAUY,EAAWZ,aAAa,KAAK,IAIvEsB,EADEC,EAAe9F,KAAK8D,kBAAkBrD,OAAS,EACtCqF,EAAe,EAEf,EAEbH,QAAQC,IAAIE,EAAcD,GAC1B7F,KAAKqF,UACHrF,KAAK8D,kBAAkB+B,GAAUtB,aAAa,iBAElD,GAAC,CAAAjE,IAAA,2BAAAC,MAED,SAAyB4E,GACvBQ,QAAQC,IAAI,2BAA4BT,GACxC,IAIIU,EAJEC,EAAeC,EAAI/F,KAAK8D,mBAAmBkC,WAC/C,SAACrB,GAAgB,OACfA,EAAiBJ,aAAa,QAAUY,EAAWZ,aAAa,KAAK,IAIvEsB,EADEC,GAAgB,EACPA,EAAe,EAEf9F,KAAK8D,kBAAkBrD,OAAS,EAE7CkF,QAAQC,IAAIE,EAAcD,GAC1B7F,KAAKqF,UACHrF,KAAK8D,kBAAkB+B,GAAUtB,aAAa,iBAElD,GAAC,CAAAjE,IAAA,YAAAC,MAED,SAAU0F,GACRjG,KAAK8D,kBAAkBU,SAAQ,SAACG,GAC1BA,EAAiBJ,aAAa,mBAAqB0B,GACrDtB,EAAiB3D,UAAUC,IAAI,sCAC/B0D,EAAiBvD,aAAa,iBAAiB,GAC/CuD,EAAiBvD,aAAa,WAAY,KAC1CuD,EAAiBpD,UAEjBoD,EAAiB3D,UAAUM,OAAO,sCAClCqD,EAAiBvD,aAAa,iBAAiB,GAC/CuD,EAAiBvD,aAAa,WAAY,MAE9C,IAEApB,KAAK+D,UAAUS,SAAQ,SAACC,GAClBA,EAASF,aAAa,QAAU0B,GAClCxB,EAAStB,gBAAgB,UACzBsB,EAASrD,aAAa,WAAY,OAElCqD,EAASrD,aAAa,UAAU,GAChCqD,EAASrD,aAAa,WAAY,MAEtC,IAEIpB,KAAKgE,SACHkC,QAAQC,aACVD,QAAQC,aAAa,KAAM,KAAM,IAAFxF,OAAMsF,IAErC9B,SAASC,KAAO,IAAHzD,OAAOsF,GAG1B,M,oEAACrC,CAAA,CApNc,E,iCCQjB,QARe,WAAH,OACT,CAAC,MAAQ,KAAO,KAAO,KAAO,MAAMS,QAAQ,UAAU,SAAC+B,GAAC,OAErDA,EACCC,OAAOC,gBAAgB,IAAIC,WAAW,IAAI,GAAM,IAAOH,EAAI,GAC5DI,SAAS,GAAG,GACf,C,GCLCC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqBE,IAAjBD,EACH,OAAOA,EAAapH,QAGrB,IAAIC,EAASgH,EAAyBE,GAAY,CAGjDnH,QAAS,CAAC,GAOX,OAHAsH,EAAoBH,GAAUlH,EAAQA,EAAOD,QAASkH,GAG/CjH,EAAOD,OACf,CCrBAkH,EAAoBK,EAAI,CAACvH,EAASwH,KACjC,IAAI,IAAI1G,KAAO0G,EACXN,EAAoBO,EAAED,EAAY1G,KAASoG,EAAoBO,EAAEzH,EAASc,IAC5E4G,OAAOC,eAAe3H,EAASc,EAAK,CAAE8G,YAAY,EAAMC,IAAKL,EAAW1G,IAE1E,ECNDoG,EAAoBO,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFb,EAAoBiB,EAAKnI,IACH,oBAAXoI,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAe3H,EAASoI,OAAOC,YAAa,CAAEtH,MAAO,WAE7D2G,OAAOC,eAAe3H,EAAS,aAAc,CAAEe,OAAO,GAAO,E,8NCCxDuH,EAAQhH,SAASiH,gBAEvBD,EAAM9G,UAAUC,IAAI,4BAmBpBgB,OAAOZ,iBAAiB,cAjBH,SAAf2G,IACJ/F,OAAOgG,oBAAoB,aAAcD,GACzCF,EAAM9G,UAAUC,IAAI,wBACtB,IAeAgB,OAAOZ,iBAAiB,WAbN,SAACyD,GACH,QAAVA,EAAExE,MACJwH,EAAM9G,UAAUC,IAAI,wBACpB6G,EAAM9G,UAAUM,OAAO,yBAE3B,IASAW,OAAOZ,iBAAiB,aAPJ,WAClByG,EAAM9G,UAAUC,IAAI,yBACpB6G,EAAM9G,UAAUM,OAAO,uBACzB,IAMIR,SAASiH,gBAAgB/G,UAAUiD,SAAS,gCAC9CnD,SAASiH,gBAAgB/G,UAAUC,IACjCgB,OAAOC,WAAW,gCAAgCO,QAC9C,2BACA,6BAEFR,OAAOC,WAAW,4BAA4BO,SAChD3B,SAASiH,gBAAgB/G,UAAUC,IAAI,sCAI3C,IAAMiH,EAAU,SAACC,GAEf,IAAMC,GADND,OAA6B,IAAZA,EAA0BA,EAAU,CAAC,GAE5CE,iBAAiBC,YAAcH,EAAQE,MAAQvH,SAEnDV,EAAegI,EAAOlI,cAAc,mCACtCE,GACF,IAAIP,EAAAA,YAAYO,GAAcmI,OAGhC,IAAMC,EAAUJ,EAAOlI,cAAc,8BACjCsI,GACF,IAAI7G,EAAAA,OAAO6G,GAASD,OAGJH,EAAO/H,iBAAiB,+BAChCmE,SAAQ,SAACiE,GACjB,IAAI7F,EAAAA,QAAQ6F,GAAUF,MACxB,IAEyBH,EAAO/H,iBAC9B,uCAEemE,SAAQ,SAACkE,GACxB,IAAItF,EAAAA,eAAesF,GAAiBH,MACtC,IAEcH,EAAO/H,iBAAiB,4BAChCmE,SAAQ,SAACmE,GACb,IAAI/E,EAAAA,KAAK+E,GAAYJ,MACvB,GACF,C","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/breadcrumbs/breadcrumbs.mjs","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/components/picture/picture.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/./src/nationalarchives/components/tabs/tabs.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Breadcrumbs {\n  constructor($module) {\n    this.$module = $module;\n    this.$breadcrumbsListWrapper =\n      $module && $module.querySelector(\".tna-breadcrumbs__wrapper\");\n    this.$breadcrumbsList =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      $module.querySelector(\".tna-breadcrumbs__list\");\n    this.$breadcrumbs =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      this.$breadcrumbsList &&\n      $module.querySelectorAll(\".tna-breadcrumbs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$breadcrumbsListWrapper ||\n      !this.$breadcrumbsList ||\n      !this.$breadcrumbs\n    ) {\n      return;\n    }\n\n    if (this.$breadcrumbs.length > 2) {\n      const uniqueId = `tna-breadcrumbs-${uuidv4()}`;\n\n      const $expandable = document.createElement(\"li\");\n      $expandable.classList.add(\n        \"tna-breadcrumbs__item\",\n        \"tna-breadcrumbs__item--expandable\",\n      );\n\n      const $expandButton = document.createElement(\"button\");\n      $expandButton.classList.add(\"tna-breadcrumbs__link\");\n      $expandButton.innerHTML =\n        \"<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;\";\n      $expandButton.setAttribute(\"aria-expanded\", \"false\");\n      $expandButton.setAttribute(\"aria-controls\", uniqueId);\n      $expandButton.addEventListener(\"click\", () => {\n        this.$breadcrumbsList.classList.remove(\n          \"tna-breadcrumbs__list--collapse-on-mobile\",\n        );\n        $expandable.remove();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"0\");\n        this.$breadcrumbsListWrapper.focus();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"-1\");\n      });\n\n      $expandable.appendChild($expandButton);\n\n      this.$breadcrumbsList.setAttribute(\"id\", uniqueId);\n      this.$breadcrumbsList.insertBefore(\n        $expandable,\n        this.$breadcrumbs[this.$breadcrumbs.length - 2].nextSibling,\n      );\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Header {\n  constructor($module) {\n    this.$module = $module;\n    this.$toggleButtonWrapper =\n      $module && $module.querySelector(\".tna-header__navigation-toggle\");\n    this.$navigation =\n      $module && $module.querySelector(\".tna-header__navigation\");\n    this.$links =\n      $module &&\n      this.$navigation &&\n      this.$navigation.querySelectorAll(\"[tabindex='0']\");\n    this.menuOpened = false;\n    this.mql = window.matchMedia(\"(max-width: 768px)\");\n  }\n\n  init() {\n    if (!this.$module || !this.$toggleButtonWrapper || !this.$navigation) {\n      return;\n    }\n\n    const uniqueId = `tna-menu-content-${uuidv4()}`;\n    this.$navigation.setAttribute(\"id\", uniqueId);\n\n    this.$toggleButton = document.createElement(\"button\");\n    this.$toggleButton.innerText = \"Menu\";\n    this.$toggleButton.setAttribute(\"aria-controls\", uniqueId);\n    this.$toggleButton.setAttribute(\"aria-haspopup\", \"true\");\n    this.$toggleButton.classList.add(\"tna-header__navigation-toggle-button\");\n\n    this.$hamburger = document.createElement(\"div\");\n    this.$hamburger.classList.add(\"tna-header__hamburger\");\n\n    this.$toggleButton.appendChild(this.$hamburger);\n    this.$toggleButtonWrapper.appendChild(this.$toggleButton);\n\n    this.syncState();\n\n    this.$toggleButton.addEventListener(\"click\", () =>\n      this.handleToggleNavigation(),\n    );\n\n    if (\"addEventListener\" in this.mql) {\n      this.mql.addEventListener(\"change\", () => this.syncState());\n    } else {\n      this.mql.addListener(() => this.syncState());\n    }\n  }\n\n  handleToggleNavigation() {\n    this.menuOpened = !this.menuOpened;\n    this.syncState();\n  }\n\n  syncState() {\n    if (this.mql.matches) {\n      if (this.menuOpened) {\n        this.$navigation.classList.add(\"tna-header__navigation--open\");\n        this.$navigation.hidden = false;\n        this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n        this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n        this.$toggleButton.classList.add(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"0\");\n        }\n      } else {\n        this.$navigation.classList.remove(\"tna-header__navigation--open\");\n        this.$navigation.hidden = true;\n        this.$navigation.setAttribute(\"aria-hidden\", \"true\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"false\");\n        this.$toggleButton.setAttribute(\"title\", \"Open menu\");\n        this.$toggleButton.classList.remove(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"-1\");\n        }\n      }\n    } else {\n      this.$navigation.classList.add(\"tna-header__navigation--open\");\n      this.$navigation.hidden = false;\n      this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n      this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n      this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n\n      for (let i = 0; i < this.$links.length; i++) {\n        this.$links[i].setAttribute(\"tabindex\", \"0\");\n      }\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Picture {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageWrapper =\n      $module && $module.querySelector(\".tna-picture__image-wrapper\");\n    this.$transcript =\n      $module && $module.querySelector(\".tna-picture__transcript\");\n    this.transcriptOpened = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageWrapper || !this.$transcript) {\n      return;\n    }\n\n    const uniqueId = `tna-picture-${uuidv4()}`;\n\n    this.$transcriptToggle = document.createElement(\"button\");\n    this.$transcriptToggle.classList.add(\n      \"tna-picture__toggle-transcript\",\n      \"tna-button\",\n    );\n    this.$transcriptToggle.setAttribute(\"aria-controls\", uniqueId);\n    this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n    this.$transcriptToggle.innerText = \"Open transcript\";\n    this.$transcriptToggle.addEventListener(\"click\", () =>\n      this.handleToggleTranscript(),\n    );\n    this.$imageWrapper.appendChild(this.$transcriptToggle);\n\n    this.$transcript.setAttribute(\"id\", uniqueId);\n    this.$transcript.setAttribute(\"hidden\", true);\n    // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n  }\n\n  handleToggleTranscript() {\n    const transcriptToggleOpenedClass =\n      \"tna-picture__toggle-transcript--opened\";\n    this.transcriptOpened = !this.transcriptOpened;\n    if (this.transcriptOpened) {\n      this.$transcriptToggle.classList.add(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", true);\n      this.$transcriptToggle.innerText = \"Close transcript\";\n      this.$transcript.removeAttribute(\"hidden\");\n      // this.$transcript.setAttribute(\"tabindex\", \"0\");\n      // this.$transcript.focus();\n    } else {\n      this.$transcriptToggle.classList.remove(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n      this.$transcriptToggle.innerText = \"Open transcript\";\n      this.$transcript.setAttribute(\"hidden\", true);\n      // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n    }\n  }\n}\n","export class SensitiveImage {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageDetails =\n      $module && $module.querySelector(\".tna-sensitive-image__details\");\n    this.$image =\n      $module && $module.querySelector(\".tna-sensitive-image__image\");\n    this.imageIsVisible = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageDetails || !this.$image) {\n      return;\n    }\n    this.$imageDetails.addEventListener(\"toggle\", () =>\n      this.handleImageDetailsToggle(),\n    );\n  }\n\n  handleImageDetailsToggle() {\n    if (this.$imageDetails.hasAttribute(\"open\")) {\n      this.$image.focus({ preventScroll: true, focusVisible: true });\n    }\n  }\n}\n","export class Tabs {\n  constructor($module) {\n    this.$module = $module;\n    this.$tabList = $module && $module.querySelector(\".tna-tabs__list\");\n    this.$tabListItemLinks =\n      $module &&\n      this.$tabList &&\n      $module.querySelectorAll(\".tna-tabs__list-item-link\");\n    this.$tabItems = $module && $module.querySelectorAll(\".tna-tabs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$tabList ||\n      !this.$tabListItemLinks ||\n      !this.$tabItems ||\n      this.$tabListItemLinks.length !== this.$tabItems.length\n    ) {\n      return;\n    }\n\n    this.sticky = this.$module.classList.contains(\"tna-tabs--sticky\");\n\n    const startingTarget = window.location.hash.replace(/^#/, \"\");\n\n    this.$newTabList = document.createElement(\"div\");\n    this.$newTabList.setAttribute(\"role\", \"tablist\");\n    this.$newTabList.setAttribute(\"class\", this.$tabList.getAttribute(\"class\"));\n\n    this.$tabItems.forEach(($tabItem, index) => {\n      $tabItem.setAttribute(\"role\", \"tabpanel\");\n      $tabItem.setAttribute(\n        \"aria-labelledby\",\n        `${$tabItem.getAttribute(\"id\")}-tab`,\n      );\n      $tabItem.setAttribute(\"tabindex\", \"0\");\n      if (\n        (startingTarget && $tabItem.getAttribute(\"id\") !== startingTarget) ||\n        (!startingTarget && index > 0)\n      ) {\n        $tabItem.setAttribute(\"hidden\", true);\n      }\n    });\n\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      const $replacementButton = document.createElement(\"button\");\n      $replacementButton.innerText = $tabListItemLink.innerText;\n      $replacementButton.setAttribute(\n        \"class\",\n        $tabListItemLink.getAttribute(\"class\"),\n      );\n      $replacementButton.setAttribute(\"role\", \"tab\");\n      $replacementButton.setAttribute(\n        \"id\",\n        $tabListItemLink.getAttribute(\"id\"),\n      );\n      $replacementButton.setAttribute(\n        \"aria-controls\",\n        $tabListItemLink.getAttribute(\"href\").replace(/^#/, \"\"),\n      );\n      $replacementButton.setAttribute(\"tabindex\", \"-1\");\n      this.$newTabList.appendChild($replacementButton);\n    });\n\n    this.$tabList.replaceWith(this.$newTabList);\n\n    this.$tabListItemLinks = this.$module.querySelectorAll(\n      \".tna-tabs__list-item-link\",\n    );\n\n    this.$tabListItemLinks.forEach(($tabListItemLink, index) => {\n      if (\n        (startingTarget &&\n          $tabListItemLink.getAttribute(\"aria-controls\") ===\n            `${startingTarget}`) ||\n        (!startingTarget && index === 0)\n      ) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n      }\n\n      $tabListItemLink.addEventListener(\n        \"keydown\",\n        (e) => this.handleItemLinkKeyDown(e),\n        true,\n      );\n      $tabListItemLink.addEventListener(\n        \"click\",\n        (e) => this.handleItemLinkClick(e),\n        true,\n      );\n    });\n  }\n\n  handleItemLinkClick(itemLinkClickEvent) {\n    itemLinkClickEvent.preventDefault();\n    const targetItem =\n      itemLinkClickEvent.currentTarget.getAttribute(\"aria-controls\");\n\n    this.switchTab(targetItem);\n  }\n\n  handleItemLinkKeyDown(itemLinkKeyDownEvent) {\n    const targetItem = itemLinkKeyDownEvent.currentTarget;\n    let overwriteKeyAction = false;\n\n    switch (itemLinkKeyDownEvent.key) {\n      case \"ArrowLeft\":\n        this.setSelectedToPreviousTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"ArrowRight\":\n        this.setSelectedToNextTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"Home\":\n        this.switchTab(this.$tabListItemLinks[0].getAttribute(\"aria-controls\"));\n        overwriteKeyAction = true;\n        break;\n\n      case \"End\":\n        this.switchTab(\n          this.$tabListItemLinks[\n            this.$tabListItemLinks.length - 1\n          ].getAttribute(\"aria-controls\"),\n        );\n        overwriteKeyAction = true;\n        break;\n\n      default:\n        break;\n    }\n\n    if (overwriteKeyAction) {\n      itemLinkKeyDownEvent.stopPropagation();\n      itemLinkKeyDownEvent.preventDefault();\n    }\n  }\n\n  setSelectedToNextTab(targetItem) {\n    console.log(\"setSelectedToNextTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex < this.$tabListItemLinks.length - 1) {\n      newIndex = currentIndex + 1;\n    } else {\n      newIndex = 0;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  setSelectedToPreviousTab(targetItem) {\n    console.log(\"setSelectedToPreviousTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex >= 1) {\n      newIndex = currentIndex - 1;\n    } else {\n      newIndex = this.$tabListItemLinks.length - 1;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  switchTab(targetId) {\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      if ($tabListItemLink.getAttribute(\"aria-controls\") === targetId) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n        $tabListItemLink.focus();\n      } else {\n        $tabListItemLink.classList.remove(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n        $tabListItemLink.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    this.$tabItems.forEach(($tabItem) => {\n      if ($tabItem.getAttribute(\"id\") === targetId) {\n        $tabItem.removeAttribute(\"hidden\");\n        $tabItem.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabItem.setAttribute(\"hidden\", true);\n        $tabItem.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    if (this.sticky) {\n      if (history.replaceState) {\n        history.replaceState(null, null, `#${targetId}`);\n      } else {\n        location.hash = `#${targetId}`;\n      }\n    }\n  }\n}\n","const uuidv4 = () =>\n  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n    (\n      c ^\n      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n    ).toString(16),\n  );\n\nexport default uuidv4;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Breadcrumbs } from \"./components/breadcrumbs/breadcrumbs.mjs\";\nimport { Header } from \"./components/header/header.mjs\";\nimport { Picture } from \"./components/picture/picture.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\nimport { Tabs } from \"./components/tabs/tabs.mjs\";\n\nconst $body = document.documentElement;\n\n$body.classList.add(\"tna-template--js-enabled\");\n\nconst onFirstTouch = () => {\n  window.removeEventListener(\"touchstart\", onFirstTouch);\n  $body.classList.add(\"tna-template--touched\");\n};\n\nconst onKeyDown = (e) => {\n  if (e.key === \"Tab\") {\n    $body.classList.add(\"tna-template--tabbed\");\n    $body.classList.remove(\"tna-template--clicked\");\n  }\n};\n\nconst onMouseDown = () => {\n  $body.classList.add(\"tna-template--clicked\");\n  $body.classList.remove(\"tna-template--tabbed\");\n};\n\nwindow.addEventListener(\"touchstart\", onFirstTouch);\nwindow.addEventListener(\"keydown\", onKeyDown);\nwindow.addEventListener(\"mousedown\", onMouseDown);\n\nif (document.documentElement.classList.contains(\"tna-template--system-theme\")) {\n  document.documentElement.classList.add(\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"tna-template--dark-theme\"\n      : \"tna-template--light-theme\",\n  );\n  if (window.matchMedia(\"(prefers-contrast: more)\").matches) {\n    document.documentElement.classList.add(\"tna-template--high-contrast-theme\");\n  }\n}\n\nconst initAll = (options) => {\n  options = typeof options !== \"undefined\" ? options : {};\n  const $scope =\n    options.scope instanceof HTMLElement ? options.scope : document;\n\n  const $breadcrumbs = $scope.querySelector('[data-module=\"tna-breadcrumbs\"]');\n  if ($breadcrumbs) {\n    new Breadcrumbs($breadcrumbs).init();\n  }\n\n  const $header = $scope.querySelector('[data-module=\"tna-header\"]');\n  if ($header) {\n    new Header($header).init();\n  }\n\n  const $pictures = $scope.querySelectorAll('[data-module=\"tna-picture\"]');\n  $pictures.forEach(($picture) => {\n    new Picture($picture).init();\n  });\n\n  const $sensitiveImages = $scope.querySelectorAll(\n    '[data-module=\"tna-sensitive-image\"]',\n  );\n  $sensitiveImages.forEach(($sensitiveImage) => {\n    new SensitiveImage($sensitiveImage).init();\n  });\n\n  const $tabs = $scope.querySelectorAll('[data-module=\"tna-tabs\"]');\n  $tabs.forEach(($tabModule) => {\n    new Tabs($tabModule).init();\n  });\n};\n\nexport { initAll, Breadcrumbs, Header, Picture, SensitiveImage, Tabs };\n"],"names":["root","factory","exports","module","define","amd","self","Breadcrumbs","$module","_classCallCheck","this","$breadcrumbsListWrapper","querySelector","$breadcrumbsList","$breadcrumbs","querySelectorAll","key","value","_this","length","uniqueId","concat","uuidv4","$expandable","document","createElement","classList","add","$expandButton","innerHTML","setAttribute","addEventListener","remove","focus","appendChild","insertBefore","nextSibling","Header","$toggleButtonWrapper","$navigation","$links","menuOpened","mql","window","matchMedia","$toggleButton","innerText","$hamburger","syncState","handleToggleNavigation","addListener","matches","hidden","i","Picture","$imageWrapper","$transcript","transcriptOpened","$transcriptToggle","handleToggleTranscript","transcriptToggleOpenedClass","removeAttribute","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","preventScroll","focusVisible","Tabs","$tabList","$tabListItemLinks","$tabItems","sticky","contains","startingTarget","location","hash","replace","$newTabList","getAttribute","forEach","$tabItem","index","$tabListItemLink","$replacementButton","replaceWith","e","handleItemLinkKeyDown","handleItemLinkClick","itemLinkClickEvent","preventDefault","targetItem","currentTarget","switchTab","itemLinkKeyDownEvent","overwriteKeyAction","setSelectedToPreviousTab","setSelectedToNextTab","stopPropagation","console","log","newIndex","currentIndex","_toConsumableArray","findIndex","targetId","history","replaceState","c","crypto","getRandomValues","Uint8Array","toString","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","$body","documentElement","onFirstTouch","removeEventListener","initAll","options","$scope","scope","HTMLElement","init","$header","$picture","$sensitiveImage","$tabModule"],"sourceRoot":""}
+{"version":3,"file":"all.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/breadcrumbs/breadcrumbs.mjs","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/components/picture/picture.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/./src/nationalarchives/components/tabs/tabs.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Breadcrumbs {\n  constructor($module) {\n    this.$module = $module;\n    this.$breadcrumbsListWrapper =\n      $module && $module.querySelector(\".tna-breadcrumbs__wrapper\");\n    this.$breadcrumbsList =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      $module.querySelector(\".tna-breadcrumbs__list\");\n    this.$breadcrumbs =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      this.$breadcrumbsList &&\n      $module.querySelectorAll(\".tna-breadcrumbs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$breadcrumbsListWrapper ||\n      !this.$breadcrumbsList ||\n      !this.$breadcrumbs\n    ) {\n      return;\n    }\n\n    if (\n      this.$breadcrumbs.length > 2 &&\n      !this.$module.classList.contains(\"tna-breadcrumbs--no-collapse\")\n    ) {\n      const uniqueId = `tna-breadcrumbs-${uuidv4()}`;\n\n      const $expandable = document.createElement(\"li\");\n      $expandable.classList.add(\n        \"tna-breadcrumbs__item\",\n        \"tna-breadcrumbs__item--expandable\",\n      );\n      $expandable.style.display = \"none\";\n\n      const $expandButton = document.createElement(\"button\");\n      $expandButton.classList.add(\"tna-breadcrumbs__link\");\n      $expandButton.innerHTML =\n        \"<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;\";\n      $expandButton.setAttribute(\"aria-expanded\", \"false\");\n      $expandButton.setAttribute(\"aria-controls\", uniqueId);\n      $expandButton.addEventListener(\"click\", () => {\n        this.$module.classList.remove(\"tna-breadcrumbs--collapsed\");\n        $expandable.remove();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"0\");\n        this.$breadcrumbsListWrapper.focus();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"-1\");\n      });\n\n      $expandable.appendChild($expandButton);\n\n      this.$breadcrumbsList.setAttribute(\"id\", uniqueId);\n      this.$breadcrumbsList.insertBefore(\n        $expandable,\n        this.$breadcrumbs[this.$breadcrumbs.length - 2].nextSibling,\n      );\n\n      this.$module.classList.add(\"tna-breadcrumbs--collapsed\");\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      \"tna-button--accent\",\n      \"tna-button--solid-hover\",\n    );\n    this.$transcriptToggle.setAttribute(\"aria-controls\", uniqueId);\n    this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n    this.$transcriptToggle.innerText = \"Open transcript\";\n    this.$transcriptToggle.addEventListener(\"click\", () =>\n      this.handleToggleTranscript(),\n    );\n    this.$imageWrapper.appendChild(this.$transcriptToggle);\n\n    this.$transcript.setAttribute(\"id\", uniqueId);\n    this.$transcript.setAttribute(\"hidden\", true);\n    // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n  }\n\n  handleToggleTranscript() {\n    const transcriptToggleOpenedClass =\n      \"tna-picture__toggle-transcript--opened\";\n    this.transcriptOpened = !this.transcriptOpened;\n    if (this.transcriptOpened) {\n      this.$transcriptToggle.classList.add(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", true);\n      this.$transcriptToggle.innerText = \"Close transcript\";\n      this.$transcript.removeAttribute(\"hidden\");\n      // this.$transcript.setAttribute(\"tabindex\", \"0\");\n      // this.$transcript.focus();\n    } else {\n      this.$transcriptToggle.classList.remove(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n      this.$transcriptToggle.innerText = \"Open transcript\";\n      this.$transcript.setAttribute(\"hidden\", true);\n      // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n    }\n  }\n}\n","export class SensitiveImage {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageDetails =\n      $module && $module.querySelector(\".tna-sensitive-image__details\");\n    this.$image =\n      $module && $module.querySelector(\".tna-sensitive-image__image\");\n    this.imageIsVisible = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageDetails || !this.$image) {\n      return;\n    }\n    this.$imageDetails.addEventListener(\"toggle\", () =>\n      this.handleImageDetailsToggle(),\n    );\n  }\n\n  handleImageDetailsToggle() {\n    if (this.$imageDetails.hasAttribute(\"open\")) {\n      this.$image.focus({ preventScroll: true, focusVisible: true });\n    }\n  }\n}\n","export class Tabs {\n  constructor($module) {\n    this.$module = $module;\n    this.$tabList = $module && $module.querySelector(\".tna-tabs__list\");\n    this.$tabListItemLinks =\n      $module &&\n      this.$tabList &&\n      $module.querySelectorAll(\".tna-tabs__list-item-link\");\n    this.$tabItems = $module && $module.querySelectorAll(\".tna-tabs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$tabList ||\n      !this.$tabListItemLinks ||\n      !this.$tabItems ||\n      this.$tabListItemLinks.length !== this.$tabItems.length\n    ) {\n      return;\n    }\n\n    this.sticky = this.$module.classList.contains(\"tna-tabs--sticky\");\n\n    const startingTarget = window.location.hash.replace(/^#/, \"\");\n\n    this.$newTabList = document.createElement(\"div\");\n    this.$newTabList.setAttribute(\"role\", \"tablist\");\n    this.$newTabList.setAttribute(\"class\", this.$tabList.getAttribute(\"class\"));\n\n    this.$tabItems.forEach(($tabItem, index) => {\n      $tabItem.setAttribute(\"role\", \"tabpanel\");\n      $tabItem.setAttribute(\n        \"aria-labelledby\",\n        `${$tabItem.getAttribute(\"id\")}-tab`,\n      );\n      $tabItem.setAttribute(\"tabindex\", \"0\");\n      if (\n        (startingTarget && $tabItem.getAttribute(\"id\") !== startingTarget) ||\n        (!startingTarget && index > 0)\n      ) {\n        $tabItem.setAttribute(\"hidden\", true);\n      }\n    });\n\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      const $replacementButton = document.createElement(\"button\");\n      $replacementButton.innerText = $tabListItemLink.innerText;\n      $replacementButton.setAttribute(\n        \"class\",\n        $tabListItemLink.getAttribute(\"class\"),\n      );\n      $replacementButton.setAttribute(\"role\", \"tab\");\n      $replacementButton.setAttribute(\n        \"id\",\n        $tabListItemLink.getAttribute(\"id\"),\n      );\n      $replacementButton.setAttribute(\n        \"aria-controls\",\n        $tabListItemLink.getAttribute(\"href\").replace(/^#/, \"\"),\n      );\n      $replacementButton.setAttribute(\"tabindex\", \"-1\");\n      this.$newTabList.appendChild($replacementButton);\n    });\n\n    this.$tabList.replaceWith(this.$newTabList);\n\n    this.$tabListItemLinks = this.$module.querySelectorAll(\n      \".tna-tabs__list-item-link\",\n    );\n\n    this.$tabListItemLinks.forEach(($tabListItemLink, index) => {\n      if (\n        (startingTarget &&\n          $tabListItemLink.getAttribute(\"aria-controls\") ===\n            `${startingTarget}`) ||\n        (!startingTarget && index === 0)\n      ) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n      }\n\n      $tabListItemLink.addEventListener(\n        \"keydown\",\n        (e) => this.handleItemLinkKeyDown(e),\n        true,\n      );\n      $tabListItemLink.addEventListener(\n        \"click\",\n        (e) => this.handleItemLinkClick(e),\n        true,\n      );\n    });\n  }\n\n  handleItemLinkClick(itemLinkClickEvent) {\n    itemLinkClickEvent.preventDefault();\n    const targetItem =\n      itemLinkClickEvent.currentTarget.getAttribute(\"aria-controls\");\n\n    this.switchTab(targetItem);\n  }\n\n  handleItemLinkKeyDown(itemLinkKeyDownEvent) {\n    const targetItem = itemLinkKeyDownEvent.currentTarget;\n    let overwriteKeyAction = false;\n\n    switch (itemLinkKeyDownEvent.key) {\n      case \"ArrowLeft\":\n        this.setSelectedToPreviousTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"ArrowRight\":\n        this.setSelectedToNextTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"Home\":\n        this.switchTab(this.$tabListItemLinks[0].getAttribute(\"aria-controls\"));\n        overwriteKeyAction = true;\n        break;\n\n      case \"End\":\n        this.switchTab(\n          this.$tabListItemLinks[\n            this.$tabListItemLinks.length - 1\n          ].getAttribute(\"aria-controls\"),\n        );\n        overwriteKeyAction = true;\n        break;\n\n      default:\n        break;\n    }\n\n    if (overwriteKeyAction) {\n      itemLinkKeyDownEvent.stopPropagation();\n      itemLinkKeyDownEvent.preventDefault();\n    }\n  }\n\n  setSelectedToNextTab(targetItem) {\n    console.log(\"setSelectedToNextTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex < this.$tabListItemLinks.length - 1) {\n      newIndex = currentIndex + 1;\n    } else {\n      newIndex = 0;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  setSelectedToPreviousTab(targetItem) {\n    console.log(\"setSelectedToPreviousTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex >= 1) {\n      newIndex = currentIndex - 1;\n    } else {\n      newIndex = this.$tabListItemLinks.length - 1;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  switchTab(targetId) {\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      if ($tabListItemLink.getAttribute(\"aria-controls\") === targetId) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n        $tabListItemLink.focus();\n      } else {\n        $tabListItemLink.classList.remove(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n        $tabListItemLink.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    this.$tabItems.forEach(($tabItem) => {\n      if ($tabItem.getAttribute(\"id\") === targetId) {\n        $tabItem.removeAttribute(\"hidden\");\n        $tabItem.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabItem.setAttribute(\"hidden\", true);\n        $tabItem.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    if (this.sticky) {\n      if (history.replaceState) {\n        history.replaceState(null, null, `#${targetId}`);\n      } else {\n        location.hash = `#${targetId}`;\n      }\n    }\n  }\n}\n","const uuidv4 = () =>\n  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n    (\n      c ^\n      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n    ).toString(16),\n  );\n\nexport default uuidv4;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Breadcrumbs } from \"./components/breadcrumbs/breadcrumbs.mjs\";\nimport { Header } from \"./components/header/header.mjs\";\nimport { Picture } from \"./components/picture/picture.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\nimport { Tabs } from \"./components/tabs/tabs.mjs\";\n\nconst $body = document.documentElement;\n\n$body.classList.add(\"tna-template--js-enabled\");\n\nconst onFirstTouch = () => {\n  window.removeEventListener(\"touchstart\", onFirstTouch);\n  $body.classList.add(\"tna-template--touched\");\n};\n\nconst onKeyDown = (e) => {\n  if (e.key === \"Tab\") {\n    $body.classList.add(\"tna-template--tabbed\");\n    $body.classList.remove(\"tna-template--clicked\");\n  }\n};\n\nconst onMouseDown = () => {\n  $body.classList.add(\"tna-template--clicked\");\n  $body.classList.remove(\"tna-template--tabbed\");\n};\n\nwindow.addEventListener(\"touchstart\", onFirstTouch);\nwindow.addEventListener(\"keydown\", onKeyDown);\nwindow.addEventListener(\"mousedown\", onMouseDown);\n\nif (document.documentElement.classList.contains(\"tna-template--system-theme\")) {\n  document.documentElement.classList.add(\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"tna-template--dark-theme\"\n      : \"tna-template--light-theme\",\n  );\n  if (window.matchMedia(\"(prefers-contrast: more)\").matches) {\n    document.documentElement.classList.add(\"tna-template--high-contrast-theme\");\n  }\n}\n\nconst initAll = (options) => {\n  options = typeof options !== \"undefined\" ? options : {};\n  const $scope =\n    options.scope instanceof HTMLElement ? options.scope : document;\n\n  const $breadcrumbs = $scope.querySelector('[data-module=\"tna-breadcrumbs\"]');\n  if ($breadcrumbs) {\n    new Breadcrumbs($breadcrumbs).init();\n  }\n\n  const $header = $scope.querySelector('[data-module=\"tna-header\"]');\n  if ($header) {\n    new Header($header).init();\n  }\n\n  const $pictures = $scope.querySelectorAll('[data-module=\"tna-picture\"]');\n  $pictures.forEach(($picture) => {\n    new Picture($picture).init();\n  });\n\n  const $sensitiveImages = $scope.querySelectorAll(\n    '[data-module=\"tna-sensitive-image\"]',\n  );\n  $sensitiveImages.forEach(($sensitiveImage) => {\n    new SensitiveImage($sensitiveImage).init();\n  });\n\n  const $tabs = $scope.querySelectorAll('[data-module=\"tna-tabs\"]');\n  $tabs.forEach(($tabModule) => {\n    new Tabs($tabModule).init();\n  });\n};\n\nexport { initAll, Breadcrumbs, Header, Picture, SensitiveImage, Tabs };\n"],"names":["root","factory","exports","module","define","amd","self","Breadcrumbs","$module","_classCallCheck","this","$breadcrumbsListWrapper","querySelector","$breadcrumbsList","$breadcrumbs","querySelectorAll","key","value","_this","length","classList","contains","uniqueId","concat","uuidv4","$expandable","document","createElement","add","style","display","$expandButton","innerHTML","setAttribute","addEventListener","remove","focus","appendChild","insertBefore","nextSibling","Header","$toggleButtonWrapper","$navigation","$links","menuOpened","mql","window","matchMedia","$toggleButton","innerText","$hamburger","syncState","handleToggleNavigation","addListener","matches","hidden","i","Picture","$imageWrapper","$transcript","transcriptOpened","$transcriptToggle","handleToggleTranscript","transcriptToggleOpenedClass","removeAttribute","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","preventScroll","focusVisible","Tabs","$tabList","$tabListItemLinks","$tabItems","sticky","startingTarget","location","hash","replace","$newTabList","getAttribute","forEach","$tabItem","index","$tabListItemLink","$replacementButton","replaceWith","e","handleItemLinkKeyDown","handleItemLinkClick","itemLinkClickEvent","preventDefault","targetItem","currentTarget","switchTab","itemLinkKeyDownEvent","overwriteKeyAction","setSelectedToPreviousTab","setSelectedToNextTab","stopPropagation","console","log","newIndex","currentIndex","_toConsumableArray","findIndex","targetId","history","replaceState","c","crypto","getRandomValues","Uint8Array","toString","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","$body","documentElement","onFirstTouch","removeEventListener","initAll","options","$scope","scope","HTMLElement","init","$header","$picture","$sensitiveImage","$tabModule"],"sourceRoot":""}

package/nationalarchives/all.scss

@@ -1,6 +1,5 @@
 @forward "variables";
 @forward "tools";
 
-@use "utilities";
-@use "components";
-@use "patterns";
+@forward "utilities";
+@forward "components";

package/nationalarchives/components/_index.scss

@@ -12,4 +12,5 @@
 @forward "picture";
 @forward "profile";
 @forward "sensitive-image";
+@forward "skip-link";
 @forward "tabs";

package/nationalarchives/components/breadcrumbs/_index.scss

@@ -1,15 +1,14 @@
 @use "../../tools/colour";
 @use "../../tools/media";
+@use "../../tools/typography";
 
 .tna-breadcrumbs {
   padding-top: 1rem;
   padding-bottom: 1rem;
 
   &__wrapper {
-    .tna-template--clicked & {
-      &:focus {
-        outline: none !important;
-      }
+    &:focus {
+      outline: none !important;
     }
   }
 
@@ -40,6 +39,10 @@
 
     &--expandable {
       display: none;
+
+      @include media.on-mobile {
+        display: inline-block !important;
+      }
     }
   }
 
@@ -62,8 +65,7 @@
 
       text-decoration: none;
 
-      border: 1px transparent solid;
-      @include colour.colour-border("keyline-dark");
+      @include colour.colour-border("keyline-dark", 1px);
 
       &:hover {
         text-decoration: underline;
@@ -92,46 +94,16 @@
     cursor: pointer;
 
     &:hover {
-      text-decoration: underline;
-      text-decoration-thickness: 3px;
+      color: inherit;
+      @include typography.interacted-text-decoration;
+
+      background-color: transparent;
     }
   }
 
   @include media.on-mobile {
-    // &__item {
-    //   &,
-    //   + .tna-breadcrumbs__item {
-    //     &::before {
-    //       margin-left: 0;
-
-    //       display: none;
-    //     }
-    //   }
-
-    //   &:not(:nth-last-child(2)) {
-    //     display: none;
-    //   }
-
-    //   &:nth-last-child(2) {
-    //     .tna-breadcrumbs__link {
-    //       &::before {
-    //         content: "\2190\00a0" attr(data-prefix);
-    //       }
-    //     }
-    //   }
-    // }
-
-    &__list--collapse-on-mobile
-      #{&}__item:not(
-        :first-child,
-        .tna-breadcrumbs__item--expandable,
-        :last-child
-      ) {
+    &--collapsed &__item:not(:first-child, &__item--expandable, :last-child) {
       display: none;
     }
-
-    &__list--collapse-on-mobile #{&}__item--expandable {
-      display: inline-block;
-    }
   }
 }

package/nationalarchives/components/breadcrumbs/breadcrumbs.js

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

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

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

package/nationalarchives/components/breadcrumbs/breadcrumbs.mjs

@@ -26,7 +26,10 @@ export class Breadcrumbs {
       return;
     }
 
-    if (this.$breadcrumbs.length > 2) {
+    if (
+      this.$breadcrumbs.length > 2 &&
+      !this.$module.classList.contains("tna-breadcrumbs--no-collapse")
+    ) {
       const uniqueId = `tna-breadcrumbs-${uuidv4()}`;
 
       const $expandable = document.createElement("li");
@@ -34,6 +37,7 @@ export class Breadcrumbs {
         "tna-breadcrumbs__item",
         "tna-breadcrumbs__item--expandable",
       );
+      $expandable.style.display = "none";
 
       const $expandButton = document.createElement("button");
       $expandButton.classList.add("tna-breadcrumbs__link");
@@ -42,9 +46,7 @@ export class Breadcrumbs {
       $expandButton.setAttribute("aria-expanded", "false");
       $expandButton.setAttribute("aria-controls", uniqueId);
       $expandButton.addEventListener("click", () => {
-        this.$breadcrumbsList.classList.remove(
-          "tna-breadcrumbs__list--collapse-on-mobile",
-        );
+        this.$module.classList.remove("tna-breadcrumbs--collapsed");
         $expandable.remove();
         this.$breadcrumbsListWrapper.setAttribute("tabindex", "0");
         this.$breadcrumbsListWrapper.focus();
@@ -58,6 +60,8 @@ export class Breadcrumbs {
         $expandable,
         this.$breadcrumbs[this.$breadcrumbs.length - 2].nextSibling,
       );
+
+      this.$module.classList.add("tna-breadcrumbs--collapsed");
     }
   }
 }

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

@@ -3,6 +3,7 @@ import macroOptions from "./macro-options.json";
 
 const argTypes = {
   items: { control: "object" },
+  noCollapse: { control: "boolean" },
   classes: { control: "text" },
   attributes: { control: "object" },
 };
@@ -18,15 +19,15 @@ export default {
   argTypes,
 };
 
-const Template = ({ items, classes, attributes }) => {
-  return Breadcrumbs({
+const Template = ({ items, noCollapse, classes, attributes }) =>
+  Breadcrumbs({
     params: {
       items,
+      noCollapse,
       classes,
       attributes,
     },
   });
-};
 
 export const Standard = Template.bind({});
 Standard.args = {
@@ -55,30 +56,8 @@ Standard.args = {
   classes: "tna-breadcrumbs--demo",
 };
 
-// TODO
-// export const NoCollapse = Template.bind({});
-// NoCollapse.args = {
-//   items: [
-//     {
-//       text: "Alpha",
-//       href: "#/alpha",
-//     },
-//     {
-//       text: "Beta",
-//       href: "#/beta",
-//     },
-//     {
-//       text: "Gamma",
-//       href: "#/gamma",
-//     },
-//     {
-//       text: "Delta",
-//       href: "#/delta",
-//     },
-//     {
-//       text: "Epsilon",
-//       href: "#/epsilon",
-//     },
-//   ],
-//   classes: "tna-breadcrumbs--demo",
-// };
+export const NoCollapse = Template.bind({});
+NoCollapse.args = {
+  ...Standard.args,
+  noCollapse: true,
+};

package/nationalarchives/components/breadcrumbs/fixtures.json

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