@nationalarchives/frontend 0.1.40 → 0.1.42

package/nationalarchives/all.mjs

@@ -1,9 +1,11 @@
 import { Breadcrumbs } from "./components/breadcrumbs/breadcrumbs.mjs";
 import { CookieBanner } from "./components/cookie-banner/cookie-banner.mjs";
+import { ErrorSummary } from "./components/error-summary/error-summary.mjs";
 import { Gallery } from "./components/gallery/gallery.mjs";
 import { GlobalHeader } from "./components/global-header/global-header.mjs";
 import { Header } from "./components/header/header.mjs";
 import { Picture } from "./components/picture/picture.mjs";
+import { SearchFilters } from "./components/search-filters/search-filters.mjs";
 import { SensitiveImage } from "./components/sensitive-image/sensitive-image.mjs";
 import { SkipLink } from "./components/skip-link/skip-link.mjs";
 import { Tabs } from "./components/tabs/tabs.mjs";
@@ -50,6 +52,13 @@ const initAll = (options) => {
     new CookieBanner($cookieBanner);
   }
 
+  const $errorSummary = $scope.querySelector(
+    '[data-module="tna-error-summary"]',
+  );
+  if ($errorSummary) {
+    new ErrorSummary($errorSummary).init();
+  }
+
   const $galleries = $scope.querySelectorAll('[data-module="tna-gallery"]');
   $galleries.forEach(($gallery) => {
     new Gallery($gallery);
@@ -72,6 +81,13 @@ const initAll = (options) => {
     new Picture($picture);
   });
 
+  const $searchFilters = $scope.querySelectorAll(
+    '[data-module="tna-search-filters"]',
+  );
+  $searchFilters.forEach(($searchFilter) => {
+    new SearchFilters($searchFilter);
+  });
+
   const $sensitiveImages = $scope.querySelectorAll(
     '[data-module="tna-sensitive-image"]',
   );
@@ -95,10 +111,12 @@ export {
   Cookies,
   Breadcrumbs,
   CookieBanner,
+  ErrorSummary,
   Gallery,
   GlobalHeader,
   Header,
   Picture,
+  SearchFilters,
   SensitiveImage,
   SkipLink,
   Tabs,

package/nationalarchives/analytics.js

@@ -0,0 +1,2 @@
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.TNAFrontendAnalytics=t():e.TNAFrontendAnalytics=t()}(self,(()=>(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};function n(e){return n="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},n(e)}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){s(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?a(e,t):void 0}}(e)||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(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function u(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,f(r.key),r)}}function l(e,t,n){return t&&u(e.prototype,t),n&&u(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function s(e,t,n){return(t=f(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function f(e){var t=function(e,t){if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,"string");if("object"!=n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==n(t)?t:String(t)}e.r(t),e.d(t,{EventTracker:()=>K,GA4:()=>B,helpers:()=>G});var d=function(){function e(){if(c(this,e),s(this,"events",{}),s(this,"oneTimeEvents",{}),e._instance)return e._instance;e._instance=this}return l(e,[{key:"on",value:function(e,t){Object.hasOwn(this.events,e)||(this.events[e]=[]),this.events[e]=[].concat(i(this.events[e]),[t])}},{key:"once",value:function(e,t){Object.hasOwn(this.oneTimeEvents,e)||(this.oneTimeEvents[e]=[]),this.oneTimeEvents[e]=[].concat(i(this.oneTimeEvents[e]),[t])}},{key:"trigger",value:function(e){var t=this,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(Object.hasOwn(this.events,e)&&this.events[e].forEach((function(e){return e.call(t,n)})),Object.hasOwn(this.oneTimeEvents,e))for(var r=this.oneTimeEvents[e].length-1;r>=0;r--)this.oneTimeEvents[e][r].call(this,n),this.oneTimeEvents[e].splice(r,1)}}]),e}(),v=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};c(this,e),s(this,"extraPolicies",[]),s(this,"domain",""),s(this,"path",""),s(this,"secure",!0),s(this,"policiesKey",""),s(this,"events",null);var n=t.extraPolicies,r=void 0===n?[]:n,o=t.domain,i=void 0===o?"":o,a=t.path,u=void 0===a?"/":a,l=t.secure,f=void 0===l||l,v=t.policiesKey,p=void 0===v?"cookies_policy":v;this.extraPolicies=r,this.domain=i,this.path=u,this.secure=f,this.policiesKey=p,this.events=new d,this.init()}return l(e,[{key:"init",value:function(){this.savePolicies(o(o(o({},Object.fromEntries(this.extraPolicies.map((function(e){return[e.toLowerCase(),!1]})))),{},{usage:!1,settings:!1},this.policies),{},{essential:!0}))}},{key:"all",get:function(){var e={};return document.cookie.split("; ").filter((function(e){return e})).forEach((function(t){var n=t.trim().split("=");n[0]&&(e[n[0]]=n[1])})),e}},{key:"policies",get:function(){try{return JSON.parse(this.get(this.policiesKey)||"{}")}catch(e){return{}}}},{key:"exists",value:function(e){return Object.hasOwn(this.all,e)}},{key:"hasValue",value:function(e,t){return this.get(e)==t}},{key:"get",value:function(e){return this.exists(e)?decodeURIComponent(this.all[e]):null}},{key:"set",value:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.maxAge,o=void 0===r?31536e3:r,i=n.sameSite,a=void 0===i?"Lax":i,c=n.domain,u=void 0===c?this.domain:c,l=n.path,s=void 0===l?this.path:l,f=n.secure,d=void 0===f?this.secure:f;if(e){var v="".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(t),";").concat(u?" domain=".concat(u,"; "):""," samesite=").concat(a,"; path=").concat(s,"; max-age=").concat(o).concat(d?"; secure":"");document.cookie=v,this.events.trigger("setCookie",{key:e,value:t,maxAge:o,path:s,sameSite:a,domain:u,secure:d,cookie:v})}}},{key:"delete",value:function(e){var t={maxAge:-1,path:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/",domain:(arguments.length>2&&void 0!==arguments[2]?arguments[2]:null)||void 0};this.set(e,"",t),this.events.trigger("deleteCookie",o({key:e},t))}},{key:"deleteAll",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;Object.keys(this.all).forEach((function(r){e.delete(r,t,n)})),this.events.trigger("deleteAllCookies",{path:t,domain:n})}},{key:"acceptPolicy",value:function(e){this.setPolicy(e,!0),this.events.trigger("acceptPolicy",e),this.events.trigger("changePolicy",s({},e,!0))}},{key:"rejectPolicy",value:function(e){this.setPolicy(e,!1),this.events.trigger("rejectPolicy",e),this.events.trigger("changePolicy",s({},e,!1))}},{key:"setPolicy",value:function(e,t){"essential"!==e&&(this.savePolicies(o(o({},this.policies),{},s(s({},e,t),"essential",!0))),this.events.trigger("changePolicy",s({},e,t)))}},{key:"acceptAllPolicies",value:function(){var e=Object.fromEntries(Object.keys(this.policies).map((function(e){return[e.toLowerCase(),!0]})));this.savePolicies(e),this.events.trigger("acceptAllPolicies"),this.events.trigger("changePolicy",e)}},{key:"rejectAllPolicies",value:function(){var e=o(o({},Object.fromEntries(Object.keys(this.policies).map((function(e){return[e.toLowerCase(),!1]})))),{},{essential:!0});this.savePolicies(e),this.events.trigger("rejectAllPolicies"),this.events.trigger("changePolicy",e)}},{key:"savePolicies",value:function(e){this.set(this.policiesKey,JSON.stringify(e))}},{key:"isPolicyAccepted",value:function(e){return Object.hasOwn(this.policies,e)?!0===this.policies[e]:null}},{key:"on",value:function(e,t){this.events.on(e,t)}},{key:"once",value:function(e,t){this.events.once(e,t)}}]),e}(),p=function e(t){if(""!==t.id)return'id("'+t.id+'")';if(t===document.body)return t.tagName;for(var n=0,r=t.parentNode.childNodes,o=0;o<r.length;o++){var i=r[o];if(i===t)return e(t.parentNode)+"/"+t.tagName+"["+(n+1)+"]";1===i.nodeType&&i.tagName===t.tagName&&n++}},g=function(e,t){return t.some((function(t){return e.includes(t)}))},h=function(e){var t="",n=e;do{for(;n.previousElementSibling;)if(n=n.previousElementSibling,["h1","h2","h3","h4","h5","h6"].includes(n.tagName)||n.classList.length&&g(Array.from(n.classList),["tna-heading-xl","tna-heading-l","tna-heading-m","tna-heading-s"])){t=n.innerText;break}n=n.parentElement}while(n.parentElement&&!t);return t},y={text:function(e,t,n){return e.innerText},html:function(e,t,n){return e.innerHTML},value:function(e,t,n){return e.value},checked:function(e,t,n){return e.checked?"checked":"unchecked"}};const m=[{scope:".tna-checkboxes",areaName:"checkboxes",events:[{eventName:"toggle",targetElement:".tna-checkboxes__item input",on:"change",data:{state:y.checked,value:function(e,t,n){return e.parentNode.innerText},group:function(e,t,n){var r;return null===(r=t.closest(".tna-form__group"))||void 0===r||null===(r=r.querySelector(".tna-form__heading"))||void 0===r?void 0:r.innerText}}}]}],b=[{scope:".tna-picture",areaName:"picture",events:[{eventName:"toggle_transcript",targetElement:".tna-picture__toggle-transcript",on:"click",data:{state:function(e,t,n){var r=e.getAttribute("aria-expanded");return null===r?null:"true"===r.toString()?"opened":"closed"},value:function(e,t,n){var r=h(t),o=t.querySelector(".tna-picture__image"),i=o.getAttribute("src"),a=o.getAttribute("alt"),c="".concat(a," (").concat(i,")");return r?"".concat(r," > ").concat(c):c}}}]}],O=[{scope:".tna-radios",areaName:"radios",events:[{eventName:"toggle",targetElement:".tna-radios__item input",on:"change",data:{state:y.checked,value:function(e,t,n){return e.parentNode.innerText},group:function(e,t,n){var r;return null===(r=t.closest(".tna-form__group"))||void 0===r||null===(r=r.querySelector(".tna-form__heading"))||void 0===r?void 0:r.innerText}}}]}],k=[{scope:".tna-search-field",areaName:"search-field",events:[{eventName:"blurred",targetElement:".tna-search-field__input",on:"blur",data:{value:y.value,group:function(e,t,n){var r;return null===(r=t.querySelector(".tna-form__heading"))||void 0===r?void 0:r.innerText}}}]}],w=[{scope:".tna-text-input",areaName:"text-input",events:[{eventName:"blurred",on:"blur",data:{value:y.value,group:function(e,t,n){var r;return null===(r=t.closest(".tna-form__group"))||void 0===r||null===(r=r.querySelector(".tna-form__heading"))||void 0===r?void 0:r.innerText}}}]}],j=[{scope:".tna-textarea",areaName:"textarea",events:[{eventName:"blurred",on:"blur",data:{value:y.value,group:function(e,t,n){var r;return null===(r=t.closest(".tna-form__group"))||void 0===r||null===(r=r.querySelector(".tna-form__heading"))||void 0===r?void 0:r.innerText}}}]}];function E(e,t,n){return t=_(t),function(e,t){if(t&&("object"===x(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return S(e)}(e,P()?Reflect.construct(t,n||[],_(e).constructor):t.apply(e,n))}function P(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(P=function(){return!!e})()}function _(e){return _=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},_(e)}function S(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function T(e,t){return T=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},T(e,t)}function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function N(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){I(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function x(e){return x="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},x(e)}function L(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function D(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,q(r.key),r)}}function C(e,t,n){return t&&D(e.prototype,t),n&&D(e,n),Object.defineProperty(e,"prototype",{writable:!1}),e}function I(e,t,n){return(t=q(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function q(e){var t=function(e,t){if("object"!=x(e)||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,"string");if("object"!=x(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==x(t)?t:String(t)}function M(e){return function(e){if(Array.isArray(e))return R(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return R(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?R(e,t):void 0}}(e)||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 R(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var U=[].concat(M([{scope:".tna-breadcrumbs",areaName:"breadcrumbs",events:[{eventName:"click",targetElement:".tna-breadcrumbs__item--expandable button.tna-breadcrumbs__link",on:"click",data:{state:"expand",value:y.html}}]}]),M(m),M([{scope:".tna-global-header",areaName:"header",events:[{eventName:"toggle",targetElement:".tna-global-header__navigation-button",on:"click",data:{state:function(e,t,n){var r=e.getAttribute("aria-expanded");return null===r?null:"true"===r.toString()?"opened":"closed"}}}]}]),M([{scope:".tna-header",areaName:"header",events:[{eventName:"toggle",targetElement:".tna-header__navigation-toggle-button",on:"click",data:{state:function(e,t,n){var r=e.getAttribute("aria-expanded");return null===r?null:"true"===r.toString()?"opened":"closed"}}}]}]),M([{scope:".tna-hero",areaName:"hero",events:[{eventName:"toggle_caption",targetElement:".tna-hero__details-summary",on:"click",data:{state:function(e,t,n){var r,o;return null!==(r=null===(o=t.querySelector(".tna-hero__details"))||void 0===o?void 0:o.hasAttribute("open"))&&void 0!==r&&r?"closed":"opened"},value:function(e,t,n){var r;return null===(r=t.querySelector("img[alt]"))||void 0===r?void 0:r.getAttribute("alt")}}}]}]),M(b),M(O),M(k),M(w),M(j)),K=function(){function e(){var t,n=this;L(this,e),I(this,"cookies",new((null===(t=window.TNAFrontend)||void 0===t?void 0:t.Cookies)||v)),I(this,"events",[]),I(this,"start",new Date),U.forEach((function(e){n.addListener(e.scope,e.areaName,e.events)}))}return C(e,[{key:"addListener",value:function(e,t,n){var r,o=this;"string"==typeof e?r=Array.from(document.querySelectorAll(e)):"object"===x(e)&&(r=[e]),r&&r.forEach((function(e){n.forEach((function(n){n.on&&(n.targetElement?Array.from(e.querySelectorAll(n.targetElement)).forEach((function(r){return o.attachListener(r,n.on,e,o.generateEventName(t,n),n.data,n.targetElement)})):o.attachListener(e,n.on,e,o.generateEventName(t,n),n.data,n.targetElement))}))}))}},{key:"generateEventName",value:function(e,t){return"".concat(e,".").concat(t.eventName||t.on)}},{key:"attachListener",value:function(e,t,n,r,o,i){var a=this;e&&e.addEventListener(t,(function(t){return a.recordEvent(r,N(N({},o),{},{value:"function"==typeof o.value?o.value.call(a,e,n,t):o.value||null,state:"function"==typeof o.state?o.state.call(a,e,n,t):o.state||null,group:"function"==typeof o.group?o.group.call(a,e,n,t):o.group||null,scope:p(n),targetElement:i,timestamp:(new Date).toISOString(),uri:window.location.pathname,timeSincePageLoad:new Date-a.start}))}))}},{key:"recordEvent",value:function(e,t){this.events.push({event:e,"tna.data":t})}},{key:"getTnaMetaTags",value:function(){return Object.fromEntries(Array.from(document.head.querySelectorAll("meta[name^='tna.'][content]")).map((function(e){return[e.getAttribute("name"),e.getAttribute("content")]})))}}]),e}(),B=function(e){function t(e){var n;return L(this,t),I(S(n=E(this,t)),"trackingCodeAdded",!1),I(S(n),"trackingEnabled",!1),I(S(n),"gTagId",void 0),n.gTagId=e,window.dataLayer=window.dataLayer||[],n.cookies.isPolicyAccepted("usage")&&n.enableTracking(),n.cookies.on("changePolicy",(function(e){Object.hasOwn(e,"usage")&&(e.usage?n.enableTracking():n.disableTracking())})),n}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&T(e,t)}(t,e),C(t,[{key:"recordEvent",value:function(e,t){var n={event:e,"tna.event":t};this.pushToDataLayer(n)}},{key:"gtag",value:function(){this.pushToDataLayer(arguments)}},{key:"pushToDataLayer",value:function(e){window.dataLayer.push(e)}},{key:"enableTracking",value:function(){if(!this.trackingEnabled){if(window["ga-disable-GA_MEASUREMENT_ID"]=!1,this.trackingEnabled=!0,!this.trackingCodeAdded){this.pushToDataLayer({"gtm.start":(new Date).getTime(),event:"gtm.js"});var e=document.getElementsByTagName("script")[0],t=document.createElement("script");t.async=!0,t.src="https://www.googletagmanager.com/gtm.js?id=".concat(this.gTagId,"&l=dataLayer"),e.parentNode.insertBefore(t,e),this.trackingCodeAdded=!0,this.pushToDataLayer(this.getTnaMetaTags())}this.gtag("set",{allow_google_signals:!0})}}},{key:"disableTracking",value:function(){this.trackingEnabled&&(window["ga-disable-GA_MEASUREMENT_ID"]=!0,this.gtag("set",{allow_google_signals:!1}),this.trackingEnabled=!1)}}]),t}(K),G={getXPathTo:p,getClosestHeading:h,valueGetters:y};return t})()));
+//# sourceMappingURL=analytics.js.map

package/nationalarchives/analytics.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","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/lib/cookies.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/analytics-helpers.mjs","webpack://TNAFrontend/./src/nationalarchives/components/breadcrumbs/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/checkboxes/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/picture/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/radios/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/search-field/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/text-input/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/textarea/analytics.js","webpack://TNAFrontend/./src/nationalarchives/analytics.mjs","webpack://TNAFrontend/./src/nationalarchives/components/global-header/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/header/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/hero/analytics.js"],"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[\"TNAFrontendAnalytics\"] = factory();\n\telse\n\t\troot[\"TNAFrontendAnalytics\"] = factory();\n})(self, () => {\nreturn ","// The require scope\nvar __webpack_require__ = {};\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};","export class CookieEventHandler {\n  events = {};\n  oneTimeEvents = {};\n\n  constructor() {\n    if (CookieEventHandler._instance) {\n      return CookieEventHandler._instance;\n    }\n    CookieEventHandler._instance = this;\n  }\n\n  /**\n   * Add an event listener.\n   * @param {String} event - The event to add a listener for.\n   * @param {Function} callback - The callback function to call when the event is triggered.\n   */\n  on(event, callback) {\n    if (!Object.hasOwn(this.events, event)) {\n      this.events[event] = [];\n    }\n    this.events[event] = [...this.events[event], callback];\n  }\n\n  once(event, callback) {\n    if (!Object.hasOwn(this.oneTimeEvents, event)) {\n      this.oneTimeEvents[event] = [];\n    }\n    this.oneTimeEvents[event] = [...this.oneTimeEvents[event], callback];\n  }\n\n  /** @protected */\n  trigger(event, data = {}) {\n    if (Object.hasOwn(this.events, event)) {\n      this.events[event].forEach((eventToTrigger) =>\n        eventToTrigger.call(this, data),\n      );\n    }\n    if (Object.hasOwn(this.oneTimeEvents, event)) {\n      for (let i = this.oneTimeEvents[event].length - 1; i >= 0; i--) {\n        const eventToTrigger = this.oneTimeEvents[event][i];\n        eventToTrigger.call(this, data);\n        this.oneTimeEvents[event].splice(i, 1);\n      }\n    }\n  }\n}\n\n/**\n * Class to handle cookies.\n * @class Cookies\n * @constructor\n * @public\n */\nexport default class Cookies {\n  /** @protected */\n  extraPolicies = [];\n  /** @protected */\n  domain = \"\";\n  /** @protected */\n  path = \"\";\n  /** @protected */\n  secure = true;\n  /** @protected */\n  policiesKey = \"\";\n  /** @protected */\n  events = null;\n\n  /**\n   * Create a cookie handler.\n   * @param {String} [options.extraPolicies=[]] - The extra cookie policies to manage in addition to essential, settings and usage.\n   * @param {String} [options.domain=\"\"] - The domain to register the cookie with.\n   * @param {String} [options.path=\"\"] - The domain to register the cookie with.\n   * @param {String} [options.secure=true] - Only set cookie in HTTPS environments.\n   * @param {String} [options.policiesKey=cookies_policy] - The name of the cookie.\n   */\n  constructor(options = {}) {\n    const {\n      extraPolicies = [],\n      domain = \"\",\n      path = \"/\",\n      secure = true,\n      policiesKey = \"cookies_policy\",\n    } = options;\n    this.extraPolicies = extraPolicies;\n    this.domain = domain;\n    this.path = path;\n    this.secure = secure;\n    this.policiesKey = policiesKey;\n    this.events = new CookieEventHandler();\n    this.init();\n  }\n\n  /** @protected */\n  init() {\n    this.savePolicies({\n      ...Object.fromEntries(\n        this.extraPolicies.map((k) => [k.toLowerCase(), false]),\n      ),\n      usage: false,\n      settings: false,\n      ...this.policies,\n      essential: true,\n    });\n  }\n\n  get all() {\n    const deserialised = {};\n    document.cookie\n      .split(\"; \")\n      .filter((x) => x)\n      .forEach((cookie) => {\n        const parts = cookie.trim().split(\"=\");\n        if (parts[0]) {\n          deserialised[parts[0]] = parts[1];\n        }\n      });\n    return deserialised;\n  }\n\n  get policies() {\n    try {\n      return JSON.parse(this.get(this.policiesKey) || \"{}\");\n    } catch (e) {\n      return {};\n    }\n  }\n\n  /**\n   * Check to see whether a cookie exists or not.\n   * @param {String} key - The cookie name.\n   * @returns {Boolean}\n   */\n  exists(key) {\n    return Object.hasOwn(this.all, key);\n  }\n\n  /**\n   * Check to see whether a cookie has a particular value.\n   * @param {String} key - The cookie name.\n   * @param {String|Number|Boolean} value - The value to check against.\n   * @returns\n   */\n  hasValue(key, value) {\n    return this.get(key) == value;\n  }\n\n  /**\n   * Get a cookie.\n   * @param {String} key - The cookie name.\n   * @returns {String|Number|Boolean}\n   */\n  get(key) {\n    return this.exists(key) ? decodeURIComponent(this.all[key]) : null;\n  }\n\n  /**\n   * Set a cookie.\n   * @param {String} key - The cookie name.\n   * @param {String|Number|Boolean} value - The cookie value.\n   * @param {Object} options\n   * @param {Number} [options.maxAge=31536000] - The maximum age of the cookie in seconds.\n   * @param {String} [options.path=/] - The path to register the cookie for.\n   * @param {String} [options.sameSite=Lax] - The sameSite attribute.\n   * @param {String} [options.domain=this.domain] - The domain to register the cookie with.\n   * @param {String} [options.path=this.path] - The path to register the cookie with.\n   * @param {String} [options.secure=this.secure] - Only set cookie in HTTPS environments.\n   */\n  set(key, value, options = {}) {\n    const {\n      maxAge = 60 * 60 * 24 * 365,\n      sameSite = \"Lax\",\n      domain = this.domain,\n      path = this.path,\n      secure = this.secure,\n    } = options;\n    if (!key) {\n      return;\n    }\n    const cookie = `${encodeURIComponent(key)}=${encodeURIComponent(value)};${\n      domain ? ` domain=${domain}; ` : \"\"\n    } samesite=${sameSite}; path=${path}; max-age=${maxAge}${\n      secure ? \"; secure\" : \"\"\n    }`;\n    document.cookie = cookie;\n    this.events.trigger(\"setCookie\", {\n      key,\n      value,\n      maxAge,\n      path,\n      sameSite,\n      domain,\n      secure,\n      cookie,\n    });\n  }\n\n  /**\n   * Delete a cookie.\n   * @param {String} key - The cookie name.\n   * @param {String} [path=/] - The path to the cookie is registered on.\n   */\n  delete(key, path = \"/\", domain = null) {\n    const options = { maxAge: -1, path, domain: domain || undefined };\n    this.set(key, \"\", options);\n    this.events.trigger(\"deleteCookie\", { key, ...options });\n  }\n\n  /**\n   * Delete all cookies.\n   */\n  deleteAll(path = \"/\", domain = null) {\n    Object.keys(this.all).forEach((cookie) => {\n      this.delete(cookie, path, domain);\n    });\n    this.events.trigger(\"deleteAllCookies\", { path, domain });\n  }\n\n  /**\n   * Accept a policy.\n   * @param {String} policy - The name of the policy.\n   */\n  acceptPolicy(policy) {\n    this.setPolicy(policy, true);\n    this.events.trigger(\"acceptPolicy\", policy);\n    this.events.trigger(\"changePolicy\", { [policy]: true });\n  }\n\n  /**\n   * Reject a policy.\n   * @param {String} policy - The name of the policy.\n   */\n  rejectPolicy(policy) {\n    this.setPolicy(policy, false);\n    this.events.trigger(\"rejectPolicy\", policy);\n    this.events.trigger(\"changePolicy\", { [policy]: false });\n  }\n\n  /**\n   * Set a policy.\n   * @param {String} policy - The name of the policy.\n   * @param {Boolean} accepted - Whether the policy is accepted or not.\n   */\n  setPolicy(policy, accepted) {\n    if (policy === \"essential\") {\n      return;\n    }\n    this.savePolicies({\n      ...this.policies,\n      [policy]: accepted,\n      essential: true,\n    });\n    this.events.trigger(\"changePolicy\", { [policy]: accepted });\n  }\n\n  /**\n   * Accept all the cookie policies.\n   */\n  acceptAllPolicies() {\n    const allPolicies = Object.fromEntries(\n      Object.keys(this.policies).map((k) => [k.toLowerCase(), true]),\n    );\n    this.savePolicies(allPolicies);\n    this.events.trigger(\"acceptAllPolicies\");\n    this.events.trigger(\"changePolicy\", allPolicies);\n  }\n\n  /**\n   * Reject all the cookie policies.\n   */\n  rejectAllPolicies() {\n    const allPolicies = {\n      ...Object.fromEntries(\n        Object.keys(this.policies).map((k) => [k.toLowerCase(), false]),\n      ),\n      essential: true,\n    };\n    this.savePolicies(allPolicies);\n    this.events.trigger(\"rejectAllPolicies\");\n    this.events.trigger(\"changePolicy\", allPolicies);\n  }\n\n  /**\n   * Commit policy preferences to the browser.\n   * @param {object} policies - The policies to commit.\n   */\n  savePolicies(policies) {\n    this.set(this.policiesKey, JSON.stringify(policies));\n  }\n\n  /**\n   * Get the acceptance status of a policy.\n   * @param {String} policy - The name of the policy.\n   * @returns {Boolean}\n   */\n  isPolicyAccepted(policy) {\n    return Object.hasOwn(this.policies, policy)\n      ? this.policies[policy] === true\n      : null;\n  }\n\n  /**\n   * Add an event listener.\n   * @param {String} event - The event to add a listener for.\n   * @param {Function} callback - The callback function to call when the event is triggered.\n   */\n  on(event, callback) {\n    this.events.on(event, callback);\n  }\n\n  /**\n   * Add a one-time event listener.\n   * @param {String} event - The event to add a listener for.\n   * @param {Function} callback - The callback function to call when the event is triggered.\n   */\n  once(event, callback) {\n    this.events.once(event, callback);\n  }\n}\n","const getXPathTo = ($element) => {\n  if ($element.id !== \"\") {\n    return 'id(\"' + $element.id + '\")';\n  }\n  if ($element === document.body) {\n    return $element.tagName;\n  }\n  let ix = 0;\n  const siblings = $element.parentNode.childNodes;\n  for (let i = 0; i < siblings.length; i++) {\n    const sibling = siblings[i];\n    if (sibling === $element)\n      return (\n        getXPathTo($element.parentNode) +\n        \"/\" +\n        $element.tagName +\n        \"[\" +\n        (ix + 1) +\n        \"]\"\n      );\n    if (sibling.nodeType === 1 && sibling.tagName === $element.tagName) ix++;\n  }\n};\n\nconst includesAny = (arr, values) => values.some((v) => arr.includes(v));\n\nconst getClosestHeading = ($element) => {\n  let heading = \"\";\n  let $search = $element;\n  do {\n    while ($search.previousElementSibling) {\n      $search = $search.previousElementSibling;\n      if (\n        [\"h1\", \"h2\", \"h3\", \"h4\", \"h5\", \"h6\"].includes($search.tagName) ||\n        ($search.classList.length &&\n          includesAny(Array.from($search.classList), [\n            \"tna-heading-xl\",\n            \"tna-heading-l\",\n            \"tna-heading-m\",\n            \"tna-heading-s\",\n          ]))\n      ) {\n        heading = $search.innerText;\n        break;\n      }\n    }\n    $search = $search.parentElement;\n  } while ($search.parentElement && !heading);\n  return heading;\n};\n\nconst valueGetters = {\n  // eslint-disable-next-line no-unused-vars\n  text: ($el, $scope, event) => $el.innerText,\n  // eslint-disable-next-line no-unused-vars\n  html: ($el, $scope, event) => $el.innerHTML,\n  // eslint-disable-next-line no-unused-vars\n  value: ($el, $scope, event) => $el.value,\n  // eslint-disable-next-line no-unused-vars\n  checked: ($el, $scope, event) => ($el.checked ? \"checked\" : \"unchecked\"),\n};\n\nexport { getXPathTo, getClosestHeading, valueGetters };\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n  {\n    scope: \".tna-breadcrumbs\",\n    areaName: \"breadcrumbs\",\n    events: [\n      {\n        eventName: \"click\",\n        targetElement:\n          \".tna-breadcrumbs__item--expandable button.tna-breadcrumbs__link\",\n        on: \"click\",\n        data: { state: \"expand\", value: valueGetters.html },\n      },\n    ],\n  },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n  {\n    scope: \".tna-checkboxes\",\n    areaName: \"checkboxes\",\n    events: [\n      {\n        eventName: \"toggle\",\n        targetElement: \".tna-checkboxes__item input\",\n        on: \"change\",\n        data: {\n          state: valueGetters.checked,\n          // eslint-disable-next-line no-unused-vars\n          value: ($el, $scope, event) => $el.parentNode.innerText,\n          // eslint-disable-next-line no-unused-vars\n          group: ($el, $scope, event) =>\n            $scope\n              .closest(\".tna-form__group\")\n              ?.querySelector(\".tna-form__heading\")?.innerText,\n        },\n      },\n    ],\n  },\n];\n","import { getClosestHeading } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n  {\n    scope: \".tna-picture\",\n    areaName: \"picture\",\n    events: [\n      {\n        eventName: \"toggle_transcript\",\n        targetElement: \".tna-picture__toggle-transcript\",\n        on: \"click\",\n        data: {\n          // eslint-disable-next-line no-unused-vars\n          state: ($el, $scope, event) => {\n            const expanded = $el.getAttribute(\"aria-expanded\");\n            if (expanded === null) {\n              return null;\n            }\n            return expanded.toString() === \"true\" ? \"opened\" : \"closed\";\n          },\n          // eslint-disable-next-line no-unused-vars\n          value: ($el, $scope, event) => {\n            const heading = getClosestHeading($scope);\n            const image = $scope.querySelector(\".tna-picture__image\");\n            const imageSrc = image.getAttribute(\"src\");\n            const imageAlt = image.getAttribute(\"alt\");\n            const value = `${imageAlt} (${imageSrc})`;\n            return heading ? `${heading} > ${value}` : value;\n          },\n        },\n      },\n    ],\n  },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n  {\n    scope: \".tna-radios\",\n    areaName: \"radios\",\n    events: [\n      {\n        eventName: \"toggle\",\n        targetElement: \".tna-radios__item input\",\n        on: \"change\",\n        data: {\n          state: valueGetters.checked,\n          // eslint-disable-next-line no-unused-vars\n          value: ($el, $scope, event) => $el.parentNode.innerText,\n          // eslint-disable-next-line no-unused-vars\n          group: ($el, $scope, event) =>\n            $scope\n              .closest(\".tna-form__group\")\n              ?.querySelector(\".tna-form__heading\")?.innerText,\n        },\n      },\n    ],\n  },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n  {\n    scope: \".tna-search-field\",\n    areaName: \"search-field\",\n    events: [\n      {\n        eventName: \"blurred\",\n        targetElement: \".tna-search-field__input\",\n        on: \"blur\",\n        data: {\n          // eslint-disable-next-line no-unused-vars\n          value: valueGetters.value,\n          // eslint-disable-next-line no-unused-vars\n          group: ($el, $scope, event) =>\n            $scope.querySelector(\".tna-form__heading\")?.innerText,\n        },\n      },\n    ],\n  },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n  {\n    scope: \".tna-text-input\",\n    areaName: \"text-input\",\n    events: [\n      {\n        eventName: \"blurred\",\n        on: \"blur\",\n        data: {\n          // eslint-disable-next-line no-unused-vars\n          value: valueGetters.value,\n          // eslint-disable-next-line no-unused-vars\n          group: ($el, $scope, event) =>\n            $scope\n              .closest(\".tna-form__group\")\n              ?.querySelector(\".tna-form__heading\")?.innerText,\n        },\n      },\n    ],\n  },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n  {\n    scope: \".tna-textarea\",\n    areaName: \"textarea\",\n    events: [\n      {\n        eventName: \"blurred\",\n        on: \"blur\",\n        data: {\n          // eslint-disable-next-line no-unused-vars\n          value: valueGetters.value,\n          // eslint-disable-next-line no-unused-vars\n          group: ($el, $scope, event) =>\n            $scope\n              .closest(\".tna-form__group\")\n              ?.querySelector(\".tna-form__heading\")?.innerText,\n        },\n      },\n    ],\n  },\n];\n","import Cookies from \"./lib/cookies.mjs\";\nimport {\n  getXPathTo,\n  getClosestHeading,\n  valueGetters,\n} from \"./lib/analytics-helpers.mjs\";\nimport BreadcrumbAnalytics from \"./components/breadcrumbs/analytics.js\";\nimport CheckboxesAnalytics from \"./components/checkboxes/analytics.js\";\nimport GlobalHeaderAnalytics from \"./components/global-header/analytics.js\";\nimport HeaderAnalytics from \"./components/header/analytics.js\";\nimport HeroAnalytics from \"./components/hero/analytics.js\";\nimport PictureAnalytics from \"./components/picture/analytics.js\";\nimport RadiosAnalytics from \"./components/radios/analytics.js\";\nimport SearchFieldAnalytics from \"./components/search-field/analytics.js\";\nimport TextInputAnalytics from \"./components/text-input/analytics.js\";\nimport TextareaAnalytics from \"./components/textarea/analytics.js\";\n\nconst componentAnalytics = [\n  ...BreadcrumbAnalytics,\n  ...CheckboxesAnalytics,\n  ...GlobalHeaderAnalytics,\n  ...HeaderAnalytics,\n  ...HeroAnalytics,\n  ...PictureAnalytics,\n  ...RadiosAnalytics,\n  ...SearchFieldAnalytics,\n  ...TextInputAnalytics,\n  ...TextareaAnalytics,\n];\n\nclass EventTracker {\n  /** @protected */\n  cookies = new (window.TNAFrontend?.Cookies || Cookies)();\n\n  /** @protected */\n  events = [];\n\n  /** @protected */\n  start = new Date();\n\n  constructor() {\n    componentAnalytics.forEach((componentConfig) => {\n      this.addListener(\n        componentConfig.scope,\n        componentConfig.areaName,\n        componentConfig.events,\n      );\n    });\n  }\n\n  /**\n   * Add an event listener.\n   * @param {String|HTMLElement} scope - The element to which the listener is scoped.\n   * @param {String} areaName - The name of the component to pass on to the tracker.\n   * @param {{eventName: String, targetElement: String|undefined, on: String, data: {value: Function|String|undefined, state: Function|String|undefined, [String]: any}}[]} events - The configuration of events to track along with their optional value and state which can be computed.\n   */\n  addListener(scope, areaName, events) {\n    let scopeArray;\n    if (typeof scope === \"string\") {\n      scopeArray = Array.from(document.querySelectorAll(scope));\n    } else if (typeof scope === \"object\") {\n      scopeArray = [scope];\n    }\n    if (!scopeArray) {\n      return;\n    }\n    scopeArray.forEach(($scope) => {\n      events.forEach((componentTracking) => {\n        if (!componentTracking.on) {\n          return;\n        }\n        if (componentTracking.targetElement) {\n          Array.from(\n            $scope.querySelectorAll(componentTracking.targetElement),\n          ).forEach(($el) =>\n            this.attachListener(\n              $el,\n              componentTracking.on,\n              $scope,\n              this.generateEventName(areaName, componentTracking),\n              componentTracking.data,\n              componentTracking.targetElement,\n            ),\n          );\n        } else {\n          this.attachListener(\n            $scope,\n            componentTracking.on,\n            $scope,\n            this.generateEventName(areaName, componentTracking),\n            componentTracking.data,\n            componentTracking.targetElement,\n          );\n        }\n      });\n    });\n  }\n\n  /** @protected */\n  generateEventName(areaName, componentTracking) {\n    return `${areaName}.${componentTracking.eventName || componentTracking.on}`;\n  }\n\n  /** @protected */\n  attachListener(\n    $el,\n    eventTrigger,\n    $scope,\n    eventName,\n    eventDataInit,\n    targetElement,\n  ) {\n    if (!$el) {\n      return;\n    }\n    $el.addEventListener(eventTrigger, (event) =>\n      this.recordEvent(eventName, {\n        ...eventDataInit,\n        value:\n          typeof eventDataInit.value === \"function\"\n            ? eventDataInit.value.call(this, $el, $scope, event)\n            : eventDataInit.value || null,\n        state:\n          typeof eventDataInit.state === \"function\"\n            ? eventDataInit.state.call(this, $el, $scope, event)\n            : eventDataInit.state || null,\n        group:\n          typeof eventDataInit.group === \"function\"\n            ? eventDataInit.group.call(this, $el, $scope, event)\n            : eventDataInit.group || null,\n        scope: getXPathTo($scope),\n        targetElement: targetElement,\n        timestamp: new Date().toISOString(),\n        uri: window.location.pathname,\n        timeSincePageLoad: new Date() - this.start,\n      }),\n    );\n  }\n\n  /** @protected */\n  recordEvent(eventName, data) {\n    this.events.push({ event: eventName, \"tna.data\": data });\n  }\n\n  /** @protected */\n  getTnaMetaTags() {\n    return Object.fromEntries(\n      Array.from(\n        document.head.querySelectorAll(\"meta[name^='tna.'][content]\"),\n      ).map(($metaEl) => [\n        $metaEl.getAttribute(\"name\"),\n        $metaEl.getAttribute(\"content\"),\n      ]),\n    );\n  }\n}\n\n/**\n * Class to handle Google Analytics 4 reporting.\n * @class GA4\n * @extends EventTracker\n * @constructor\n * @public\n */\nclass GA4 extends EventTracker {\n  trackingCodeAdded = false;\n  trackingEnabled = false;\n  gTagId;\n\n  constructor(id) {\n    super();\n    this.gTagId = id;\n    window.dataLayer = window.dataLayer || [];\n    if (this.cookies.isPolicyAccepted(\"usage\")) {\n      this.enableTracking();\n    }\n    this.cookies.on(\"changePolicy\", (policies) => {\n      if (Object.hasOwn(policies, \"usage\")) {\n        if (policies[\"usage\"]) {\n          this.enableTracking();\n        } else {\n          this.disableTracking();\n        }\n      }\n    });\n  }\n\n  /** @protected */\n  recordEvent(eventName, data) {\n    const ga4Data = { event: eventName, \"tna.event\": data };\n    this.pushToDataLayer(ga4Data);\n  }\n\n  /** @protected */\n  gtag() {\n    this.pushToDataLayer(arguments);\n  }\n\n  /** @protected */\n  pushToDataLayer(data) {\n    window.dataLayer.push(data);\n  }\n\n  /** @protected */\n  enableTracking() {\n    if (!this.trackingEnabled) {\n      window[\"ga-disable-GA_MEASUREMENT_ID\"] = false;\n      this.trackingEnabled = true;\n      if (!this.trackingCodeAdded) {\n        this.pushToDataLayer({\n          \"gtm.start\": new Date().getTime(),\n          event: \"gtm.js\",\n        });\n        const firstScript = document.getElementsByTagName(\"script\")[0];\n        const script = document.createElement(\"script\");\n        script.async = true;\n        script.src = `https://www.googletagmanager.com/gtm.js?id=${this.gTagId}&l=dataLayer`;\n        firstScript.parentNode.insertBefore(script, firstScript);\n        this.trackingCodeAdded = true;\n        this.pushToDataLayer(this.getTnaMetaTags());\n      }\n      this.gtag(\"set\", { allow_google_signals: true });\n    }\n  }\n\n  /** @protected */\n  disableTracking() {\n    if (this.trackingEnabled) {\n      window[\"ga-disable-GA_MEASUREMENT_ID\"] = true;\n      this.gtag(\"set\", { allow_google_signals: false });\n      this.trackingEnabled = false;\n    }\n  }\n}\n\nconst helpers = { getXPathTo, getClosestHeading, valueGetters };\n\nexport { EventTracker, GA4, helpers };\n","export default [\n  {\n    scope: \".tna-global-header\",\n    areaName: \"header\",\n    events: [\n      {\n        eventName: \"toggle\",\n        targetElement: \".tna-global-header__navigation-button\",\n        on: \"click\",\n        data: {\n          // eslint-disable-next-line no-unused-vars\n          state: ($el, $scope, event) => {\n            const expanded = $el.getAttribute(\"aria-expanded\");\n            if (expanded === null) {\n              return null;\n            }\n            return expanded.toString() === \"true\" ? \"opened\" : \"closed\";\n          },\n        },\n      },\n    ],\n  },\n];\n","export default [\n  {\n    scope: \".tna-header\",\n    areaName: \"header\",\n    events: [\n      {\n        eventName: \"toggle\",\n        targetElement: \".tna-header__navigation-toggle-button\",\n        on: \"click\",\n        data: {\n          // eslint-disable-next-line no-unused-vars\n          state: ($el, $scope, event) => {\n            const expanded = $el.getAttribute(\"aria-expanded\");\n            if (expanded === null) {\n              return null;\n            }\n            return expanded.toString() === \"true\" ? \"opened\" : \"closed\";\n          },\n        },\n      },\n    ],\n  },\n];\n","export default [\n  {\n    scope: \".tna-hero\",\n    areaName: \"hero\",\n    events: [\n      {\n        eventName: \"toggle_caption\",\n        targetElement: \".tna-hero__details-summary\",\n        on: \"click\",\n        data: {\n          // eslint-disable-next-line no-unused-vars\n          state: ($el, $scope, event) => {\n            const wasExpanded =\n              $scope\n                .querySelector(\".tna-hero__details\")\n                ?.hasAttribute(\"open\") ?? false;\n            return wasExpanded ? \"closed\" : \"opened\";\n          },\n          // eslint-disable-next-line no-unused-vars\n          value: ($el, $scope, event) =>\n            $scope.querySelector(\"img[alt]\")?.getAttribute(\"alt\"),\n        },\n      },\n    ],\n  },\n];\n"],"names":["root","factory","exports","module","define","amd","self","__webpack_require__","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","Symbol","toStringTag","value","CookieEventHandler","_classCallCheck","_defineProperty","_instance","this","_createClass","event","callback","hasOwn","events","concat","_toConsumableArray","oneTimeEvents","_this","data","arguments","length","undefined","forEach","eventToTrigger","i","splice","Cookies","options","_options$extraPolicie","extraPolicies","_options$domain","domain","_options$path","path","_options$secure","secure","_options$policiesKey","policiesKey","init","savePolicies","_objectSpread","fromEntries","map","k","toLowerCase","usage","settings","policies","essential","deserialised","document","cookie","split","filter","x","parts","trim","JSON","parse","e","all","exists","decodeURIComponent","_options$maxAge","maxAge","_options$sameSite","sameSite","_options$domain2","_options$path2","_options$secure2","encodeURIComponent","trigger","set","_this2","keys","policy","setPolicy","accepted","allPolicies","stringify","on","once","getXPathTo","$element","id","body","tagName","ix","siblings","parentNode","childNodes","sibling","nodeType","includesAny","arr","values","some","v","includes","getClosestHeading","heading","$search","previousElementSibling","classList","Array","from","innerText","parentElement","valueGetters","text","$el","$scope","html","innerHTML","checked","scope","areaName","eventName","targetElement","state","group","_$scope$closest","closest","querySelector","expanded","getAttribute","toString","image","imageSrc","imageAlt","_$scope$querySelector","componentAnalytics","CheckboxesAnalytics","_$scope$querySelector2","hasAttribute","_$scope$querySelector3","PictureAnalytics","RadiosAnalytics","SearchFieldAnalytics","TextInputAnalytics","TextareaAnalytics","EventTracker","_window$TNAFrontend","window","TNAFrontend","Date","componentConfig","addListener","scopeArray","querySelectorAll","_typeof","componentTracking","attachListener","generateEventName","eventTrigger","eventDataInit","_this3","addEventListener","recordEvent","timestamp","toISOString","uri","location","pathname","timeSincePageLoad","start","push","head","$metaEl","GA4","_EventTracker2","_this4","_assertThisInitialized","_callSuper","gTagId","dataLayer","cookies","isPolicyAccepted","enableTracking","disableTracking","_inherits","ga4Data","pushToDataLayer","trackingEnabled","trackingCodeAdded","getTime","firstScript","getElementsByTagName","script","createElement","async","src","insertBefore","getTnaMetaTags","gtag","allow_google_signals","helpers"],"sourceRoot":""}

package/nationalarchives/analytics.mjs

@@ -0,0 +1,238 @@
+import Cookies from "./lib/cookies.mjs";
+import {
+  getXPathTo,
+  getClosestHeading,
+  valueGetters,
+} from "./lib/analytics-helpers.mjs";
+import BreadcrumbAnalytics from "./components/breadcrumbs/analytics.js";
+import CheckboxesAnalytics from "./components/checkboxes/analytics.js";
+import GlobalHeaderAnalytics from "./components/global-header/analytics.js";
+import HeaderAnalytics from "./components/header/analytics.js";
+import HeroAnalytics from "./components/hero/analytics.js";
+import PictureAnalytics from "./components/picture/analytics.js";
+import RadiosAnalytics from "./components/radios/analytics.js";
+import SearchFieldAnalytics from "./components/search-field/analytics.js";
+import TextInputAnalytics from "./components/text-input/analytics.js";
+import TextareaAnalytics from "./components/textarea/analytics.js";
+
+const componentAnalytics = [
+  ...BreadcrumbAnalytics,
+  ...CheckboxesAnalytics,
+  ...GlobalHeaderAnalytics,
+  ...HeaderAnalytics,
+  ...HeroAnalytics,
+  ...PictureAnalytics,
+  ...RadiosAnalytics,
+  ...SearchFieldAnalytics,
+  ...TextInputAnalytics,
+  ...TextareaAnalytics,
+];
+
+class EventTracker {
+  /** @protected */
+  cookies = new (window.TNAFrontend?.Cookies || Cookies)();
+
+  /** @protected */
+  events = [];
+
+  /** @protected */
+  start = new Date();
+
+  constructor() {
+    componentAnalytics.forEach((componentConfig) => {
+      this.addListener(
+        componentConfig.scope,
+        componentConfig.areaName,
+        componentConfig.events,
+      );
+    });
+  }
+
+  /**
+   * Add an event listener.
+   * @param {String|HTMLElement} scope - The element to which the listener is scoped.
+   * @param {String} areaName - The name of the component to pass on to the tracker.
+   * @param {{eventName: String, targetElement: String|undefined, on: String, data: {value: Function|String|undefined, state: Function|String|undefined, [String]: any}}[]} events - The configuration of events to track along with their optional value and state which can be computed.
+   */
+  addListener(scope, areaName, events) {
+    let scopeArray;
+    if (typeof scope === "string") {
+      scopeArray = Array.from(document.querySelectorAll(scope));
+    } else if (typeof scope === "object") {
+      scopeArray = [scope];
+    }
+    if (!scopeArray) {
+      return;
+    }
+    scopeArray.forEach(($scope) => {
+      events.forEach((componentTracking) => {
+        if (!componentTracking.on) {
+          return;
+        }
+        if (componentTracking.targetElement) {
+          Array.from(
+            $scope.querySelectorAll(componentTracking.targetElement),
+          ).forEach(($el) =>
+            this.attachListener(
+              $el,
+              componentTracking.on,
+              $scope,
+              this.generateEventName(areaName, componentTracking),
+              componentTracking.data,
+              componentTracking.targetElement,
+            ),
+          );
+        } else {
+          this.attachListener(
+            $scope,
+            componentTracking.on,
+            $scope,
+            this.generateEventName(areaName, componentTracking),
+            componentTracking.data,
+            componentTracking.targetElement,
+          );
+        }
+      });
+    });
+  }
+
+  /** @protected */
+  generateEventName(areaName, componentTracking) {
+    return `${areaName}.${componentTracking.eventName || componentTracking.on}`;
+  }
+
+  /** @protected */
+  attachListener(
+    $el,
+    eventTrigger,
+    $scope,
+    eventName,
+    eventDataInit,
+    targetElement,
+  ) {
+    if (!$el) {
+      return;
+    }
+    $el.addEventListener(eventTrigger, (event) =>
+      this.recordEvent(eventName, {
+        ...eventDataInit,
+        value:
+          typeof eventDataInit.value === "function"
+            ? eventDataInit.value.call(this, $el, $scope, event)
+            : eventDataInit.value || null,
+        state:
+          typeof eventDataInit.state === "function"
+            ? eventDataInit.state.call(this, $el, $scope, event)
+            : eventDataInit.state || null,
+        group:
+          typeof eventDataInit.group === "function"
+            ? eventDataInit.group.call(this, $el, $scope, event)
+            : eventDataInit.group || null,
+        scope: getXPathTo($scope),
+        targetElement: targetElement,
+        timestamp: new Date().toISOString(),
+        uri: window.location.pathname,
+        timeSincePageLoad: new Date() - this.start,
+      }),
+    );
+  }
+
+  /** @protected */
+  recordEvent(eventName, data) {
+    this.events.push({ event: eventName, "tna.data": data });
+  }
+
+  /** @protected */
+  getTnaMetaTags() {
+    return Object.fromEntries(
+      Array.from(
+        document.head.querySelectorAll("meta[name^='tna.'][content]"),
+      ).map(($metaEl) => [
+        $metaEl.getAttribute("name"),
+        $metaEl.getAttribute("content"),
+      ]),
+    );
+  }
+}
+
+/**
+ * Class to handle Google Analytics 4 reporting.
+ * @class GA4
+ * @extends EventTracker
+ * @constructor
+ * @public
+ */
+class GA4 extends EventTracker {
+  trackingCodeAdded = false;
+  trackingEnabled = false;
+  gTagId;
+
+  constructor(id) {
+    super();
+    this.gTagId = id;
+    window.dataLayer = window.dataLayer || [];
+    if (this.cookies.isPolicyAccepted("usage")) {
+      this.enableTracking();
+    }
+    this.cookies.on("changePolicy", (policies) => {
+      if (Object.hasOwn(policies, "usage")) {
+        if (policies["usage"]) {
+          this.enableTracking();
+        } else {
+          this.disableTracking();
+        }
+      }
+    });
+  }
+
+  /** @protected */
+  recordEvent(eventName, data) {
+    const ga4Data = { event: eventName, "tna.event": data };
+    this.pushToDataLayer(ga4Data);
+  }
+
+  /** @protected */
+  gtag() {
+    this.pushToDataLayer(arguments);
+  }
+
+  /** @protected */
+  pushToDataLayer(data) {
+    window.dataLayer.push(data);
+  }
+
+  /** @protected */
+  enableTracking() {
+    if (!this.trackingEnabled) {
+      window["ga-disable-GA_MEASUREMENT_ID"] = false;
+      this.trackingEnabled = true;
+      if (!this.trackingCodeAdded) {
+        this.pushToDataLayer({
+          "gtm.start": new Date().getTime(),
+          event: "gtm.js",
+        });
+        const firstScript = document.getElementsByTagName("script")[0];
+        const script = document.createElement("script");
+        script.async = true;
+        script.src = `https://www.googletagmanager.com/gtm.js?id=${this.gTagId}&l=dataLayer`;
+        firstScript.parentNode.insertBefore(script, firstScript);
+        this.trackingCodeAdded = true;
+        this.pushToDataLayer(this.getTnaMetaTags());
+      }
+      this.gtag("set", { allow_google_signals: true });
+    }
+  }
+
+  /** @protected */
+  disableTracking() {
+    if (this.trackingEnabled) {
+      window["ga-disable-GA_MEASUREMENT_ID"] = true;
+      this.gtag("set", { allow_google_signals: false });
+      this.trackingEnabled = false;
+    }
+  }
+}
+
+const helpers = { getXPathTo, getClosestHeading, valueGetters };
+
+export { EventTracker, GA4, helpers };

package/nationalarchives/components/_index.scss

@@ -6,8 +6,8 @@
 @use "cookie-banner";
 @use "date-input";
 @use "date-search";
+@use "error-summary";
 @use "featured-records";
-@use "filters";
 @use "footer";
 @use "gallery";
 @use "global-header";
@@ -19,9 +19,11 @@
 @use "pagination";
 @use "phase-banner";
 @use "picture";
+@use "quick-filters";
 @use "radios";
 @use "sensitive-image";
 @use "search-field";
+@use "search-filters";
 @use "select";
 @use "skip-link";
 @use "tabs";

package/nationalarchives/components/breadcrumbs/analytics.js

@@ -0,0 +1,17 @@
+import { valueGetters } from "../../lib/analytics-helpers.mjs";
+
+export default [
+  {
+    scope: ".tna-breadcrumbs",
+    areaName: "breadcrumbs",
+    events: [
+      {
+        eventName: "click",
+        targetElement:
+          ".tna-breadcrumbs__item--expandable button.tna-breadcrumbs__link",
+        on: "click",
+        data: { state: "expand", value: valueGetters.html },
+      },
+    ],
+  },
+];

package/nationalarchives/components/breadcrumbs/breadcrumbs.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../../src/nationalarchives/components/breadcrumbs/breadcrumbs.scss","../../../../src/nationalarchives/tools/_media.scss","../../../../src/nationalarchives/tools/_colour.scss","../../../../src/nationalarchives/tools/_typography.scss","../../../../src/nationalarchives/variables/_typography.scss"],"names":[],"mappings":"CAIA,iBACE,iBACA,oBAEA,uBACE,wBAGF,uBACE,SACA,UAEA,gBAEA,aACA,eAGF,uBACE,aAGE,sDACE,gBAEA,qBAEA,wBAEA,YACA,eAIJ,mCACE,aCoBJ,wBDrBE,mCAII,iCAKN,uBACE,qBAEA,kFE8BF,cACA,uBFzBE,6BEwBF,WACA,uBA2RA,8BF7TA,uBAcI,qBACA,oBAEA,qBEuDA,yBAIA,qCFvDA,6BACE,0BEWN,cACA,iCAIA,sBAEA,4CAyQA,0DFnSI,qBACA,oBAEA,qBEuDA,yBAIA,qCFvDA,gEACE,0BEWN,cACA,iCAIA,sBAEA,2CA8QE,+BADF,mDFvSI,qBACA,oBAEA,qBEuDA,yBAIA,qCFvDA,yDACE,0BEWN,cACA,iCAIA,sBAEA,4CFTA,8CACE,SACA,UACA,YAEA,kBACA,oBACA,oBAEA,+BAEA,YAEA,gBACA,eAEA,oDACE,cG3CJ,0BACA,0BC3CsC,MJwFlC,+BCvCJ,wBD4CE,oHACE,cCvCJ,aD4CE,uBACE,wBAEA,mCACE","file":"breadcrumbs.css","sourcesContent":["@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/typography\";\n\n.tna-breadcrumbs {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n\n  &:focus {\n    outline: none !important;\n  }\n\n  &__list {\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  &__item {\n    display: flex;\n\n    + .tna-breadcrumbs__item {\n      &::before {\n        margin: 0 0.75rem;\n\n        display: inline-block;\n\n        vertical-align: baseline;\n\n        content: \"\\203A\";\n        content: \"\\203A\" / \"\";\n      }\n    }\n\n    &--expandable {\n      display: none;\n\n      @include media.on-mobile {\n        display: inline-block !important;\n      }\n    }\n  }\n\n  &__link {\n    display: inline-block;\n\n    &,\n    &:link,\n    &:visited {\n      @include colour.colour-font(\"font-base\");\n    }\n\n    &:hover {\n      @include colour.colour-font(\"font-dark\");\n    }\n\n    @include colour.on-high-contrast-and-forced-colours {\n      padding-right: 0.75rem;\n      padding-left: 0.75rem;\n\n      text-decoration: none;\n\n      @include colour.colour-border(\"keyline-dark\", 1px);\n\n      &:hover {\n        text-decoration: underline;\n\n        @include colour.colour-font(\"contrast-background\");\n\n        @include colour.colour-background(\"contrast-font-base\");\n      }\n    }\n  }\n\n  button#{&}__link {\n    margin: 0;\n    padding: 0;\n    height: 100%;\n\n    font-size: inherit;\n    line-height: inherit;\n    font-weight: inherit;\n\n    background-color: transparent;\n\n    border: none;\n\n    appearance: none;\n    cursor: pointer;\n\n    &:hover {\n      color: inherit;\n      @include typography.interacted-text-decoration;\n\n      background-color: transparent;\n    }\n  }\n\n  @include media.on-mobile {\n    &--collapsed &__item:not(:first-child, &__item--expandable, :last-child) {\n      display: none;\n    }\n  }\n\n  @include media.on-print {\n    &__item {\n      display: flex !important;\n\n      &--expandable {\n        display: none !important;\n      }\n    }\n  }\n}\n","@use \"../variables/media\";\n\n//   0 ======= 320 = 480 ===== 768 == 1024 ========================== min-width/max-width (px)\n//   |         .     |         |      |\n//   |-TINY----------|-SMALL---|-MED--|-LARGE------------------------\n//   |         .     |         |      |\n//   |<------------->|         |      |            on-tiny\n//   |<----------------------->|      |            on-mobile\n//   |<------------------------------>|            on-smaller-than-large\n//   |         .     |<------->|      |            on-small\n//   |         .     |<-------------------------   on-larger-than-tiny\n//   |         .     |         |<---->|            on-medium\n//   |         .     |         |<---------------   on-larger-than-mobile\n//   |         .     |         |      |<--------   on-large\n//   |<------->.     |         |      |            Smallest device\n\n@mixin on-large() {\n  @media #{media.$media-large} {\n    @content;\n  }\n}\n\n@mixin on-medium() {\n  @media #{media.$media-medium} {\n    @content;\n  }\n}\n\n@mixin on-small() {\n  @media #{media.$media-small} {\n    @content;\n  }\n}\n\n@mixin on-tiny() {\n  @media #{media.$media-tiny} {\n    @content;\n  }\n}\n\n@mixin on-larger-than-mobile() {\n  @media #{media.$media-gt-mobile} {\n    @content;\n  }\n}\n\n@mixin on-larger-than-tiny() {\n  @media #{media.$media-gt-tiny} {\n    @content;\n  }\n}\n\n@mixin on-smaller-than-large() {\n  @media #{media.$media-lt-large} {\n    @content;\n  }\n}\n\n@mixin on-mobile() {\n  @media #{media.$media-mobile} {\n    @content;\n  }\n}\n\n@mixin on-print() {\n  @media print {\n    @content;\n  }\n}\n","@use \"sass:map\";\n@use \"../variables/colour\";\n@use \"../tools/media\";\n\n@function brand-colour($colour, $opacity: 1) {\n  @return colour.brand-colour($colour, $opacity);\n}\n\n@mixin colour-css-vars() {\n  @each $name, $value in colour.$colour-palette-default {\n    --#{$name}: #{$value};\n  }\n}\n\n@mixin colour-css-vars-dark() {\n  @each $name, $value in colour.$colour-palette-dark {\n    --#{$name}: #{$value};\n  }\n}\n\n@mixin colour-css-vars-high-contrast() {\n  @each $name, $value in colour.$colour-palette-high-contrast {\n    --#{$name}: #{$value};\n  }\n}\n\n@mixin colour-css-vars-high-contrast-dark() {\n  @each $name, $value in colour.$colour-palette-high-contrast-dark {\n    --#{$name}: #{$value};\n  }\n}\n\n@mixin accent-css-vars($colour) {\n  @if $colour == \"yellow\" {\n    --accent-background: #{brand-colour(\"yellow\")} !important;\n    --accent-background-light: #{brand-colour(\"cream\")} !important;\n    --accent-font-base: #{brand-colour(\"black\")} !important;\n    --accent-font-dark: #{brand-colour(\"black\")} !important;\n    --accent-font-light: #{brand-colour(\"black\", 0.7)} !important;\n    --accent-icon-light: #{brand-colour(\"black\", 0.45)} !important;\n    --accent-link: #{brand-colour(\"black\")} !important;\n    --accent-link-visited: #{brand-colour(\"black\")} !important;\n    --accent-keyline: #{brand-colour(\"black\", 0.5)} !important;\n    --accent-keyline-dark: #{brand-colour(\"black\", 0.8)} !important;\n    --button-accent-background: #{brand-colour(\"yellow\")} !important;\n  } @else {\n    --accent-font-base: #{brand-colour(\"white\")} !important;\n    --accent-font-dark: #{brand-colour(\"white\")} !important;\n    --accent-font-light: #{brand-colour(\"white\", 0.7)} !important;\n    --accent-icon-light: #{brand-colour(\"white\", 0.45)} !important;\n    --accent-link: #{brand-colour(\"white\")} !important;\n    --accent-link-visited: #{brand-colour(\"white\")} !important;\n    --accent-keyline: #{brand-colour(\"white\", 0.5)} !important;\n    --accent-keyline-dark: #{brand-colour(\"white\", 0.8)} !important;\n    --button-accent-text: #{brand-colour(\"white\")} !important;\n    @if $colour == \"pink\" {\n      --accent-background: #{brand-colour(\"maroon\")} !important;\n      --accent-background-light: #{brand-colour(\"pastel-pink\")} !important;\n      --button-accent-background: #{brand-colour(\"maroon\")} !important;\n    } @else if $colour == \"orange\" {\n      --accent-background: #{brand-colour(\"chestnut\")} !important;\n      --accent-background-light: #{brand-colour(\"pastel-orange\")} !important;\n      --button-accent-background: #{brand-colour(\"chestnut\")} !important;\n    } @else if $colour == \"green\" {\n      --accent-background: #{brand-colour(\"forest\")} !important;\n      --accent-background-light: #{brand-colour(\"pastel-green\")} !important;\n      --button-accent-background: #{brand-colour(\"forest\")} !important;\n    } @else if $colour == \"blue\" {\n      --accent-background: #{brand-colour(\"navy\")} !important;\n      --accent-background-light: #{brand-colour(\"pastel-blue\")} !important;\n      --button-accent-background: #{brand-colour(\"navy\")} !important;\n    }\n  }\n}\n\n@mixin colour-font(\n  $colour,\n  $important: false,\n  $default-palette: colour.$colour-palette-default\n) {\n  color: map.get($default-palette, $colour) if($important, !important, null);\n  color: var(--#{$colour}) if($important, !important, null);\n}\n\n@mixin colour-background($colour, $important: false) {\n  background-color: map.get(colour.$colour-palette-default, $colour)\n    if($important, !important, null);\n  background-color: var(--#{$colour}) if($important, !important, null);\n}\n\n@mixin colour-border(\n  $colour,\n  $width: \"\",\n  $style: solid,\n  $direction: \"\",\n  $important: false\n) {\n  @if $direction != \"\" {\n    @if $width != \"\" {\n      $property: border-#{$direction};\n      border-#{$direction}: $width\n        map.get(colour.$colour-palette-default, $colour)\n        $style\n        if($important, !important, null);\n      border-#{$direction}: $width\n        var(--#{$colour})\n        $style\n        if($important, !important, null);\n    } @else {\n      border-#{$direction}-color: map.get(\n          colour.$colour-palette-default,\n          $colour\n        )\n        if($important, !important, null);\n      border-#{$direction}-color: var(--#{$colour})\n        if($important, !important, null);\n    }\n  } @else {\n    @if $width != \"\" {\n      border: $width\n        map.get(colour.$colour-palette-default, $colour)\n        $style\n        if($important, !important, null);\n      border: $width var(--#{$colour}) $style if($important, !important, null);\n    } @else {\n      border-color: map.get(colour.$colour-palette-default, $colour)\n        if($important, !important, null);\n      border-color: var(--#{$colour}) if($important, !important, null);\n    }\n  }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n  @if $width != \"\" {\n    outline: $width\n      map.get(colour.$colour-palette-default, $colour)\n      $style\n      if($important, !important, null);\n    outline: $width var(--#{$colour}) $style if($important, !important, null);\n  } @else {\n    outline-color: map.get(colour.$colour-palette-default, $colour)\n      if($important, !important, null);\n    outline-color: var(--#{$colour}) if($important, !important, null);\n  }\n}\n\n@mixin colour-fill($colour, $important: false) {\n  fill: map.get(colour.$colour-palette-default, $colour)\n    if($important, !important, null);\n  fill: var(--#{$colour}) if($important, !important, null);\n}\n\n%light {\n  @include colour-css-vars;\n\n  @media (prefers-contrast: more) {\n    @include colour-css-vars-high-contrast;\n  }\n\n  .tna-template--high-contrast-theme & {\n    @include colour-css-vars-high-contrast;\n  }\n}\n\n@mixin light {\n  @extend %light;\n}\n\n%dark {\n  @include colour-css-vars-dark;\n\n  @media (prefers-contrast: more) {\n    @include colour-css-vars-high-contrast-dark;\n  }\n\n  .tna-template--high-contrast-theme & {\n    @include colour-css-vars-high-contrast-dark;\n  }\n}\n\n@mixin dark {\n  @extend %dark;\n}\n\n%plain {\n  .tna-template--system-theme & {\n    @extend %light;\n\n    @media (prefers-color-scheme: dark) {\n      @include colour-css-vars-dark;\n    }\n\n    @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n      @include colour-css-vars-high-contrast-dark;\n    }\n  }\n\n  .tna-template--light-theme & {\n    @include colour-css-vars;\n  }\n\n  .tna-template--dark-theme & {\n    @include colour-css-vars-dark;\n  }\n\n  .tna-template--high-contrast-theme & {\n    @include colour-css-vars-high-contrast;\n  }\n\n  .tna-template--high-contrast-theme.tna-template--dark-theme & {\n    @include colour-css-vars-high-contrast-dark;\n  }\n\n  --background: var(--page-background);\n}\n\n@mixin plain {\n  @extend %plain;\n}\n\n%contrast {\n  --background: var(--contrast-background);\n  --font-base: var(--contrast-font-base);\n  --font-dark: var(--contrast-font-dark);\n  --font-light: var(--contrast-font-light);\n  --icon-light: var(--contrast-icon-light);\n  --link: var(--contrast-link);\n  --link-visited: var(--contrast-link-visited);\n  --keyline: var(--contrast-keyline);\n  --keyline-dark: var(--contrast-keyline-dark);\n  --button-text: var(--contrast-button-text);\n  --button-background: var(--contrast-button-background);\n  --button-hover-text: var(--contrast-button-hover-text);\n  --button-hover-background: var(--contrast-button-hover-background);\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\", false, colour.$colour-palette-dark);\n}\n\n@mixin contrast {\n  @extend %contrast;\n}\n\n%contrast-on-mobile {\n  @include media.on-mobile {\n    --background: var(--contrast-background);\n    --font-base: var(--contrast-font-base);\n    --font-dark: var(--contrast-font-dark);\n    --font-light: var(--contrast-font-light);\n    --icon-light: var(--contrast-icon-light);\n    --link: var(--contrast-link);\n    --link-visited: var(--contrast-link-visited);\n    --keyline: var(--contrast-keyline);\n    --keyline-dark: var(--contrast-keyline-dark);\n    --button-text: var(--contrast-button-text);\n    --button-background: var(--contrast-button-background);\n    --button-hover-text: var(--contrast-button-hover-text);\n    --button-hover-background: var(--contrast-button-hover-background);\n\n    @include colour-background(\"background\");\n\n    @include colour-font(\"font-base\", false, colour.$colour-palette-dark);\n  }\n}\n\n@mixin contrast-on-mobile {\n  @extend %contrast-on-mobile;\n}\n\n%accent {\n  --background: var(--accent-background);\n  --font-base: var(--accent-font-base);\n  --font-dark: var(--accent-font-dark);\n  --font-light: var(--accent-font-light);\n  --icon-light: var(--accent-icon-light);\n  --link: var(--accent-link);\n  --link-visited: var(--accent-link);\n  --keyline: var(--accent-keyline);\n  --keyline-dark: var(--accent-keyline-dark);\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\", false, colour.$colour-palette-dark);\n}\n\n@mixin accent {\n  @extend %accent;\n}\n\n%tint {\n  @include colour-background(\"background-tint\");\n  @include colour-font(\"font-base\");\n}\n\n@mixin tint {\n  @extend %tint;\n}\n\n%accent-background {\n  @include colour-background(\"accent-background\");\n}\n\n@mixin accent-background {\n  @extend %accent-background;\n}\n\n%accent-light {\n  --background: var(--accent-background-light);\n  --font-base: #{map.get(colour.$colour-palette-default, \"font-base\")};\n  --font-dark: #{map.get(colour.$colour-palette-default, \"font-dark\")};\n  --font-light: #{map.get(colour.$colour-palette-default, \"font-light\")};\n  --icon-light: #{map.get(colour.$colour-palette-default, \"icon-light\")};\n  // --link: #{map.get(colour.$colour-palette-default, \"link\")};\n  // --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n  --keyline: #{map.get(colour.$colour-palette-default, \"keyline\")};\n  --keyline-dark: #{map.get(colour.$colour-palette-default, \"keyline-dark\")};\n  --button-text: #{map.get(colour.$colour-palette-default, \"button-text\")};\n  --button-background: #{map.get(\n      colour.$colour-palette-default,\n      \"button-background\"\n    )};\n  --button-hover-text: #{map.get(\n      colour.$colour-palette-default,\n      \"button-hover-text\"\n    )};\n  --button-hover-background: #{map.get(\n      colour.$colour-palette-default,\n      \"button-hover-background\"\n    )};\n\n  @include colour-background(\"background\");\n  @include colour-font(\"font-base\");\n\n  .tna-template--system-theme & {\n    @media (prefers-color-scheme: dark) {\n      --link: #{map.get(colour.$colour-palette-default, \"link\")};\n      --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n    }\n  }\n\n  .tna-template--dark-theme & {\n    --link: #{map.get(colour.$colour-palette-default, \"link\")};\n    --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n  }\n}\n\n@mixin accent-light {\n  @extend %accent-light;\n}\n\n@mixin on-high-contrast {\n  .tna-template--high-contrast-theme & {\n    @content;\n  }\n\n  .tna-template--system-theme & {\n    @media (prefers-contrast: more) {\n      @content;\n    }\n  }\n}\n\n@mixin on-forced-colours {\n  @media (forced-colors: active) {\n    @content;\n  }\n}\n\n@mixin on-high-contrast-and-forced-colours {\n  @include on-forced-colours {\n    @content;\n  }\n\n  @include on-high-contrast {\n    @content;\n  }\n}\n","@use \"sass:math\";\n@use \"colour\";\n@use \"../variables/typography\";\n\n@mixin relative-font-size($fontSizePx) {\n  font-size: #{math.div($fontSizePx, typography.$relative-1rem-px)}rem;\n}\n\n@mixin main-font-weight {\n  font-weight: typography.$main-font-weight;\n}\n\n@mixin main-font-weight-bold {\n  font-weight: typography.$main-font-weight-bold;\n}\n\n@mixin main-font($bold: false) {\n  font-family: typography.$main-font-family;\n  @if $bold {\n    @include main-font-weight-bold;\n  } @else {\n    @include main-font-weight;\n  }\n  font-optical-sizing: auto;\n  font-style: normal;\n  font-variation-settings: \"wdth\" 100;\n}\n\n@mixin heading-font {\n  font-family: typography.$heading-font-family;\n  font-weight: typography.$heading-font-weight;\n}\n\n@mixin detail-font($bold: false) {\n  font-family: typography.$detail-font-family;\n  @if $bold {\n    font-weight: typography.$detail-font-weight-bold;\n  } @else {\n    font-weight: typography.$detail-font-weight;\n  }\n  font-optical-sizing: auto;\n  font-style: normal;\n}\n\n@mixin detail-font-small {\n  @include detail-font;\n  @include relative-font-size(14);\n  text-transform: uppercase;\n  line-height: #{math.div(typography.$relative-1rem-px, 14)};\n}\n\n@mixin interacted-text-decoration {\n  text-decoration: underline;\n  text-decoration-thickness: typography.$interactive-text-decoration-thickness;\n}\n","@use \"sass:math\";\n\n$use-local-fonts: false !default;\n\n$relative-1rem-px: 16; // 16px is always 1rem\n\n$body-font-size-px: 18 !default;\n$body-font-size-px-mobile: 17 !default;\n$body-line-height: #{math.div($relative-1rem-px, $body-font-size-px) * 2} !default; // 1.77777\n\n$interactive-text-decoration-thickness: 3.5px !default;\n\n$main-font: \"Open Sans\" !default;\n$main-font-family: $main-font, sans-serif !default;\n$main-font-weight: 400 !default;\n$main-font-weight-bold: 700 !default;\n\n$heading-font-family: supria-sans-condensed, \"Arial Narrow\", sans-serif !default;\n$heading-font-weight: 500 !default;\n\n$detail-font-family: \"Roboto Mono\", monospace !default;\n$detail-font-weight: 400 !default;\n$detail-font-weight-bold: 500 !default;\n"]}
+{"version":3,"sourceRoot":"","sources":["../../../../src/nationalarchives/components/breadcrumbs/breadcrumbs.scss","../../../../src/nationalarchives/tools/_media.scss","../../../../src/nationalarchives/tools/_colour.scss","../../../../src/nationalarchives/tools/_typography.scss","../../../../src/nationalarchives/variables/_typography.scss"],"names":[],"mappings":"CAIA,iBACE,iBACA,oBAEA,uBACE,wBAGF,uBACE,SACA,UAEA,gBAEA,aACA,eAGF,uBACE,aAGE,sDACE,gBAEA,qBAEA,wBAEA,YACA,eAIJ,mCACE,aCoBJ,wBDrBE,mCAII,iCAKN,uBACE,qBAEA,kFEuCF,cACA,uBFlCE,6BEiCF,WACA,uBA2RA,8BFtUA,uBAcI,qBACA,oBAEA,qBEgEA,yBAIA,qCFhEA,6BACE,0BEoBN,cACA,iCAIA,sBAEA,4CAyQA,0DF5SI,qBACA,oBAEA,qBEgEA,yBAIA,qCFhEA,gEACE,0BEoBN,cACA,iCAIA,sBAEA,2CA8QE,+BADF,mDFhTI,qBACA,oBAEA,qBEgEA,yBAIA,qCFhEA,yDACE,0BEoBN,cACA,iCAIA,sBAEA,4CFlBA,8CACE,SACA,UACA,YAEA,kBACA,oBACA,oBAEA,+BAEA,YAEA,gBACA,eAEA,oDACE,cG3CJ,0BACA,0BC3CsC,MJwFlC,+BCvCJ,wBD4CE,oHACE,cCvCJ,aD4CE,uBACE,wBAEA,mCACE","file":"breadcrumbs.css","sourcesContent":["@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/typography\";\n\n.tna-breadcrumbs {\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n\n  &:focus {\n    outline: none !important;\n  }\n\n  &__list {\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n  }\n\n  &__item {\n    display: flex;\n\n    + .tna-breadcrumbs__item {\n      &::before {\n        margin: 0 0.75rem;\n\n        display: inline-block;\n\n        vertical-align: baseline;\n\n        content: \"\\203A\";\n        content: \"\\203A\" / \"\";\n      }\n    }\n\n    &--expandable {\n      display: none;\n\n      @include media.on-mobile {\n        display: inline-block !important;\n      }\n    }\n  }\n\n  &__link {\n    display: inline-block;\n\n    &,\n    &:link,\n    &:visited {\n      @include colour.colour-font(\"font-base\");\n    }\n\n    &:hover {\n      @include colour.colour-font(\"font-dark\");\n    }\n\n    @include colour.on-high-contrast-and-forced-colours {\n      padding-right: 0.75rem;\n      padding-left: 0.75rem;\n\n      text-decoration: none;\n\n      @include colour.colour-border(\"keyline-dark\", 1px);\n\n      &:hover {\n        text-decoration: underline;\n\n        @include colour.colour-font(\"contrast-background\");\n\n        @include colour.colour-background(\"contrast-font-base\");\n      }\n    }\n  }\n\n  button#{&}__link {\n    margin: 0;\n    padding: 0;\n    height: 100%;\n\n    font-size: inherit;\n    line-height: inherit;\n    font-weight: inherit;\n\n    background-color: transparent;\n\n    border: none;\n\n    appearance: none;\n    cursor: pointer;\n\n    &:hover {\n      color: inherit;\n      @include typography.interacted-text-decoration;\n\n      background-color: transparent;\n    }\n  }\n\n  @include media.on-mobile {\n    &--collapsed &__item:not(:first-child, &__item--expandable, :last-child) {\n      display: none;\n    }\n  }\n\n  @include media.on-print {\n    &__item {\n      display: flex !important;\n\n      &--expandable {\n        display: none !important;\n      }\n    }\n  }\n}\n","@use \"../variables/media\";\n\n//   0 ======= 320 = 480 ===== 768 == 1024 ========================== min-width/max-width (px)\n//   |         .     |         |      |\n//   |-TINY----------|-SMALL---|-MED--|-LARGE------------------------\n//   |         .     |         |      |\n//   |<------------->|         |      |            on-tiny\n//   |<----------------------->|      |            on-mobile\n//   |<------------------------------>|            on-smaller-than-large\n//   |         .     |<------->|      |            on-small\n//   |         .     |<-------------------------   on-larger-than-tiny\n//   |         .     |         |<---->|            on-medium\n//   |         .     |         |<---------------   on-larger-than-mobile\n//   |         .     |         |      |<--------   on-large\n//   |<------->.     |         |      |            Smallest device\n\n@mixin on-large() {\n  @media #{media.$media-large} {\n    @content;\n  }\n}\n\n@mixin on-medium() {\n  @media #{media.$media-medium} {\n    @content;\n  }\n}\n\n@mixin on-small() {\n  @media #{media.$media-small} {\n    @content;\n  }\n}\n\n@mixin on-tiny() {\n  @media #{media.$media-tiny} {\n    @content;\n  }\n}\n\n@mixin on-larger-than-mobile() {\n  @media #{media.$media-gt-mobile} {\n    @content;\n  }\n}\n\n@mixin on-larger-than-tiny() {\n  @media #{media.$media-gt-tiny} {\n    @content;\n  }\n}\n\n@mixin on-smaller-than-large() {\n  @media #{media.$media-lt-large} {\n    @content;\n  }\n}\n\n@mixin on-mobile() {\n  @media #{media.$media-mobile} {\n    @content;\n  }\n}\n\n@mixin on-print() {\n  @media print {\n    @content;\n  }\n}\n","@use \"sass:map\";\n@use \"sass:list\";\n@use \"../variables/colour\";\n@use \"../tools/media\";\n\n@function brand-colour($colour, $opacity: 1) {\n  @return colour.brand-colour($colour, $opacity);\n}\n\n@mixin colour-css-vars($excludes...) {\n  @each $name, $value in colour.$colour-palette-default {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n    }\n  }\n}\n\n@mixin colour-css-vars-dark($excludes...) {\n  @each $name, $value in colour.$colour-palette-dark {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n    }\n  }\n}\n\n@mixin colour-css-vars-high-contrast($excludes...) {\n  @each $name, $value in colour.$colour-palette-high-contrast {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n    }\n  }\n}\n\n@mixin colour-css-vars-high-contrast-dark($excludes...) {\n  @each $name, $value in colour.$colour-palette-high-contrast-dark {\n    @if not list.index($excludes, $name) {\n      --#{$name}: #{$value};\n    }\n  }\n}\n\n@mixin accent-css-vars($colour) {\n  @if $colour == \"yellow\" {\n    --accent-background: #{brand-colour(\"yellow\")} !important;\n    --accent-background-light: #{brand-colour(\"cream\")} !important;\n    --accent-font-base: #{brand-colour(\"black\")} !important;\n    --accent-font-dark: #{brand-colour(\"black\")} !important;\n    --accent-font-light: #{brand-colour(\"black\", 0.7)} !important;\n    --accent-icon-light: #{brand-colour(\"black\", 0.45)} !important;\n    --accent-link: #{brand-colour(\"black\")} !important;\n    --accent-link-visited: #{brand-colour(\"black\")} !important;\n    --accent-keyline: #{brand-colour(\"black\", 0.5)} !important;\n    --accent-keyline-dark: #{brand-colour(\"black\", 0.8)} !important;\n    --button-accent-background: #{brand-colour(\"yellow\")} !important;\n  } @else {\n    --accent-font-base: #{brand-colour(\"white\")} !important;\n    --accent-font-dark: #{brand-colour(\"white\")} !important;\n    --accent-font-light: #{brand-colour(\"white\", 0.7)} !important;\n    --accent-icon-light: #{brand-colour(\"white\", 0.45)} !important;\n    --accent-link: #{brand-colour(\"white\")} !important;\n    --accent-link-visited: #{brand-colour(\"white\")} !important;\n    --accent-keyline: #{brand-colour(\"white\", 0.5)} !important;\n    --accent-keyline-dark: #{brand-colour(\"white\", 0.8)} !important;\n    --button-accent-text: #{brand-colour(\"white\")} !important;\n    @if $colour == \"pink\" {\n      --accent-background: #{brand-colour(\"maroon\")} !important;\n      --accent-background-light: #{brand-colour(\"pastel-pink\")} !important;\n      --button-accent-background: #{brand-colour(\"maroon\")} !important;\n    } @else if $colour == \"orange\" {\n      --accent-background: #{brand-colour(\"chestnut\")} !important;\n      --accent-background-light: #{brand-colour(\"pastel-orange\")} !important;\n      --button-accent-background: #{brand-colour(\"chestnut\")} !important;\n    } @else if $colour == \"green\" {\n      --accent-background: #{brand-colour(\"forest\")} !important;\n      --accent-background-light: #{brand-colour(\"pastel-green\")} !important;\n      --button-accent-background: #{brand-colour(\"forest\")} !important;\n    } @else if $colour == \"blue\" {\n      --accent-background: #{brand-colour(\"navy\")} !important;\n      --accent-background-light: #{brand-colour(\"pastel-blue\")} !important;\n      --button-accent-background: #{brand-colour(\"navy\")} !important;\n    }\n  }\n}\n\n@mixin colour-font(\n  $colour,\n  $important: false,\n  $default-palette: colour.$colour-palette-default\n) {\n  color: map.get($default-palette, $colour) if($important, !important, null);\n  color: var(--#{$colour}) if($important, !important, null);\n}\n\n@mixin colour-background($colour, $important: false) {\n  background-color: map.get(colour.$colour-palette-default, $colour)\n    if($important, !important, null);\n  background-color: var(--#{$colour}) if($important, !important, null);\n}\n\n@mixin colour-border(\n  $colour,\n  $width: \"\",\n  $style: solid,\n  $direction: \"\",\n  $important: false\n) {\n  @if $direction != \"\" {\n    @if $width != \"\" {\n      $property: border-#{$direction};\n      border-#{$direction}: $width\n        map.get(colour.$colour-palette-default, $colour)\n        $style\n        if($important, !important, null);\n      border-#{$direction}: $width\n        var(--#{$colour})\n        $style\n        if($important, !important, null);\n    } @else {\n      border-#{$direction}-color: map.get(\n          colour.$colour-palette-default,\n          $colour\n        )\n        if($important, !important, null);\n      border-#{$direction}-color: var(--#{$colour})\n        if($important, !important, null);\n    }\n  } @else {\n    @if $width != \"\" {\n      border: $width\n        map.get(colour.$colour-palette-default, $colour)\n        $style\n        if($important, !important, null);\n      border: $width var(--#{$colour}) $style if($important, !important, null);\n    } @else {\n      border-color: map.get(colour.$colour-palette-default, $colour)\n        if($important, !important, null);\n      border-color: var(--#{$colour}) if($important, !important, null);\n    }\n  }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n  @if $width != \"\" {\n    outline: $width\n      map.get(colour.$colour-palette-default, $colour)\n      $style\n      if($important, !important, null);\n    outline: $width var(--#{$colour}) $style if($important, !important, null);\n  } @else {\n    outline-color: map.get(colour.$colour-palette-default, $colour)\n      if($important, !important, null);\n    outline-color: var(--#{$colour}) if($important, !important, null);\n  }\n}\n\n@mixin colour-fill($colour, $important: false) {\n  fill: map.get(colour.$colour-palette-default, $colour)\n    if($important, !important, null);\n  fill: var(--#{$colour}) if($important, !important, null);\n}\n\n%light {\n  @include colour-css-vars(\"form-error\");\n\n  @media (prefers-contrast: more) {\n    @include colour-css-vars-high-contrast(\"form-error\");\n  }\n\n  .tna-template--high-contrast-theme & {\n    @include colour-css-vars-high-contrast(\"form-error\");\n  }\n}\n\n@mixin light {\n  @extend %light;\n}\n\n%dark {\n  @include colour-css-vars-dark(\"form-error\");\n\n  @media (prefers-contrast: more) {\n    @include colour-css-vars-high-contrast-dark(\"form-error\");\n  }\n\n  .tna-template--high-contrast-theme & {\n    @include colour-css-vars-high-contrast-dark(\"form-error\");\n  }\n}\n\n@mixin dark {\n  @extend %dark;\n}\n\n%plain {\n  .tna-template--system-theme & {\n    @extend %light;\n\n    @media (prefers-color-scheme: dark) {\n      @include colour-css-vars-dark;\n    }\n\n    @media (prefers-contrast: more) and (prefers-color-scheme: dark) {\n      @include colour-css-vars-high-contrast-dark;\n    }\n  }\n\n  .tna-template--light-theme & {\n    @include colour-css-vars;\n  }\n\n  .tna-template--dark-theme & {\n    @include colour-css-vars-dark;\n  }\n\n  .tna-template--high-contrast-theme & {\n    @include colour-css-vars-high-contrast;\n  }\n\n  .tna-template--high-contrast-theme.tna-template--dark-theme & {\n    @include colour-css-vars-high-contrast-dark;\n  }\n\n  --background: var(--page-background);\n}\n\n@mixin plain {\n  @extend %plain;\n}\n\n%contrast {\n  --background: var(--contrast-background);\n  --font-base: var(--contrast-font-base);\n  --font-dark: var(--contrast-font-dark);\n  --font-light: var(--contrast-font-light);\n  --icon-light: var(--contrast-icon-light);\n  --link: var(--contrast-link);\n  --link-visited: var(--contrast-link-visited);\n  --keyline: var(--contrast-keyline);\n  --keyline-dark: var(--contrast-keyline-dark);\n  --button-text: var(--contrast-button-text);\n  --button-background: var(--contrast-button-background);\n  --button-hover-text: var(--contrast-button-hover-text);\n  --button-hover-background: var(--contrast-button-hover-background);\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\", false, colour.$colour-palette-dark);\n}\n\n@mixin contrast {\n  @extend %contrast;\n}\n\n%contrast-on-mobile {\n  @include media.on-mobile {\n    --background: var(--contrast-background);\n    --font-base: var(--contrast-font-base);\n    --font-dark: var(--contrast-font-dark);\n    --font-light: var(--contrast-font-light);\n    --icon-light: var(--contrast-icon-light);\n    --link: var(--contrast-link);\n    --link-visited: var(--contrast-link-visited);\n    --keyline: var(--contrast-keyline);\n    --keyline-dark: var(--contrast-keyline-dark);\n    --button-text: var(--contrast-button-text);\n    --button-background: var(--contrast-button-background);\n    --button-hover-text: var(--contrast-button-hover-text);\n    --button-hover-background: var(--contrast-button-hover-background);\n\n    @include colour-background(\"background\");\n\n    @include colour-font(\"font-base\", false, colour.$colour-palette-dark);\n  }\n}\n\n@mixin contrast-on-mobile {\n  @extend %contrast-on-mobile;\n}\n\n%accent {\n  --background: var(--accent-background);\n  --font-base: var(--accent-font-base);\n  --font-dark: var(--accent-font-dark);\n  --font-light: var(--accent-font-light);\n  --icon-light: var(--accent-icon-light);\n  --link: var(--accent-link);\n  --link-visited: var(--accent-link);\n  --keyline: var(--accent-keyline);\n  --keyline-dark: var(--accent-keyline-dark);\n\n  @include colour-background(\"background\");\n\n  @include colour-font(\"font-base\", false, colour.$colour-palette-dark);\n}\n\n@mixin accent {\n  @extend %accent;\n}\n\n%tint {\n  @include colour-background(\"background-tint\");\n  @include colour-font(\"font-base\");\n}\n\n@mixin tint {\n  @extend %tint;\n}\n\n%accent-background {\n  @include colour-background(\"accent-background\");\n}\n\n@mixin accent-background {\n  @extend %accent-background;\n}\n\n%accent-light {\n  --background: var(--accent-background-light);\n  --font-base: #{map.get(colour.$colour-palette-default, \"font-base\")};\n  --font-dark: #{map.get(colour.$colour-palette-default, \"font-dark\")};\n  --font-light: #{map.get(colour.$colour-palette-default, \"font-light\")};\n  --icon-light: #{map.get(colour.$colour-palette-default, \"icon-light\")};\n  // --link: #{map.get(colour.$colour-palette-default, \"link\")};\n  // --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n  --keyline: #{map.get(colour.$colour-palette-default, \"keyline\")};\n  --keyline-dark: #{map.get(colour.$colour-palette-default, \"keyline-dark\")};\n  --button-text: #{map.get(colour.$colour-palette-default, \"button-text\")};\n  --button-background: #{map.get(\n      colour.$colour-palette-default,\n      \"button-background\"\n    )};\n  --button-hover-text: #{map.get(\n      colour.$colour-palette-default,\n      \"button-hover-text\"\n    )};\n  --button-hover-background: #{map.get(\n      colour.$colour-palette-default,\n      \"button-hover-background\"\n    )};\n\n  @include colour-background(\"background\");\n  @include colour-font(\"font-base\");\n\n  .tna-template--system-theme & {\n    @media (prefers-color-scheme: dark) {\n      --link: #{map.get(colour.$colour-palette-default, \"link\")};\n      --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n    }\n  }\n\n  .tna-template--dark-theme & {\n    --link: #{map.get(colour.$colour-palette-default, \"link\")};\n    --link-visited: #{map.get(colour.$colour-palette-default, \"link-visited\")};\n  }\n}\n\n@mixin accent-light {\n  @extend %accent-light;\n}\n\n@mixin on-high-contrast {\n  .tna-template--high-contrast-theme & {\n    @content;\n  }\n\n  .tna-template--system-theme & {\n    @media (prefers-contrast: more) {\n      @content;\n    }\n  }\n}\n\n@mixin on-forced-colours {\n  @media (forced-colors: active) {\n    @content;\n  }\n}\n\n@mixin on-high-contrast-and-forced-colours {\n  @include on-forced-colours {\n    @content;\n  }\n\n  @include on-high-contrast {\n    @content;\n  }\n}\n","@use \"sass:math\";\n@use \"colour\";\n@use \"../variables/typography\";\n\n@mixin relative-font-size($fontSizePx) {\n  font-size: #{math.div($fontSizePx, typography.$relative-1rem-px)}rem;\n}\n\n@mixin main-font-weight {\n  font-weight: typography.$main-font-weight;\n}\n\n@mixin main-font-weight-bold {\n  font-weight: typography.$main-font-weight-bold;\n}\n\n@mixin main-font($bold: false) {\n  font-family: typography.$main-font-family;\n  @if $bold {\n    @include main-font-weight-bold;\n  } @else {\n    @include main-font-weight;\n  }\n  font-optical-sizing: auto;\n  font-style: normal;\n  font-variation-settings: \"wdth\" 100;\n}\n\n@mixin heading-font {\n  font-family: typography.$heading-font-family;\n  font-weight: typography.$heading-font-weight;\n}\n\n@mixin detail-font($bold: false) {\n  font-family: typography.$detail-font-family;\n  @if $bold {\n    font-weight: typography.$detail-font-weight-bold;\n  } @else {\n    font-weight: typography.$detail-font-weight;\n  }\n  font-optical-sizing: auto;\n  font-style: normal;\n}\n\n@mixin detail-font-small {\n  @include detail-font;\n  @include relative-font-size(14);\n  text-transform: uppercase;\n  line-height: #{math.div(typography.$relative-1rem-px, 14)};\n}\n\n@mixin interacted-text-decoration {\n  text-decoration: underline;\n  text-decoration-thickness: typography.$interactive-text-decoration-thickness;\n}\n","@use \"sass:math\";\n\n$use-local-fonts: false !default;\n\n$relative-1rem-px: 16; // 16px is always 1rem\n\n$body-font-size-px: 18 !default;\n$body-font-size-px-mobile: 17 !default;\n$body-line-height: #{math.div($relative-1rem-px, $body-font-size-px) * 2} !default; // 1.77777\n\n$interactive-text-decoration-thickness: 3.5px !default;\n\n$main-font: \"Open Sans\" !default;\n$main-font-family: $main-font, sans-serif !default;\n$main-font-weight: 400 !default;\n$main-font-weight-bold: 700 !default;\n\n$heading-font-family: supria-sans-condensed, \"Arial Narrow\", sans-serif !default;\n$heading-font-weight: 500 !default;\n\n$detail-font-family: \"Roboto Mono\", monospace !default;\n$detail-font-weight: 400 !default;\n$detail-font-weight-bold: 500 !default;\n"]}

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

@@ -6,6 +6,7 @@ import { customViewports } from "../../../../.storybook/viewports";
 const argTypes = {
   items: { control: "object" },
   noCollapse: { control: "boolean" },
+  structuredData: { control: "boolean" },
   classes: { control: "text" },
   attributes: { control: "object" },
 };
@@ -21,11 +22,12 @@ export default {
   argTypes,
 };
 
-const Template = ({ items, noCollapse, classes, attributes }) =>
+const Template = ({ items, noCollapse, structuredData, classes, attributes }) =>
   Breadcrumbs({
     params: {
       items,
       noCollapse,
+      structuredData,
       classes,
       attributes,
     },