@nationalarchives/frontend 0.1.25-prerelease → 0.1.26-prerelease

package/nationalarchives/components/cookie-banner/cookie-banner.js

@@ -1,2 +1,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("TNAFrontend",[],t):"object"==typeof exports?exports.TNAFrontend=t():e.TNAFrontend=t()}(self,(()=>(()=>{"use strict";var e={774:(e,t,i)=>{function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function r(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,o)}return i}function n(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?r(Object(i),!0).forEach((function(t){u(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,o=new Array(t);i<t;i++)o[i]=e[i];return o}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var i=0;i<t.length;i++){var o=t[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,f(o.key),o)}}function l(e,t,i){return t&&a(e.prototype,t),i&&a(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}function u(e,t,i){return(t=f(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function f(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,"string");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===o(t)?t:String(t)}i.d(t,{Z:()=>p});var h=function(){function e(){if(s(this,e),u(this,"events",{}),e._instance)return e._instance;e._instance=this}return l(e,[{key:"on",value:function(e,t){var i;Object.prototype.hasOwnProperty.call(this.events,e)||(this.events[e]=[]),this.events[e]=[].concat(function(e){if(Array.isArray(e))return c(e)}(i=this.events[e])||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(i)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?c(e,t):void 0}}(i)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[t])}},{key:"trigger",value:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.prototype.hasOwnProperty.call(this.events,e)&&this.events[e].forEach((function(e){return e.call(t,i)}))}}]),e}(),p=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};s(this,e),u(this,"extraPolicies",[]),u(this,"domain",""),u(this,"secure",!0),u(this,"policiesKey","");var o=i.domain,r=void 0===o?"":o,n=i.secure,c=void 0===n||n,a=i.policiesKey,l=void 0===a?"cookies_policy":a;this.extraPolicies=t,this.domain=r,this.secure=c,this.policiesKey=l,this.events=new h,this.init()}return l(e,[{key:"init",value:function(){this.savePolicies(n(n(n({},Object.fromEntries(this.extraPolicies.map((function(e){return[e.toLowerCase(),!1]})))),{},{usage:!1,settings:!1},this.policies),{},{essential:!0}))}},{key:"all",get:function(){var e={};return document.cookie.split("; ").filter((function(e){return e})).forEach((function(t){var i=t.trim().split("=");i[0]&&(e[i[0]]=i[1])})),e}},{key:"policies",get:function(){try{return JSON.parse(this.get(this.policiesKey)||"{}")}catch(e){return{}}}},{key:"exists",value:function(e){return Object.prototype.hasOwnProperty.call(this.all,e)}},{key:"hasValue",value:function(e,t){return this.get(e)==t}},{key:"get",value:function(e){return this.exists(e)?decodeURIComponent(this.all[e]):null}},{key:"set",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=i.maxAge,r=void 0===o?31536e3:o,n=i.path,c=void 0===n?"/":n,s=i.sameSite,a=void 0===s?"Lax":s,l=i.domain,u=void 0===l?this.domain:l,f=i.secure,h=void 0===f?this.secure:f;if(e){var p="".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(t),";").concat(u?" domain=".concat(u,"; "):""," samesite=").concat(a,"; path=").concat(c,"; max-age=").concat(r).concat(h?"; secure":"");document.cookie=p,this.events.trigger("setCookie",{key:e,value:t,maxAge:r,path:c,sameSite:a,domain:u,secure:h,cookie:p})}}},{key:"delete",value:function(e){var t={maxAge:-1,path:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/",domain:(arguments.length>2&&void 0!==arguments[2]?arguments[2]:null)||void 0};this.set(e,"",t),this.events.trigger("deleteCookie",n({key:e},t))}},{key:"deleteAll",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;Object.keys(this.all).forEach((function(o){e.delete(o,t,i)})),this.events.trigger("deleteAllCookies",{path:t,domain:i})}},{key:"acceptPolicy",value:function(e){this.setPolicy(e,!0),this.events.trigger("acceptPolicy",e),this.events.trigger("changePolicy",u({},e,!0))}},{key:"rejectPolicy",value:function(e){this.setPolicy(e,!1),this.events.trigger("rejectPolicy",e),this.events.trigger("changePolicy",u({},e,!1))}},{key:"setPolicy",value:function(e,t){var i;"essential"!==e&&(this.savePolicies(n(n({},this.policies),{},(u(i={},e,t),u(i,"essential",!0),i))),this.events.trigger("changePolicy",u({},e,t)))}},{key:"acceptAllPolicies",value:function(){var e=Object.fromEntries(Object.keys(this.policies).map((function(e){return[e.toLowerCase(),!0]})));this.savePolicies(e),this.events.trigger("acceptAllPolicies"),this.events.trigger("changePolicy",e)}},{key:"rejectAllPolicies",value:function(){var e=n(n({},Object.fromEntries(Object.keys(this.policies).map((function(e){return[e.toLowerCase(),!1]})))),{},{essential:!0});this.savePolicies(e),this.events.trigger("rejectAllPolicies"),this.events.trigger("changePolicy",e)}},{key:"savePolicies",value:function(e){this.set(this.policiesKey,JSON.stringify(e))}},{key:"isPolicyAccepted",value:function(e){return Object.prototype.hasOwnProperty.call(this.policies,e)?!0===this.policies[e]:null}},{key:"on",value:function(e,t){this.events.on(e,t)}}]),e}()}},t={};function i(o){var r=t[o];if(void 0!==r)return r.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{i.r(o),i.d(o,{CookieBanner:()=>n});var e=i(774);function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function r(e,i){for(var o=0;o<i.length;o++){var r=i[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,(void 0,n=function(e,i){if("object"!==t(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,"string");if("object"!==t(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(r.key),"symbol"===t(n)?n:String(n)),r)}var n}var n=function(){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$acceptButton=e&&e.querySelector('[value="accept"]'),this.$rejectButton=e&&e.querySelector('[value="reject"]'),this.$prompt=e&&e.querySelector(".tna-cookie-banner__message--prompt"),this.$acceptedMessage=e&&e.querySelector(".tna-cookie-banner__message--accepted"),this.$rejectedMessage=e&&e.querySelector(".tna-cookie-banner__message--rejected"),this.$closeButtons=e&&e.querySelectorAll('[value="close"]')}var i,o;return i=t,(o=[{key:"init",value:function(){var t,i=this;if(this.$module&&this.$acceptButton&&this.$rejectButton&&this.$prompt&&this.$acceptedMessage&&this.$rejectedMessage&&this.$closeButtons){var o=this.$module.getAttribute("data-policies")||"",r=this.$module.getAttribute("data-domain")||void 0,n=this.$module.getAttribute("data-secure")||void 0,c=this.$module.getAttribute("data-policies-key")||void 0;this.cookies=new((null===(t=window.TNAFrontend)||void 0===t?void 0:t.Cookies)||e.Z)(o.split(",").filter((function(e){return e})).map((function(e){return e.trim()})),{domain:r,secure:n,policiesKey:c}),this.cookiePreferencesSet=this.$module.getAttribute("data-preferenceskey")||"cookie_preferences_set",this.cookies.hasValue(this.cookiePreferencesSet,"true")||(this.$module.removeAttribute("hidden"),this.$acceptButton.addEventListener("click",(function(){return i.accept()})),this.$rejectButton.addEventListener("click",(function(){return i.reject()})))}}},{key:"accept",value:function(){this.$prompt.setAttribute("hidden",!0),this.complete(),this.$acceptedMessage.removeAttribute("hidden"),this.$acceptedMessage.focus(),this.$acceptedMessage.setAttribute("tabindex","-1"),this.cookies.acceptAllPolicies()}},{key:"reject",value:function(){this.$prompt.setAttribute("hidden",!0),this.complete(),this.$rejectedMessage.removeAttribute("hidden"),this.$rejectedMessage.focus(),this.$rejectedMessage.setAttribute("tabindex","-1"),this.cookies.rejectAllPolicies()}},{key:"complete",value:function(){var e=this;this.cookies.set(this.cookiePreferencesSet,!0),this.$closeButtons.forEach((function(t){t.addEventListener("click",(function(){return e.close()}))}))}},{key:"close",value:function(){this.$module.setAttribute("hidden",!0)}}])&&r(i.prototype,o),Object.defineProperty(i,"prototype",{writable:!1}),t}()})(),o})()));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define("TNAFrontend",[],t):"object"==typeof exports?exports.TNAFrontend=t():e.TNAFrontend=t()}(self,(()=>(()=>{"use strict";var e={774:(e,t,i)=>{function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function r(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,o)}return i}function n(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?r(Object(i),!0).forEach((function(t){u(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var i=0,o=new Array(t);i<t;i++)o[i]=e[i];return o}function s(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function a(e,t){for(var i=0;i<t.length;i++){var o=t[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,h(o.key),o)}}function l(e,t,i){return t&&a(e.prototype,t),i&&a(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e}function u(e,t,i){return(t=h(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function h(e){var t=function(e,t){if("object"!==o(e)||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var r=i.call(e,"string");if("object"!==o(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===o(t)?t:String(t)}i.d(t,{Z:()=>p});var f=function(){function e(){if(s(this,e),u(this,"events",{}),e._instance)return e._instance;e._instance=this}return l(e,[{key:"on",value:function(e,t){var i;Object.prototype.hasOwnProperty.call(this.events,e)||(this.events[e]=[]),this.events[e]=[].concat(function(e){if(Array.isArray(e))return c(e)}(i=this.events[e])||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(i)||function(e,t){if(e){if("string"==typeof e)return c(e,t);var i=Object.prototype.toString.call(e).slice(8,-1);return"Object"===i&&e.constructor&&(i=e.constructor.name),"Map"===i||"Set"===i?Array.from(e):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?c(e,t):void 0}}(i)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[t])}},{key:"trigger",value:function(e){var t=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};Object.prototype.hasOwnProperty.call(this.events,e)&&this.events[e].forEach((function(e){return e.call(t,i)}))}}]),e}(),p=function(){function e(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};s(this,e),u(this,"extraPolicies",[]),u(this,"domain",""),u(this,"path",""),u(this,"secure",!0),u(this,"policiesKey","");var o=i.domain,r=void 0===o?"":o,n=i.path,c=void 0===n?"/":n,a=i.secure,l=void 0===a||a,h=i.policiesKey,p=void 0===h?"cookies_policy":h;this.extraPolicies=t,this.domain=r,this.path=c,this.secure=l,this.policiesKey=p,this.events=new f,this.init()}return l(e,[{key:"init",value:function(){this.savePolicies(n(n(n({},Object.fromEntries(this.extraPolicies.map((function(e){return[e.toLowerCase(),!1]})))),{},{usage:!1,settings:!1},this.policies),{},{essential:!0}))}},{key:"all",get:function(){var e={};return document.cookie.split("; ").filter((function(e){return e})).forEach((function(t){var i=t.trim().split("=");i[0]&&(e[i[0]]=i[1])})),e}},{key:"policies",get:function(){try{return JSON.parse(this.get(this.policiesKey)||"{}")}catch(e){return{}}}},{key:"exists",value:function(e){return Object.prototype.hasOwnProperty.call(this.all,e)}},{key:"hasValue",value:function(e,t){return this.get(e)==t}},{key:"get",value:function(e){return this.exists(e)?decodeURIComponent(this.all[e]):null}},{key:"set",value:function(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},o=i.maxAge,r=void 0===o?31536e3:o,n=i.sameSite,c=void 0===n?"Lax":n,s=i.domain,a=void 0===s?this.domain:s,l=i.path,u=void 0===l?this.path:l,h=i.secure,f=void 0===h?this.secure:h;if(e){var p="".concat(encodeURIComponent(e),"=").concat(encodeURIComponent(t),";").concat(a?" domain=".concat(a,"; "):""," samesite=").concat(c,"; path=").concat(u,"; max-age=").concat(r).concat(f?"; secure":"");document.cookie=p,this.events.trigger("setCookie",{key:e,value:t,maxAge:r,path:u,sameSite:c,domain:a,secure:f,cookie:p})}}},{key:"delete",value:function(e){var t={maxAge:-1,path:arguments.length>1&&void 0!==arguments[1]?arguments[1]:"/",domain:(arguments.length>2&&void 0!==arguments[2]?arguments[2]:null)||void 0};this.set(e,"",t),this.events.trigger("deleteCookie",n({key:e},t))}},{key:"deleteAll",value:function(){var e=this,t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"/",i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;Object.keys(this.all).forEach((function(o){e.delete(o,t,i)})),this.events.trigger("deleteAllCookies",{path:t,domain:i})}},{key:"acceptPolicy",value:function(e){this.setPolicy(e,!0),this.events.trigger("acceptPolicy",e),this.events.trigger("changePolicy",u({},e,!0))}},{key:"rejectPolicy",value:function(e){this.setPolicy(e,!1),this.events.trigger("rejectPolicy",e),this.events.trigger("changePolicy",u({},e,!1))}},{key:"setPolicy",value:function(e,t){"essential"!==e&&(this.savePolicies(n(n({},this.policies),{},u(u({},e,t),"essential",!0))),this.events.trigger("changePolicy",u({},e,t)))}},{key:"acceptAllPolicies",value:function(){var e=Object.fromEntries(Object.keys(this.policies).map((function(e){return[e.toLowerCase(),!0]})));this.savePolicies(e),this.events.trigger("acceptAllPolicies"),this.events.trigger("changePolicy",e)}},{key:"rejectAllPolicies",value:function(){var e=n(n({},Object.fromEntries(Object.keys(this.policies).map((function(e){return[e.toLowerCase(),!1]})))),{},{essential:!0});this.savePolicies(e),this.events.trigger("rejectAllPolicies"),this.events.trigger("changePolicy",e)}},{key:"savePolicies",value:function(e){this.set(this.policiesKey,JSON.stringify(e))}},{key:"isPolicyAccepted",value:function(e){return Object.prototype.hasOwnProperty.call(this.policies,e)?!0===this.policies[e]:null}},{key:"on",value:function(e,t){this.events.on(e,t)}}]),e}()}},t={};function i(o){var r=t[o];if(void 0!==r)return r.exports;var n=t[o]={exports:{}};return e[o](n,n.exports,i),n.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};return(()=>{i.r(o),i.d(o,{CookieBanner:()=>n});var e=i(774);function t(e){return t="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},t(e)}function r(e,i){for(var o=0;o<i.length;o++){var r=i[o];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,(void 0,n=function(e,i){if("object"!==t(e)||null===e)return e;var o=e[Symbol.toPrimitive];if(void 0!==o){var r=o.call(e,"string");if("object"!==t(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(r.key),"symbol"===t(n)?n:String(n)),r)}var n}var n=function(){function t(e){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),this.$module=e,this.$acceptButton=e&&e.querySelector('[value="accept"]'),this.$rejectButton=e&&e.querySelector('[value="reject"]'),this.$prompt=e&&e.querySelector(".tna-cookie-banner__message--prompt"),this.$acceptedMessage=e&&e.querySelector(".tna-cookie-banner__message--accepted"),this.$rejectedMessage=e&&e.querySelector(".tna-cookie-banner__message--rejected"),this.$closeButtons=e&&e.querySelectorAll('[value="close"]')}var i,o;return i=t,(o=[{key:"init",value:function(){var t,i=this;if(this.$module&&this.$acceptButton&&this.$rejectButton&&this.$prompt&&this.$acceptedMessage&&this.$rejectedMessage&&this.$closeButtons){var o=this.$module.getAttribute("data-policies")||"",r=this.$module.getAttribute("data-domain")||void 0,n=this.$module.getAttribute("data-path")||void 0,c=this.$module.getAttribute("data-secure")||void 0,s=this.$module.getAttribute("data-policies-key")||void 0;this.cookies=new((null===(t=window.TNAFrontend)||void 0===t?void 0:t.Cookies)||e.Z)(o.split(",").filter((function(e){return e})).map((function(e){return e.trim()})),{domain:r,path:n,secure:c,policiesKey:s}),this.cookiePreferencesSet=this.$module.getAttribute("data-preferenceskey")||"cookie_preferences_set",this.cookies.hasValue(this.cookiePreferencesSet,"true")||(this.$module.removeAttribute("hidden"),this.$acceptButton.addEventListener("click",(function(){return i.accept()})),this.$rejectButton.addEventListener("click",(function(){return i.reject()})))}}},{key:"accept",value:function(){this.$prompt.setAttribute("hidden",!0),this.complete(),this.$acceptedMessage.removeAttribute("hidden"),this.$acceptedMessage.focus(),this.$acceptedMessage.setAttribute("tabindex","-1"),this.cookies.acceptAllPolicies()}},{key:"reject",value:function(){this.$prompt.setAttribute("hidden",!0),this.complete(),this.$rejectedMessage.removeAttribute("hidden"),this.$rejectedMessage.focus(),this.$rejectedMessage.setAttribute("tabindex","-1"),this.cookies.rejectAllPolicies()}},{key:"complete",value:function(){var e=this;this.cookies.set(this.cookiePreferencesSet,!0),this.$closeButtons.forEach((function(t){t.addEventListener("click",(function(){return e.close()}))}))}},{key:"close",value:function(){this.$module.setAttribute("hidden",!0)}}])&&r(i.prototype,o),Object.defineProperty(i,"prototype",{writable:!1}),t}()})(),o})()));
 //# sourceMappingURL=cookie-banner.js.map

