@nationalarchives/frontend 0.1.14-prerelease → 0.1.16-prerelease

package/nationalarchives/all.js.map

@@ -1 +1 @@
-{"version":3,"file":"all.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,iBAAZC,SAA0C,iBAAXC,OACxCA,OAAOD,QAAUD,IACQ,mBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,iBAAZC,QACdA,QAAqB,YAAID,IAEzBD,EAAkB,YAAIC,GACvB,CATD,CASGK,MAAM,I,+tBCTF,IAAMC,EAAI,WACf,SAAAA,EAAYC,GAA2B,IAAlBC,EAAUC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,K,4FAAGG,CAAA,KAAAN,GACnCO,KAAKN,QAAUA,EACfM,KAAKC,eACHP,GAAWA,EAAQQ,cAAc,yBACnCF,KAAKG,YAAcT,GAAWA,EAAQQ,cAAc,qBACpDF,KAAKL,WAAaA,CACpB,C,QAoCC,O,EApCAF,G,EAAA,EAAAW,IAAA,OAAAC,MAED,WAEKL,KAAKN,UACJM,KAAKC,gBAAmBD,KAAKG,eAC/BH,KAAKN,QAAQY,UAAUC,SAAS,+BAKlCP,KAAKQ,eAAiB,KAMxB,GAAC,CAAAJ,IAAA,kBAAAC,MAED,WACML,KAAKC,eACPD,KAAKC,eAAeQ,QACXT,KAAKG,aACdH,KAAKG,YAAYM,OAErB,GAAC,CAAAL,IAAA,uBAAAC,MAED,WACEL,KAAKQ,eAAiB,IAAIE,IAC5B,GAAC,CAAAN,IAAA,qBAAAC,MAED,YACmB,IAAIK,MAAOC,UAAYX,KAAKQ,eAAeG,UAC7CX,KAAKL,YAClBK,KAAKY,iBAET,M,oEAACnB,CAAA,CA3Cc,E,otBCEV,IAAMoB,EAAM,WACjB,SAAAA,EAAYnB,I,4FAASK,CAAA,KAAAc,GACnBb,KAAKN,QAAUA,EACfM,KAAKc,qBACHpB,GAAWA,EAAQQ,cAAc,kCACnCF,KAAKe,YACHrB,GAAWA,EAAQQ,cAAc,2BACnCF,KAAKgB,OACHtB,GACAM,KAAKe,aACLf,KAAKe,YAAYE,iBAAiB,kBACpCjB,KAAKkB,YAAa,EAClBlB,KAAKmB,IAAMC,OAAOC,WAAW,qBAC/B,C,QAgFC,O,EAhFAR,G,EAAA,EAAAT,IAAA,OAAAC,MAED,WAAO,IAAAiB,EAAA,KACL,GAAKtB,KAAKN,SAAYM,KAAKc,sBAAyBd,KAAKe,YAAzD,CAIA,IAAMQ,EAAW,oBAAHC,QAAuBC,EAAAA,EAAAA,MACrCzB,KAAKe,YAAYW,aAAa,KAAMH,GAEpCvB,KAAK2B,cAAgBC,SAASC,cAAc,UAC5C7B,KAAK2B,cAAcG,UAAY,OAC/B9B,KAAK2B,cAAcD,aAAa,gBAAiBH,GACjDvB,KAAK2B,cAAcD,aAAa,gBAAiB,QACjD1B,KAAK2B,cAAcrB,UAAUyB,IAAI,wCAEjC/B,KAAKgC,WAAaJ,SAASC,cAAc,OACzC7B,KAAKgC,WAAW1B,UAAUyB,IAAI,yBAE9B/B,KAAK2B,cAAcM,YAAYjC,KAAKgC,YACpChC,KAAKc,qBAAqBmB,YAAYjC,KAAK2B,eAE3C3B,KAAKkC,YAELlC,KAAK2B,cAAcQ,iBAAiB,SAAS,kBAC3Cb,EAAKc,wBAAwB,IAG3B,qBAAsBpC,KAAKmB,IAC7BnB,KAAKmB,IAAIgB,iBAAiB,UAAU,kBAAMb,EAAKY,WAAW,IAE1DlC,KAAKmB,IAAIkB,aAAY,kBAAMf,EAAKY,WAAW,GA1B7C,CA4BF,GAAC,CAAA9B,IAAA,yBAAAC,MAED,WACEL,KAAKkB,YAAclB,KAAKkB,WACxBlB,KAAKkC,WACP,GAAC,CAAA9B,IAAA,YAAAC,MAED,WACE,GAAIL,KAAKmB,IAAImB,QACX,GAAItC,KAAKkB,WAAY,CACnBlB,KAAKe,YAAYT,UAAUyB,IAAI,gCAC/B/B,KAAKe,YAAYwB,QAAS,EAC1BvC,KAAKe,YAAYW,aAAa,cAAe,SAC7C1B,KAAK2B,cAAcD,aAAa,gBAAiB,QACjD1B,KAAK2B,cAAcD,aAAa,QAAS,cACzC1B,KAAK2B,cAAcrB,UAAUyB,IAC3B,gDAGF,IAAK,IAAIS,EAAI,EAAGA,EAAIxC,KAAKgB,OAAOnB,OAAQ2C,IACtCxC,KAAKgB,OAAOwB,GAAGd,aAAa,WAAY,IAE5C,KAAO,CACL1B,KAAKe,YAAYT,UAAUmC,OAAO,gCAClCzC,KAAKe,YAAYwB,QAAS,EAC1BvC,KAAKe,YAAYW,aAAa,cAAe,QAC7C1B,KAAK2B,cAAcD,aAAa,gBAAiB,SACjD1B,KAAK2B,cAAcD,aAAa,QAAS,aACzC1B,KAAK2B,cAAcrB,UAAUmC,OAC3B,gDAGF,IAAK,IAAID,EAAI,EAAGA,EAAIxC,KAAKgB,OAAOnB,OAAQ2C,IACtCxC,KAAKgB,OAAOwB,GAAGd,aAAa,WAAY,KAE5C,KACK,CACL1B,KAAKe,YAAYT,UAAUyB,IAAI,gCAC/B/B,KAAKe,YAAYwB,QAAS,EAC1BvC,KAAKe,YAAYW,aAAa,cAAe,SAC7C1B,KAAK2B,cAAcD,aAAa,gBAAiB,QACjD1B,KAAK2B,cAAcD,aAAa,QAAS,cAEzC,IAAK,IAAIc,EAAI,EAAGA,EAAIxC,KAAKgB,OAAOnB,OAAQ2C,IACtCxC,KAAKgB,OAAOwB,GAAGd,aAAa,WAAY,IAE5C,CACF,M,oEAACb,CAAA,CA7FgB,E,utBCAZ,IAAM6B,EAAO,WAClB,SAAAA,EAAYhD,I,4FAASK,CAAA,KAAA2C,GACnB1C,KAAKN,QAAUA,EACfM,KAAK2C,cACHjD,GAAWA,EAAQQ,cAAc,+BACnCF,KAAK4C,YACHlD,GAAWA,EAAQQ,cAAc,4BACnCF,KAAK6C,kBAAmB,CAC1B,C,QA6CC,O,EA7CAH,G,EAAA,EAAAtC,IAAA,OAAAC,MAED,WAAO,IAAAiB,EAAA,KACL,GAAKtB,KAAKN,SAAYM,KAAK2C,eAAkB3C,KAAK4C,YAAlD,CAIA,IAAMrB,EAAW,eAAHC,QAAkBC,EAAAA,EAAAA,MAEhCzB,KAAK8C,kBAAoBlB,SAASC,cAAc,UAChD7B,KAAK8C,kBAAkBxC,UAAUyB,IAC/B,iCACA,cAEF/B,KAAK8C,kBAAkBpB,aAAa,gBAAiBH,GACrDvB,KAAK8C,kBAAkBpB,aAAa,iBAAiB,GACrD1B,KAAK8C,kBAAkBhB,UAAY,kBACnC9B,KAAK8C,kBAAkBX,iBAAiB,SAAS,kBAC/Cb,EAAKyB,wBAAwB,IAE/B/C,KAAK2C,cAAcV,YAAYjC,KAAK8C,mBAEpC9C,KAAK4C,YAAYlB,aAAa,KAAMH,GACpCvB,KAAK4C,YAAYlB,aAAa,UAAU,EAlBxC,CAoBF,GAAC,CAAAtB,IAAA,yBAAAC,MAED,WACE,IAAM2C,EACJ,yCACFhD,KAAK6C,kBAAoB7C,KAAK6C,iBAC1B7C,KAAK6C,kBACP7C,KAAK8C,kBAAkBxC,UAAUyB,IAAIiB,GACrChD,KAAK8C,kBAAkBpB,aAAa,iBAAiB,GACrD1B,KAAK8C,kBAAkBhB,UAAY,mBACnC9B,KAAK4C,YAAYK,gBAAgB,YAIjCjD,KAAK8C,kBAAkBxC,UAAUmC,OAAOO,GACxChD,KAAK8C,kBAAkBpB,aAAa,iBAAiB,GACrD1B,KAAK8C,kBAAkBhB,UAAY,kBACnC9B,KAAK4C,YAAYlB,aAAa,UAAU,GAG5C,M,oEAACgB,CAAA,CArDiB,E,itBCFb,IAAMQ,EAAc,WACzB,SAAAA,EAAYxD,I,4FAASK,CAAA,KAAAmD,GACnBlD,KAAKN,QAAUA,EACfM,KAAKmD,cACHzD,GAAWA,EAAQQ,cAAc,iCACnCF,KAAKoD,OACH1D,GAAWA,EAAQQ,cAAc,+BACnCF,KAAKqD,gBAAiB,CACxB,C,QAeC,O,EAfAH,G,EAAA,EAAA9C,IAAA,OAAAC,MAED,WAAO,IAAAiB,EAAA,KACAtB,KAAKN,SAAYM,KAAKmD,eAAkBnD,KAAKoD,QAGlDpD,KAAKmD,cAAchB,iBAAiB,UAAU,kBAC5Cb,EAAKgC,0BAA0B,GAEnC,GAAC,CAAAlD,IAAA,2BAAAC,MAED,WACML,KAAKmD,cAAcI,aAAa,SAClCvD,KAAKoD,OAAOI,MAAM,CAAEC,eAAe,EAAMC,cAAc,GAE3D,M,oEAACR,CAAA,CAvBwB,E,u7CCApB,IAAMS,EAAI,WACf,SAAAA,EAAYjE,I,4FAASK,CAAA,KAAA4D,GACnB3D,KAAKN,QAAUA,EACfM,KAAK4D,SAAWlE,GAAWA,EAAQQ,cAAc,mBACjDF,KAAK6D,kBACHnE,GACAM,KAAK4D,UACLlE,EAAQuB,iBAAiB,6BAC3BjB,KAAK8D,UAAYpE,GAAWA,EAAQuB,iBAAiB,kBACvD,C,QA2MC,O,EA3MA0C,G,EAAA,EAAAvD,IAAA,OAAAC,MAED,WAAO,IAAAiB,EAAA,KACL,GACGtB,KAAKN,SACLM,KAAK4D,UACL5D,KAAK6D,mBACL7D,KAAK8D,WACN9D,KAAK6D,kBAAkBhE,SAAWG,KAAK8D,UAAUjE,OALnD,CAUAG,KAAK+D,OAAS/D,KAAKN,QAAQY,UAAUC,SAAS,oBAE9C,IAAMyD,EAAiB5C,OAAO6C,SAASC,KAAKC,QAAQ,KAAM,IAE1DnE,KAAKoE,YAAcxC,SAASC,cAAc,OAC1C7B,KAAKoE,YAAY1C,aAAa,OAAQ,WACtC1B,KAAKoE,YAAY1C,aAAa,QAAS1B,KAAK4D,SAASS,aAAa,UAElErE,KAAK8D,UAAUQ,SAAQ,SAACC,EAAUC,GAChCD,EAAS7C,aAAa,OAAQ,YAC9B6C,EAAS7C,aACP,kBAAiB,GAAAF,OACd+C,EAASF,aAAa,MAAK,SAEhCE,EAAS7C,aAAa,WAAY,MAE/BsC,GAAkBO,EAASF,aAAa,QAAUL,IACjDA,GAAkBQ,EAAQ,IAE5BD,EAAS7C,aAAa,UAAU,EAEpC,IAEA1B,KAAK6D,kBAAkBS,SAAQ,SAACG,GAC9B,IAAMC,EAAqB9C,SAASC,cAAc,UAClD6C,EAAmB5C,UAAY2C,EAAiB3C,UAChD4C,EAAmBhD,aACjB,QACA+C,EAAiBJ,aAAa,UAEhCK,EAAmBhD,aAAa,OAAQ,OACxCgD,EAAmBhD,aACjB,KACA+C,EAAiBJ,aAAa,OAEhCK,EAAmBhD,aACjB,gBACA+C,EAAiBJ,aAAa,QAAQF,QAAQ,KAAM,KAEtDO,EAAmBhD,aAAa,WAAY,MAC5CJ,EAAK8C,YAAYnC,YAAYyC,EAC/B,IAEA1E,KAAK4D,SAASe,YAAY3E,KAAKoE,aAE/BpE,KAAK6D,kBAAoB7D,KAAKN,QAAQuB,iBACpC,6BAGFjB,KAAK6D,kBAAkBS,SAAQ,SAACG,EAAkBD,GAE7CR,GACCS,EAAiBJ,aAAa,mBAAgB,GAAA7C,OACzCwC,KACLA,GAA4B,IAAVQ,GAEpBC,EAAiBnE,UAAUyB,IAAI,sCAC/B0C,EAAiB/C,aAAa,iBAAiB,GAC/C+C,EAAiB/C,aAAa,WAAY,MAE1C+C,EAAiB/C,aAAa,iBAAiB,GAGjD+C,EAAiBtC,iBACf,WACA,SAACyC,GAAC,OAAKtD,EAAKuD,sBAAsBD,EAAE,IACpC,GAEFH,EAAiBtC,iBACf,SACA,SAACyC,GAAC,OAAKtD,EAAKwD,oBAAoBF,EAAE,IAClC,EAEJ,GA3EA,CA4EF,GAAC,CAAAxE,IAAA,sBAAAC,MAED,SAAoB0E,GAClBA,EAAmBC,iBACnB,IAAMC,EACJF,EAAmBG,cAAcb,aAAa,iBAEhDrE,KAAKmF,UAAUF,EACjB,GAAC,CAAA7E,IAAA,wBAAAC,MAED,SAAsB+E,GACpB,IAAMH,EAAaG,EAAqBF,cACpCG,GAAqB,EAEzB,OAAQD,EAAqBhF,KAC3B,IAAK,YACHJ,KAAKsF,yBAAyBL,GAC9BI,GAAqB,EACrB,MAEF,IAAK,aACHrF,KAAKuF,qBAAqBN,GAC1BI,GAAqB,EACrB,MAEF,IAAK,OACHrF,KAAKmF,UAAUnF,KAAK6D,kBAAkB,GAAGQ,aAAa,kBACtDgB,GAAqB,EACrB,MAEF,IAAK,MACHrF,KAAKmF,UACHnF,KAAK6D,kBACH7D,KAAK6D,kBAAkBhE,OAAS,GAChCwE,aAAa,kBAEjBgB,GAAqB,EAOrBA,IACFD,EAAqBI,kBACrBJ,EAAqBJ,iBAEzB,GAAC,CAAA5E,IAAA,uBAAAC,MAED,SAAqB4E,GACnBQ,QAAQC,IAAI,uBAAwBT,GACpC,IAIIU,EAJEC,EAAeC,EAAI7F,KAAK6D,mBAAmBiC,WAC/C,SAACrB,GAAgB,OACfA,EAAiBJ,aAAa,QAAUY,EAAWZ,aAAa,KAAK,IAIvEsB,EADEC,EAAe5F,KAAK6D,kBAAkBhE,OAAS,EACtC+F,EAAe,EAEf,EAEbH,QAAQC,IAAIE,EAAcD,GAC1B3F,KAAKmF,UACHnF,KAAK6D,kBAAkB8B,GAAUtB,aAAa,iBAElD,GAAC,CAAAjE,IAAA,2BAAAC,MAED,SAAyB4E,GACvBQ,QAAQC,IAAI,2BAA4BT,GACxC,IAIIU,EAJEC,EAAeC,EAAI7F,KAAK6D,mBAAmBiC,WAC/C,SAACrB,GAAgB,OACfA,EAAiBJ,aAAa,QAAUY,EAAWZ,aAAa,KAAK,IAIvEsB,EADEC,GAAgB,EACPA,EAAe,EAEf5F,KAAK6D,kBAAkBhE,OAAS,EAE7C4F,QAAQC,IAAIE,EAAcD,GAC1B3F,KAAKmF,UACHnF,KAAK6D,kBAAkB8B,GAAUtB,aAAa,iBAElD,GAAC,CAAAjE,IAAA,YAAAC,MAED,SAAU0F,GACR/F,KAAK6D,kBAAkBS,SAAQ,SAACG,GAC1BA,EAAiBJ,aAAa,mBAAqB0B,GACrDtB,EAAiBnE,UAAUyB,IAAI,sCAC/B0C,EAAiB/C,aAAa,iBAAiB,GAC/C+C,EAAiB/C,aAAa,WAAY,KAC1C+C,EAAiBjB,UAEjBiB,EAAiBnE,UAAUmC,OAAO,sCAClCgC,EAAiB/C,aAAa,iBAAiB,GAC/C+C,EAAiB/C,aAAa,WAAY,MAE9C,IAEA1B,KAAK8D,UAAUQ,SAAQ,SAACC,GAClBA,EAASF,aAAa,QAAU0B,GAClCxB,EAAStB,gBAAgB,UACzBsB,EAAS7C,aAAa,WAAY,OAElC6C,EAAS7C,aAAa,UAAU,GAChC6C,EAAS7C,aAAa,WAAY,MAEtC,IAEI1B,KAAK+D,SACHiC,QAAQC,aACVD,QAAQC,aAAa,KAAM,KAAM,IAAFzE,OAAMuE,IAErC9B,SAASC,KAAO,IAAH1C,OAAOuE,GAG1B,M,oEAACpC,CAAA,CApNc,E,iCCQjB,QARe,WAAH,OACT,CAAC,MAAQ,KAAO,KAAO,KAAO,MAAMQ,QAAQ,UAAU,SAAC+B,GAAC,OAErDA,EACCC,OAAOC,gBAAgB,IAAIC,WAAW,IAAI,GAAM,IAAOH,EAAI,GAC5DI,SAAS,GAAG,GACf,C,GCLCC,EAA2B,CAAC,EAGhC,SAASC,EAAoBC,GAE5B,IAAIC,EAAeH,EAAyBE,GAC5C,QAAqB3G,IAAjB4G,EACH,OAAOA,EAAatH,QAGrB,IAAIC,EAASkH,EAAyBE,GAAY,CAGjDrH,QAAS,CAAC,GAOX,OAHAuH,EAAoBF,GAAUpH,EAAQA,EAAOD,QAASoH,GAG/CnH,EAAOD,OACf,CCrBAoH,EAAoBI,EAAI,CAACxH,EAASyH,KACjC,IAAI,IAAIzG,KAAOyG,EACXL,EAAoBM,EAAED,EAAYzG,KAASoG,EAAoBM,EAAE1H,EAASgB,IAC5E2G,OAAOC,eAAe5H,EAASgB,EAAK,CAAE6G,YAAY,EAAMC,IAAKL,EAAWzG,IAE1E,ECNDoG,EAAoBM,EAAI,CAACK,EAAKC,IAAUL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,GCClFZ,EAAoBgB,EAAKpI,IACH,oBAAXqI,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAe5H,EAASqI,OAAOC,YAAa,CAAErH,MAAO,WAE7D0G,OAAOC,eAAe5H,EAAS,aAAc,CAAEiB,OAAO,GAAO,E,0KCCxDsH,EAAQ/F,SAASgG,gBAEvBD,EAAMrH,UAAUyB,IAAI,4BAmBpBX,OAAOe,iBAAiB,cAjBH,SAAf0F,IACJzG,OAAO0G,oBAAoB,aAAcD,GACzCF,EAAMrH,UAAUyB,IAAI,wBACtB,IAeAX,OAAOe,iBAAiB,WAbN,SAACyC,GACH,QAAVA,EAAExE,MACJuH,EAAMrH,UAAUyB,IAAI,wBACpB4F,EAAMrH,UAAUmC,OAAO,yBAE3B,IASArB,OAAOe,iBAAiB,aAPJ,WAClBwF,EAAMrH,UAAUyB,IAAI,yBACpB4F,EAAMrH,UAAUmC,OAAO,uBACzB,IAMIb,SAASgG,gBAAgBtH,UAAUC,SAAS,gCAC9CqB,SAASgG,gBAAgBtH,UAAUyB,IACjCX,OAAOC,WAAW,gCAAgCiB,QAC9C,2BACA,6BAEFlB,OAAOC,WAAW,4BAA4BiB,SAChDV,SAASgG,gBAAgBtH,UAAUyB,IAAI,sCAI3C,IAAMgG,EAAU,SAACC,GAEf,IAAMC,GADND,OAA6B,IAAZA,EAA0BA,EAAU,CAAC,GAE5CE,iBAAiBC,YAAcH,EAAQE,MAAQtG,SAEnDwG,EAAUH,EAAO/H,cAAc,8BACjCkI,GACF,IAAIvH,EAAAA,OAAOuH,GAASC,OAGPJ,EAAOhH,iBAAiB,4BAChCqD,SAAQ,SAACgE,GACd,IAAI7I,EAAAA,KAAK6I,GAAOD,MAClB,IAEkBJ,EAAOhH,iBAAiB,+BAChCqD,SAAQ,SAACiE,GACjB,IAAI7F,EAAAA,QAAQ6F,GAAUF,MACxB,IAEyBJ,EAAOhH,iBAC9B,uCAEeqD,SAAQ,SAACkE,GACxB,IAAItF,EAAAA,eAAesF,GAAiBH,MACtC,IAEcJ,EAAOhH,iBAAiB,4BAChCqD,SAAQ,SAACmE,GACb,IAAI9E,EAAAA,KAAK8E,GAAYJ,MACvB,GACF,C","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/card/card.mjs","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/components/picture/picture.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/./src/nationalarchives/components/tabs/tabs.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","export class Card {\n  constructor($module, tapTimeMax = 300) {\n    this.$module = $module;\n    this.$cardTitleLink =\n      $module && $module.querySelector(\".tna-card__title-link\");\n    this.$cardAction = $module && $module.querySelector(\".tna-card__action\");\n    this.tapTimeMax = tapTimeMax;\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      (!this.$cardTitleLink && !this.$cardAction) ||\n      this.$module.classList.contains(\"tna-card--no-global-click\")\n    ) {\n      return;\n    }\n\n    this.touchStartTime = null;\n\n    // this.$module.addEventListener(\"touchstart\", () =>\n    //   this.handleCardTouchStart(),\n    // );\n    // this.$module.addEventListener(\"touchend\", () => this.handleCardTouchEnd());\n  }\n\n  handleCardClick() {\n    if (this.$cardTitleLink) {\n      this.$cardTitleLink.click();\n    } else if (this.$cardAction) {\n      this.$cardAction.click();\n    }\n  }\n\n  handleCardTouchStart() {\n    this.touchStartTime = new Date();\n  }\n\n  handleCardTouchEnd() {\n    const duration = new Date().getTime() - this.touchStartTime.getTime();\n    if (duration < this.tapTimeMax) {\n      this.handleCardClick();\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Header {\n  constructor($module) {\n    this.$module = $module;\n    this.$toggleButtonWrapper =\n      $module && $module.querySelector(\".tna-header__navigation-toggle\");\n    this.$navigation =\n      $module && $module.querySelector(\".tna-header__navigation\");\n    this.$links =\n      $module &&\n      this.$navigation &&\n      this.$navigation.querySelectorAll(\"[tabindex='0']\");\n    this.menuOpened = false;\n    this.mql = window.matchMedia(\"(max-width: 768px)\");\n  }\n\n  init() {\n    if (!this.$module || !this.$toggleButtonWrapper || !this.$navigation) {\n      return;\n    }\n\n    const uniqueId = `tna-menu-content-${uuidv4()}`;\n    this.$navigation.setAttribute(\"id\", uniqueId);\n\n    this.$toggleButton = document.createElement(\"button\");\n    this.$toggleButton.innerText = \"Menu\";\n    this.$toggleButton.setAttribute(\"aria-controls\", uniqueId);\n    this.$toggleButton.setAttribute(\"aria-haspopup\", \"true\");\n    this.$toggleButton.classList.add(\"tna-header__navigation-toggle-button\");\n\n    this.$hamburger = document.createElement(\"div\");\n    this.$hamburger.classList.add(\"tna-header__hamburger\");\n\n    this.$toggleButton.appendChild(this.$hamburger);\n    this.$toggleButtonWrapper.appendChild(this.$toggleButton);\n\n    this.syncState();\n\n    this.$toggleButton.addEventListener(\"click\", () =>\n      this.handleToggleNavigation(),\n    );\n\n    if (\"addEventListener\" in this.mql) {\n      this.mql.addEventListener(\"change\", () => this.syncState());\n    } else {\n      this.mql.addListener(() => this.syncState());\n    }\n  }\n\n  handleToggleNavigation() {\n    this.menuOpened = !this.menuOpened;\n    this.syncState();\n  }\n\n  syncState() {\n    if (this.mql.matches) {\n      if (this.menuOpened) {\n        this.$navigation.classList.add(\"tna-header__navigation--open\");\n        this.$navigation.hidden = false;\n        this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n        this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n        this.$toggleButton.classList.add(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"0\");\n        }\n      } else {\n        this.$navigation.classList.remove(\"tna-header__navigation--open\");\n        this.$navigation.hidden = true;\n        this.$navigation.setAttribute(\"aria-hidden\", \"true\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"false\");\n        this.$toggleButton.setAttribute(\"title\", \"Open menu\");\n        this.$toggleButton.classList.remove(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"-1\");\n        }\n      }\n    } else {\n      this.$navigation.classList.add(\"tna-header__navigation--open\");\n      this.$navigation.hidden = false;\n      this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n      this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n      this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n\n      for (let i = 0; i < this.$links.length; i++) {\n        this.$links[i].setAttribute(\"tabindex\", \"0\");\n      }\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Picture {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageWrapper =\n      $module && $module.querySelector(\".tna-picture__image-wrapper\");\n    this.$transcript =\n      $module && $module.querySelector(\".tna-picture__transcript\");\n    this.transcriptOpened = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageWrapper || !this.$transcript) {\n      return;\n    }\n\n    const uniqueId = `tna-picture-${uuidv4()}`;\n\n    this.$transcriptToggle = document.createElement(\"button\");\n    this.$transcriptToggle.classList.add(\n      \"tna-picture__toggle-transcript\",\n      \"tna-button\",\n    );\n    this.$transcriptToggle.setAttribute(\"aria-controls\", uniqueId);\n    this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n    this.$transcriptToggle.innerText = \"Open transcript\";\n    this.$transcriptToggle.addEventListener(\"click\", () =>\n      this.handleToggleTranscript(),\n    );\n    this.$imageWrapper.appendChild(this.$transcriptToggle);\n\n    this.$transcript.setAttribute(\"id\", uniqueId);\n    this.$transcript.setAttribute(\"hidden\", true);\n    // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n  }\n\n  handleToggleTranscript() {\n    const transcriptToggleOpenedClass =\n      \"tna-picture__toggle-transcript--opened\";\n    this.transcriptOpened = !this.transcriptOpened;\n    if (this.transcriptOpened) {\n      this.$transcriptToggle.classList.add(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", true);\n      this.$transcriptToggle.innerText = \"Close transcript\";\n      this.$transcript.removeAttribute(\"hidden\");\n      // this.$transcript.setAttribute(\"tabindex\", \"0\");\n      // this.$transcript.focus();\n    } else {\n      this.$transcriptToggle.classList.remove(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n      this.$transcriptToggle.innerText = \"Open transcript\";\n      this.$transcript.setAttribute(\"hidden\", true);\n      // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n    }\n  }\n}\n","export class SensitiveImage {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageDetails =\n      $module && $module.querySelector(\".tna-sensitive-image__details\");\n    this.$image =\n      $module && $module.querySelector(\".tna-sensitive-image__image\");\n    this.imageIsVisible = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageDetails || !this.$image) {\n      return;\n    }\n    this.$imageDetails.addEventListener(\"toggle\", () =>\n      this.handleImageDetailsToggle(),\n    );\n  }\n\n  handleImageDetailsToggle() {\n    if (this.$imageDetails.hasAttribute(\"open\")) {\n      this.$image.focus({ preventScroll: true, focusVisible: true });\n    }\n  }\n}\n","export class Tabs {\n  constructor($module) {\n    this.$module = $module;\n    this.$tabList = $module && $module.querySelector(\".tna-tabs__list\");\n    this.$tabListItemLinks =\n      $module &&\n      this.$tabList &&\n      $module.querySelectorAll(\".tna-tabs__list-item-link\");\n    this.$tabItems = $module && $module.querySelectorAll(\".tna-tabs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$tabList ||\n      !this.$tabListItemLinks ||\n      !this.$tabItems ||\n      this.$tabListItemLinks.length !== this.$tabItems.length\n    ) {\n      return;\n    }\n\n    this.sticky = this.$module.classList.contains(\"tna-tabs--sticky\");\n\n    const startingTarget = window.location.hash.replace(/^#/, \"\");\n\n    this.$newTabList = document.createElement(\"div\");\n    this.$newTabList.setAttribute(\"role\", \"tablist\");\n    this.$newTabList.setAttribute(\"class\", this.$tabList.getAttribute(\"class\"));\n\n    this.$tabItems.forEach(($tabItem, index) => {\n      $tabItem.setAttribute(\"role\", \"tabpanel\");\n      $tabItem.setAttribute(\n        \"aria-labelledby\",\n        `${$tabItem.getAttribute(\"id\")}-tab`,\n      );\n      $tabItem.setAttribute(\"tabindex\", \"0\");\n      if (\n        (startingTarget && $tabItem.getAttribute(\"id\") !== startingTarget) ||\n        (!startingTarget && index > 0)\n      ) {\n        $tabItem.setAttribute(\"hidden\", true);\n      }\n    });\n\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      const $replacementButton = document.createElement(\"button\");\n      $replacementButton.innerText = $tabListItemLink.innerText;\n      $replacementButton.setAttribute(\n        \"class\",\n        $tabListItemLink.getAttribute(\"class\"),\n      );\n      $replacementButton.setAttribute(\"role\", \"tab\");\n      $replacementButton.setAttribute(\n        \"id\",\n        $tabListItemLink.getAttribute(\"id\"),\n      );\n      $replacementButton.setAttribute(\n        \"aria-controls\",\n        $tabListItemLink.getAttribute(\"href\").replace(/^#/, \"\"),\n      );\n      $replacementButton.setAttribute(\"tabindex\", \"-1\");\n      this.$newTabList.appendChild($replacementButton);\n    });\n\n    this.$tabList.replaceWith(this.$newTabList);\n\n    this.$tabListItemLinks = this.$module.querySelectorAll(\n      \".tna-tabs__list-item-link\",\n    );\n\n    this.$tabListItemLinks.forEach(($tabListItemLink, index) => {\n      if (\n        (startingTarget &&\n          $tabListItemLink.getAttribute(\"aria-controls\") ===\n            `${startingTarget}`) ||\n        (!startingTarget && index === 0)\n      ) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n      }\n\n      $tabListItemLink.addEventListener(\n        \"keydown\",\n        (e) => this.handleItemLinkKeyDown(e),\n        true,\n      );\n      $tabListItemLink.addEventListener(\n        \"click\",\n        (e) => this.handleItemLinkClick(e),\n        true,\n      );\n    });\n  }\n\n  handleItemLinkClick(itemLinkClickEvent) {\n    itemLinkClickEvent.preventDefault();\n    const targetItem =\n      itemLinkClickEvent.currentTarget.getAttribute(\"aria-controls\");\n\n    this.switchTab(targetItem);\n  }\n\n  handleItemLinkKeyDown(itemLinkKeyDownEvent) {\n    const targetItem = itemLinkKeyDownEvent.currentTarget;\n    let overwriteKeyAction = false;\n\n    switch (itemLinkKeyDownEvent.key) {\n      case \"ArrowLeft\":\n        this.setSelectedToPreviousTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"ArrowRight\":\n        this.setSelectedToNextTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"Home\":\n        this.switchTab(this.$tabListItemLinks[0].getAttribute(\"aria-controls\"));\n        overwriteKeyAction = true;\n        break;\n\n      case \"End\":\n        this.switchTab(\n          this.$tabListItemLinks[\n            this.$tabListItemLinks.length - 1\n          ].getAttribute(\"aria-controls\"),\n        );\n        overwriteKeyAction = true;\n        break;\n\n      default:\n        break;\n    }\n\n    if (overwriteKeyAction) {\n      itemLinkKeyDownEvent.stopPropagation();\n      itemLinkKeyDownEvent.preventDefault();\n    }\n  }\n\n  setSelectedToNextTab(targetItem) {\n    console.log(\"setSelectedToNextTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex < this.$tabListItemLinks.length - 1) {\n      newIndex = currentIndex + 1;\n    } else {\n      newIndex = 0;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  setSelectedToPreviousTab(targetItem) {\n    console.log(\"setSelectedToPreviousTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex >= 1) {\n      newIndex = currentIndex - 1;\n    } else {\n      newIndex = this.$tabListItemLinks.length - 1;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  switchTab(targetId) {\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      if ($tabListItemLink.getAttribute(\"aria-controls\") === targetId) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n        $tabListItemLink.focus();\n      } else {\n        $tabListItemLink.classList.remove(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n        $tabListItemLink.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    this.$tabItems.forEach(($tabItem) => {\n      if ($tabItem.getAttribute(\"id\") === targetId) {\n        $tabItem.removeAttribute(\"hidden\");\n        $tabItem.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabItem.setAttribute(\"hidden\", true);\n        $tabItem.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    if (this.sticky) {\n      if (history.replaceState) {\n        history.replaceState(null, null, `#${targetId}`);\n      } else {\n        location.hash = `#${targetId}`;\n      }\n    }\n  }\n}\n","const uuidv4 = () =>\n  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n    (\n      c ^\n      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n    ).toString(16),\n  );\n\nexport default uuidv4;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Card } from \"./components/card/card.mjs\";\nimport { Header } from \"./components/header/header.mjs\";\nimport { Picture } from \"./components/picture/picture.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\nimport { Tabs } from \"./components/tabs/tabs.mjs\";\n\nconst $body = document.documentElement;\n\n$body.classList.add(\"tna-template--js-enabled\");\n\nconst onFirstTouch = () => {\n  window.removeEventListener(\"touchstart\", onFirstTouch);\n  $body.classList.add(\"tna-template--touched\");\n};\n\nconst onKeyDown = (e) => {\n  if (e.key === \"Tab\") {\n    $body.classList.add(\"tna-template--tabbed\");\n    $body.classList.remove(\"tna-template--clicked\");\n  }\n};\n\nconst onMouseDown = () => {\n  $body.classList.add(\"tna-template--clicked\");\n  $body.classList.remove(\"tna-template--tabbed\");\n};\n\nwindow.addEventListener(\"touchstart\", onFirstTouch);\nwindow.addEventListener(\"keydown\", onKeyDown);\nwindow.addEventListener(\"mousedown\", onMouseDown);\n\nif (document.documentElement.classList.contains(\"tna-template--system-theme\")) {\n  document.documentElement.classList.add(\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"tna-template--dark-theme\"\n      : \"tna-template--light-theme\",\n  );\n  if (window.matchMedia(\"(prefers-contrast: more)\").matches) {\n    document.documentElement.classList.add(\"tna-template--high-contrast-theme\");\n  }\n}\n\nconst initAll = (options) => {\n  options = typeof options !== \"undefined\" ? options : {};\n  const $scope =\n    options.scope instanceof HTMLElement ? options.scope : document;\n\n  const $header = $scope.querySelector('[data-module=\"tna-header\"]');\n  if ($header) {\n    new Header($header).init();\n  }\n\n  const $cards = $scope.querySelectorAll('[data-module=\"tna-card\"]');\n  $cards.forEach(($card) => {\n    new Card($card).init();\n  });\n\n  const $pictures = $scope.querySelectorAll('[data-module=\"tna-picture\"]');\n  $pictures.forEach(($picture) => {\n    new Picture($picture).init();\n  });\n\n  const $sensitiveImages = $scope.querySelectorAll(\n    '[data-module=\"tna-sensitive-image\"]',\n  );\n  $sensitiveImages.forEach(($sensitiveImage) => {\n    new SensitiveImage($sensitiveImage).init();\n  });\n\n  const $tabs = $scope.querySelectorAll('[data-module=\"tna-tabs\"]');\n  $tabs.forEach(($tabModule) => {\n    new Tabs($tabModule).init();\n  });\n};\n\nexport { initAll, Header, SensitiveImage, Tabs };\n"],"names":["root","factory","exports","module","define","amd","self","Card","$module","tapTimeMax","arguments","length","undefined","_classCallCheck","this","$cardTitleLink","querySelector","$cardAction","key","value","classList","contains","touchStartTime","click","Date","getTime","handleCardClick","Header","$toggleButtonWrapper","$navigation","$links","querySelectorAll","menuOpened","mql","window","matchMedia","_this","uniqueId","concat","uuidv4","setAttribute","$toggleButton","document","createElement","innerText","add","$hamburger","appendChild","syncState","addEventListener","handleToggleNavigation","addListener","matches","hidden","i","remove","Picture","$imageWrapper","$transcript","transcriptOpened","$transcriptToggle","handleToggleTranscript","transcriptToggleOpenedClass","removeAttribute","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","focus","preventScroll","focusVisible","Tabs","$tabList","$tabListItemLinks","$tabItems","sticky","startingTarget","location","hash","replace","$newTabList","getAttribute","forEach","$tabItem","index","$tabListItemLink","$replacementButton","replaceWith","e","handleItemLinkKeyDown","handleItemLinkClick","itemLinkClickEvent","preventDefault","targetItem","currentTarget","switchTab","itemLinkKeyDownEvent","overwriteKeyAction","setSelectedToPreviousTab","setSelectedToNextTab","stopPropagation","console","log","newIndex","currentIndex","_toConsumableArray","findIndex","targetId","history","replaceState","c","crypto","getRandomValues","Uint8Array","toString","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","$body","documentElement","onFirstTouch","removeEventListener","initAll","options","$scope","scope","HTMLElement","$header","init","$card","$picture","$sensitiveImage","$tabModule"],"sourceRoot":""}
+{"version":3,"file":"all.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/breadcrumbs/breadcrumbs.mjs","webpack://TNAFrontend/./src/nationalarchives/components/header/header.mjs","webpack://TNAFrontend/./src/nationalarchives/components/picture/picture.mjs","webpack://TNAFrontend/./src/nationalarchives/components/sensitive-image/sensitive-image.mjs","webpack://TNAFrontend/./src/nationalarchives/components/tabs/tabs.mjs","webpack://TNAFrontend/./src/nationalarchives/lib/uuid.mjs","webpack://TNAFrontend/webpack/bootstrap","webpack://TNAFrontend/webpack/runtime/define property getters","webpack://TNAFrontend/webpack/runtime/hasOwnProperty shorthand","webpack://TNAFrontend/webpack/runtime/make namespace object","webpack://TNAFrontend/./src/nationalarchives/all.mjs"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"TNAFrontend\"] = factory();\n\telse\n\t\troot[\"TNAFrontend\"] = factory();\n})(self, () => {\nreturn ","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Breadcrumbs {\n  constructor($module) {\n    this.$module = $module;\n    this.$breadcrumbsListWrapper =\n      $module && $module.querySelector(\".tna-breadcrumbs__wrapper\");\n    this.$breadcrumbsList =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      $module.querySelector(\".tna-breadcrumbs__list\");\n    this.$breadcrumbs =\n      $module &&\n      this.$breadcrumbsListWrapper &&\n      this.$breadcrumbsList &&\n      $module.querySelectorAll(\".tna-breadcrumbs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$breadcrumbsListWrapper ||\n      !this.$breadcrumbsList ||\n      !this.$breadcrumbs\n    ) {\n      return;\n    }\n\n    if (\n      this.$breadcrumbs.length > 2 &&\n      !this.$module.classList.contains(\"tna-breadcrumbs--no-collapse\")\n    ) {\n      const uniqueId = `tna-breadcrumbs-${uuidv4()}`;\n\n      const $expandable = document.createElement(\"li\");\n      $expandable.classList.add(\n        \"tna-breadcrumbs__item\",\n        \"tna-breadcrumbs__item--expandable\",\n      );\n      $expandable.style.display = \"none\";\n\n      const $expandButton = document.createElement(\"button\");\n      $expandButton.classList.add(\"tna-breadcrumbs__link\");\n      $expandButton.innerHTML =\n        \"<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;\";\n      $expandButton.setAttribute(\"aria-expanded\", \"false\");\n      $expandButton.setAttribute(\"aria-controls\", uniqueId);\n      $expandButton.addEventListener(\"click\", () => {\n        this.$module.classList.remove(\"tna-breadcrumbs--collapsed\");\n        $expandable.remove();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"0\");\n        this.$breadcrumbsListWrapper.focus();\n        this.$breadcrumbsListWrapper.setAttribute(\"tabindex\", \"-1\");\n      });\n\n      $expandable.appendChild($expandButton);\n\n      this.$breadcrumbsList.setAttribute(\"id\", uniqueId);\n      this.$breadcrumbsList.insertBefore(\n        $expandable,\n        this.$breadcrumbs[this.$breadcrumbs.length - 2].nextSibling,\n      );\n\n      this.$module.classList.add(\"tna-breadcrumbs--collapsed\");\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Header {\n  constructor($module) {\n    this.$module = $module;\n    this.$toggleButtonWrapper =\n      $module && $module.querySelector(\".tna-header__navigation-toggle\");\n    this.$navigation =\n      $module && $module.querySelector(\".tna-header__navigation\");\n    this.$links =\n      $module &&\n      this.$navigation &&\n      this.$navigation.querySelectorAll(\"[tabindex='0']\");\n    this.menuOpened = false;\n    this.mql = window.matchMedia(\"(max-width: 768px)\");\n  }\n\n  init() {\n    if (!this.$module || !this.$toggleButtonWrapper || !this.$navigation) {\n      return;\n    }\n\n    const uniqueId = `tna-menu-content-${uuidv4()}`;\n    this.$navigation.setAttribute(\"id\", uniqueId);\n\n    this.$toggleButton = document.createElement(\"button\");\n    this.$toggleButton.innerText = \"Menu\";\n    this.$toggleButton.setAttribute(\"aria-controls\", uniqueId);\n    this.$toggleButton.setAttribute(\"aria-haspopup\", \"true\");\n    this.$toggleButton.classList.add(\"tna-header__navigation-toggle-button\");\n\n    this.$hamburger = document.createElement(\"div\");\n    this.$hamburger.classList.add(\"tna-header__hamburger\");\n\n    this.$toggleButton.appendChild(this.$hamburger);\n    this.$toggleButtonWrapper.appendChild(this.$toggleButton);\n\n    this.syncState();\n\n    this.$toggleButton.addEventListener(\"click\", () =>\n      this.handleToggleNavigation(),\n    );\n\n    if (\"addEventListener\" in this.mql) {\n      this.mql.addEventListener(\"change\", () => this.syncState());\n    } else {\n      this.mql.addListener(() => this.syncState());\n    }\n  }\n\n  handleToggleNavigation() {\n    this.menuOpened = !this.menuOpened;\n    this.syncState();\n  }\n\n  syncState() {\n    if (this.mql.matches) {\n      if (this.menuOpened) {\n        this.$navigation.classList.add(\"tna-header__navigation--open\");\n        this.$navigation.hidden = false;\n        this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n        this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n        this.$toggleButton.classList.add(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"0\");\n        }\n      } else {\n        this.$navigation.classList.remove(\"tna-header__navigation--open\");\n        this.$navigation.hidden = true;\n        this.$navigation.setAttribute(\"aria-hidden\", \"true\");\n        this.$toggleButton.setAttribute(\"aria-expanded\", \"false\");\n        this.$toggleButton.setAttribute(\"title\", \"Open menu\");\n        this.$toggleButton.classList.remove(\n          \"tna-header__navigation-toggle-button--opened\",\n        );\n\n        for (let i = 0; i < this.$links.length; i++) {\n          this.$links[i].setAttribute(\"tabindex\", \"-1\");\n        }\n      }\n    } else {\n      this.$navigation.classList.add(\"tna-header__navigation--open\");\n      this.$navigation.hidden = false;\n      this.$navigation.setAttribute(\"aria-hidden\", \"false\");\n      this.$toggleButton.setAttribute(\"aria-expanded\", \"true\");\n      this.$toggleButton.setAttribute(\"title\", \"Close menu\");\n\n      for (let i = 0; i < this.$links.length; i++) {\n        this.$links[i].setAttribute(\"tabindex\", \"0\");\n      }\n    }\n  }\n}\n","import uuidv4 from \"../../lib/uuid.mjs\";\n\nexport class Picture {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageWrapper =\n      $module && $module.querySelector(\".tna-picture__image-wrapper\");\n    this.$transcript =\n      $module && $module.querySelector(\".tna-picture__transcript\");\n    this.transcriptOpened = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageWrapper || !this.$transcript) {\n      return;\n    }\n\n    const uniqueId = `tna-picture-${uuidv4()}`;\n\n    this.$transcriptToggle = document.createElement(\"button\");\n    this.$transcriptToggle.classList.add(\n      \"tna-picture__toggle-transcript\",\n      \"tna-button\",\n    );\n    this.$transcriptToggle.setAttribute(\"aria-controls\", uniqueId);\n    this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n    this.$transcriptToggle.innerText = \"Open transcript\";\n    this.$transcriptToggle.addEventListener(\"click\", () =>\n      this.handleToggleTranscript(),\n    );\n    this.$imageWrapper.appendChild(this.$transcriptToggle);\n\n    this.$transcript.setAttribute(\"id\", uniqueId);\n    this.$transcript.setAttribute(\"hidden\", true);\n    // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n  }\n\n  handleToggleTranscript() {\n    const transcriptToggleOpenedClass =\n      \"tna-picture__toggle-transcript--opened\";\n    this.transcriptOpened = !this.transcriptOpened;\n    if (this.transcriptOpened) {\n      this.$transcriptToggle.classList.add(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", true);\n      this.$transcriptToggle.innerText = \"Close transcript\";\n      this.$transcript.removeAttribute(\"hidden\");\n      // this.$transcript.setAttribute(\"tabindex\", \"0\");\n      // this.$transcript.focus();\n    } else {\n      this.$transcriptToggle.classList.remove(transcriptToggleOpenedClass);\n      this.$transcriptToggle.setAttribute(\"aria-expanded\", false);\n      this.$transcriptToggle.innerText = \"Open transcript\";\n      this.$transcript.setAttribute(\"hidden\", true);\n      // this.$transcript.setAttribute(\"tabindex\", \"-1\");\n    }\n  }\n}\n","export class SensitiveImage {\n  constructor($module) {\n    this.$module = $module;\n    this.$imageDetails =\n      $module && $module.querySelector(\".tna-sensitive-image__details\");\n    this.$image =\n      $module && $module.querySelector(\".tna-sensitive-image__image\");\n    this.imageIsVisible = false;\n  }\n\n  init() {\n    if (!this.$module || !this.$imageDetails || !this.$image) {\n      return;\n    }\n    this.$imageDetails.addEventListener(\"toggle\", () =>\n      this.handleImageDetailsToggle(),\n    );\n  }\n\n  handleImageDetailsToggle() {\n    if (this.$imageDetails.hasAttribute(\"open\")) {\n      this.$image.focus({ preventScroll: true, focusVisible: true });\n    }\n  }\n}\n","export class Tabs {\n  constructor($module) {\n    this.$module = $module;\n    this.$tabList = $module && $module.querySelector(\".tna-tabs__list\");\n    this.$tabListItemLinks =\n      $module &&\n      this.$tabList &&\n      $module.querySelectorAll(\".tna-tabs__list-item-link\");\n    this.$tabItems = $module && $module.querySelectorAll(\".tna-tabs__item\");\n  }\n\n  init() {\n    if (\n      !this.$module ||\n      !this.$tabList ||\n      !this.$tabListItemLinks ||\n      !this.$tabItems ||\n      this.$tabListItemLinks.length !== this.$tabItems.length\n    ) {\n      return;\n    }\n\n    this.sticky = this.$module.classList.contains(\"tna-tabs--sticky\");\n\n    const startingTarget = window.location.hash.replace(/^#/, \"\");\n\n    this.$newTabList = document.createElement(\"div\");\n    this.$newTabList.setAttribute(\"role\", \"tablist\");\n    this.$newTabList.setAttribute(\"class\", this.$tabList.getAttribute(\"class\"));\n\n    this.$tabItems.forEach(($tabItem, index) => {\n      $tabItem.setAttribute(\"role\", \"tabpanel\");\n      $tabItem.setAttribute(\n        \"aria-labelledby\",\n        `${$tabItem.getAttribute(\"id\")}-tab`,\n      );\n      $tabItem.setAttribute(\"tabindex\", \"0\");\n      if (\n        (startingTarget && $tabItem.getAttribute(\"id\") !== startingTarget) ||\n        (!startingTarget && index > 0)\n      ) {\n        $tabItem.setAttribute(\"hidden\", true);\n      }\n    });\n\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      const $replacementButton = document.createElement(\"button\");\n      $replacementButton.innerText = $tabListItemLink.innerText;\n      $replacementButton.setAttribute(\n        \"class\",\n        $tabListItemLink.getAttribute(\"class\"),\n      );\n      $replacementButton.setAttribute(\"role\", \"tab\");\n      $replacementButton.setAttribute(\n        \"id\",\n        $tabListItemLink.getAttribute(\"id\"),\n      );\n      $replacementButton.setAttribute(\n        \"aria-controls\",\n        $tabListItemLink.getAttribute(\"href\").replace(/^#/, \"\"),\n      );\n      $replacementButton.setAttribute(\"tabindex\", \"-1\");\n      this.$newTabList.appendChild($replacementButton);\n    });\n\n    this.$tabList.replaceWith(this.$newTabList);\n\n    this.$tabListItemLinks = this.$module.querySelectorAll(\n      \".tna-tabs__list-item-link\",\n    );\n\n    this.$tabListItemLinks.forEach(($tabListItemLink, index) => {\n      if (\n        (startingTarget &&\n          $tabListItemLink.getAttribute(\"aria-controls\") ===\n            `${startingTarget}`) ||\n        (!startingTarget && index === 0)\n      ) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n      }\n\n      $tabListItemLink.addEventListener(\n        \"keydown\",\n        (e) => this.handleItemLinkKeyDown(e),\n        true,\n      );\n      $tabListItemLink.addEventListener(\n        \"click\",\n        (e) => this.handleItemLinkClick(e),\n        true,\n      );\n    });\n  }\n\n  handleItemLinkClick(itemLinkClickEvent) {\n    itemLinkClickEvent.preventDefault();\n    const targetItem =\n      itemLinkClickEvent.currentTarget.getAttribute(\"aria-controls\");\n\n    this.switchTab(targetItem);\n  }\n\n  handleItemLinkKeyDown(itemLinkKeyDownEvent) {\n    const targetItem = itemLinkKeyDownEvent.currentTarget;\n    let overwriteKeyAction = false;\n\n    switch (itemLinkKeyDownEvent.key) {\n      case \"ArrowLeft\":\n        this.setSelectedToPreviousTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"ArrowRight\":\n        this.setSelectedToNextTab(targetItem);\n        overwriteKeyAction = true;\n        break;\n\n      case \"Home\":\n        this.switchTab(this.$tabListItemLinks[0].getAttribute(\"aria-controls\"));\n        overwriteKeyAction = true;\n        break;\n\n      case \"End\":\n        this.switchTab(\n          this.$tabListItemLinks[\n            this.$tabListItemLinks.length - 1\n          ].getAttribute(\"aria-controls\"),\n        );\n        overwriteKeyAction = true;\n        break;\n\n      default:\n        break;\n    }\n\n    if (overwriteKeyAction) {\n      itemLinkKeyDownEvent.stopPropagation();\n      itemLinkKeyDownEvent.preventDefault();\n    }\n  }\n\n  setSelectedToNextTab(targetItem) {\n    console.log(\"setSelectedToNextTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex < this.$tabListItemLinks.length - 1) {\n      newIndex = currentIndex + 1;\n    } else {\n      newIndex = 0;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  setSelectedToPreviousTab(targetItem) {\n    console.log(\"setSelectedToPreviousTab\", targetItem);\n    const currentIndex = [...this.$tabListItemLinks].findIndex(\n      ($tabListItemLink) =>\n        $tabListItemLink.getAttribute(\"id\") === targetItem.getAttribute(\"id\"),\n    );\n    let newIndex;\n    if (currentIndex >= 1) {\n      newIndex = currentIndex - 1;\n    } else {\n      newIndex = this.$tabListItemLinks.length - 1;\n    }\n    console.log(currentIndex, newIndex);\n    this.switchTab(\n      this.$tabListItemLinks[newIndex].getAttribute(\"aria-controls\"),\n    );\n  }\n\n  switchTab(targetId) {\n    this.$tabListItemLinks.forEach(($tabListItemLink) => {\n      if ($tabListItemLink.getAttribute(\"aria-controls\") === targetId) {\n        $tabListItemLink.classList.add(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", true);\n        $tabListItemLink.setAttribute(\"tabindex\", \"0\");\n        $tabListItemLink.focus();\n      } else {\n        $tabListItemLink.classList.remove(\"tna-tabs__list-item-link--selected\");\n        $tabListItemLink.setAttribute(\"aria-selected\", false);\n        $tabListItemLink.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    this.$tabItems.forEach(($tabItem) => {\n      if ($tabItem.getAttribute(\"id\") === targetId) {\n        $tabItem.removeAttribute(\"hidden\");\n        $tabItem.setAttribute(\"tabindex\", \"0\");\n      } else {\n        $tabItem.setAttribute(\"hidden\", true);\n        $tabItem.setAttribute(\"tabindex\", \"-1\");\n      }\n    });\n\n    if (this.sticky) {\n      if (history.replaceState) {\n        history.replaceState(null, null, `#${targetId}`);\n      } else {\n        location.hash = `#${targetId}`;\n      }\n    }\n  }\n}\n","const uuidv4 = () =>\n  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, (c) =>\n    (\n      c ^\n      (crypto.getRandomValues(new Uint8Array(1))[0] & (15 >> (c / 4)))\n    ).toString(16),\n  );\n\nexport default uuidv4;\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import { Breadcrumbs } from \"./components/breadcrumbs/breadcrumbs.mjs\";\nimport { Header } from \"./components/header/header.mjs\";\nimport { Picture } from \"./components/picture/picture.mjs\";\nimport { SensitiveImage } from \"./components/sensitive-image/sensitive-image.mjs\";\nimport { Tabs } from \"./components/tabs/tabs.mjs\";\n\nconst $body = document.documentElement;\n\n$body.classList.add(\"tna-template--js-enabled\");\n\nconst onFirstTouch = () => {\n  window.removeEventListener(\"touchstart\", onFirstTouch);\n  $body.classList.add(\"tna-template--touched\");\n};\n\nconst onKeyDown = (e) => {\n  if (e.key === \"Tab\") {\n    $body.classList.add(\"tna-template--tabbed\");\n    $body.classList.remove(\"tna-template--clicked\");\n  }\n};\n\nconst onMouseDown = () => {\n  $body.classList.add(\"tna-template--clicked\");\n  $body.classList.remove(\"tna-template--tabbed\");\n};\n\nwindow.addEventListener(\"touchstart\", onFirstTouch);\nwindow.addEventListener(\"keydown\", onKeyDown);\nwindow.addEventListener(\"mousedown\", onMouseDown);\n\nif (document.documentElement.classList.contains(\"tna-template--system-theme\")) {\n  document.documentElement.classList.add(\n    window.matchMedia(\"(prefers-color-scheme: dark)\").matches\n      ? \"tna-template--dark-theme\"\n      : \"tna-template--light-theme\",\n  );\n  if (window.matchMedia(\"(prefers-contrast: more)\").matches) {\n    document.documentElement.classList.add(\"tna-template--high-contrast-theme\");\n  }\n}\n\nconst initAll = (options) => {\n  options = typeof options !== \"undefined\" ? options : {};\n  const $scope =\n    options.scope instanceof HTMLElement ? options.scope : document;\n\n  const $breadcrumbs = $scope.querySelector('[data-module=\"tna-breadcrumbs\"]');\n  if ($breadcrumbs) {\n    new Breadcrumbs($breadcrumbs).init();\n  }\n\n  const $header = $scope.querySelector('[data-module=\"tna-header\"]');\n  if ($header) {\n    new Header($header).init();\n  }\n\n  const $pictures = $scope.querySelectorAll('[data-module=\"tna-picture\"]');\n  $pictures.forEach(($picture) => {\n    new Picture($picture).init();\n  });\n\n  const $sensitiveImages = $scope.querySelectorAll(\n    '[data-module=\"tna-sensitive-image\"]',\n  );\n  $sensitiveImages.forEach(($sensitiveImage) => {\n    new SensitiveImage($sensitiveImage).init();\n  });\n\n  const $tabs = $scope.querySelectorAll('[data-module=\"tna-tabs\"]');\n  $tabs.forEach(($tabModule) => {\n    new Tabs($tabModule).init();\n  });\n};\n\nexport { initAll, Breadcrumbs, Header, Picture, SensitiveImage, Tabs };\n"],"names":["root","factory","exports","module","define","amd","self","Breadcrumbs","$module","_classCallCheck","this","$breadcrumbsListWrapper","querySelector","$breadcrumbsList","$breadcrumbs","querySelectorAll","key","value","_this","length","classList","contains","uniqueId","concat","uuidv4","$expandable","document","createElement","add","style","display","$expandButton","innerHTML","setAttribute","addEventListener","remove","focus","appendChild","insertBefore","nextSibling","Header","$toggleButtonWrapper","$navigation","$links","menuOpened","mql","window","matchMedia","$toggleButton","innerText","$hamburger","syncState","handleToggleNavigation","addListener","matches","hidden","i","Picture","$imageWrapper","$transcript","transcriptOpened","$transcriptToggle","handleToggleTranscript","transcriptToggleOpenedClass","removeAttribute","SensitiveImage","$imageDetails","$image","imageIsVisible","handleImageDetailsToggle","hasAttribute","preventScroll","focusVisible","Tabs","$tabList","$tabListItemLinks","$tabItems","sticky","startingTarget","location","hash","replace","$newTabList","getAttribute","forEach","$tabItem","index","$tabListItemLink","$replacementButton","replaceWith","e","handleItemLinkKeyDown","handleItemLinkClick","itemLinkClickEvent","preventDefault","targetItem","currentTarget","switchTab","itemLinkKeyDownEvent","overwriteKeyAction","setSelectedToPreviousTab","setSelectedToNextTab","stopPropagation","console","log","newIndex","currentIndex","_toConsumableArray","findIndex","targetId","history","replaceState","c","crypto","getRandomValues","Uint8Array","toString","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","__webpack_modules__","d","definition","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","$body","documentElement","onFirstTouch","removeEventListener","initAll","options","$scope","scope","HTMLElement","init","$header","$picture","$sensitiveImage","$tabModule"],"sourceRoot":""}

