npm - @nationalarchives/frontend - Versions diffs - 1.6.1 → 1.6.3 - Mend

@nationalarchives/frontend 1.6.1 → 1.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (16) hide show

package/nationalarchives/components/textarea/textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"components/textarea/textarea.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/textarea/TextAreaCharacterCount.mjs","webpack://TNAFrontend/./src/nationalarchives/components/textarea/TextAreaItemisedRows.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"],"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 default class TextAreaCharacterCount {\n constructor($module, options = {}) {\n this.$module = $module;\n this.$formFieldInput =\n this.$module && this.$module.querySelector(\".tna-textarea\");\n this.$formFieldCharacterCount =\n this.$module && this.$module.querySelector(\".tna-textarea-count\");\n this.$formFieldCharacterCountScreenReader =\n this.$module &&\n this.$module.querySelector(\".tna-textarea-count__screen-reader-status\");\n this.max = parseInt(this.$formFieldInput?.dataset?.maxLength, 10);\n this.countType = this.$formFieldInput?.dataset?.countType \|\| \"characters\";\n\n if (\n !this.$module \|\|\n !this.$formFieldInput \|\|\n !this.$formFieldCharacterCount \|\|\n !this.$formFieldCharacterCountScreenReader \|\|\n !this.max\n ) {\n return;\n }\n\n this.init(options);\n }\n\n init(options) {\n this.threshold =\n options.threshold \|\|\n parseInt(this.$formFieldInput?.dataset?.countThreshold, 10) \|\|\n /* eslint-disable-next-line no-magic-numbers /\n 0;\n this.debounceDuration =\n options.debounceDuration \|\|\n parseInt(this.$formFieldInput?.dataset?.debounceDuration, 10) \|\|\n / eslint-disable-next-line no-magic-numbers /\n 1000;\n / eslint-disable-next-line no-magic-numbers /\n this.intervalChecker = options.intervalChecker \|\| 1000;\n this.debounceTimeout = null;\n this.lastInputValue = \"\";\n\n this.$formFieldInput.addEventListener(\"input\", () => {\n this.handleInput();\n this.lastInputTimestamp = Date.now();\n });\n this.$formFieldInput.addEventListener(\"focus\", () => {\n this.handleFocus();\n });\n this.$formFieldInput.addEventListener(\"blur\", () => {\n this.handleBlur();\n });\n this.updateVisualCharacterCount();\n this.updateScreenReaderCharacterCount();\n }\n\n handleFocus() {\n this.valueChecker = window.setInterval(() => {\n if (\n !this.lastInputTimestamp \|\|\n / eslint-disable-next-line no-magic-numbers /\n Date.now() - this.intervalChecker / 2 >= this.lastInputTimestamp\n ) {\n this.updateIfValueChanged();\n }\n }, this.intervalChecker);\n }\n\n handleBlur() {\n if (this.valueChecker) {\n window.clearInterval(this.valueChecker);\n }\n this.updateScreenReaderCharacterCount();\n }\n\n updateIfValueChanged() {\n if (this.$formFieldInput.value !== this.lastInputValue) {\n this.lastInputValue = this.$formFieldInput.value;\n this.updateVisualCharacterCount();\n this.updateScreenReaderCharacterCount();\n }\n }\n\n handleInput() {\n this.updateVisualCharacterCount();\n clearTimeout(this.debounceTimeout);\n this.debounceTimeout = setTimeout(() => {\n this.updateScreenReaderCharacterCount();\n }, this.debounceDuration);\n }\n\n getCurrentLength() {\n if (this.countType === \"words\") {\n const trimmedValue = this.$formFieldInput.value.trim();\n if (trimmedValue === \"\") {\n / eslint-disable-next-line no-magic-numbers /\n return 0;\n }\n return trimmedValue.split(/\\s+/).length;\n }\n return this.$formFieldInput.value.length;\n }\n\n getCurrentLengthMessage() {\n const currentLength = this.getCurrentLength();\n let typeLabel = this.countType;\n / eslint-disable-next-line no-magic-numbers /\n if (Math.abs(this.max - currentLength) === 1) {\n typeLabel = typeLabel.replace(/s$/, \"\");\n }\n if (currentLength > this.max) {\n return `You have ${new Intl.NumberFormat().format(currentLength - this.max)} ${typeLabel} too many`;\n }\n return `You have ${new Intl.NumberFormat().format(this.max - currentLength)} ${typeLabel} remaining`;\n }\n\n isOverThreshold() {\n return this.getCurrentLength() > this.max;\n }\n\n updateVisualCharacterCount() {\n if (this.threshold) {\n / eslint-disable-next-line no-magic-numbers /\n if (this.getCurrentLength() > this.max (this.threshold / 100)) {\n this.showCharacterCount();\n } else {\n this.hideCharacterCount();\n }\n }\n\n this.$formFieldCharacterCount.innerText = this.getCurrentLengthMessage();\n if (this.isOverThreshold()) {\n this.$formFieldInput.classList.add(\"tna-textarea--error\");\n this.$formFieldCharacterCount.classList.add(\"tna-textarea-count--error\");\n } else {\n this.$formFieldInput.classList.remove(\"tna-textarea--error\");\n this.$formFieldCharacterCount.classList.remove(\n \"tna-textarea-count--error\",\n );\n }\n }\n\n updateScreenReaderCharacterCount() {\n const currentLengthMessage = this.getCurrentLengthMessage();\n this.$formFieldCharacterCountScreenReader.innerText = currentLengthMessage;\n }\n\n showCharacterCount() {\n this.$formFieldCharacterCount.removeAttribute(\"hidden\");\n this.$formFieldCharacterCountScreenReader.removeAttribute(\"aria-hidden\");\n }\n\n hideCharacterCount() {\n this.$formFieldCharacterCount.setAttribute(\"hidden\", \"\");\n this.$formFieldCharacterCountScreenReader.setAttribute(\n \"aria-hidden\",\n \"true\",\n );\n }\n}\n","export default class TextAreaItemisedRows {\n constructor($module, options = {}) {\n this.$module = $module;\n this.$formFieldInput =\n this.$module && this.$module.querySelector(\".tna-textarea\");\n this.$formFieldInputHint =\n this.$module && this.$module.querySelector(\".tna-form-item__hint\");\n this.$formFieldBody =\n this.$module && this.$module.querySelector(\".tna-form-item__body\");\n\n if (\n !this.$module \|\|\n !this.$formFieldInput \|\|\n !this.$formFieldBody \|\|\n this.$formFieldInput.getAttribute(\"hidden\") !== null\n ) {\n return;\n }\n\n if (!(this.$formFieldInput instanceof HTMLTextAreaElement)) {\n throw new Error(\"Expected a textarea element\");\n }\n\n const { enhancedHint } = options;\n this.enhancedHint = enhancedHint \|\| \"Enter an item and press enter\";\n\n this.values = this.$formFieldInput.value\n .split(\"\\n\")\n .map((value) => value.trim())\n .filter((value) => value);\n\n this.id = this.$formFieldInput.id;\n\n this.init();\n }\n\n init() {\n this.$formFieldNewInput = document.createElement(\"input\");\n this.$formFieldNewInput.classList.add(\"tna-text-input\");\n [\"id\", \"aria-describedby\"].forEach((attribute) => {\n this.$formFieldNewInput.setAttribute(\n attribute,\n this.$formFieldInput.getAttribute(attribute),\n );\n this.$formFieldInput.removeAttribute(attribute);\n });\n this.$formFieldBody.appendChild(this.$formFieldNewInput);\n this.$formFieldInput.setAttribute(\"hidden\", \"\");\n this.$formFieldInput.addEventListener(\"keyup\", () => this.updateList());\n this.$formFieldNewInput.addEventListener(\"keypress\", (event) => {\n if (event.key === \"Enter\") {\n this.appendValue(event.target.value);\n }\n });\n\n this.$formFieldNewInputAddButton = document.createElement(\"button\");\n this.$formFieldNewInputAddButton.setAttribute(\"type\", \"button\");\n this.$formFieldNewInputAddButton.classList.add(\n \"tna-button\",\n \"tna-button--small\",\n );\n this.$formFieldNewInputAddButtonInner = document.createElement(\"span\");\n this.$formFieldNewInputAddButtonInner.innerText = \"Add\";\n this.$formFieldNewInputAddButtonInnerExtra = document.createElement(\"span\");\n this.$formFieldNewInputAddButtonInnerExtra.classList.add(\n \"tna-visually-hidden\",\n );\n this.$formFieldNewInputAddButtonInnerExtra.innerText = \" to list\";\n this.$formFieldNewInputAddButtonInner.appendChild(\n this.$formFieldNewInputAddButtonInnerExtra,\n );\n this.$formFieldNewInputAddButton.appendChild(\n this.$formFieldNewInputAddButtonInner,\n );\n this.$formFieldBody.appendChild(this.$formFieldNewInputAddButton);\n this.$formFieldNewInputAddButton.addEventListener(\"click\", () => {\n this.appendValue(this.$formFieldNewInput.value);\n });\n\n this.$formFieldLiveAria = document.createElement(\"div\");\n this.$formFieldLiveAria.setAttribute(\"aria-live\", \"polite\");\n this.$formFieldLiveAria.classList.add(\"tna-visually-hidden\");\n this.$module.appendChild(this.$formFieldLiveAria);\n\n this.$formFieldCounter = document.createElement(\"p\");\n this.$formFieldCounter.id = `${this.id}-list-helper`;\n this.$formFieldCounter.classList.add(\"tna-!--margin-top-xs\");\n this.$module.appendChild(this.$formFieldCounter);\n\n this.$formFieldNewInput.setAttribute(\n \"aria-describedby\",\n `${this.$formFieldNewInput.getAttribute(\"aria-describedby\")} ${\n this.$formFieldCounter.id\n }`,\n );\n\n this.$valuesList = document.createElement(\"ul\");\n this.$valuesList.classList.add(\n \"tna-compound-filters\",\n \"tna-!--margin-top-xs\",\n );\n this.$valuesList.addEventListener(\"blur\", () => {\n this.$valuesList.removeAttribute(\"tabindex\");\n this.updateAriaText(\"\");\n });\n this.$module.appendChild(this.$valuesList);\n\n if (!this.$formFieldInputHint) {\n this.$formFieldInputHint = document.createElement(\"p\");\n this.$formFieldInputHint.classList.add(\"tna-form-item__hint\");\n this.$formFieldBody.parentNode.insertBefore(\n this.$formFieldInputHint,\n this.$formFieldBody,\n );\n }\n this.$formFieldInputHint.innerText = this.enhancedHint;\n\n this.updateList();\n }\n\n updateAriaText(content) {\n this.$formFieldLiveAria.innerText = content;\n }\n\n /* eslint-disable-next-line class-methods-use-this /\n normaliseValue(value) {\n return value.replace(/\\s{2,}/u, \" \").trim();\n }\n\n isValueInList(value) {\n return this.values\n .map((eachValue) => this.normaliseValue(eachValue).toLowerCase())\n .includes(value.toLowerCase().trim());\n }\n\n appendValue(value) {\n const newValue = this.normaliseValue(value);\n if (newValue) {\n if (this.isValueInList(newValue)) {\n this.updateAriaText(`'${newValue}' already added`);\n } else {\n this.values.push(newValue);\n this.$formFieldInput.value = this.values.join(\"\\n\");\n this.updateList();\n this.updateAriaText(`'${newValue}' added`);\n }\n } else {\n this.updateAriaText(\"Enter an item to add\");\n }\n this.$formFieldNewInput.value = \"\";\n this.$formFieldNewInput.focus();\n }\n\n removeValue(value) {\n const removeValue = this.normaliseValue(value);\n if (removeValue && this.isValueInList(removeValue)) {\n this.values = this.values.filter(\n (existingValue) => existingValue !== removeValue,\n );\n this.$formFieldInput.value = this.values.join(\"\\n\");\n this.updateList();\n this.updateAriaText(`'${removeValue}' removed`);\n }\n if (this.values.length) {\n this.$valuesList.setAttribute(\"tabindex\", \"0\");\n this.$valuesList.focus();\n } else {\n this.$formFieldNewInput.focus();\n }\n }\n\n updateList() {\n this.$valuesList.innerHTML = \"\";\n this.values\n .map((value) => {\n const $item = document.createElement(\"li\");\n $item.classList.add(\"tna-compound-filters__item\");\n const $itemLabel = document.createElement(\"span\");\n $itemLabel.innerText = value;\n $item.appendChild($itemLabel);\n\n const $removeItemButton = document.createElement(\"button\");\n $removeItemButton.innerText = `Remove '${value}'`;\n $removeItemButton.setAttribute(\"type\", \"button\");\n $removeItemButton.classList.add(\"tna-compound-filters__link\");\n $removeItemButton.addEventListener(\"click\", () => {\n this.removeValue(value);\n });\n $item.appendChild($removeItemButton);\n return $item;\n })\n .forEach(($item) => this.$valuesList.appendChild($item));\n\n let innerTextItemValue = \"item\";\n / eslint-disable-next-line no-magic-numbers */\n if (this.values.length !== 1) {\n innerTextItemValue += \"s\";\n }\n const innerTextValue = `${new Intl.NumberFormat().format(this.values.length)} ${innerTextItemValue} added`;\n this.$formFieldCounter.innerText = innerTextValue;\n }\n}\n","// The module cache\nconst __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tconst 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\tconst 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/value 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\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["root","factory","exports","module","define","amd","self","TextAreaCharacterCount","constructor","$module","options","this","$formFieldInput","querySelector","$formFieldCharacterCount","$formFieldCharacterCountScreenReader","max","parseInt","dataset","maxLength","countType","init","threshold","countThreshold","debounceDuration","intervalChecker","debounceTimeout","lastInputValue","addEventListener","handleInput","lastInputTimestamp","Date","now","handleFocus","handleBlur","updateVisualCharacterCount","updateScreenReaderCharacterCount","valueChecker","window","setInterval","updateIfValueChanged","clearInterval","value","clearTimeout","setTimeout","getCurrentLength","trimmedValue","trim","split","length","getCurrentLengthMessage","currentLength","typeLabel","Math","abs","replace","Intl","NumberFormat","format","isOverThreshold","showCharacterCount","hideCharacterCount","innerText","classList","add","remove","currentLengthMessage","removeAttribute","setAttribute","TextAreaItemisedRows","$formFieldInputHint","$formFieldBody","getAttribute","HTMLTextAreaElement","Error","enhancedHint","values","map","filter","id","$formFieldNewInput","document","createElement","forEach","attribute","appendChild","updateList","event","key","appendValue","target","$formFieldNewInputAddButton","$formFieldNewInputAddButtonInner","$formFieldNewInputAddButtonInnerExtra","$formFieldLiveAria","$formFieldCounter","$valuesList","updateAriaText","parentNode","insertBefore","content","normaliseValue","isValueInList","eachValue","toLowerCase","includes","newValue","push","join","focus","removeValue","existingValue","innerHTML","$item","$itemLabel","$removeItemButton","innerTextItemValue","innerTextValue","__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"],"sourceRoot":""}
1	+ {"version":3,"file":"components/textarea/textarea.js","mappings":"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","sources":["webpack://TNAFrontend/webpack/universalModuleDefinition","webpack://TNAFrontend/./src/nationalarchives/components/textarea/TextAreaCharacterCount.mjs","webpack://TNAFrontend/./src/nationalarchives/components/textarea/TextAreaItemisedRows.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"],"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 default class TextAreaCharacterCount {\n constructor($module, options = {}) {\n this.$module = $module;\n this.$formFieldInput =\n this.$module && this.$module.querySelector(\".tna-textarea\");\n this.$formFieldCharacterCount =\n this.$module && this.$module.querySelector(\".tna-textarea-count\");\n this.$formFieldCharacterCountScreenReader =\n this.$module &&\n this.$module.querySelector(\".tna-textarea-count__screen-reader-status\");\n this.max = parseInt(this.$formFieldInput?.dataset?.maxLength, 10);\n\n if (\n !this.$module \|\|\n !this.$formFieldInput \|\|\n !this.$formFieldCharacterCount \|\|\n !this.$formFieldCharacterCountScreenReader \|\|\n !this.max\n ) {\n return;\n }\n\n const countConfigOptions = {\n length: { labels: [\"character\", \"characters\"] },\n characters: {\n labels: [\"character\", \"characters\"],\n segmenterGranularity: \"grapheme\",\n },\n words: { labels: [\"word\", \"words\"], segmenterGranularity: \"word\" },\n };\n\n this.countType = this.$formFieldInput?.dataset?.countType \|\| \"length\";\n if (!countConfigOptions[this.countType]) {\n throw new Error(`Unsupported count type: ${this.countType}`);\n }\n this.config = countConfigOptions[this.countType];\n\n this.init(options);\n }\n\n init(options) {\n this.segmenter = null;\n if (\n typeof Intl !== \"undefined\" &&\n typeof Intl.Segmenter === \"function\" &&\n this.config.segmenterGranularity\n ) {\n const language = options.language \|\| navigator.language \|\| \"en\";\n this.segmenter = new Intl.Segmenter(language, {\n granularity: this.config.segmenterGranularity,\n });\n }\n this.threshold =\n options.threshold \|\|\n parseInt(this.$formFieldInput?.dataset?.countThreshold, 10) \|\|\n /* eslint-disable-next-line no-magic-numbers /\n 0;\n this.debounceDuration =\n options.debounceDuration \|\|\n parseInt(this.$formFieldInput?.dataset?.debounceDuration, 10) \|\|\n / eslint-disable-next-line no-magic-numbers /\n 1000;\n / eslint-disable-next-line no-magic-numbers /\n this.intervalChecker = options.intervalChecker \|\| 1000;\n this.debounceTimeout = null;\n this.lastInputValue = \"\";\n\n this.$formFieldInput.addEventListener(\"input\", () => {\n this.handleInput();\n this.lastInputTimestamp = Date.now();\n });\n this.$formFieldInput.addEventListener(\"focus\", () => {\n this.handleFocus();\n });\n this.$formFieldInput.addEventListener(\"blur\", () => {\n this.handleBlur();\n });\n this.updateVisualCharacterCount();\n this.updateScreenReaderCharacterCount();\n }\n\n handleFocus() {\n this.valueChecker = window.setInterval(() => {\n if (\n !this.lastInputTimestamp \|\|\n / eslint-disable-next-line no-magic-numbers /\n Date.now() - this.intervalChecker / 2 >= this.lastInputTimestamp\n ) {\n this.updateIfValueChanged();\n }\n }, this.intervalChecker);\n }\n\n handleBlur() {\n if (this.valueChecker) {\n window.clearInterval(this.valueChecker);\n }\n this.updateScreenReaderCharacterCount();\n }\n\n updateIfValueChanged() {\n if (this.$formFieldInput.value !== this.lastInputValue) {\n this.lastInputValue = this.$formFieldInput.value;\n this.updateVisualCharacterCount();\n this.updateScreenReaderCharacterCount();\n }\n }\n\n handleInput() {\n this.updateVisualCharacterCount();\n clearTimeout(this.debounceTimeout);\n this.debounceTimeout = setTimeout(() => {\n this.updateScreenReaderCharacterCount();\n }, this.debounceDuration);\n }\n\n getCurrentLength() {\n const rawValue = this.$formFieldInput.value;\n\n if (this.countType === \"length\") {\n return rawValue.length;\n }\n\n if (this.countType === \"characters\") {\n if (this.segmenter) {\n const segments = Array.from(this.segmenter.segment(rawValue));\n return segments.length;\n }\n return Array.from(rawValue).length;\n }\n\n if (this.countType === \"words\") {\n if (this.segmenter) {\n const segments = Array.from(this.segmenter.segment(rawValue));\n return segments.filter((segment) => segment.isWordLike).length;\n }\n return rawValue.trim().split(/\\s+/).length;\n }\n return 0;\n }\n\n getCurrentLengthMessage() {\n const currentLength = this.getCurrentLength();\n\n const [singularLabel, pluralLabel] = this.config.labels;\n let typeLabel = pluralLabel;\n / eslint-disable-next-line no-magic-numbers /\n if (Math.abs(this.max - currentLength) === 1) {\n typeLabel = singularLabel;\n }\n if (currentLength > this.max) {\n return `You have ${new Intl.NumberFormat().format(currentLength - this.max)} ${typeLabel} too many`;\n }\n return `You have ${new Intl.NumberFormat().format(this.max - currentLength)} ${typeLabel} remaining`;\n }\n\n isOverThreshold() {\n return this.getCurrentLength() > this.max;\n }\n\n updateVisualCharacterCount() {\n if (this.threshold) {\n / eslint-disable-next-line no-magic-numbers /\n if (this.getCurrentLength() > this.max (this.threshold / 100)) {\n this.showCharacterCount();\n } else {\n this.hideCharacterCount();\n }\n }\n\n this.$formFieldCharacterCount.innerText = this.getCurrentLengthMessage();\n if (this.isOverThreshold()) {\n this.$formFieldInput.classList.add(\"tna-textarea--error\");\n this.$formFieldCharacterCount.classList.add(\"tna-textarea-count--error\");\n } else {\n this.$formFieldInput.classList.remove(\"tna-textarea--error\");\n this.$formFieldCharacterCount.classList.remove(\n \"tna-textarea-count--error\",\n );\n }\n }\n\n updateScreenReaderCharacterCount() {\n const currentLengthMessage = this.getCurrentLengthMessage();\n this.$formFieldCharacterCountScreenReader.innerText = currentLengthMessage;\n }\n\n showCharacterCount() {\n this.$formFieldCharacterCount.removeAttribute(\"hidden\");\n this.$formFieldCharacterCountScreenReader.removeAttribute(\"aria-hidden\");\n }\n\n hideCharacterCount() {\n this.$formFieldCharacterCount.setAttribute(\"hidden\", \"\");\n this.$formFieldCharacterCountScreenReader.setAttribute(\n \"aria-hidden\",\n \"true\",\n );\n }\n}\n","export default class TextAreaItemisedRows {\n constructor($module, options = {}) {\n this.$module = $module;\n this.$formItemInput =\n this.$module && this.$module.querySelector(\".tna-textarea\");\n this.$formItemHeader =\n this.$module && this.$module.querySelector(\".tna-form-item__header\");\n this.$formItemInputHint =\n this.$module && this.$module.querySelector(\".tna-form-item__hint\");\n this.$formItemBody =\n this.$module && this.$module.querySelector(\".tna-form-item__body\");\n\n if (\n !this.$module \|\|\n !this.$formItemHeader \|\|\n !this.$formItemInput \|\|\n !this.$formItemBody \|\|\n this.$formItemInput.getAttribute(\"hidden\") !== null\n ) {\n return;\n }\n\n if (!(this.$formItemInput instanceof HTMLTextAreaElement)) {\n throw new Error(\"Expected a textarea element\");\n }\n\n const { enhancedHint } = options;\n this.enhancedHint = enhancedHint \|\| \"Enter an item and press enter\";\n\n this.values = this.$formItemInput.value\n .split(\"\\n\")\n .map((value) => value.trim())\n .filter((value) => value);\n\n this.id = this.$formItemInput.id;\n\n this.init();\n }\n\n init() {\n this.$formFieldNewInput = document.createElement(\"input\");\n this.$formFieldNewInput.classList.add(\"tna-text-input\");\n [\"id\", \"aria-describedby\"].forEach((attribute) => {\n this.$formFieldNewInput.setAttribute(\n attribute,\n this.$formItemInput.getAttribute(attribute),\n );\n this.$formItemInput.removeAttribute(attribute);\n });\n this.$formItemBody.appendChild(this.$formFieldNewInput);\n this.$formItemInput.setAttribute(\"hidden\", \"\");\n this.$formItemInput.addEventListener(\"keyup\", () => this.updateList());\n this.$formFieldNewInput.addEventListener(\"keypress\", (event) => {\n if (event.key === \"Enter\") {\n this.appendValue(event.target.value);\n }\n });\n\n this.$formFieldNewInputAddButton = document.createElement(\"button\");\n this.$formFieldNewInputAddButton.setAttribute(\"type\", \"button\");\n this.$formFieldNewInputAddButton.classList.add(\n \"tna-button\",\n \"tna-button--small\",\n );\n this.$formFieldNewInputAddButton.innerText = \"Add\";\n this.$formFieldNewInputAddButton.setAttribute(\n \"aria-label\",\n `Add to list for '${this.$formItemHeader.innerText}'`,\n );\n this.$formItemBody.appendChild(this.$formFieldNewInputAddButton);\n this.$formFieldNewInputAddButton.addEventListener(\"click\", () => {\n this.appendValue(this.$formFieldNewInput.value);\n });\n\n this.$formFieldLiveAria = document.createElement(\"div\");\n this.$formFieldLiveAria.setAttribute(\"aria-live\", \"polite\");\n this.$formFieldLiveAria.classList.add(\"tna-visually-hidden\");\n this.$module.appendChild(this.$formFieldLiveAria);\n\n this.$formFieldCounter = document.createElement(\"p\");\n this.$formFieldCounter.id = `${this.id}-list-helper`;\n this.$formFieldCounter.classList.add(\"tna-!--margin-top-xs\");\n this.$module.appendChild(this.$formFieldCounter);\n\n this.$formFieldNewInput.setAttribute(\n \"aria-describedby\",\n `${this.$formFieldNewInput.getAttribute(\"aria-describedby\")} ${\n this.$formFieldCounter.id\n }`,\n );\n\n this.$valuesList = document.createElement(\"ul\");\n this.$valuesList.classList.add(\n \"tna-compound-filters\",\n \"tna-!--margin-top-xs\",\n );\n this.$valuesList.addEventListener(\"blur\", () => {\n this.$valuesList.removeAttribute(\"tabindex\");\n this.updateAriaText(\"\");\n });\n this.$module.appendChild(this.$valuesList);\n\n if (!this.$formItemInputHint) {\n this.$formItemInputHint = document.createElement(\"p\");\n this.$formItemInputHint.classList.add(\"tna-form-item__hint\");\n this.$formItemBody.parentNode.insertBefore(\n this.$formItemInputHint,\n this.$formItemBody,\n );\n }\n this.$formItemInputHint.innerText = this.enhancedHint;\n\n this.updateList();\n }\n\n updateAriaText(content) {\n this.$formFieldLiveAria.innerText = content;\n }\n\n /* eslint-disable-next-line class-methods-use-this /\n normaliseValue(value) {\n return value.replace(/\\s{2,}/u, \" \").trim();\n }\n\n isValueInList(value) {\n return this.values\n .map((eachValue) => this.normaliseValue(eachValue).toLowerCase())\n .includes(value.toLowerCase().trim());\n }\n\n appendValue(value) {\n const newValue = this.normaliseValue(value);\n if (newValue) {\n if (this.isValueInList(newValue)) {\n this.updateAriaText(`'${newValue}' already added`);\n } else {\n this.values.push(newValue);\n this.$formItemInput.value = this.values.join(\"\\n\");\n this.updateList();\n this.updateAriaText(`'${newValue}' added`);\n }\n } else {\n this.updateAriaText(\"Enter an item to add\");\n }\n this.$formFieldNewInput.value = \"\";\n this.$formFieldNewInput.focus();\n }\n\n removeValue(value) {\n const removeValue = this.normaliseValue(value);\n if (removeValue && this.isValueInList(removeValue)) {\n this.values = this.values.filter(\n (existingValue) => existingValue !== removeValue,\n );\n this.$formItemInput.value = this.values.join(\"\\n\");\n this.updateList();\n this.updateAriaText(`'${removeValue}' removed`);\n }\n if (this.values.length) {\n this.$valuesList.setAttribute(\"tabindex\", \"0\");\n this.$valuesList.focus();\n } else {\n this.$formFieldNewInput.focus();\n }\n }\n\n updateList() {\n this.$valuesList.innerHTML = \"\";\n this.values\n .map((value) => {\n const $item = document.createElement(\"li\");\n $item.classList.add(\"tna-compound-filters__item\");\n const $itemLabel = document.createElement(\"span\");\n $itemLabel.innerText = value;\n $item.appendChild($itemLabel);\n\n const $removeItemButton = document.createElement(\"button\");\n $removeItemButton.innerText = `Remove '${value}'`;\n $removeItemButton.setAttribute(\"type\", \"button\");\n $removeItemButton.classList.add(\"tna-compound-filters__link\");\n $removeItemButton.addEventListener(\"click\", () => {\n this.removeValue(value);\n });\n $item.appendChild($removeItemButton);\n return $item;\n })\n .forEach(($item) => this.$valuesList.appendChild($item));\n\n let innerTextItemValue = \"item\";\n / eslint-disable-next-line no-magic-numbers */\n if (this.values.length !== 1) {\n innerTextItemValue += \"s\";\n }\n const innerTextValue = `${new Intl.NumberFormat().format(this.values.length)} ${innerTextItemValue} added`;\n this.$formFieldCounter.innerText = innerTextValue;\n }\n}\n","// The module cache\nconst __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tconst 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\tconst 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/value 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\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};"],"names":["root","factory","exports","module","define","amd","self","TextAreaCharacterCount","constructor","$module","options","this","$formFieldInput","querySelector","$formFieldCharacterCount","$formFieldCharacterCountScreenReader","max","parseInt","dataset","maxLength","countConfigOptions","length","labels","characters","segmenterGranularity","words","countType","Error","config","init","segmenter","Intl","Segmenter","language","navigator","granularity","threshold","countThreshold","debounceDuration","intervalChecker","debounceTimeout","lastInputValue","addEventListener","handleInput","lastInputTimestamp","Date","now","handleFocus","handleBlur","updateVisualCharacterCount","updateScreenReaderCharacterCount","valueChecker","window","setInterval","updateIfValueChanged","clearInterval","value","clearTimeout","setTimeout","getCurrentLength","rawValue","Array","from","segment","filter","isWordLike","trim","split","getCurrentLengthMessage","currentLength","singularLabel","pluralLabel","typeLabel","Math","abs","NumberFormat","format","isOverThreshold","showCharacterCount","hideCharacterCount","innerText","classList","add","remove","currentLengthMessage","removeAttribute","setAttribute","TextAreaItemisedRows","$formItemInput","$formItemHeader","$formItemInputHint","$formItemBody","getAttribute","HTMLTextAreaElement","enhancedHint","values","map","id","$formFieldNewInput","document","createElement","forEach","attribute","appendChild","updateList","event","key","appendValue","target","$formFieldNewInputAddButton","$formFieldLiveAria","$formFieldCounter","$valuesList","updateAriaText","parentNode","insertBefore","content","normaliseValue","replace","isValueInList","eachValue","toLowerCase","includes","newValue","push","join","focus","removeValue","existingValue","innerHTML","$item","$itemLabel","$removeItemButton","innerTextItemValue","innerTextValue","__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"],"sourceRoot":""}