package/nationalarchives/components/cookie-banner/cookie-banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/cookie-banner/cookie-banner.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/lib/cookies.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/components/cookie-banner/cookie-banner.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"TNAFrontend\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","export class CookieEventHandler {\n  events = {};\n\n  constructor() {\n    if (CookieEventHandler._instance) {\n      return CookieEventHandler._instance;\n    }\n    CookieEventHandler._instance = this;\n  }\n\n  /**\n   * Add an event listener.\n   * @param {string} event - The event to add a listener for.\n   * @param {function} callback - The callback function to call when the event is triggered.\n   */\n  on(event, callback) {\n    if (!Object.prototype.hasOwnProperty.call(this.events, event)) {\n      this.events[event] = [];\n    }\n    this.events[event] = [...this.events[event], callback];\n  }\n\n  /** @protected */\n  trigger(event, data = {}) {\n    if (Object.prototype.hasOwnProperty.call(this.events, event)) {\n      this.events[event].forEach((eventToTrigger) =>\n        eventToTrigger.call(this, data),\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  secure = true;\n  /** @protected */\n  policiesKey = \"\";\n\n  /**\n   * Create a cookie handler.\n   * @param {string[]} [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.secure=true] - Only set cookie in HTTPS environments.\n   * @param {string} [options.policiesKey=cookies_policy] - The name of the cookie.\n   */\n  constructor(extraPolicies = [], options = {}) {\n    const {\n      domain = \"\",\n      secure = true,\n      policiesKey = \"cookies_policy\",\n    } = options;\n    this.extraPolicies = extraPolicies;\n    this.domain = domain;\n    this.secure = secure;\n    this.policiesKey = policiesKey;\n    this.events = new CookieEventHandler();\n    this.init();\n  }\n\n  /** @protected */\n  init() {\n    this.savePolicies({\n      ...Object.fromEntries(\n        this.extraPolicies.map((k) => [k.toLowerCase(), false]),\n      ),\n      usage: false,\n      settings: false,\n      ...this.policies,\n      essential: true,\n    });\n  }\n\n  get all() {\n    const deserialised = {};\n    document.cookie\n      .split(\"; \")\n      .filter((x) => x)\n      .forEach((cookie) => {\n        const parts = cookie.trim().split(\"=\");\n        if (parts[0]) {\n          deserialised[parts[0]] = parts[1];\n        }\n      });\n    return deserialised;\n  }\n\n  get policies() {\n    try {\n      return JSON.parse(this.get(this.policiesKey) || \"{}\");\n    } catch (e) {\n      return {};\n    }\n  }\n\n  /**\n   * Check to see whether a cookie exists or not.\n   * @param {string} key - The cookie name.\n   * @returns {boolean}\n   */\n  exists(key) {\n    return Object.prototype.hasOwnProperty.call(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.secure=this.secure] - Only set cookie in HTTPS environments.\n   */\n  set(key, value, options = {}) {\n    const {\n      maxAge = 60 * 60 * 24 * 365,\n      path = \"/\",\n      sameSite = \"Lax\",\n      domain = this.domain,\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.prototype.hasOwnProperty.call(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","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import Cookies from \"../../lib/cookies.mjs\";\n\nexport class CookieBanner {\n  constructor($module) {\n    this.$module = $module;\n    this.$acceptButton = $module && $module.querySelector('[value=\"accept\"]');\n    this.$rejectButton = $module && $module.querySelector('[value=\"reject\"]');\n    this.$prompt =\n      $module && $module.querySelector(\".tna-cookie-banner__message--prompt\");\n    this.$acceptedMessage =\n      $module && $module.querySelector(\".tna-cookie-banner__message--accepted\");\n    this.$rejectedMessage =\n      $module && $module.querySelector(\".tna-cookie-banner__message--rejected\");\n    this.$closeButtons = $module && $module.querySelectorAll('[value=\"close\"]');\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$acceptButton ||\n      !this.$rejectButton ||\n      !this.$prompt ||\n      !this.$acceptedMessage ||\n      !this.$rejectedMessage ||\n      !this.$closeButtons\n    ) {\n      return;\n    }\n\n    const policies = this.$module.getAttribute(\"data-policies\") || \"\";\n    const domain = this.$module.getAttribute(\"data-domain\") || undefined;\n    const secure = this.$module.getAttribute(\"data-secure\") || undefined;\n    const policiesKey =\n      this.$module.getAttribute(\"data-policies-key\") || undefined;\n\n    this.cookies = new (window.TNAFrontend?.Cookies || Cookies)(\n      policies\n        .split(\",\")\n        .filter((x) => x)\n        .map((policy) => policy.trim()),\n      {\n        domain,\n        secure,\n        policiesKey,\n      },\n    );\n\n    this.cookiePreferencesSet =\n      this.$module.getAttribute(\"data-preferenceskey\") ||\n      \"cookie_preferences_set\";\n    const cookiePreferencesSet = this.cookies.hasValue(\n      this.cookiePreferencesSet,\n      \"true\",\n    );\n\n    if (!cookiePreferencesSet) {\n      this.$module.removeAttribute(\"hidden\");\n\n      this.$acceptButton.addEventListener(\"click\", () => this.accept());\n      this.$rejectButton.addEventListener(\"click\", () => this.reject());\n    }\n  }\n\n  accept() {\n    this.$prompt.setAttribute(\"hidden\", true);\n    this.complete();\n    this.$acceptedMessage.removeAttribute(\"hidden\");\n    this.$acceptedMessage.focus();\n    this.$acceptedMessage.setAttribute(\"tabindex\", \"-1\");\n    this.cookies.acceptAllPolicies();\n  }\n\n  reject() {\n    this.$prompt.setAttribute(\"hidden\", true);\n    this.complete();\n    this.$rejectedMessage.removeAttribute(\"hidden\");\n    this.$rejectedMessage.focus();\n    this.$rejectedMessage.setAttribute(\"tabindex\", \"-1\");\n    this.cookies.rejectAllPolicies();\n  }\n\n  complete() {\n    this.cookies.set(this.cookiePreferencesSet, true);\n    this.$closeButtons.forEach(($closeButton) => {\n      $closeButton.addEventListener(\"click\", () => this.close());\n    });\n  }\n\n  close() {\n    this.$module.setAttribute(\"hidden\", true);\n  }\n}\n"],"names":["root","factory","exports","module","define","amd","self","CookieEventHandler","_classCallCheck","_defineProperty","_instance","this","_createClass","key","value","event","callback","Object","prototype","hasOwnProperty","call","events","concat","_this","data","arguments","length","undefined","forEach","eventToTrigger","Cookies","extraPolicies","options","_options$domain","domain","_options$secure","secure","_options$policiesKey","policiesKey","init","savePolicies","_objectSpread","fromEntries","map","k","toLowerCase","usage","settings","policies","essential","get","deserialised","document","cookie","split","filter","x","parts","trim","JSON","parse","e","all","exists","decodeURIComponent","_options$maxAge","maxAge","_options$path","path","_options$sameSite","sameSite","_options$domain2","_options$secure2","encodeURIComponent","trigger","set","_this2","keys","policy","setPolicy","accepted","_objectSpread2","allPolicies","stringify","on","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","d","definition","o","defineProperty","enumerable","obj","prop","r","Symbol","toStringTag","CookieBanner","$module","$acceptButton","querySelector","$rejectButton","$prompt","$acceptedMessage","$rejectedMessage","$closeButtons","querySelectorAll","_window$TNAFrontend","getAttribute","cookies","window","TNAFrontend","cookiePreferencesSet","hasValue","removeAttribute","addEventListener","accept","reject","setAttribute","complete","focus","acceptAllPolicies","rejectAllPolicies","$closeButton","close"],"sourceRoot":""}
+{"version":3,"file":"components/cookie-banner/cookie-banner.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/lib/cookies.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/components/cookie-banner/cookie-banner.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"TNAFrontend\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","export class CookieEventHandler {\n  events = {};\n\n  constructor() {\n    if (CookieEventHandler._instance) {\n      return CookieEventHandler._instance;\n    }\n    CookieEventHandler._instance = this;\n  }\n\n  /**\n   * Add an event listener.\n   * @param {string} event - The event to add a listener for.\n   * @param {function} callback - The callback function to call when the event is triggered.\n   */\n  on(event, callback) {\n    if (!Object.prototype.hasOwnProperty.call(this.events, event)) {\n      this.events[event] = [];\n    }\n    this.events[event] = [...this.events[event], callback];\n  }\n\n  /** @protected */\n  trigger(event, data = {}) {\n    if (Object.prototype.hasOwnProperty.call(this.events, event)) {\n      this.events[event].forEach((eventToTrigger) =>\n        eventToTrigger.call(this, data),\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\n  /**\n   * Create a cookie handler.\n   * @param {string[]} [extraPolicies=[]] - The extra cookie policies to manage in addition to essential, settings and usage.\n   * @param {string} [options.domain=\"\"] - The domain to register the cookie with.\n   * @param {string} [options.path=\"\"] - The domain to register the cookie with.\n   * @param {string} [options.secure=true] - Only set cookie in HTTPS environments.\n   * @param {string} [options.policiesKey=cookies_policy] - The name of the cookie.\n   */\n  constructor(extraPolicies = [], options = {}) {\n    const {\n      domain = \"\",\n      path = \"/\",\n      secure = true,\n      policiesKey = \"cookies_policy\",\n    } = options;\n    this.extraPolicies = extraPolicies;\n    this.domain = domain;\n    this.path = path;\n    this.secure = secure;\n    this.policiesKey = policiesKey;\n    this.events = new CookieEventHandler();\n    this.init();\n  }\n\n  /** @protected */\n  init() {\n    this.savePolicies({\n      ...Object.fromEntries(\n        this.extraPolicies.map((k) => [k.toLowerCase(), false]),\n      ),\n      usage: false,\n      settings: false,\n      ...this.policies,\n      essential: true,\n    });\n  }\n\n  get all() {\n    const deserialised = {};\n    document.cookie\n      .split(\"; \")\n      .filter((x) => x)\n      .forEach((cookie) => {\n        const parts = cookie.trim().split(\"=\");\n        if (parts[0]) {\n          deserialised[parts[0]] = parts[1];\n        }\n      });\n    return deserialised;\n  }\n\n  get policies() {\n    try {\n      return JSON.parse(this.get(this.policiesKey) || \"{}\");\n    } catch (e) {\n      return {};\n    }\n  }\n\n  /**\n   * Check to see whether a cookie exists or not.\n   * @param {string} key - The cookie name.\n   * @returns {boolean}\n   */\n  exists(key) {\n    return Object.prototype.hasOwnProperty.call(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.prototype.hasOwnProperty.call(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","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import Cookies from \"../../lib/cookies.mjs\";\n\nexport class CookieBanner {\n  constructor($module) {\n    this.$module = $module;\n    this.$acceptButton = $module && $module.querySelector('[value=\"accept\"]');\n    this.$rejectButton = $module && $module.querySelector('[value=\"reject\"]');\n    this.$prompt =\n      $module && $module.querySelector(\".tna-cookie-banner__message--prompt\");\n    this.$acceptedMessage =\n      $module && $module.querySelector(\".tna-cookie-banner__message--accepted\");\n    this.$rejectedMessage =\n      $module && $module.querySelector(\".tna-cookie-banner__message--rejected\");\n    this.$closeButtons = $module && $module.querySelectorAll('[value=\"close\"]');\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$acceptButton ||\n      !this.$rejectButton ||\n      !this.$prompt ||\n      !this.$acceptedMessage ||\n      !this.$rejectedMessage ||\n      !this.$closeButtons\n    ) {\n      return;\n    }\n\n    const policies = this.$module.getAttribute(\"data-policies\") || \"\";\n    const domain = this.$module.getAttribute(\"data-domain\") || undefined;\n    const path = this.$module.getAttribute(\"data-path\") || undefined;\n    const secure = this.$module.getAttribute(\"data-secure\") || undefined;\n    const policiesKey =\n      this.$module.getAttribute(\"data-policies-key\") || undefined;\n\n    this.cookies = new (window.TNAFrontend?.Cookies || Cookies)(\n      policies\n        .split(\",\")\n        .filter((x) => x)\n        .map((policy) => policy.trim()),\n      {\n        domain,\n        path,\n        secure,\n        policiesKey,\n      },\n    );\n\n    this.cookiePreferencesSet =\n      this.$module.getAttribute(\"data-preferenceskey\") ||\n      \"cookie_preferences_set\";\n    const cookiePreferencesSet = this.cookies.hasValue(\n      this.cookiePreferencesSet,\n      \"true\",\n    );\n\n    if (!cookiePreferencesSet) {\n      this.$module.removeAttribute(\"hidden\");\n\n      this.$acceptButton.addEventListener(\"click\", () => this.accept());\n      this.$rejectButton.addEventListener(\"click\", () => this.reject());\n    }\n  }\n\n  accept() {\n    this.$prompt.setAttribute(\"hidden\", true);\n    this.complete();\n    this.$acceptedMessage.removeAttribute(\"hidden\");\n    this.$acceptedMessage.focus();\n    this.$acceptedMessage.setAttribute(\"tabindex\", \"-1\");\n    this.cookies.acceptAllPolicies();\n  }\n\n  reject() {\n    this.$prompt.setAttribute(\"hidden\", true);\n    this.complete();\n    this.$rejectedMessage.removeAttribute(\"hidden\");\n    this.$rejectedMessage.focus();\n    this.$rejectedMessage.setAttribute(\"tabindex\", \"-1\");\n    this.cookies.rejectAllPolicies();\n  }\n\n  complete() {\n    this.cookies.set(this.cookiePreferencesSet, true);\n    this.$closeButtons.forEach(($closeButton) => {\n      $closeButton.addEventListener(\"click\", () => this.close());\n    });\n  }\n\n  close() {\n    this.$module.setAttribute(\"hidden\", true);\n  }\n}\n"],"names":["root","factory","exports","module","define","amd","self","CookieEventHandler","_classCallCheck","_defineProperty","_instance","this","_createClass","key","value","event","callback","Object","prototype","hasOwnProperty","call","events","concat","_this","data","arguments","length","undefined","forEach","eventToTrigger","Cookies","extraPolicies","options","_options$domain","domain","_options$path","path","_options$secure","secure","_options$policiesKey","policiesKey","init","savePolicies","_objectSpread","fromEntries","map","k","toLowerCase","usage","settings","policies","essential","get","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","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","d","definition","o","defineProperty","enumerable","obj","prop","r","Symbol","toStringTag","CookieBanner","$module","$acceptButton","querySelector","$rejectButton","$prompt","$acceptedMessage","$rejectedMessage","$closeButtons","querySelectorAll","_window$TNAFrontend","getAttribute","cookies","window","TNAFrontend","cookiePreferencesSet","hasValue","removeAttribute","addEventListener","accept","reject","setAttribute","complete","focus","acceptAllPolicies","rejectAllPolicies","$closeButton","close"],"sourceRoot":""}

package/nationalarchives/components/cookie-banner/cookie-banner.mjs

@@ -29,6 +29,7 @@ export class CookieBanner {
 
     const policies = this.$module.getAttribute("data-policies") || "";
     const domain = this.$module.getAttribute("data-domain") || undefined;
+    const path = this.$module.getAttribute("data-path") || undefined;
     const secure = this.$module.getAttribute("data-secure") || undefined;
     const policiesKey =
       this.$module.getAttribute("data-policies-key") || undefined;
@@ -40,6 +41,7 @@ export class CookieBanner {
         .map((policy) => policy.trim()),
       {
         domain,
+        path,
         secure,
         policiesKey,
       },

package/nationalarchives/components/cookie-banner/cookie-banner.stories.js

@@ -5,11 +5,13 @@ import { within, userEvent } from "@storybook/testing-library";
 import Cookies from "../../lib/cookies.mjs";
 
 const argTypes = {
+  serviceName: { control: "text" },
   cookiesUrl: { control: "text" },
   policies: { control: "text" },
   policiesKey: { control: "text" },
   preferencesSetKey: { control: "text" },
   cookiesDomain: { control: "text" },
+  cookiesPath: { control: "text" },
   allowInsecure: { control: "boolean" },
   classes: { control: "text" },
   attributes: { control: "object" },
@@ -27,22 +29,26 @@ export default {
 };
 
 const Template = ({
+  serviceName,
   cookiesUrl,
   policies,
   policiesKey,
   preferencesSetKey,
   cookiesDomain,
+  cookiesPath,
   allowInsecure,
   classes,
   attributes,
 }) =>
   CookieBanner({
     params: {
+      serviceName,
       cookiesUrl,
       policies,
       policiesKey,
       preferencesSetKey,
       cookiesDomain,
+      cookiesPath,
       allowInsecure,
       classes,
       attributes,
@@ -57,6 +63,7 @@ Standard.args = {
 
 export const Accept = Template.bind({});
 Accept.args = {
+  serviceName: "My service",
   cookiesUrl: "#",
   allowInsecure: true,
   classes: "tna-cookie-banner--demo",
@@ -97,6 +104,7 @@ Accept.play = async ({ canvasElement }) => {
 
 export const Reject = Template.bind({});
 Reject.args = {
+  serviceName: "My service",
   cookiesUrl: "#",
   classes: "tna-cookie-banner--demo",
 };
@@ -132,6 +140,7 @@ Reject.play = async ({ canvasElement }) => {
 
 export const CustomPolicies = Template.bind({});
 CustomPolicies.args = {
+  serviceName: "My service",
   cookiesUrl: "#",
   policies: "custom",
   classes: "tna-cookie-banner--demo",
@@ -166,6 +175,7 @@ CustomPolicies.play = async ({ args, canvasElement }) => {
 
 export const Existing = Template.bind({});
 Existing.args = {
+  serviceName: "My service",
   cookiesUrl: "#",
   allowInsecure: true,
   classes: "tna-cookie-banner--demo",
@@ -200,6 +210,7 @@ Existing.play = async ({ canvasElement }) => {
 
 // export const EventHandling = Template.bind({});
 // EventHandling.args = {
+//   serviceName: "My service",
 //   cookiesUrl: "#",
 //   policies: "custom",
 //   classes: "tna-cookie-banner--demo",

package/nationalarchives/components/cookie-banner/fixtures.json

@@ -4,83 +4,102 @@
     {
       "name": "minimal",
       "options": {
+        "serviceName": "My service",
         "cookiesUrl": "/cookies"
       },
-      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" role=\"region\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
       "hidden": false
     },
     {
       "name": "custom preferences set key",
       "options": {
+        "serviceName": "My service",
         "cookiesUrl": "/cookies",
         "cookiesPreferencesSetKey": "custom"
       },
-      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" role=\"region\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
       "hidden": false
     },
     {
       "name": "custom policies",
       "options": {
+        "serviceName": "My service",
         "cookiesUrl": "/cookies",
         "policies": "custom"
       },
-      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"custom\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"custom\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" role=\"region\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
       "hidden": false
     },
     {
       "name": "custom policies key",
       "options": {
+        "serviceName": "My service",
         "cookiesUrl": "/cookies",
         "policiesKey": "custom_key"
       },
-      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"custom_key\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"custom_key\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" role=\"region\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
       "hidden": false
     },
     {
       "name": "with domain",
       "options": {
+        "serviceName": "My service",
         "cookiesUrl": "/cookies",
         "cookiesDomain": "nationalarchives.gov.uk"
       },
-      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"nationalarchives.gov.uk\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"nationalarchives.gov.uk\" data-path=\"\" data-insecure=\"false\" role=\"region\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "hidden": false
+    },
+    {
+      "name": "with path",
+      "options": {
+        "serviceName": "My service",
+        "cookiesUrl": "/cookies",
+        "cookiesPath": "/my-service"
+      },
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"/my-service\" data-insecure=\"false\" role=\"region\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
       "hidden": false
     },
     {
       "name": "with preferences set key",
       "options": {
+        "serviceName": "My service",
         "cookiesUrl": "/cookies",
         "preferencesSetKey": "custom_preferences_set_key"
       },
-      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"custom_preferences_set_key\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"custom_preferences_set_key\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" role=\"region\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
       "hidden": false
     },
     {
       "name": "insecure",
       "options": {
+        "serviceName": "My service",
         "cookiesUrl": "/cookies",
         "allowInsecure": true
       },
-      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"true\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"true\" role=\"region\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
       "hidden": false
     },
     {
       "name": "with classes",
       "options": {
+        "serviceName": "My service",
         "cookiesUrl": "/cookies",
         "classes": "tna-cookie-banner--fixture"
       },
-      "html": "<div class=\"tna-cookie-banner tna-cookie-banner--fixture\" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "html": "<div class=\"tna-cookie-banner tna-cookie-banner--fixture\" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" role=\"region\" aria-label=\"Cookies on My service\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
       "hidden": false
     },
     {
       "name": "with attributes",
       "options": {
+        "serviceName": "My service",
         "cookiesUrl": "/cookies",
         "attributes": {
           "data-fixturetest": "pass"
         }
       },
-      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-insecure=\"false\" data-fixturetest=\"pass\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
+      "html": "<div class=\"tna-cookie-banner \" role=\"region\" aria-label=\"Cookie usage\" data-module=\"tna-cookie-banner\" data-policies=\"\" data-preferenceskey=\"cookie_preferences_set\" data-policies-key=\"\" data-domain=\"\" data-path=\"\" data-insecure=\"false\" role=\"region\" aria-label=\"Cookies on My service\" data-fixturetest=\"pass\" hidden><div class=\"tna-container\"><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt\"><h2 class=\"tna-heading-m\">This website uses cookies</h2><p>We use some essential cookies to make this service work.</p><p>We'd also like to use analytics cookies so we can understand how you use the service and make improvements.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"accept\">Accept cookies</button><button class=\"tna-button \" value=\"reject\">Reject cookies</button><a href=\"/cookies\" class=\"tna-button tna-button--plain\" role=\"button\">Set cookie preferences</a></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--accepted\" tabindex=\"0\" hidden><p>You have accepted optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div><div class=\"tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--rejected\" tabindex=\"0\" hidden><p>You have rejected optional cookies. You can change your cookie settings on the <a href=\"/cookies\">Cookies page</a>.</p><div class=\"tna-button-group\"><button class=\"tna-button \" value=\"close\">Close this message</button></div></div></div></div>",
       "hidden": false
     }
   ]

package/nationalarchives/components/cookie-banner/macro-options.json

@@ -1,4 +1,10 @@
 [
+  {
+    "name": "serviceName",
+    "type": "string",
+    "required": true,
+    "description": ""
+  },
   {
     "name": "cookiesUrl",
     "type": "string",
@@ -23,6 +29,12 @@
     "required": false,
     "description": ""
   },
+  {
+    "name": "cookiesPath",
+    "type": "string",
+    "required": false,
+    "description": ""
+  },
   {
     "name": "allowInsecure",
     "type": "boolean",

package/nationalarchives/components/cookie-banner/template.njk

@@ -1,7 +1,7 @@
 {% from "nationalarchives/components/button/macro.njk" import tnaButton %}
 
 {%- set containerClasses = [params.classes] if params.classes else [] -%}
-<div class="tna-cookie-banner {{ containerClasses | join(' ') }}" role="region" aria-label="Cookie usage" data-module="tna-cookie-banner" data-policies="{{ params.policies if params.policies }}" data-preferenceskey="{{ params.preferencesSetKey if params.preferencesSetKey else 'cookie_preferences_set' }}" data-policies-key="{{ params.policiesKey if params.policiesKey }}" data-domain="{{ params.cookiesDomain if params.cookiesDomain }}" data-insecure="{{ true if params.allowInsecure else 'false' }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %} hidden>
+<div class="tna-cookie-banner {{ containerClasses | join(' ') }}" role="region" aria-label="Cookie usage" data-module="tna-cookie-banner" data-policies="{{ params.policies if params.policies }}" data-preferenceskey="{{ params.preferencesSetKey if params.preferencesSetKey else 'cookie_preferences_set' }}" data-policies-key="{{ params.policiesKey if params.policiesKey }}" data-domain="{{ params.cookiesDomain if params.cookiesDomain }}" data-path="{{ params.cookiesPath if params.cookiesPath }}" data-insecure="{{ true if params.allowInsecure else 'false' }}" role="region" aria-label="Cookies on {{ params.serviceName }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %} hidden>
   <div class="tna-container">
     <div class="tna-column tna-column--full tna-cookie-banner__message tna-cookie-banner__message--prompt">
       <h2 class="tna-heading-m">This website uses cookies</h2>

package/nationalarchives/components/date-input/_index.scss

@@ -0,0 +1 @@
+@use "date-input";