${this.label.textContent}
`;\n }\n return '';\n }\n getOptionsList(options) {\n let list = '';\n for (let i = 0; i < options.length; i += 1) {\n const isHidden = options[i].hasAttribute('hidden');\n const disabled = options[i].hasAttribute('disabled') || isHidden ? 'disabled' : '';\n const checked = options[i].hasAttribute('selected') ? 'checked' : '';\n const uniqueName = this.constructor.createSafeCss(`${this.selectId}-${options[i].value}-${this.optionIndex.toString()}`);\n const ariaHidden = isHidden ? 'aria-hidden=\"true\"' : '';\n list = `${list}`;\n this.optionIndex += 1;\n }\n return list;\n }\n getOptions() {\n const options = Array.from(this.dropdown.querySelectorAll(`.js-${this.optionClass}`));\n const totals = options.reduce((acc, option) => {\n const input = option.querySelector(`.js-${this.checkboxClass}`);\n if (!input || input.disabled) return acc;\n acc.enabled += 1;\n if (input.checked) acc.selectedEnabled += 1;\n return acc;\n }, {\n enabled: 0,\n selectedEnabled: 0\n });\n return [options, totals.enabled, totals.selectedEnabled];\n }\n moveFocusToSelectTrigger() {\n if (!this.element.contains(document.activeElement)) return;\n this.trigger.focus();\n }\n addTrapFocus() {\n if (this.trapFocusHandler) return;\n const focusableElements = 'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]), input[type=\"text\"]:not([disabled]), input[type=\"radio\"]:not([disabled]), input[type=\"checkbox\"]:not([disabled]), select:not([disabled])';\n this.trapFocusHandler = event => {\n const isTabPressed = event.key === 'Tab';\n if (!isTabPressed) {\n return;\n }\n if (!this.dropdown.contains(document.activeElement)) {\n return;\n }\n const focusableContent = this.dropdown.querySelectorAll(focusableElements);\n if (!focusableContent.length) return;\n const firstFocusableElement = focusableContent[0];\n const lastFocusableElement = focusableContent[focusableContent.length - 1];\n if (event.shiftKey) {\n if (document.activeElement === firstFocusableElement) {\n lastFocusableElement.focus();\n event.preventDefault();\n }\n } else if (document.activeElement === lastFocusableElement) {\n firstFocusableElement.focus();\n event.preventDefault();\n }\n };\n document.addEventListener('keydown', this.trapFocusHandler);\n }\n removeTrapFocus() {\n if (!this.trapFocusHandler) return;\n document.removeEventListener('keydown', this.trapFocusHandler);\n this.trapFocusHandler = null;\n }\n checkCustomSelectClick(target) {\n if (!this.element.contains(target)) this.toggleCustomSelect('false');\n }\n static createSafeCss(str) {\n const invalidBeginningOfClassname = /^([0-9]|--|-[0-9])/;\n if (typeof str !== 'string') {\n return '';\n }\n const strippedClassname = str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g).map(x => x.toLowerCase()).join('-');\n return invalidBeginningOfClassname.test(strippedClassname) ? `_${strippedClassname}` : strippedClassname;\n }\n static parseMaxHeight(value) {\n if (!value) return null;\n const maxHeight = Number(value);\n if (!Number.isFinite(maxHeight) || maxHeight < 1 || maxHeight > 100) return null;\n return maxHeight;\n }\n static moveFocusFn(element) {\n element.focus();\n if (document.activeElement !== element) {\n element.setAttribute('tabindex', '-1');\n element.focus();\n }\n }\n }\n\n class SiteSearch {\n constructor(element) {\n this.element = element;\n this.originalButton = document.querySelector('.js-open-search');\n this.targetElement = document.getElementById(this.element.getAttribute('aria-controls'));\n this.searchInput = this.targetElement.querySelector('input.js-search-input');\n this.pressed = this.element.getAttribute('aria-expanded') === 'true';\n }\n init() {\n if (!this.originalButton) return;\n this.controls();\n }\n controls() {\n this.element.addEventListener('click', this.showHide.bind(this), false);\n }\n showHide() {\n if (this.pressed) {\n this.targetElement.hidden = true;\n this.originalButton.hidden = false;\n this.originalButton.focus();\n } else {\n this.targetElement.hidden = false;\n this.originalButton.hidden = true;\n this.searchInput.focus();\n }\n }\n }\n\n class SideNav {\n constructor(element, index) {\n this.element = element;\n this.index = index;\n this.toggleButton = this.element.querySelector('.nsw-side-nav__toggle');\n this.sideNavContent = this.element.querySelector('.nsw-side-nav__content');\n this.isOpen = false;\n }\n init() {\n this.element.classList.remove('open');\n if (this.sideNavContent && !this.sideNavContent.id) {\n this.sideNavContent.id = `nsw-side-nav__content-${this.index}`;\n }\n if (this.toggleButton) {\n if (!this.toggleButton.querySelector('.material-icons')) {\n const icon = document.createElement('span');\n icon.classList.add('material-icons', 'nsw-material-icons');\n icon.setAttribute('focusable', 'false');\n icon.setAttribute('aria-hidden', 'true');\n icon.textContent = 'keyboard_arrow_right';\n this.toggleButton.appendChild(icon);\n }\n this.toggleButton.setAttribute('aria-controls', this.sideNavContent.id);\n this.toggleButton.addEventListener('click', this.toggle.bind(this));\n }\n }\n toggle() {\n // Disabled mobile toggle on lg screens upwards\n const isDesktop = window.innerWidth > 992;\n if (isDesktop) return;\n this.isOpen = !this.isOpen;\n this.element.classList.toggle('open', this.isOpen);\n this.toggleButton.setAttribute('aria-expanded', String(this.isOpen));\n }\n }\n\n class Tabs {\n constructor(element, showTab) {\n this.element = element;\n this.tablistClass = '.nsw-tabs__list';\n this.tablistItemClass = 'li';\n this.tablistLinkClass = 'a';\n this.showTab = showTab;\n this.tabList = this.element.querySelector(this.tablistClass);\n this.tabItems = this.tabList && this.tabList.querySelectorAll(this.tablistItemClass);\n this.allowedKeys = [35, 36, 37, 39, 40];\n this.tabLinks = [];\n this.tabPanel = [];\n this.selectedTab = null;\n this.clickTabEvent = event => this.clickTab(event);\n this.arrowKeysEvent = event => this.arrowKeys(event);\n this.owns = [];\n }\n init() {\n if (!this.tabList) return;\n this.setUpDom();\n this.controls();\n this.setInitalTab();\n }\n setUpDom() {\n const tabListWrapper = document.createElement('div');\n tabListWrapper.classList.add('nsw-tabs__list-wrapper');\n this.element.prepend(tabListWrapper);\n tabListWrapper.prepend(this.tabList);\n this.tabList.setAttribute('role', 'tablist');\n this.tabItems.forEach(item => {\n const itemElem = item;\n const itemLink = item.querySelector(this.tablistLinkClass);\n const panel = this.element.querySelector(itemLink.hash);\n const uID = uniqueId('tab');\n this.owns.push(uID);\n itemElem.setAttribute('role', 'presentation');\n this.enhanceTabLink(itemLink, uID);\n this.enhanceTabPanel(panel, uID);\n });\n this.tabList.setAttribute('aria-owns', this.owns.join(' '));\n }\n enhanceTabLink(link, id) {\n link.setAttribute('role', 'tab');\n link.setAttribute('id', id);\n link.setAttribute('aria-selected', false);\n link.setAttribute('tabindex', '-1');\n this.tabLinks.push(link);\n }\n enhanceTabPanel(panel, id) {\n const panelElem = panel;\n panelElem.setAttribute('role', 'tabpanel');\n panelElem.setAttribute('aria-labelledby', id);\n panelElem.setAttribute('tabindex', '0');\n panelElem.hidden = true;\n this.tabPanel.push(panelElem);\n }\n setInitalTab() {\n const {\n tabLinks,\n tabPanel,\n showTab\n } = this;\n const index = showTab === undefined ? 0 : showTab;\n const selectedLink = tabLinks[index];\n selectedLink.classList.add('active');\n selectedLink.removeAttribute('tabindex');\n selectedLink.setAttribute('aria-selected', true);\n tabPanel[index].hidden = false;\n this.selectedTab = selectedLink;\n }\n clickTab(e) {\n e.preventDefault();\n this.switchTabs(e.currentTarget);\n }\n switchTabs(elem) {\n const clickedTab = elem;\n if (clickedTab !== this.selectedTab) {\n clickedTab.focus();\n clickedTab.removeAttribute('tabindex');\n clickedTab.setAttribute('aria-selected', true);\n clickedTab.classList.add('active');\n this.selectedTab.setAttribute('aria-selected', false);\n this.selectedTab.setAttribute('tabindex', '-1');\n this.selectedTab.classList.remove('active');\n const clickedTabIndex = this.tabLinks.indexOf(clickedTab);\n const selectedTabIndex = this.tabLinks.indexOf(this.selectedTab);\n this.tabPanel[clickedTabIndex].hidden = false;\n this.tabPanel[selectedTabIndex].hidden = true;\n this.selectedTab = clickedTab;\n if (!clickedTab.classList.contains('js-tabs-fixed')) {\n clickedTab.scrollIntoView({\n behavior: 'smooth',\n block: 'nearest',\n inline: 'nearest'\n });\n }\n }\n }\n arrowKeys({\n which\n }) {\n const linkLength = this.tabLinks.length - 1;\n let index = this.tabLinks.indexOf(this.selectedTab);\n let down = false;\n if (this.allowedKeys.includes(which)) {\n switch (which) {\n case 35:\n index = linkLength;\n break;\n case 36:\n index = 0;\n break;\n case 37:\n index = index === 0 ? -1 : index -= 1;\n break;\n case 39:\n index = index === linkLength ? -1 : index += 1;\n break;\n case 40:\n down = true;\n break;\n }\n if (index > -1) {\n if (down) {\n this.tabPanel[index].focus();\n } else {\n this.switchTabs(this.tabLinks[index]);\n }\n }\n }\n }\n controls() {\n this.tabLinks.forEach(link => {\n link.addEventListener('click', this.clickTabEvent, false);\n link.addEventListener('keydown', this.arrowKeysEvent, false);\n });\n }\n }\n\n /* eslint-disable max-len, import/no-extraneous-dependencies */\n class Toggletip {\n constructor(element) {\n this.toggletip = element;\n this.toggletipId = this.toggletip.getAttribute('aria-controls');\n this.toggletipElement = this.toggletipId && (this.toggletip.querySelector(`#${this.toggletipId}`) || document.querySelector(`#${this.toggletipId}`));\n this.toggletipContentId = this.toggletipId ? `${this.toggletipId}-content` : '';\n this.toggletipContent = false;\n this.sanitiseMode = this.toggletip.getAttribute('data-sanitise') || 'strict';\n this.toggletipAnchor = this.toggletip.querySelector('[data-anchor]') || this.toggletip;\n this.toggletipText = this.toggletip.innerText;\n this.toggletipHeading = this.toggletip.getAttribute('data-title') || this.toggletipText;\n this.arrowElement = false;\n this.closeButton = false;\n this.toggletipIsOpen = false;\n this.toggletipVisibleClass = 'active';\n this.firstFocusable = false;\n this.lastFocusable = false;\n this.handleDocumentFocusIn = event => this.onDocumentFocusIn(event);\n }\n init() {\n if (!this.toggletipElement) return;\n const {\n toggletipElement\n } = this;\n this.toggletipContent = toggletipElement.innerHTML;\n const {\n toggletip,\n toggletipHeading,\n toggletipText\n } = this;\n const labelText = (toggletipText || '').trim() || (toggletipHeading || '').trim();\n const hasAriaLabel = toggletip.hasAttribute('aria-label');\n const attributes = {\n tabindex: '0',\n 'aria-expanded': 'false',\n role: 'button'\n };\n if (!hasAriaLabel && labelText) {\n attributes['aria-label'] = `${labelText} toggletip`;\n }\n this.constructor.setAttributes(toggletip, attributes);\n this.initEvents();\n }\n initEvents() {\n this.toggletip.addEventListener('click', this.toggleToggletip.bind(this));\n this.toggletip.addEventListener('keydown', event => {\n const {\n key,\n code\n } = event;\n const eventKey = key && key.toLowerCase();\n const eventCode = code && code.toLowerCase();\n const isEnter = eventKey === 'enter' || eventCode === 'enter';\n const isSpace = eventKey === ' ' || eventKey === 'spacebar' || eventCode === 'space';\n if (isEnter || isSpace) {\n event.preventDefault();\n this.toggleToggletip();\n }\n });\n this.toggletipElement.addEventListener('keydown', this.trapFocus.bind(this));\n window.addEventListener('click', event => {\n const {\n target\n } = event;\n this.checkToggletipClick(target);\n });\n window.addEventListener('keyup', event => {\n const {\n key,\n code\n } = event;\n const eventKey = key && key.toLowerCase();\n const eventCode = code && code.toLowerCase();\n if (eventCode === 'escape' || eventKey === 'escape') {\n this.checkToggletipFocus();\n }\n });\n window.addEventListener('resize', () => {\n if (this.toggletipIsOpen) this.toggleToggletip();\n });\n window.addEventListener('scroll', () => {\n if (this.toggletipIsOpen) this.toggleToggletip();\n });\n }\n toggleToggletip() {\n if (this.toggletipElement.classList.contains('active')) {\n this.hideToggletip();\n } else {\n this.showToggletip();\n }\n }\n createToggletipElement() {\n const {\n toggletipContentId,\n toggletipHeading\n } = this;\n const sanitisedContent = this.sanitiseMode === 'open' ? this.constructor.sanitiseOpenContent(this.toggletipContent) : cleanHTMLStrict(this.toggletipContent);\n if (this.toggletipElement) {\n this.toggletipElement.innerHTML = '';\n const createToggletip = `\n