package/nationalarchives/all.mjs

@@ -1,4 +1,4 @@
-import { Card } from "./components/card/card.mjs";
+import { Breadcrumbs } from "./components/breadcrumbs/breadcrumbs.mjs";
 import { Header } from "./components/header/header.mjs";
 import { Picture } from "./components/picture/picture.mjs";
 import { SensitiveImage } from "./components/sensitive-image/sensitive-image.mjs";
@@ -45,16 +45,16 @@ const initAll = (options) => {
   const $scope =
     options.scope instanceof HTMLElement ? options.scope : document;
 
+  const $breadcrumbs = $scope.querySelector('[data-module="tna-breadcrumbs"]');
+  if ($breadcrumbs) {
+    new Breadcrumbs($breadcrumbs).init();
+  }
+
   const $header = $scope.querySelector('[data-module="tna-header"]');
   if ($header) {
     new Header($header).init();
   }
 
-  const $cards = $scope.querySelectorAll('[data-module="tna-card"]');
-  $cards.forEach(($card) => {
-    new Card($card).init();
-  });
-
   const $pictures = $scope.querySelectorAll('[data-module="tna-picture"]');
   $pictures.forEach(($picture) => {
     new Picture($picture).init();
@@ -73,4 +73,4 @@ const initAll = (options) => {
   });
 };
 
-export { initAll, Header, SensitiveImage, Tabs };
+export { initAll, Breadcrumbs, Header, Picture, SensitiveImage, Tabs };

package/nationalarchives/all.scss

@@ -1,9 +1,6 @@
-@use "variables";
-@use "tools";
+@forward "variables";
+@forward "tools";
 
 @use "utilities";
 @use "components";
 @use "patterns";
-
-// @use "variables/colour";
-// @include colour.configure(#f0a);

package/nationalarchives/components/_index.scss

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

package/nationalarchives/components/breadcrumbs/_index.scss

@@ -5,6 +5,12 @@
   padding-top: 1rem;
   padding-bottom: 1rem;
 
+  &__wrapper {
+    &:focus {
+      outline: none !important;
+    }
+  }
+
   &__list {
     margin: 0;
     padding: 0;
@@ -24,9 +30,19 @@
 
         display: inline-block;
 
+        vertical-align: baseline;
+
         content: "\203A";
       }
     }