package/nationalarchives/templates/layouts/_generic.njk CHANGED Viewed

@@ -5,13 +5,13 @@
 {%- from "nationalarchives/components/header/macro.njk" import tnaHeader -%}
 {%- from "nationalarchives/components/skip-link/macro.njk" import tnaSkipLink -%}
-{%- from "nationalarchives/templates/macros/title.njk" import title -%}
+{%- from "nationalarchives/templates/macros/page-site-title-display.njk" import tnaPageSiteTitleDisplay -%}
 <!DOCTYPE html>
 <html lang="{{ htmlLang | default('en') }}" class="tna-template{% if theme and theme != 'light' %} tna-template--{{ theme }}-theme{% endif %}{% if themeAccent %} tna-template--{{ themeAccent }}-accent{% endif %}{% if htmlClasses %} {{ htmlClasses }}{% endif %}"{% for attribute, value in htmlAttributes %} {{ attribute }}{% if value !== '' %}="{{ value }}"{% endif %}{% endfor %}>
   <head>
     <meta charset="utf-8">
-    <title>{% block pageTitle %}{{ title(pageTitle, siteTitle) }}{% endblock pageTitle %}</title>
+    <title>{% block pageTitle %}{{ tnaPageSiteTitleDisplay(pageTitle, siteTitle) }}{% endblock pageTitle %}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
     <meta name="theme-color" content="{{ themeColor | default('#010101') }}">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">

package/nationalarchives/templates/macros/{title.njk → page-site-title-display.njk} RENAMED Viewed

@@ -1,4 +1,4 @@
-{% macro title(pageTitle, siteTitle, maxTitleLength, separator, ellipsis) %}
+{% macro tnaPageSiteTitleDisplay(pageTitle, siteTitle, maxTitleLength, separator, ellipsis) %}
   {#-
       Truncate any pageTitle that would cause the length of the <title> to exceed 70 characters
       See https://html-validate.org/rules/long-title.html

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@nationalarchives/frontend",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "description": "The National Archives frontend styles",
   "scripts": {
     "start": "storybook dev -p 6006",