@nationalarchives/frontend 0.2.2 → 0.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/nationalarchives/all.css +1 -1
- package/nationalarchives/all.css.map +1 -1
- package/nationalarchives/all.js +1 -1
- package/nationalarchives/all.js.map +1 -1
- package/nationalarchives/analytics.js +1 -1
- package/nationalarchives/analytics.js.map +1 -1
- package/nationalarchives/analytics.mjs +9 -3
- package/nationalarchives/components/accordion/analytics.js +16 -0
- package/nationalarchives/components/breadcrumbs/breadcrumbs.css +1 -1
- package/nationalarchives/components/breadcrumbs/breadcrumbs.css.map +1 -1
- package/nationalarchives/components/breadcrumbs/breadcrumbs.scss +0 -2
- package/nationalarchives/components/button/button.css.map +1 -1
- package/nationalarchives/components/button/button.scss +0 -5
- package/nationalarchives/components/cookie-banner/cookie-banner.js +1 -1
- package/nationalarchives/components/cookie-banner/cookie-banner.js.map +1 -1
- package/nationalarchives/components/cookie-banner/cookie-banner.mjs +1 -1
- package/nationalarchives/components/date-input/date-input.css +1 -1
- package/nationalarchives/components/date-input/date-input.css.map +1 -1
- package/nationalarchives/components/date-input/date-input.scss +0 -1
- package/nationalarchives/components/date-search/date-search.css +1 -1
- package/nationalarchives/components/date-search/date-search.css.map +1 -1
- package/nationalarchives/components/date-search/date-search.scss +0 -2
- package/nationalarchives/components/details/analytics.js +27 -0
- package/nationalarchives/components/footer/footer.js +1 -1
- package/nationalarchives/components/footer/footer.js.map +1 -1
- package/nationalarchives/components/footer/footer.mjs +1 -1
- package/nationalarchives/components/gallery/analytics.js +62 -0
- package/nationalarchives/components/gallery/gallery.css +1 -1
- package/nationalarchives/components/gallery/gallery.css.map +1 -1
- package/nationalarchives/components/gallery/gallery.js +1 -1
- package/nationalarchives/components/gallery/gallery.js.map +1 -1
- package/nationalarchives/components/gallery/gallery.mjs +0 -2
- package/nationalarchives/components/gallery/gallery.scss +14 -18
- package/nationalarchives/components/hero/hero.css +1 -1
- package/nationalarchives/components/hero/hero.css.map +1 -1
- package/nationalarchives/components/hero/hero.scss +4 -0
- package/nationalarchives/components/hero/macro-options.json +2 -2
- package/nationalarchives/components/picture/picture.css +1 -1
- package/nationalarchives/components/picture/picture.css.map +1 -1
- package/nationalarchives/components/picture/picture.scss +8 -0
- package/nationalarchives/components/search-field/search-field.css +1 -1
- package/nationalarchives/components/search-field/search-field.css.map +1 -1
- package/nationalarchives/components/search-field/search-field.scss +8 -6
- package/nationalarchives/components/select/select.css +1 -1
- package/nationalarchives/components/select/select.css.map +1 -1
- package/nationalarchives/components/select/select.scss +0 -1
- package/nationalarchives/components/text-input/text-input.css +1 -1
- package/nationalarchives/components/text-input/text-input.css.map +1 -1
- package/nationalarchives/components/text-input/text-input.scss +0 -1
- package/nationalarchives/components/textarea/textarea.css +1 -1
- package/nationalarchives/components/textarea/textarea.css.map +1 -1
- package/nationalarchives/components/textarea/textarea.scss +0 -2
- package/nationalarchives/global-header-package.css +1 -1
- package/nationalarchives/global-header-package.css.map +1 -1
- package/nationalarchives/lib/cookies.mjs +3 -3
- package/nationalarchives/prototype-kit.css +1 -1
- package/nationalarchives/prototype-kit.css.map +1 -1
- package/nationalarchives/utilities/_reset.scss +8 -0
- package/nationalarchives/utilities/typography/_index.scss +2 -1
- package/package.json +14 -14
@@ -1 +1 @@
|
|
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/footer/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/global-header/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/header/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/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};","window.TNAFrontendCookies = window.TNAFrontendCookies || null;\nwindow.TNAFrontendCookieEvents = window.TNAFrontendCookieEvents || null;\n\nexport class CookieEventHandler {\n events = {};\n oneTimeEvents = {};\n\n constructor() {\n if (window.TNAFrontendCookieEvents) {\n return window.TNAFrontendCookieEvents;\n }\n window.TNAFrontendCookieEvents = 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 * @param {String} [options.newInstance=false] - Create a fresh instance of the cookie class.\n */\n constructor(options = {}) {\n const {\n extraPolicies = [],\n domain = \"\",\n path = \"/\",\n secure = true,\n policiesKey = \"cookies_policy\",\n newInstance = false,\n } = options;\n if (newInstance) {\n this.destroyInstance();\n } else if (window.TNAFrontendCookies) {\n return window.TNAFrontendCookies;\n }\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 window.TNAFrontendCookies = this;\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 destroyInstance() {\n window.TNAFrontendCookies = null;\n }\n\n /** @protected */\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 /** @protected */\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 text: ($el) => $el.innerText,\n html: ($el) => $el.innerHTML,\n value: ($el) => $el.value,\n index: ($el, $scope, event, index) => index,\n checked: ($el) => ($el.checked ? \"checked\" : \"unchecked\"),\n expanded: ($el) => {\n const expanded = $el.getAttribute(\"aria-expanded\");\n if (expanded === null) {\n return null;\n }\n return expanded.toString() === \"true\" ? \"opened\" : \"closed\";\n },\n closestHeading: ($el) => getClosestHeading($el),\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 { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n {\n scope: \".tna-footer\",\n areaName: \"footer\",\n rootEventName: \"global_navigation\",\n events: [\n {\n eventName: \"link.click\",\n targetElement: \".tna-footer__navigation-block-item-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Link\",\n data_section: valueGetters.closestHeading,\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"social_link.click\",\n targetElement: \".tna-footer__social-item-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Icon\",\n data_section: \"Social media\",\n data_link: ($el) => $el.getAttribute(\"data-name\"),\n },\n },\n {\n eventName: \"legal_link.click\",\n targetElement: \".tna-footer__legal-item-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Link\",\n data_section: \"Legal information\",\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"mailing_list.click\",\n targetElement: \".tna-footer__mailing-list a.tna-button\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Button\",\n data_section: \"Mailing list\",\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"ogl.click\",\n targetElement: \".tna-footer__licence p a.tna-footer__link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Link\",\n data_section: \"OGL\",\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"govuk.click\",\n targetElement: \".tna-footer__govuk-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Logo\",\n data_section: \"GOV.UK\",\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"theme.change\",\n targetElement: \".tna-footer__theme-selector-button\",\n on: \"click\",\n data: {\n value: valueGetters.value,\n },\n },\n ],\n },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n {\n scope: \".tna-global-header\",\n areaName: \"header\",\n rootEventName: \"global_navigation\",\n events: [\n {\n eventName: \"toggle\",\n targetElement: \".tna-global-header__navigation-button\",\n on: \"click\",\n data: {\n state: valueGetters.expanded,\n },\n rootData: {\n data_component_name: \"Header\",\n data_link_type: \"Mobile menu\",\n data_link: ($el) => {\n const expanded = $el.getAttribute(\"aria-expanded\");\n if (expanded === null) {\n return null;\n }\n return expanded.toString() === \"true\" ? \"Open menu\" : \"Close menu\";\n },\n data_section: \"Burger menu\",\n },\n },\n {\n eventName: \"logo.click\",\n targetElement: \".tna-global-header__logo\",\n on: \"click\",\n rootData: {\n data_component_name: \"Header\",\n data_link_type: \"Logo\",\n data_link: \"The National Archives\",\n data_section: \"Top navigation and logo\",\n },\n },\n {\n eventName: \"primary_link.click\",\n targetElement: \".tna-global-header__navigation-item-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Header\",\n data_link_type: \"Menu\",\n data_section: valueGetters.text,\n data_position: 1,\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"secondary_link.click\",\n targetElement: \".tna-global-header__top-navigation-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Header\",\n data_link_type: \"Icon\",\n data_link: valueGetters.text,\n data_section: \"Top navigation and logo\",\n },\n },\n ],\n },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport 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 state: valueGetters.expanded,\n },\n },\n ],\n },\n];\n","import {\n getClosestHeading,\n valueGetters,\n} 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 state: valueGetters.expanded,\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 FooterAnalytics from \"./components/footer/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 ...FooterAnalytics,\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 startTime = new Date();\n\n /** @protected */\n prefix = \"tna\";\n\n /** @protected */\n addTrackingCode = true;\n\n constructor(options = {}) {\n const { prefix = null, addTrackingCode = true } = options;\n if (prefix) {\n this.prefix = prefix;\n }\n this.addTrackingCode = addTrackingCode;\n }\n\n start(initAll) {\n if (!navigator.doNotTrack || navigator.doNotTrack !== 1) {\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 if (initAll) {\n this.initAll();\n }\n }\n }\n\n enableTracking() {}\n\n disableTracking() {}\n\n /**\n * Initialise all TNA Frontend component analytics.\n */\n initAll() {\n componentAnalytics.forEach((componentConfig) => {\n this.addListeners(\n componentConfig.scope,\n componentConfig.areaName,\n componentConfig.events,\n componentConfig.rootEventName || \"\",\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, group: Function|String|undefined, [String]: String|Integer}, rootData:{[String]: Function|String}}[]} events - The configuration of events to track along with their optional value and state which can be computed.\n * @param {String} rootEventName - The event name to use if specified (prefix).\n */\n addListeners(scope, areaName, events, rootEventName = \"\") {\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((eventConfig) => {\n if (!eventConfig.on) {\n return;\n }\n if (eventConfig.targetElement) {\n Array.from(\n $scope.querySelectorAll(eventConfig.targetElement),\n ).forEach(($el, index) =>\n this.attachListener(\n $el,\n $scope,\n rootEventName,\n eventConfig,\n scope,\n areaName,\n index + 1,\n ),\n );\n } else {\n this.attachListener(\n $scope,\n $scope,\n rootEventName,\n eventConfig,\n scope,\n areaName,\n 1,\n );\n }\n });\n });\n }\n\n /** @protected */\n generateEventName(areaName, eventConfig) {\n return `${this.prefix}.${areaName}.${eventConfig.eventName || eventConfig.on}`;\n }\n\n /** @protected */\n attachListener(\n $el,\n $scope,\n rootEventName,\n eventConfig,\n scope,\n areaName,\n index,\n ) {\n const { on, data, targetElement, rootData = {} } = eventConfig;\n $el.addEventListener(on, (event) =>\n this.recordEvent(\n rootEventName\n ? `${this.prefix}.${rootEventName}`\n : this.generateEventName(areaName, eventConfig),\n {\n ...data,\n name: this.generateEventName(areaName, eventConfig),\n value: data?.value\n ? this.computedValue(data.value, $el, $scope, event, index)\n : null,\n state: data?.state\n ? this.computedValue(data.state, $el, $scope, event, index)\n : null,\n group: data?.group\n ? this.computedValue(data.group, $el, $scope, event, index)\n : null,\n xPath: getXPathTo($el),\n targetElement: targetElement,\n timeSincePageLoad: new Date() - this.startTime,\n index,\n scope,\n areaName,\n },\n Object.fromEntries(\n Object.entries(rootData).map(([key, value]) => [\n key,\n this.computedValue(value, $el, $scope, event, index),\n ]),\n ),\n ),\n );\n }\n\n /** @protected */\n computedValue(value, $el, $scope, event, index) {\n return typeof value === \"function\"\n ? value.call(this, $el, $scope, event, index)\n : (value ?? null);\n }\n\n /** @protected */\n recordEvent(eventName, data, rootData = {}) {\n this.events.push({\n event: eventName,\n [`${this.prefix}.event`]: data,\n ...rootData,\n });\n }\n\n /** @protected */\n getTnaMetaTags() {\n return Object.fromEntries(\n Array.from(\n document.head.querySelectorAll(\n `meta[name^='${this.prefix}.'][content]`,\n ),\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 /** @protected */\n trackingCodeAdded = false;\n\n /** @protected */\n trackingEnabled = false;\n\n /** @protected */\n gTagId;\n\n constructor(options = {}) {\n if (window.TNAFrontendAnalytics) {\n return window.TNAFrontendAnalytics;\n }\n const {\n id = \"\",\n prefix = null,\n initAll = true,\n addTrackingCode = true,\n } = options;\n super({ prefix, addTrackingCode });\n window.TNAFrontendAnalytics = this;\n this.gTagId = id;\n this.ga4Disable = `ga-disable-${this.gTagId}`;\n window.dataLayer = window.dataLayer || [];\n if (!this.cookies.isPolicyAccepted(\"usage\")) {\n window[this.ga4Disable] = true;\n this.cookies.set(this.ga4Disable, \"true\");\n }\n this.start(initAll);\n }\n\n destroy() {\n window.TNAFrontendAnalytics = null;\n }\n\n /** @protected */\n recordEvent(eventName, data, rootData = {}) {\n const ga4Data = {\n event: eventName,\n ...Object.fromEntries(\n Object.entries(data).map(([key, value]) => [\n `${this.prefix}.event.${key}`,\n value,\n ]),\n ),\n ...rootData,\n };\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[this.ga4Disable] = false;\n this.cookies.set(this.ga4Disable, \"false\");\n if (!this.trackingCodeAdded && this.addTrackingCode) {\n if (!this.gTagId) {\n throw Error(\"ID was not specified\");\n }\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 if (firstScript) {\n firstScript.parentNode.insertBefore(script, firstScript);\n } else {\n document.head.appendChild(script);\n }\n this.trackingCodeAdded = true;\n const tnaMetaTags = this.getTnaMetaTags();\n if (Object.keys(tnaMetaTags).length) {\n this.pushToDataLayer(tnaMetaTags);\n }\n }\n this.trackingEnabled = true;\n }\n }\n\n /** @protected */\n disableTracking() {\n if (this.trackingEnabled) {\n window[this.ga4Disable] = true;\n this.cookies.set(this.ga4Disable, \"true\");\n Object.keys(this.cookies.all).forEach((key) => {\n if (key.startsWith(\"_ga\")) {\n this.cookies.delete(key);\n }\n });\n this.trackingEnabled = false;\n // window.location.reload();\n }\n }\n}\n\nconst helpers = { getXPathTo, getClosestHeading, valueGetters };\n\nexport { EventTracker, GA4, helpers };\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","window","TNAFrontendCookies","TNAFrontendCookieEvents","CookieEventHandler","_createClass","_classCallCheck","_defineProperty","this","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","_options$newInstance","newInstance","destroyInstance","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","html","innerHTML","index","$scope","checked","expanded","getAttribute","toString","closestHeading","scope","areaName","eventName","targetElement","state","group","_$scope$closest","closest","querySelector","rootEventName","rootData","data_component_name","data_link_type","data_section","data_link","data_position","image","imageSrc","imageAlt","_$scope$querySelector","componentAnalytics","CheckboxesAnalytics","FooterAnalytics","GlobalHeaderAnalytics","HeaderAnalytics","_$scope$querySelector2","hasAttribute","_$scope$querySelector3","PictureAnalytics","RadiosAnalytics","SearchFieldAnalytics","TextInputAnalytics","TextareaAnalytics","EventTracker","_window$TNAFrontend","TNAFrontend","Date","_options$prefix","prefix","_options$addTrackingC","addTrackingCode","initAll","navigator","doNotTrack","cookies","isPolicyAccepted","enableTracking","disableTracking","componentConfig","addListeners","scopeArray","_this3","querySelectorAll","_typeof","eventConfig","attachListener","_this4","_eventConfig$rootData","addEventListener","recordEvent","generateEventName","name","computedValue","xPath","timeSincePageLoad","startTime","entries","_ref","_ref2","_slicedToArray","push","head","$metaEl","GA4","_EventTracker2","_this5","TNAFrontendAnalytics","_possibleConstructorReturn","_options$id","_options$prefix2","_options$initAll","_options$addTrackingC2","_callSuper","gTagId","ga4Disable","dataLayer","start","_inherits","_this6","ga4Data","_ref3","_ref4","pushToDataLayer","trackingEnabled","trackingCodeAdded","Error","getTime","firstScript","getElementsByTagName","script","createElement","async","src","insertBefore","appendChild","tnaMetaTags","getTnaMetaTags","_this7","startsWith","helpers"],"sourceRoot":""}
|
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/accordion/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/breadcrumbs/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/checkboxes/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/details/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/footer/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/gallery/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/global-header/analytics.js","webpack://TNAFrontend/./src/nationalarchives/components/header/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/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};","window.TNAFrontendCookies = window.TNAFrontendCookies || null;\nwindow.TNAFrontendCookieEvents = window.TNAFrontendCookieEvents || null;\n\nexport class CookieEventHandler {\n events = {};\n oneTimeEvents = {};\n\n constructor() {\n if (window.TNAFrontendCookieEvents) {\n return window.TNAFrontendCookieEvents;\n }\n window.TNAFrontendCookieEvents = 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 * @param {String} [options.newInstance=false] - Create a fresh instance of the cookie class.\n */\n constructor(options = {}) {\n const {\n extraPolicies = [],\n domain = \"\",\n path = \"/\",\n secure = true,\n policiesKey = \"cookies_policy\",\n newInstance = false,\n } = options;\n if (newInstance) {\n this.destroyInstance();\n } else if (window.TNAFrontendCookies) {\n return window.TNAFrontendCookies;\n }\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 window.TNAFrontendCookies = this;\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 destroyInstance() {\n window.TNAFrontendCookies = null;\n }\n\n /** @protected */\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 /** @protected */\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|null} [options.maxAge=null] - 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 = null,\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}${maxAge !== null ? `; 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 text: ($el) => $el.innerText,\n html: ($el) => $el.innerHTML,\n value: ($el) => $el.value,\n index: ($el, $scope, event, index) => index,\n checked: ($el) => ($el.checked ? \"checked\" : \"unchecked\"),\n expanded: ($el) => {\n const expanded = $el.getAttribute(\"aria-expanded\");\n if (expanded === null) {\n return null;\n }\n return expanded.toString() === \"true\" ? \"opened\" : \"closed\";\n },\n closestHeading: ($el) => getClosestHeading($el),\n};\n\nexport { getXPathTo, getClosestHeading, valueGetters };\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n {\n scope: \".tna-accordion\",\n areaName: \"accordion\",\n events: [\n {\n eventName: \"click\",\n targetElement: \".tna-accordion__summary\",\n on: \"click\",\n data: { state: valueGetters.expanded, value: valueGetters.text },\n },\n ],\n },\n];\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 { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n {\n scope: \".tna-details\",\n areaName: \"details\",\n events: [\n {\n eventName: \"click\",\n targetElement: \".tna-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-details__details\")\n ?.hasAttribute(\"open\") ?? false;\n return wasExpanded ? \"closed\" : \"opened\";\n },\n // eslint-disable-next-line no-unused-vars\n value: valueGetters.text,\n },\n },\n ],\n },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n {\n scope: \".tna-footer\",\n areaName: \"footer\",\n rootEventName: \"global_navigation\",\n events: [\n {\n eventName: \"link.click\",\n targetElement: \".tna-footer__navigation-block-item-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Link\",\n data_section: valueGetters.closestHeading,\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"social_link.click\",\n targetElement: \".tna-footer__social-item-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Icon\",\n data_section: \"Social media\",\n data_link: ($el) => $el.getAttribute(\"data-name\"),\n },\n },\n {\n eventName: \"legal_link.click\",\n targetElement: \".tna-footer__legal-item-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Link\",\n data_section: \"Legal information\",\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"mailing_list.click\",\n targetElement: \".tna-footer__mailing-list a.tna-button\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Button\",\n data_section: \"Mailing list\",\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"ogl.click\",\n targetElement: \".tna-footer__licence p a.tna-footer__link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Link\",\n data_section: \"OGL\",\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"govuk.click\",\n targetElement: \".tna-footer__govuk-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Footer\",\n data_link_type: \"Logo\",\n data_section: \"GOV.UK\",\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"theme.change\",\n targetElement: \".tna-footer__theme-selector-button\",\n on: \"click\",\n data: {\n value: valueGetters.value,\n },\n },\n ],\n },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n {\n scope: \".tna-gallery\",\n areaName: \"gallery\",\n events: [\n {\n eventName: \"click\",\n targetElement: \".tna-gallery__navigation-item\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n },\n {\n eventName: \"click\",\n targetElement: \".tna-gallery__navigation-prev\",\n on: \"click\",\n data: {\n value: ($el, $scope) =>\n $scope.querySelector(\n \".tna-gallery__item:not([hidden]) .tna-gallery__item-header\",\n ).innerText,\n },\n },\n {\n eventName: \"click\",\n targetElement: \".tna-gallery__navigation-next\",\n on: \"click\",\n data: {\n value: ($el, $scope) =>\n $scope.querySelector(\n \".tna-gallery__item:not([hidden]) .tna-gallery__item-header\",\n ).innerText,\n },\n },\n {\n eventName: \"keypress\",\n on: \"keydown\",\n data: {\n value: ($el, $scope, event) => event.key,\n },\n },\n {\n eventName: \"enter-fullscreen\",\n targetElement: '.tna-gallery__options button[value=\"enter-fullscreen\"]',\n on: \"click\",\n },\n {\n eventName: \"exit-fullscreen\",\n targetElement: '.tna-gallery__options button[value=\"exit-fullscreen\"]',\n on: \"click\",\n },\n {\n eventName: \"index\",\n targetElement: '.tna-gallery__options button[value=\"show-index\"]',\n on: \"click\",\n },\n ],\n },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport default [\n {\n scope: \".tna-global-header\",\n areaName: \"header\",\n rootEventName: \"global_navigation\",\n events: [\n {\n eventName: \"toggle\",\n targetElement: \".tna-global-header__navigation-button\",\n on: \"click\",\n data: {\n state: valueGetters.expanded,\n },\n rootData: {\n data_component_name: \"Header\",\n data_link_type: \"Mobile menu\",\n data_link: ($el) => {\n const expanded = $el.getAttribute(\"aria-expanded\");\n if (expanded === null) {\n return null;\n }\n return expanded.toString() === \"true\" ? \"Open menu\" : \"Close menu\";\n },\n data_section: \"Burger menu\",\n },\n },\n {\n eventName: \"logo.click\",\n targetElement: \".tna-global-header__logo\",\n on: \"click\",\n rootData: {\n data_component_name: \"Header\",\n data_link_type: \"Logo\",\n data_link: \"The National Archives\",\n data_section: \"Top navigation and logo\",\n },\n },\n {\n eventName: \"primary_link.click\",\n targetElement: \".tna-global-header__navigation-item-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Header\",\n data_link_type: \"Menu\",\n data_section: valueGetters.text,\n data_position: 1,\n data_link: valueGetters.text,\n },\n },\n {\n eventName: \"secondary_link.click\",\n targetElement: \".tna-global-header__top-navigation-link\",\n on: \"click\",\n data: {\n value: valueGetters.text,\n },\n rootData: {\n data_component_name: \"Header\",\n data_link_type: \"Icon\",\n data_link: valueGetters.text,\n data_section: \"Top navigation and logo\",\n },\n },\n ],\n },\n];\n","import { valueGetters } from \"../../lib/analytics-helpers.mjs\";\n\nexport 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 state: valueGetters.expanded,\n },\n },\n ],\n },\n];\n","import {\n getClosestHeading,\n valueGetters,\n} 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 state: valueGetters.expanded,\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 AccordionAnalytics from \"./components/accordion/analytics.js\";\nimport BreadcrumbAnalytics from \"./components/breadcrumbs/analytics.js\";\nimport CheckboxesAnalytics from \"./components/checkboxes/analytics.js\";\nimport DetailsAnalytics from \"./components/details/analytics.js\";\nimport FooterAnalytics from \"./components/footer/analytics.js\";\nimport GalleryAnalytics from \"./components/gallery/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 ...AccordionAnalytics,\n ...BreadcrumbAnalytics,\n ...CheckboxesAnalytics,\n ...DetailsAnalytics,\n ...FooterAnalytics,\n ...GalleryAnalytics,\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 startTime = new Date();\n\n /** @protected */\n prefix = \"tna\";\n\n /** @protected */\n addTrackingCode = true;\n\n constructor(options = {}) {\n const { prefix = null, addTrackingCode = true } = options;\n if (prefix) {\n this.prefix = prefix;\n }\n this.addTrackingCode = addTrackingCode;\n }\n\n start(initAll) {\n if (!navigator.doNotTrack || navigator.doNotTrack !== 1) {\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 if (initAll) {\n this.initAll();\n }\n }\n }\n\n enableTracking() {}\n\n disableTracking() {}\n\n /**\n * Initialise all TNA Frontend component analytics.\n */\n initAll() {\n componentAnalytics.forEach((componentConfig) => {\n this.addListeners(\n componentConfig.scope,\n componentConfig.areaName,\n componentConfig.events,\n componentConfig.rootEventName || \"\",\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, group: Function|String|undefined, [String]: String|Integer}, rootData:{[String]: Function|String}}[]} events - The configuration of events to track along with their optional value and state which can be computed.\n * @param {String} rootEventName - The event name to use if specified (prefix).\n */\n addListeners(scope, areaName, events, rootEventName = \"\") {\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((eventConfig) => {\n if (!eventConfig.on) {\n return;\n }\n if (eventConfig.targetElement) {\n Array.from(\n $scope.querySelectorAll(eventConfig.targetElement),\n ).forEach(($el, index) =>\n this.attachListener(\n $el,\n $scope,\n rootEventName,\n eventConfig,\n scope,\n areaName,\n index + 1,\n ),\n );\n } else {\n this.attachListener(\n $scope,\n $scope,\n rootEventName,\n eventConfig,\n scope,\n areaName,\n 1,\n );\n }\n });\n });\n }\n\n /** @protected */\n generateEventName(areaName, eventConfig) {\n return `${this.prefix}.${areaName}.${eventConfig.eventName || eventConfig.on}`;\n }\n\n /** @protected */\n attachListener(\n $el,\n $scope,\n rootEventName,\n eventConfig,\n scope,\n areaName,\n index,\n ) {\n const { on, data, targetElement, rootData = {} } = eventConfig;\n $el.addEventListener(on, (event) =>\n this.recordEvent(\n rootEventName\n ? `${this.prefix}.${rootEventName}`\n : this.generateEventName(areaName, eventConfig),\n {\n ...data,\n name: this.generateEventName(areaName, eventConfig),\n value: data?.value\n ? this.computedValue(data.value, $el, $scope, event, index)\n : null,\n state: data?.state\n ? this.computedValue(data.state, $el, $scope, event, index)\n : null,\n group: data?.group\n ? this.computedValue(data.group, $el, $scope, event, index)\n : null,\n xPath: getXPathTo($el),\n targetElement: targetElement,\n timeSincePageLoad: new Date() - this.startTime,\n index,\n scope,\n areaName,\n },\n Object.fromEntries(\n Object.entries(rootData).map(([key, value]) => [\n key,\n this.computedValue(value, $el, $scope, event, index),\n ]),\n ),\n ),\n );\n }\n\n /** @protected */\n computedValue(value, $el, $scope, event, index) {\n return typeof value === \"function\"\n ? value.call(this, $el, $scope, event, index)\n : (value ?? null);\n }\n\n /** @protected */\n recordEvent(eventName, data, rootData = {}) {\n this.events.push({\n event: eventName,\n [`${this.prefix}.event`]: data,\n ...rootData,\n });\n }\n\n /** @protected */\n getTnaMetaTags() {\n return Object.fromEntries(\n Array.from(\n document.head.querySelectorAll(\n `meta[name^='${this.prefix}.'][content]`,\n ),\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 /** @protected */\n trackingCodeAdded = false;\n\n /** @protected */\n trackingEnabled = false;\n\n /** @protected */\n gTagId;\n\n constructor(options = {}) {\n if (window.TNAFrontendAnalytics) {\n return window.TNAFrontendAnalytics;\n }\n const {\n id = \"\",\n prefix = null,\n initAll = true,\n addTrackingCode = true,\n } = options;\n super({ prefix, addTrackingCode });\n window.TNAFrontendAnalytics = this;\n this.gTagId = id;\n this.ga4Disable = `ga-disable-${this.gTagId}`;\n window.dataLayer = window.dataLayer || [];\n if (!this.cookies.isPolicyAccepted(\"usage\")) {\n window[this.ga4Disable] = true;\n this.cookies.set(this.ga4Disable, \"true\", { maxAge: 31536000 });\n }\n this.start(initAll);\n }\n\n destroy() {\n window.TNAFrontendAnalytics = null;\n }\n\n /** @protected */\n recordEvent(eventName, data, rootData = {}) {\n const ga4Data = {\n event: eventName,\n ...Object.fromEntries(\n Object.entries(data).map(([key, value]) => [\n `${this.prefix}.event.${key}`,\n value,\n ]),\n ),\n ...rootData,\n };\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[this.ga4Disable] = false;\n this.cookies.set(this.ga4Disable, \"false\", { maxAge: 31536000 });\n if (!this.trackingCodeAdded && this.addTrackingCode) {\n if (!this.gTagId) {\n throw Error(\"ID was not specified\");\n }\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 if (firstScript) {\n firstScript.parentNode.insertBefore(script, firstScript);\n } else {\n document.head.appendChild(script);\n }\n this.trackingCodeAdded = true;\n const tnaMetaTags = this.getTnaMetaTags();\n if (Object.keys(tnaMetaTags).length) {\n this.pushToDataLayer(tnaMetaTags);\n }\n }\n this.trackingEnabled = true;\n }\n }\n\n /** @protected */\n disableTracking() {\n if (this.trackingEnabled) {\n window[this.ga4Disable] = true;\n this.cookies.set(this.ga4Disable, \"true\", { maxAge: 31536000 });\n Object.keys(this.cookies.all).forEach((key) => {\n if (key.startsWith(\"_ga\")) {\n this.cookies.delete(key);\n }\n });\n this.trackingEnabled = false;\n // window.location.reload();\n }\n }\n}\n\nconst helpers = { getXPathTo, getClosestHeading, valueGetters };\n\nexport { EventTracker, GA4, helpers };\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","window","TNAFrontendCookies","TNAFrontendCookieEvents","CookieEventHandler","_createClass","_classCallCheck","_defineProperty","this","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","_options$newInstance","newInstance","destroyInstance","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","html","innerHTML","index","$scope","checked","expanded","getAttribute","toString","closestHeading","scope","areaName","eventName","targetElement","state","group","_$scope$closest","closest","querySelector","_$scope$querySelector","_$scope$querySelector2","hasAttribute","rootEventName","rootData","data_component_name","data_link_type","data_section","data_link","data_position","image","imageSrc","imageAlt","componentAnalytics","BreadcrumbAnalytics","CheckboxesAnalytics","DetailsAnalytics","FooterAnalytics","GalleryAnalytics","GlobalHeaderAnalytics","HeaderAnalytics","_$scope$querySelector3","PictureAnalytics","RadiosAnalytics","SearchFieldAnalytics","TextInputAnalytics","TextareaAnalytics","EventTracker","_window$TNAFrontend","TNAFrontend","Date","_options$prefix","prefix","_options$addTrackingC","addTrackingCode","initAll","navigator","doNotTrack","cookies","isPolicyAccepted","enableTracking","disableTracking","componentConfig","addListeners","scopeArray","_this3","querySelectorAll","_typeof","eventConfig","attachListener","_this4","_eventConfig$rootData","addEventListener","recordEvent","generateEventName","name","computedValue","xPath","timeSincePageLoad","startTime","entries","_ref","_ref2","_slicedToArray","push","head","$metaEl","GA4","_EventTracker2","_this5","TNAFrontendAnalytics","_possibleConstructorReturn","_options$id","_options$prefix2","_options$initAll","_options$addTrackingC2","_callSuper","gTagId","ga4Disable","dataLayer","start","_inherits","_this6","ga4Data","_ref3","_ref4","pushToDataLayer","trackingEnabled","trackingCodeAdded","Error","getTime","firstScript","getElementsByTagName","script","createElement","async","src","insertBefore","appendChild","tnaMetaTags","getTnaMetaTags","_this7","startsWith","helpers"],"sourceRoot":""}
|
@@ -4,9 +4,12 @@ import {
|
|
4
4
|
getClosestHeading,
|
5
5
|
valueGetters,
|
6
6
|
} from "./lib/analytics-helpers.mjs";
|
7
|
+
import AccordionAnalytics from "./components/accordion/analytics.js";
|
7
8
|
import BreadcrumbAnalytics from "./components/breadcrumbs/analytics.js";
|
8
9
|
import CheckboxesAnalytics from "./components/checkboxes/analytics.js";
|
10
|
+
import DetailsAnalytics from "./components/details/analytics.js";
|
9
11
|
import FooterAnalytics from "./components/footer/analytics.js";
|
12
|
+
import GalleryAnalytics from "./components/gallery/analytics.js";
|
10
13
|
import GlobalHeaderAnalytics from "./components/global-header/analytics.js";
|
11
14
|
import HeaderAnalytics from "./components/header/analytics.js";
|
12
15
|
import HeroAnalytics from "./components/hero/analytics.js";
|
@@ -17,9 +20,12 @@ import TextInputAnalytics from "./components/text-input/analytics.js";
|
|
17
20
|
import TextareaAnalytics from "./components/textarea/analytics.js";
|
18
21
|
|
19
22
|
const componentAnalytics = [
|
23
|
+
...AccordionAnalytics,
|
20
24
|
...BreadcrumbAnalytics,
|
21
25
|
...CheckboxesAnalytics,
|
26
|
+
...DetailsAnalytics,
|
22
27
|
...FooterAnalytics,
|
28
|
+
...GalleryAnalytics,
|
23
29
|
...GlobalHeaderAnalytics,
|
24
30
|
...HeaderAnalytics,
|
25
31
|
...HeroAnalytics,
|
@@ -258,7 +264,7 @@ class GA4 extends EventTracker {
|
|
258
264
|
window.dataLayer = window.dataLayer || [];
|
259
265
|
if (!this.cookies.isPolicyAccepted("usage")) {
|
260
266
|
window[this.ga4Disable] = true;
|
261
|
-
this.cookies.set(this.ga4Disable, "true");
|
267
|
+
this.cookies.set(this.ga4Disable, "true", { maxAge: 31536000 });
|
262
268
|
}
|
263
269
|
this.start(initAll);
|
264
270
|
}
|
@@ -296,7 +302,7 @@ class GA4 extends EventTracker {
|
|
296
302
|
enableTracking() {
|
297
303
|
if (!this.trackingEnabled) {
|
298
304
|
window[this.ga4Disable] = false;
|
299
|
-
this.cookies.set(this.ga4Disable, "false");
|
305
|
+
this.cookies.set(this.ga4Disable, "false", { maxAge: 31536000 });
|
300
306
|
if (!this.trackingCodeAdded && this.addTrackingCode) {
|
301
307
|
if (!this.gTagId) {
|
302
308
|
throw Error("ID was not specified");
|
@@ -328,7 +334,7 @@ class GA4 extends EventTracker {
|
|
328
334
|
disableTracking() {
|
329
335
|
if (this.trackingEnabled) {
|
330
336
|
window[this.ga4Disable] = true;
|
331
|
-
this.cookies.set(this.ga4Disable, "true");
|
337
|
+
this.cookies.set(this.ga4Disable, "true", { maxAge: 31536000 });
|
332
338
|
Object.keys(this.cookies.all).forEach((key) => {
|
333
339
|
if (key.startsWith("_ga")) {
|
334
340
|
this.cookies.delete(key);
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { valueGetters } from "../../lib/analytics-helpers.mjs";
|
2
|
+
|
3
|
+
export default [
|
4
|
+
{
|
5
|
+
scope: ".tna-accordion",
|
6
|
+
areaName: "accordion",
|
7
|
+
events: [
|
8
|
+
{
|
9
|
+
eventName: "click",
|
10
|
+
targetElement: ".tna-accordion__summary",
|
11
|
+
on: "click",
|
12
|
+
data: { state: valueGetters.expanded, value: valueGetters.text },
|
13
|
+
},
|
14
|
+
],
|
15
|
+
},
|
16
|
+
];
|
@@ -1 +1 @@
|
|
1
|
-
.tna-breadcrumbs{padding-top:16px;padding-bottom:16px}.tna-breadcrumbs:focus{outline:none !important}.tna-breadcrumbs__list{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none}.tna-breadcrumbs__item{display:flex}.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{content:"›";content:"›"/"";margin:0 12px;display:inline-block;vertical-align:baseline}.tna-breadcrumbs__item--expandable{display:none}@media(max-width: 48em){.tna-breadcrumbs__item--expandable{display:inline-block !important}}.tna-breadcrumbs__link{display:inline-block}.tna-breadcrumbs__link,.tna-breadcrumbs__link:link,.tna-breadcrumbs__link:visited{color:var(--font-base, #343338)}.tna-breadcrumbs__link:hover{color:var(--font-dark, rgb(1, 1, 1))}.tna-breadcrumbs button.tna-breadcrumbs__link{height:100%;margin:0;padding:0;appearance:none;
|
1
|
+
.tna-breadcrumbs{padding-top:16px;padding-bottom:16px}.tna-breadcrumbs:focus{outline:none !important}.tna-breadcrumbs__list{margin:0;padding:0;display:flex;flex-wrap:wrap;list-style:none}.tna-breadcrumbs__item{display:flex}.tna-breadcrumbs__item+.tna-breadcrumbs__item::before{content:"›";content:"›"/"";margin:0 12px;display:inline-block;vertical-align:baseline}.tna-breadcrumbs__item--expandable{display:none}@media(max-width: 48em){.tna-breadcrumbs__item--expandable{display:inline-block !important}}.tna-breadcrumbs__link{display:inline-block}.tna-breadcrumbs__link,.tna-breadcrumbs__link:link,.tna-breadcrumbs__link:visited{color:var(--font-base, #343338)}.tna-breadcrumbs__link:hover{color:var(--font-dark, rgb(1, 1, 1))}.tna-breadcrumbs button.tna-breadcrumbs__link{height:100%;margin:0;padding:0;appearance:none;line-height:inherit;background-color:rgba(0,0,0,0);border:none;cursor:pointer}.tna-breadcrumbs button.tna-breadcrumbs__link:hover{color:inherit;text-decoration:underline;text-decoration-thickness:3.5px;background-color:rgba(0,0,0,0)}@media(max-width: 48em){.tna-breadcrumbs--collapsed .tna-breadcrumbs__item:not(:first-child,.tna-breadcrumbs__item--expandable,:last-child){display:none}}@media(prefers-contrast: more){.tna-breadcrumbs__link,.tna-breadcrumbs__link:link,.tna-breadcrumbs__link:visited{color:var(--link, #005fa3)}}/*# sourceMappingURL=breadcrumbs.css.map */
|
@@ -1 +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":"CAKA,iBACE,iBACA,oBAEA,uBACE,wBAGF,uBACE,SACA,UAEA,aACA,eAEA,gBAGF,uBACE,aAGE,sDACE,YACA,eAEA,cAEA,qBAEA,wBAIJ,mCACE,aC0CJ,wBD3CE,mCAII,iCAKN,uBACE,qBAEA,kFEDF,gCFOE,6BEPF,qCFYA,8CACE,YACA,SACA,UAEA,gBAEA,kBACA,oBACA,oBAEA,+BAEA,YAEA,eAEA,oDACE,cGlBJ,0BACA,0BCpCsC,MJwDlC,+BCDJ,wBDME,oHACE,cE4UJ,+BFtUI,kFE7CJ","file":"breadcrumbs.css","sourcesContent":["@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-breadcrumbs {\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(1);\n\n &:focus {\n outline: none !important;\n }\n\n &__list {\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-wrap: wrap;\n\n list-style: none;\n }\n\n &__item {\n display: flex;\n\n + .tna-breadcrumbs__item {\n &::before {\n content: \"\\203A\";\n content: \"\\203A\" / \"\";\n\n margin: 0 spacing.space(0.75);\n\n display: inline-block;\n\n vertical-align: baseline;\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\n button#{&}__link {\n height: 100%;\n margin: 0;\n padding: 0;\n\n appearance: none;\n\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n\n background-color: transparent;\n\n border: none;\n\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 colour.on-high-contrast {\n &__link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"link\");\n }\n }\n }\n}\n","@use \"sass:math\";\n@use \"../variables/media\";\n@use \"../variables/typography\";\n\n$smallest-large-device-em: #{math.div(\n media.$largest-medium-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-medium-device-em: #{math.div(\n media.$largest-medium-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-medium-device-em: #{math.div(\n media.$largest-small-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-small-device-em: #{math.div(\n media.$largest-small-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-small-device-em: #{math.div(\n media.$largest-tiny-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-tiny-device-em: #{math.div(\n media.$largest-tiny-device-px,\n typography.$relative-1rem-px\n )}em;\n\n$media-large: \"(min-width: #{$smallest-large-device-em})\";\n$media-lt-large: \"(max-width: #{$largest-medium-device-em})\";\n$media-medium: \"(min-width: #{$smallest-medium-device-em}) and (max-width: #{$largest-medium-device-em})\";\n$media-gt-mobile: \"(min-width: #{$smallest-medium-device-em})\";\n$media-mobile: \"(max-width: #{$largest-small-device-em})\";\n$media-small: \"(min-width: #{$smallest-small-device-em}) and (max-width: #{$largest-small-device-em})\";\n$media-gt-tiny: \"(min-width: #{$smallest-small-device-em})\";\n$media-tiny: \"(max-width: #{$largest-tiny-device-em})\";\n\n// https://nationalarchives.github.io/design-system/styles/media/#media-queries\n@mixin on-large() {\n @media #{$media-large} {\n @content;\n }\n}\n\n@mixin on-medium() {\n @media #{$media-medium} {\n @content;\n }\n}\n\n@mixin on-small() {\n @media #{$media-small} {\n @content;\n }\n}\n\n@mixin on-tiny() {\n @media #{$media-tiny} {\n @content;\n }\n}\n\n@mixin on-larger-than-mobile() {\n @media #{$media-gt-mobile} {\n @content;\n }\n}\n\n@mixin on-larger-than-tiny() {\n @media #{$media-gt-tiny} {\n @content;\n }\n}\n\n@mixin on-smaller-than-large() {\n @media #{$media-lt-large} {\n @content;\n }\n}\n\n@mixin on-mobile() {\n @media #{$media-mobile} {\n @content;\n }\n}\n\n@mixin on-print() {\n @media print {\n @content;\n }\n}\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"../variables/borders\";\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@function colour-var($colour) {\n @return var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n );\n}\n\n@mixin colour-font($colour, $important: false) {\n color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background($colour, $important: false) {\n background-color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background-brand($brandColour, $important: false) {\n background-color: #{brand-colour($brandColour)} 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 border-#{$direction}: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-#{$direction}-color: colour-var($colour)\n if($important, !important, null);\n }\n } @else {\n @if $width != \"\" {\n border: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-color: var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n )\n if($important, !important, null);\n }\n }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n @if $width != \"\" {\n outline: $width colour-var($colour) $style if($important, !important, null);\n } @else {\n outline-color: colour-var($colour) if($important, !important, null);\n }\n}\n\n@mixin colour-fill($colour, $important: false) {\n fill: colour-var($colour) if($important, !important, null);\n}\n\n@mixin thick-keyline($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-dark($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline-dark\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline-dark\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-accent($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"accent-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"accent-border\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-error($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid\n );\n }\n}\n\n@mixin thick-keyline-brand($direction: \"\", $brandColour) {\n @if $direction != \"\" {\n border-#{$direction}: borders.$thick-border-width\n #{brand-colour($brandColour)}\n solid;\n } @else {\n border: borders.$thick-border-width #{brand-colour($brandColour)} solid;\n }\n}\n\n// Use light theme colours (except for \"form-error-border\")\n%always-light {\n @include colour-css-vars(\"form-error-border\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\"form-error-border\");\n }\n}\n\n@mixin always-light {\n @extend %always-light;\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 --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\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 --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n }\n}\n\n@mixin contrast-on-mobile {\n @extend %contrast-on-mobile;\n}\n\n%tint {\n --background: var(--background-tint);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin tint {\n @extend %tint;\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 --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin accent {\n @extend %accent;\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 --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 --accent-border: var(--font-base);\n --accent-list-marker: var(--font-base);\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%yellow-accent {\n --accent-background: #{colour.brand-colour(\"yellow\")} !important;\n --accent-background-light: #{colour.brand-colour(\"cream\")} !important;\n --accent-border: #{colour.brand-colour(\"yellow\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"brown\")} !important;\n --accent-font-base: #{colour.brand-colour(\"black\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"black\")} !important;\n --accent-font-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"black\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"black\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"black\")} !important;\n --accent-keyline: #{colour.brand-colour(\"black\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"black\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n --button-accented-background: #{colour.brand-colour(\"brown\")} !important;\n}\n\n@mixin yellow-accent {\n @extend %yellow-accent;\n}\n\n%accent-lighter-text {\n --accent-font-base: #{colour.brand-colour(\"white\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"white\")} !important;\n --accent-font-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"white\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"white\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"white\")} !important;\n --accent-keyline: #{colour.brand-colour(\"white\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"white\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n}\n\n%black-accent {\n --accent-background: #{colour.brand-colour(\"black\")} !important;\n --accent-background-light: #{colour.brand-colour(\"light-grey\")} !important;\n --accent-border: #{colour.brand-colour(\"black\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"grey\")} !important;\n --button-accented-text: #{colour.brand-colour(\"black\")} !important;\n --button-accented-background: #{colour.brand-colour(\"grey\")} !important;\n}\n\n@mixin black-accent {\n @extend %accent-lighter-text;\n @extend %black-accent;\n}\n\n%pink-accent {\n --accent-background: #{colour.brand-colour(\"maroon\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-pink\")} !important;\n --accent-border: #{colour.brand-colour(\"pink\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"pink\")} !important;\n --button-accented-background: #{colour.brand-colour(\"maroon\")} !important;\n}\n\n@mixin pink-accent {\n @extend %accent-lighter-text;\n @extend %pink-accent;\n}\n\n%orange-accent {\n --accent-background: #{colour.brand-colour(\"chestnut\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-orange\")} !important;\n --accent-border: #{colour.brand-colour(\"orange\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"orange\")} !important;\n --button-accented-background: #{colour.brand-colour(\"chestnut\")} !important;\n}\n\n@mixin orange-accent {\n @extend %accent-lighter-text;\n @extend %orange-accent;\n}\n\n%green-accent {\n --accent-background: #{colour.brand-colour(\"forest\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-green\")} !important;\n --accent-border: #{colour.brand-colour(\"green\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"green\")} !important;\n --button-accented-background: #{colour.brand-colour(\"forest\")} !important;\n}\n\n@mixin green-accent {\n @extend %accent-lighter-text;\n @extend %green-accent;\n}\n\n%blue-accent {\n --accent-background: #{colour.brand-colour(\"navy\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-blue\")} !important;\n --accent-border: #{colour.brand-colour(\"blue\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"blue\")} !important;\n --button-accented-background: #{colour.brand-colour(\"navy\")} !important;\n}\n\n@mixin blue-accent {\n @extend %accent-lighter-text;\n @extend %blue-accent;\n}\n\n@mixin on-high-contrast {\n @media (prefers-contrast: more) {\n @content;\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 \"../variables/typography\";\n@use \"colour\";\n@use \"media\";\n\n@mixin font-size($font-size-px) {\n font-size: #{math.div($font-size-px, typography.$relative-1rem-px)}rem;\n}\n\n@mixin relative-font-size($font-size-px) {\n @warn \"relative-font-size() will soon be deprecated in favour of font-size().\";\n @include font-size($font-size-px);\n}\n\n@mixin main-font-weight {\n font-weight: typography.$main-font-weight;\n}\n\n@mixin main-font-weight-medium {\n font-weight: typography.$main-font-weight-medium;\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 font-style: normal;\n font-optical-sizing: auto;\n font-variation-settings: \"wdth\" 100;\n @if $bold {\n @include main-font-weight-bold;\n } @else {\n @include main-font-weight;\n }\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 font-style: normal;\n font-optical-sizing: auto;\n @if $bold {\n font-weight: typography.$detail-font-weight-bold;\n } @else {\n font-weight: typography.$detail-font-weight;\n }\n}\n\n@mixin detail-font-small {\n @include detail-font;\n @include font-size(14);\n line-height: 1.1;\n text-transform: uppercase;\n}\n\n@mixin interacted-text-decoration {\n text-decoration: underline;\n text-decoration-thickness: typography.$interactive-text-decoration-thickness;\n}\n\n@mixin heading-generator(\n $font-size-default,\n $font-size-medium,\n $font-size-small,\n $font-size-tiny,\n $line-height\n) {\n $small-and-tiny-identical: $font-size-small == $font-size-tiny;\n $medium-small-and-tiny-identical: $font-size-medium == $font-size-small and\n $small-and-tiny-identical;\n $all-identical: $font-size-default == $font-size-medium and\n $medium-small-and-tiny-identical and $small-and-tiny-identical;\n line-height: $line-height;\n @include font-size($font-size-default);\n\n @if $all-identical != true {\n @if $medium-small-and-tiny-identical != true {\n @include media.on-medium {\n @include font-size($font-size-medium);\n }\n\n @if $small-and-tiny-identical != true {\n @include media.on-small {\n @include font-size($font-size-small);\n }\n\n @include media.on-tiny {\n @include font-size($font-size-tiny);\n }\n } @else {\n @include media.on-mobile {\n @include font-size($font-size-small);\n }\n }\n } @else {\n @include media.on-smaller-than-large {\n @include font-size($font-size-medium);\n }\n }\n }\n}\n","/*\n * ------------------------------------------\n * The typefaces, sizes and spacings that are\n * defined in this file have been selected to\n * ensure 100% match with the latest National\n * Archives brand guidelines - avoid changing\n * or overwriting any of these values without\n * signing off with the Digital Services team\n * first\n * ------------------------------------------\n */\n\n$relative-1rem-px: 16; // 16px = 1rem\n\n/*\n * ------------------------------------------\n * When true, use the included font files for\n * Open Sans and Roboto Mono, rather than the\n * versions hosted by Google Fonts\n * ------------------------------------------\n */\n$use-local-fonts: false !default;\n\n$body-font-size-px: 18 !default;\n$body-font-size-px-mobile: 17 !default;\n$body-line-height: 1.75 !default;\n\n$interactive-text-decoration-thickness: 3.5px !default;\n\n$main-font-family-name: \"Open Sans\" !default;\n$main-font-family:\n #{$main-font-family-name},\n sans-serif;\n$main-font-weight: 400 !default;\n$main-font-weight-medium: 600 !default;\n$main-font-weight-bold: 700 !default;\n$main-font-file: \"OpenSans-Regular.ttf\" !default;\n$main-font-file-medium: \"OpenSans-SemiBold.ttf\" !default;\n$main-font-file-bold: \"OpenSans-Bold.ttf\" !default;\n\n/*\n * ------------------------------------------\n * To use Supria Sans Condensed (which is the\n * approved heading typeface for The National\n * Archives), you need to obtain a licence to\n * properly embed the CSS files with the font\n * definitions in your service - check with a\n * member of the Digital Services team on how\n * to get a licence\n * ------------------------------------------\n */\n$heading-font-family-name: \"supria-sans-condensed\" !default;\n$heading-font-family:\n #{$heading-font-family-name},\n \"Arial Narrow\",\n sans-serif;\n$heading-font-weight: 500 !default;\n\n/*\n * ------------------------------------------\n * The detail font should be a monospace font\n * and is used for chips, supertitles as well\n * as the date search component\n * ------------------------------------------\n */\n$detail-font-family-name: \"Roboto Mono\" !default;\n$detail-font-family:\n #{$detail-font-family-name},\n monospace;\n$detail-font-weight: 400 !default;\n$detail-font-weight-bold: 500 !default;\n$detail-font-file: \"RobotoMono-Regular.ttf\" !default;\n$detail-font-file-bold: \"RobotoMono-Medium.ttf\" !default;\n\n$heading-xl-font-size-default: 64 !default;\n$heading-xl-font-size-medium: 48 !default;\n$heading-xl-font-size-small: 36 !default;\n$heading-xl-font-size-tiny: $heading-xl-font-size-small !default;\n$heading-xl-line-height: 1.1 !default;\n\n$heading-l-font-size-default: 36 !default;\n$heading-l-font-size-medium: 30 !default;\n$heading-l-font-size-small: 28 !default;\n$heading-l-font-size-tiny: 25 !default;\n$heading-l-line-height: 1.3 !default;\n\n$heading-m-font-size-default: 22 !default;\n$heading-m-font-size-medium: 21 !default;\n$heading-m-font-size-small: 20 !default;\n$heading-m-font-size-tiny: 19 !default;\n$heading-m-line-height: 1.6 !default;\n\n$heading-s-font-size-default: 18 !default;\n$heading-s-font-size-medium: $heading-s-font-size-default !default;\n$heading-s-font-size-small: $heading-s-font-size-default !default;\n$heading-s-font-size-tiny: $heading-s-font-size-default !default;\n$heading-s-line-height: 1.6 !default;\n"]}
|
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":"CAKA,iBACE,iBACA,oBAEA,uBACE,wBAGF,uBACE,SACA,UAEA,aACA,eAEA,gBAGF,uBACE,aAGE,sDACE,YACA,eAEA,cAEA,qBAEA,wBAIJ,mCACE,aC0CJ,wBD3CE,mCAII,iCAKN,uBACE,qBAEA,kFEDF,gCFOE,6BEPF,qCFYA,8CACE,YACA,SACA,UAEA,gBAEA,oBAEA,+BAEA,YAEA,eAEA,oDACE,cGhBJ,0BACA,0BCpCsC,MJsDlC,+BCCJ,wBDIE,oHACE,cE8UJ,+BFxUI,kFE3CJ","file":"breadcrumbs.css","sourcesContent":["@use \"../../tools/colour\";\n@use \"../../tools/media\";\n@use \"../../tools/spacing\";\n@use \"../../tools/typography\";\n\n.tna-breadcrumbs {\n padding-top: spacing.space(1);\n padding-bottom: spacing.space(1);\n\n &:focus {\n outline: none !important;\n }\n\n &__list {\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-wrap: wrap;\n\n list-style: none;\n }\n\n &__item {\n display: flex;\n\n + .tna-breadcrumbs__item {\n &::before {\n content: \"\\203A\";\n content: \"\\203A\" / \"\";\n\n margin: 0 spacing.space(0.75);\n\n display: inline-block;\n\n vertical-align: baseline;\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\n button#{&}__link {\n height: 100%;\n margin: 0;\n padding: 0;\n\n appearance: none;\n\n line-height: inherit;\n\n background-color: transparent;\n\n border: none;\n\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 colour.on-high-contrast {\n &__link {\n &,\n &:link,\n &:visited {\n @include colour.colour-font(\"link\");\n }\n }\n }\n}\n","@use \"sass:math\";\n@use \"../variables/media\";\n@use \"../variables/typography\";\n\n$smallest-large-device-em: #{math.div(\n media.$largest-medium-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-medium-device-em: #{math.div(\n media.$largest-medium-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-medium-device-em: #{math.div(\n media.$largest-small-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-small-device-em: #{math.div(\n media.$largest-small-device-px,\n typography.$relative-1rem-px\n )}em;\n$smallest-small-device-em: #{math.div(\n media.$largest-tiny-device-px + 1,\n typography.$relative-1rem-px\n )}em;\n$largest-tiny-device-em: #{math.div(\n media.$largest-tiny-device-px,\n typography.$relative-1rem-px\n )}em;\n\n$media-large: \"(min-width: #{$smallest-large-device-em})\";\n$media-lt-large: \"(max-width: #{$largest-medium-device-em})\";\n$media-medium: \"(min-width: #{$smallest-medium-device-em}) and (max-width: #{$largest-medium-device-em})\";\n$media-gt-mobile: \"(min-width: #{$smallest-medium-device-em})\";\n$media-mobile: \"(max-width: #{$largest-small-device-em})\";\n$media-small: \"(min-width: #{$smallest-small-device-em}) and (max-width: #{$largest-small-device-em})\";\n$media-gt-tiny: \"(min-width: #{$smallest-small-device-em})\";\n$media-tiny: \"(max-width: #{$largest-tiny-device-em})\";\n\n// https://nationalarchives.github.io/design-system/styles/media/#media-queries\n@mixin on-large() {\n @media #{$media-large} {\n @content;\n }\n}\n\n@mixin on-medium() {\n @media #{$media-medium} {\n @content;\n }\n}\n\n@mixin on-small() {\n @media #{$media-small} {\n @content;\n }\n}\n\n@mixin on-tiny() {\n @media #{$media-tiny} {\n @content;\n }\n}\n\n@mixin on-larger-than-mobile() {\n @media #{$media-gt-mobile} {\n @content;\n }\n}\n\n@mixin on-larger-than-tiny() {\n @media #{$media-gt-tiny} {\n @content;\n }\n}\n\n@mixin on-smaller-than-large() {\n @media #{$media-lt-large} {\n @content;\n }\n}\n\n@mixin on-mobile() {\n @media #{$media-mobile} {\n @content;\n }\n}\n\n@mixin on-print() {\n @media print {\n @content;\n }\n}\n","@use \"sass:list\";\n@use \"sass:map\";\n@use \"../variables/borders\";\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@function colour-var($colour) {\n @return var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n );\n}\n\n@mixin colour-font($colour, $important: false) {\n color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background($colour, $important: false) {\n background-color: colour-var($colour) if($important, !important, null);\n}\n\n@mixin colour-background-brand($brandColour, $important: false) {\n background-color: #{brand-colour($brandColour)} 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 border-#{$direction}: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-#{$direction}-color: colour-var($colour)\n if($important, !important, null);\n }\n } @else {\n @if $width != \"\" {\n border: $width\n colour-var($colour)\n $style\n if($important, !important, null);\n } @else {\n border-color: var(\n --#{$colour},\n #{map.get(colour.$colour-palette-default, $colour)}\n )\n if($important, !important, null);\n }\n }\n}\n\n@mixin colour-outline($colour, $width: \"\", $style: solid, $important: false) {\n @if $width != \"\" {\n outline: $width colour-var($colour) $style if($important, !important, null);\n } @else {\n outline-color: colour-var($colour) if($important, !important, null);\n }\n}\n\n@mixin colour-fill($colour, $important: false) {\n fill: colour-var($colour) if($important, !important, null);\n}\n\n@mixin thick-keyline($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-dark($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"keyline-dark\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"keyline-dark\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-accent($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"accent-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\"accent-border\", borders.$thick-border-width, solid);\n }\n}\n\n@mixin thick-keyline-error($direction: \"\") {\n @if $direction != \"\" {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid,\n $direction\n );\n } @else {\n @include colour-border(\n \"form-error-border\",\n borders.$thick-border-width,\n solid\n );\n }\n}\n\n@mixin thick-keyline-brand($direction: \"\", $brandColour) {\n @if $direction != \"\" {\n border-#{$direction}: borders.$thick-border-width\n #{brand-colour($brandColour)}\n solid;\n } @else {\n border: borders.$thick-border-width #{brand-colour($brandColour)} solid;\n }\n}\n\n// Use light theme colours (except for \"form-error-border\")\n%always-light {\n @include colour-css-vars(\"form-error-border\");\n\n @media (prefers-contrast: more) {\n @include colour-css-vars-high-contrast(\"form-error-border\");\n }\n}\n\n@mixin always-light {\n @extend %always-light;\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 --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\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 --accent-list-marker: var(--accent-border);\n // --accent-list-marker: var(--font-base);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n }\n}\n\n@mixin contrast-on-mobile {\n @extend %contrast-on-mobile;\n}\n\n%tint {\n --background: var(--background-tint);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin tint {\n @extend %tint;\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 --accent-list-marker: var(--accent-font-base);\n --accent-border: var(--accent-font-dark);\n --button-text: var(--accent-button-text);\n --button-background: var(--accent-button-background);\n --button-hover-text: var(--accent-button-hover-text);\n --button-hover-background: var(--accent-button-hover-background);\n\n @include colour-background(\"background\");\n\n @include colour-font(\"font-base\");\n}\n\n@mixin accent {\n @extend %accent;\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 --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 --accent-border: var(--font-base);\n --accent-list-marker: var(--font-base);\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%yellow-accent {\n --accent-background: #{colour.brand-colour(\"yellow\")} !important;\n --accent-background-light: #{colour.brand-colour(\"cream\")} !important;\n --accent-border: #{colour.brand-colour(\"yellow\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"brown\")} !important;\n --accent-font-base: #{colour.brand-colour(\"black\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"black\")} !important;\n --accent-font-light: #{colour.brand-colour(\"black\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"black\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"black\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"black\")} !important;\n --accent-keyline: #{colour.brand-colour(\"black\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"black\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n --button-accented-background: #{colour.brand-colour(\"brown\")} !important;\n}\n\n@mixin yellow-accent {\n @extend %yellow-accent;\n}\n\n%accent-lighter-text {\n --accent-font-base: #{colour.brand-colour(\"white\")} !important;\n --accent-font-dark: #{colour.brand-colour(\"white\")} !important;\n --accent-font-light: #{colour.brand-colour(\"white\", 0.7)} !important;\n --accent-icon-light: #{colour.brand-colour(\"white\", 0.45)} !important;\n --accent-link: #{colour.brand-colour(\"white\")} !important;\n --accent-link-visited: #{colour.brand-colour(\"white\")} !important;\n --accent-keyline: #{colour.brand-colour(\"white\", 0.5)} !important;\n --accent-keyline-dark: #{colour.brand-colour(\"white\", 0.8)} !important;\n --button-accented-text: #{colour.brand-colour(\"white\")} !important;\n}\n\n%black-accent {\n --accent-background: #{colour.brand-colour(\"black\")} !important;\n --accent-background-light: #{colour.brand-colour(\"light-grey\")} !important;\n --accent-border: #{colour.brand-colour(\"black\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"grey\")} !important;\n --button-accented-text: #{colour.brand-colour(\"black\")} !important;\n --button-accented-background: #{colour.brand-colour(\"grey\")} !important;\n}\n\n@mixin black-accent {\n @extend %accent-lighter-text;\n @extend %black-accent;\n}\n\n%pink-accent {\n --accent-background: #{colour.brand-colour(\"maroon\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-pink\")} !important;\n --accent-border: #{colour.brand-colour(\"pink\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"pink\")} !important;\n --button-accented-background: #{colour.brand-colour(\"maroon\")} !important;\n}\n\n@mixin pink-accent {\n @extend %accent-lighter-text;\n @extend %pink-accent;\n}\n\n%orange-accent {\n --accent-background: #{colour.brand-colour(\"chestnut\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-orange\")} !important;\n --accent-border: #{colour.brand-colour(\"orange\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"orange\")} !important;\n --button-accented-background: #{colour.brand-colour(\"chestnut\")} !important;\n}\n\n@mixin orange-accent {\n @extend %accent-lighter-text;\n @extend %orange-accent;\n}\n\n%green-accent {\n --accent-background: #{colour.brand-colour(\"forest\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-green\")} !important;\n --accent-border: #{colour.brand-colour(\"green\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"green\")} !important;\n --button-accented-background: #{colour.brand-colour(\"forest\")} !important;\n}\n\n@mixin green-accent {\n @extend %accent-lighter-text;\n @extend %green-accent;\n}\n\n%blue-accent {\n --accent-background: #{colour.brand-colour(\"navy\")} !important;\n --accent-background-light: #{colour.brand-colour(\"pastel-blue\")} !important;\n --accent-border: #{colour.brand-colour(\"blue\")} !important;\n --accent-list-marker: #{colour.brand-colour(\"blue\")} !important;\n --button-accented-background: #{colour.brand-colour(\"navy\")} !important;\n}\n\n@mixin blue-accent {\n @extend %accent-lighter-text;\n @extend %blue-accent;\n}\n\n@mixin on-high-contrast {\n @media (prefers-contrast: more) {\n @content;\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 \"../variables/typography\";\n@use \"colour\";\n@use \"media\";\n\n@mixin font-size($font-size-px) {\n font-size: #{math.div($font-size-px, typography.$relative-1rem-px)}rem;\n}\n\n@mixin relative-font-size($font-size-px) {\n @warn \"relative-font-size() will soon be deprecated in favour of font-size().\";\n @include font-size($font-size-px);\n}\n\n@mixin main-font-weight {\n font-weight: typography.$main-font-weight;\n}\n\n@mixin main-font-weight-medium {\n font-weight: typography.$main-font-weight-medium;\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 font-style: normal;\n font-optical-sizing: auto;\n font-variation-settings: \"wdth\" 100;\n @if $bold {\n @include main-font-weight-bold;\n } @else {\n @include main-font-weight;\n }\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 font-style: normal;\n font-optical-sizing: auto;\n @if $bold {\n font-weight: typography.$detail-font-weight-bold;\n } @else {\n font-weight: typography.$detail-font-weight;\n }\n}\n\n@mixin detail-font-small {\n @include detail-font;\n @include font-size(14);\n line-height: 1.1;\n text-transform: uppercase;\n}\n\n@mixin interacted-text-decoration {\n text-decoration: underline;\n text-decoration-thickness: typography.$interactive-text-decoration-thickness;\n}\n\n@mixin heading-generator(\n $font-size-default,\n $font-size-medium,\n $font-size-small,\n $font-size-tiny,\n $line-height\n) {\n $small-and-tiny-identical: $font-size-small == $font-size-tiny;\n $medium-small-and-tiny-identical: $font-size-medium == $font-size-small and\n $small-and-tiny-identical;\n $all-identical: $font-size-default == $font-size-medium and\n $medium-small-and-tiny-identical and $small-and-tiny-identical;\n line-height: $line-height;\n @include font-size($font-size-default);\n\n @if $all-identical != true {\n @if $medium-small-and-tiny-identical != true {\n @include media.on-medium {\n @include font-size($font-size-medium);\n }\n\n @if $small-and-tiny-identical != true {\n @include media.on-small {\n @include font-size($font-size-small);\n }\n\n @include media.on-tiny {\n @include font-size($font-size-tiny);\n }\n } @else {\n @include media.on-mobile {\n @include font-size($font-size-small);\n }\n }\n } @else {\n @include media.on-smaller-than-large {\n @include font-size($font-size-medium);\n }\n }\n }\n}\n","/*\n * ------------------------------------------\n * The typefaces, sizes and spacings that are\n * defined in this file have been selected to\n * ensure 100% match with the latest National\n * Archives brand guidelines - avoid changing\n * or overwriting any of these values without\n * signing off with the Digital Services team\n * first\n * ------------------------------------------\n */\n\n$relative-1rem-px: 16; // 16px = 1rem\n\n/*\n * ------------------------------------------\n * When true, use the included font files for\n * Open Sans and Roboto Mono, rather than the\n * versions hosted by Google Fonts\n * ------------------------------------------\n */\n$use-local-fonts: false !default;\n\n$body-font-size-px: 18 !default;\n$body-font-size-px-mobile: 17 !default;\n$body-line-height: 1.75 !default;\n\n$interactive-text-decoration-thickness: 3.5px !default;\n\n$main-font-family-name: \"Open Sans\" !default;\n$main-font-family:\n #{$main-font-family-name},\n sans-serif;\n$main-font-weight: 400 !default;\n$main-font-weight-medium: 600 !default;\n$main-font-weight-bold: 700 !default;\n$main-font-file: \"OpenSans-Regular.ttf\" !default;\n$main-font-file-medium: \"OpenSans-SemiBold.ttf\" !default;\n$main-font-file-bold: \"OpenSans-Bold.ttf\" !default;\n\n/*\n * ------------------------------------------\n * To use Supria Sans Condensed (which is the\n * approved heading typeface for The National\n * Archives), you need to obtain a licence to\n * properly embed the CSS files with the font\n * definitions in your service - check with a\n * member of the Digital Services team on how\n * to get a licence\n * ------------------------------------------\n */\n$heading-font-family-name: \"supria-sans-condensed\" !default;\n$heading-font-family:\n #{$heading-font-family-name},\n \"Arial Narrow\",\n sans-serif;\n$heading-font-weight: 500 !default;\n\n/*\n * ------------------------------------------\n * The detail font should be a monospace font\n * and is used for chips, supertitles as well\n * as the date search component\n * ------------------------------------------\n */\n$detail-font-family-name: \"Roboto Mono\" !default;\n$detail-font-family:\n #{$detail-font-family-name},\n monospace;\n$detail-font-weight: 400 !default;\n$detail-font-weight-bold: 500 !default;\n$detail-font-file: \"RobotoMono-Regular.ttf\" !default;\n$detail-font-file-bold: \"RobotoMono-Medium.ttf\" !default;\n\n$heading-xl-font-size-default: 64 !default;\n$heading-xl-font-size-medium: 48 !default;\n$heading-xl-font-size-small: 36 !default;\n$heading-xl-font-size-tiny: $heading-xl-font-size-small !default;\n$heading-xl-line-height: 1.1 !default;\n\n$heading-l-font-size-default: 36 !default;\n$heading-l-font-size-medium: 30 !default;\n$heading-l-font-size-small: 28 !default;\n$heading-l-font-size-tiny: 25 !default;\n$heading-l-line-height: 1.3 !default;\n\n$heading-m-font-size-default: 22 !default;\n$heading-m-font-size-medium: 21 !default;\n$heading-m-font-size-small: 20 !default;\n$heading-m-font-size-tiny: 19 !default;\n$heading-m-line-height: 1.6 !default;\n\n$heading-s-font-size-default: 18 !default;\n$heading-s-font-size-medium: $heading-s-font-size-default !default;\n$heading-s-font-size-small: $heading-s-font-size-default !default;\n$heading-s-font-size-tiny: $heading-s-font-size-default !default;\n$heading-s-line-height: 1.6 !default;\n"]}
|