+
+    &--expandable {
+      display: none;
+
+      @include media.on-mobile {
+        display: inline-block !important;
+      }
+    }
   }
 
   &__link {
@@ -41,54 +57,53 @@
     &:hover {
       @include colour.colour-font("font-dark");
     }
-  }
-
-  @include media.on-mobile {
-    // &__item {
-    //   &,
-    //   + .tna-breadcrumbs__item {
-    //     &::before {
-    //       margin-left: 0;
-
-    //       display: none;
-    //     }
-    //   }
-
-    //   &:not(:nth-last-child(2)) {
-    //     display: none;
-    //   }
-
-    //   &:nth-last-child(2) {
-    //     .tna-breadcrumbs__link {
-    //       &::before {
-    //         content: "\2190\00a0" attr(data-prefix);
-    //       }
-    //     }
-    //   }
-    // }
-
-    &__item:not(:first-child, :last-child) {
-      display: none;
-    }
-  }
 
-  @mixin high-contrast {
-    &__link {
+    @include colour.on-high-contrast {
       padding-right: 0.75rem;
       padding-left: 0.75rem;
 
-      border: 1px transparent solid;
-      @include colour.colour-border("keyline-dark");
+      text-decoration: none;
+
+      @include colour.colour-border("keyline-dark", 1px);
+
+      &:hover {
+        text-decoration: underline;
+
+        @include colour.colour-font("contrast-background");
+
+        @include colour.colour-background("contrast-font-base");
+      }
     }
   }
 
-  .tna-template--high-contrast-theme & {
-    @include high-contrast;
+  button#{&}__link {
+    margin: 0;
+    padding: 0;
+    height: 100%;
+
+    font-size: inherit;
+    line-height: inherit;
+    font-weight: inherit;
+
+    background-color: transparent;
+
+    border: none;
+
+    appearance: none;
+    cursor: pointer;
+
+    &:hover {
+      color: inherit;
+      text-decoration: underline;
+      text-decoration-thickness: 3px;
+
+      background-color: transparent;
+    }
   }
 
-  @media (prefers-contrast: more) {
-    .tna-template--system-theme & {
-      @include high-contrast;
+  @include media.on-mobile {
+    &--collapsed &__item:not(:first-child, &__item--expandable, :last-child) {
+      display: none;
     }
   }
 }

package/nationalarchives/components/breadcrumbs/breadcrumbs.js

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

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

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

package/nationalarchives/components/breadcrumbs/breadcrumbs.mjs

@@ -0,0 +1,67 @@
+import uuidv4 from "../../lib/uuid.mjs";
+
+export class Breadcrumbs {
+  constructor($module) {
+    this.$module = $module;
+    this.$breadcrumbsListWrapper =
+      $module && $module.querySelector(".tna-breadcrumbs__wrapper");
+    this.$breadcrumbsList =
+      $module &&
+      this.$breadcrumbsListWrapper &&
+      $module.querySelector(".tna-breadcrumbs__list");
+    this.$breadcrumbs =
+      $module &&
+      this.$breadcrumbsListWrapper &&
+      this.$breadcrumbsList &&
+      $module.querySelectorAll(".tna-breadcrumbs__item");
+  }
+
+  init() {
+    if (
+      !this.$module ||
+      !this.$breadcrumbsListWrapper ||
+      !this.$breadcrumbsList ||
+      !this.$breadcrumbs
+    ) {
+      return;
+    }
+
+    if (
+      this.$breadcrumbs.length > 2 &&
+      !this.$module.classList.contains("tna-breadcrumbs--no-collapse")
+    ) {
+      const uniqueId = `tna-breadcrumbs-${uuidv4()}`;
+
+      const $expandable = document.createElement("li");
+      $expandable.classList.add(
+        "tna-breadcrumbs__item",
+        "tna-breadcrumbs__item--expandable",
+      );
+      $expandable.style.display = "none";
+
+      const $expandButton = document.createElement("button");
+      $expandButton.classList.add("tna-breadcrumbs__link");
+      $expandButton.innerHTML =
+        "<span class='tna-visually-hidden'>Expand breadcrumbs</span>&hellip;";
+      $expandButton.setAttribute("aria-expanded", "false");
+      $expandButton.setAttribute("aria-controls", uniqueId);
+      $expandButton.addEventListener("click", () => {
+        this.$module.classList.remove("tna-breadcrumbs--collapsed");
+        $expandable.remove();
+        this.$breadcrumbsListWrapper.setAttribute("tabindex", "0");
+        this.$breadcrumbsListWrapper.focus();
+        this.$breadcrumbsListWrapper.setAttribute("tabindex", "-1");
+      });
+
+      $expandable.appendChild($expandButton);
+
+      this.$breadcrumbsList.setAttribute("id", uniqueId);
+      this.$breadcrumbsList.insertBefore(
+        $expandable,
+        this.$breadcrumbs[this.$breadcrumbs.length - 2].nextSibling,
+      );
+
+      this.$module.classList.add("tna-breadcrumbs--collapsed");
+    }
+  }
+}

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

@@ -3,6 +3,7 @@ import macroOptions from "./macro-options.json";
 
 const argTypes = {
   items: { control: "object" },
+  noCollapse: { control: "boolean" },
   classes: { control: "text" },
   attributes: { control: "object" },
 };
@@ -18,15 +19,15 @@ export default {
   argTypes,
 };
 
-const Template = ({ items, classes, attributes }) => {
-  return Breadcrumbs({
+const Template = ({ items, noCollapse, classes, attributes }) =>
+  Breadcrumbs({
     params: {
       items,
+      noCollapse,
       classes,
       attributes,
     },
   });
-};
 
 export const Standard = Template.bind({});
 Standard.args = {
@@ -54,3 +55,9 @@ Standard.args = {
   ],
   classes: "tna-breadcrumbs--demo",
 };
+
+export const NoCollapse = Template.bind({});
+NoCollapse.args = {
+  ...Standard.args,
+  noCollapse: true,
+};

package/nationalarchives/components/breadcrumbs/fixtures.json

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

package/nationalarchives/components/breadcrumbs/macro-options.json

@@ -25,6 +25,12 @@
       }
     ]
   },
+  {
+    "name": "noCollapse",
+    "type": "string",
+    "required": false,
+    "description": ""
+  },
   {
     "name": "classes",
     "type": "string",

package/nationalarchives/components/breadcrumbs/template.njk

@@ -1,14 +1,19 @@
 {%- set containerClasses = [params.classes] if params.classes else [] -%}
-<div class="tna-breadcrumbs tna-container {{ containerClasses | join(' ') }}" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
-  <nav class="tna-column tna-column--full" aria-label="Breadcrumb">
-    <ol class="tna-breadcrumbs__list">
-    {%- for item in params.items -%}
-      <li class="tna-breadcrumbs__item">
-        <a href="{{ item.href }}" class="tna-breadcrumbs__link" data-prefix="{{ params.prefix if params.prefix else 'Back to' }}" {%- if item.title %} title="{{ item.title }}"{% endif %}>
-          {{ item.text }}
-        </a>
-      </li>
-    {%- endfor -%}
-    </ol>
-  </nav>
+{%- if params.noCollapse -%}
+  {%- set containerClasses = containerClasses.concat('tna-breadcrumbs--no-collapse') -%}
+{%- endif -%}
+<div class="tna-breadcrumbs {{ containerClasses | join(' ') }}" data-module="tna-breadcrumbs" {%- for attribute, value in params.attributes %} {{ attribute }}="{{ value }}"{% endfor %}>
+  <div class="tna-container">
+    <nav class="tna-breadcrumbs__wrapper tna-column tna-column--full" aria-label="Breadcrumb">
+      <ol class="tna-breadcrumbs__list">
+      {%- for item in params.items -%}
+        <li class="tna-breadcrumbs__item">
+          <a href="{{ item.href }}" class="tna-breadcrumbs__link" {%- if item.title %} title="{{ item.title }}"{% endif %}>
+            {{ item.text }}
+          </a>
+        </li>
+      {%- endfor -%}
+      </ol>
+    </nav>
+  </div>
 </div>

package/nationalarchives/components/button/_index.scss

@@ -10,8 +10,7 @@
 
   @include colour.colour-background("button-primary-background");
 
-  border: 0.25rem transparent solid;
-  @include colour.colour-border("button-primary-background");
+  @include colour.colour-border("button-primary-background", 0.25rem);
 
   transition:
     color 200ms,

package/nationalarchives/components/button/button.stories.js

@@ -21,8 +21,8 @@ export default {
   argTypes,
 };
 
-const Template = ({ text, href, title, secondary, classes, attributes }) => {
-  return Button({
+const Template = ({ text, href, title, secondary, classes, attributes }) =>
+  Button({
     params: {
       text,
       href,
@@ -32,7 +32,6 @@ const Template = ({ text, href, title, secondary, classes, attributes }) => {
       attributes,
     },
   });
-};
 
 export const Standard = Template.bind({});
 Standard.args = {