{"version":3,"sources":["accordions.js","modal.js","responsive-videos.js","tabs.js","tables.js","tile-nav.js","subpage.js"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACzFA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjNA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACjGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AChJA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACrCA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;ACPA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"subpage.js","sourcesContent":["\"use strict\";\r\n\r\nfunction accordionTitles() {\r\n  let titleCount = 0;\r\n  document.querySelectorAll('.accordions .accordion-title').forEach((acTitle) => {\r\n    titleCount++;\r\n    let id = 'accordion-' + titleCount;\r\n    let expanded = false;\r\n\r\n    let button = document.createElement('button');\r\n    button.setAttribute('onclick', 'return false;');\r\n    button.setAttribute('aria-controls', id);\r\n\r\n    if (acTitle.classList.contains('open')) {\r\n      button.setAttribute('aria-expanded', true);\r\n      acTitle.classList.add('is-active');\r\n      wrapInner(acTitle, button);\r\n    } else {\r\n      button.setAttribute('aria-expanded', false);\r\n      wrapInner(acTitle, button);\r\n    }\r\n  });\r\n}\r\n\r\nfunction accordionContent() {\r\n  let contentCount = 0;\r\n  document.querySelectorAll('.accordions .accordion-content').forEach((acContent) => {\r\n    contentCount++;\r\n    let id = 'accordion-' + contentCount;\r\n\r\n    if (acContent.previousElementSibling.classList.contains('is-active')) {\r\n      acContent.setAttribute('id', id);\r\n      acContent.setAttribute('aria-hidden', 'false');\r\n    } else {\r\n      acContent.setAttribute('id', id);\r\n      acContent.setAttribute('aria-hidden', 'true');\r\n    }\r\n  });\r\n  return 'success';\r\n}\r\n\r\nfunction accordionButtons() {\r\n  document.querySelectorAll('.accordions .accordion-title button').forEach((acButton) => {\r\n    acButton.on('click', function (e) {\r\n      e.preventDefault();\r\n\r\n      let id = acButton.getAttribute('aria-controls');\r\n      let state = acButton.getAttribute('aria-expanded');\r\n      let panel = document.querySelector('.accordion-content#' + id);\r\n\r\n      if (acButton.parentElement.classList.contains('is-active')) {\r\n        acButton.parentElement.classList.remove('is-active');\r\n        acButton.parentElement.classList.add('is-inactive');\r\n        acButton.setAttribute('aria-expanded', 'false');\r\n        panel.setAttribute('aria-hidden', 'true');\r\n      } else {\r\n        acButton.parentElement.classList.remove('is-inactive');\r\n        acButton.parentElement.classList.add('is-active');\r\n        acButton.setAttribute('aria-expanded', 'true');\r\n        panel.setAttribute('aria-hidden', 'false');\r\n      }\r\n    });\r\n  });\r\n  return 'success';\r\n}\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n  \"use strict\";\r\n  //Document Ready\r\n\r\n  document.querySelectorAll('.accordions').forEach((accordion) => {\r\n    accordion.classList.add('active');\r\n  });\r\n\r\n  let promiseTitles = new Promise((resolve) => {\r\n    accordionTitles();\r\n    resolve('success');\r\n  });\r\n\r\n  promiseTitles.then((value) => {\r\n    let promiseContent = new Promise((resolve) => {\r\n      accordionContent();\r\n      resolve('success');\r\n    });\r\n\r\n    promiseContent.then((value) => {\r\n      accordionButtons();\r\n    });\r\n  });\r\n});","\"use strict\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  //Document Ready\r\n\r\n  //Get an array of all Modals on the Page && pair with their links\r\n  var modals = document.querySelectorAll('.modal');\r\n\r\n  if (modals.length > 0) {\r\n    document.querySelector('body').insertAdjacentHTML('afterbegin', `<div class=\"modal-overlay\" tabindex=\"-1\"></div>`);\r\n  }\r\n\r\n  //Modal Setup\r\n  modals.forEach((modal) => {\r\n    modal.setAttribute('role', 'dialog');\r\n    modal.setAttribute('tabindex', '-1');\r\n    let height = modal.getAttribute('data-modal-height');\r\n    if (height !== undefined) {\r\n      modal.style.height = `height: ${height}px;`;\r\n    }\r\n  });\r\n  //Find modal links in content and set them up\r\n  document.querySelectorAll('.open-modal').forEach((lnk) => {\r\n\r\n    // console.log('Modal Link Setup');\r\n\r\n    lnk.on('click', function (e) {\r\n      // console.log('Link Clicked');\r\n      let modal = document.getElementById(lnk.getAttribute('href').substring(1));\r\n      if (modal.classList.contains('modal-inline')) {\r\n\r\n        // console.log('Open Inline Modal');\r\n        //Keep Modal Inline\r\n        openModalInline(modal, e);\r\n        setupModalEvents(modal);\r\n      } else {\r\n        // console.log('Open Copied Modal');\r\n        //Copy Modal Out of DOM\r\n        var modalCopy = modal.cloneNode(true);\r\n\r\n        var mdReplaceWith = `<span data-modalid=\"${modal.getAttribute('id').substring(0)}\" aria-hidden=\"true\" hidden=\"hidden\"></span>`;\r\n\r\n        modal.insertAdjacentHTML('afterend', mdReplaceWith);\r\n\r\n        document.querySelector('.modal-overlay').insertAdjacentElement('afterend', modalCopy);\r\n        openModalCopied(modalCopy, e);\r\n      }\r\n    });\r\n  });\r\n});\r\n\r\n//Open a modal\r\nfunction openModalInline(modal, event) {\r\n  // console.log('openModalInline');\r\n  if (event !== 'default open') {\r\n    event.preventDefault();\r\n  }\r\n\r\n  document.querySelectorAll('html, body').forEach((el) => {\r\n    el.classList.toggle('modal-open');\r\n  });\r\n  document.querySelector('.modal-overlay').classList.toggle('show-modal');\r\n  document.querySelector('.modal-overlay').classList.toggle('modal-inline');\r\n\r\n  modal.removeAttribute('hidden');\r\n  modal.setAttribute('aria-hidden', 'false');\r\n  modal.setAttribute('tabindex', '0');\r\n  modal.classList.toggle('show-modal');\r\n\r\n  document.querySelector('.modal-content .close-modal').setAttribute('tabindex', '0');\r\n  document.querySelector('.modal-content .close-modal').classList.add('modal-inline');\r\n  modal.focus();\r\n\r\n  //Keep keyboard events within modal content\r\n  modalFocusTrap(modal);\r\n}\r\n\r\n//Open a copied modal\r\nfunction openModalCopied(modal, event) {\r\n  // console.log('openModalInline');\r\n  if (event !== 'default open') {\r\n    event.preventDefault();\r\n  }\r\n\r\n  document.querySelectorAll('html, body').forEach((el) => {\r\n    el.classList.toggle('modal-open');\r\n  });\r\n  document.querySelector('.modal-overlay').classList.toggle('show-modal');\r\n  document.querySelector('.modal-overlay').classList.toggle('modal-inline');\r\n\r\n  modal.removeAttribute('hidden');\r\n  modal.setAttribute('aria-hidden', 'false');\r\n  modal.setAttribute('tabindex', '0');\r\n  modal.classList.toggle('show-modal');\r\n\r\n  document.querySelector('.modal-content .close-modal').setAttribute('tabindex', '0');\r\n  document.querySelector('.modal-content .close-modal').classList.add('modal-inline');\r\n  modal.focus();\r\n\r\n  //Keep keyboard events within modal content\r\n  modalFocusTrap(modal);\r\n  setupModalEvents(modal);\r\n}\r\n\r\nfunction setupModalEvents(modal) {\r\n\r\n  //Focus Modal Content when tabbed to\r\n  if (document.querySelector('.modal-overlay') !== null) {\r\n    document.querySelector('.modal-overlay').on('click', function () {\r\n      // console.log('Overlay Click');\r\n      let currentModalID = document.querySelectorAll('.modal').forEach((modal) => {\r\n        if (window.getComputedStyle(modal).display !== 'none') {\r\n          closeModal(modal);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  //Close modal events from close modal buttons\r\n  document.querySelectorAll('.close-modal').forEach((m) => {\r\n    // console.log('Close Modal Setup');\r\n    m.on('click', function (e) {\r\n      // console.log('Close Modal Click');\r\n      let modalP = m.parentNode.parentNode;\r\n      closeModal(modalP);\r\n    });\r\n\r\n    m.on('keydown', function (e) {\r\n      // console.log('Close Modal Key');\r\n      e.preventDefault();\r\n      if (e.which === 13) {\r\n        let modalP = m.parentNode.parentNode;\r\n        closeModal(modalP);\r\n      }\r\n    });\r\n  });\r\n\r\n  //Close modal on escape key\r\n  document.on('keyup', function (e) {\r\n    if (e.keyCode === 27) {\r\n      // console.log('Esc Setup');\r\n      let currentModalID = document.querySelectorAll('.modal').forEach((modal) => {\r\n        // console.log('Esc');\r\n        if (window.getComputedStyle(modal).display !== 'none') {\r\n          closeModal(modal);\r\n        }\r\n      });\r\n    }\r\n  });\r\n}\r\n\r\n//Close a modal\r\nfunction closeModal(modal) {\r\n  // console.log('closeModal');\r\n  //Close the Modal\r\n  document.querySelectorAll('html, body').forEach((el) => {\r\n    el.classList.remove('modal-open');\r\n  });\r\n\r\n  document.querySelector('.modal-overlay').classList.remove('show-modal');\r\n\r\n  modal.classList.remove('show-modal');\r\n  modal.setAttribute('hidden', 'hidden');\r\n  modal.setAttribute('aria-hidden', 'true');\r\n  modal.setAttribute('tabindex', '-1');\r\n\r\n  //Focus on modal link toggle when modal is closed\r\n  let modalLink = document.querySelector(`[href*=\"#${modal.getAttribute('id')}\"]`);\r\n  if (modalLink !== undefined && modalLink !== null) {\r\n    modalLink.focus();\r\n    modalLink = undefined;\r\n  }\r\n}\r\n\r\n//Trap focus within an open modal\r\nfunction modalFocusTrap(modal) {\r\n  // console.log('modalFocusTrap');\r\n  let modalFocusEl = modal.querySelectorAll('span.close-modal, a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, *[tabindex], *[contenteditable]');\r\n\r\n  let modalFocusableFirstEl,\r\n    modalFocusableLastEl;\r\n\r\n  modal.querySelectorAll('*').forEach((el) => {\r\n    if (([].indexOf.call(el, modalFocusEl) > -1) && modalFocusEl.length > 1) {\r\n      if (modalFocusableFirstEl !== undefined) {\r\n        modalFocusableFirstEl = el;\r\n      } else {\r\n        modalFocusableLastEl = el;\r\n      }\r\n    } else {\r\n      modalFocusableFirstEl = el;\r\n      modalFocusableLastEl = el;\r\n    }\r\n  });\r\n\r\n  modalFocusableFirstEl.on('keydown', function (e) {\r\n    if (e.which === 9 && e.shiftKey) {\r\n      e.preventDefault();\r\n      modalFocusableLastEl.focus();\r\n    }\r\n  });\r\n\r\n  modalFocusableLastEl.on('keydown', function (e) {\r\n    if (e.which === 9 && !e.shiftKey) {\r\n      e.preventDefault();\r\n      modalFocusableFirstEl.focus();\r\n    }\r\n  });\r\n\r\n}","\"use strict\";\r\n/*FOR DNN IMPLEMENTATIONS - REQUIRES JQUERY*/\r\n\r\n// $('iframe[src*=\"youtube.com\"], iframe[src*=\"player.vimeo.com\"]').each(function () {\r\n//   if (!$('body').hasClass('dnnEditState')) {\r\n//     iframe = $(this);\r\n//     height = iframe.height();\r\n//     width = iframe.width();\r\n//     ratio = ((height / width) * 100);\r\n//     padding = ratio.toFixed(2) + '%';\r\n//     var hasClass = $(this).attr('class');\r\n//     var hasAlign = $(this).attr('align');\r\n//     if (typeof hasClass !== typeof undefined && hasClass !== false) {\r\n//       if (hasClass == 'alignleft') {\r\n//         iframe.wrap('<div class=\"flex-container alignleft\"><div class=\"flex-video\" style=\"padding-bottom:' + padding + '\"></div></div>');\r\n//       } else if (hasClass == 'alignright') {\r\n//         iframe.wrap('<div class=\"flex-container alignright\"><div class=\"flex-video\" style=\"padding-bottom:' + padding + '\"></div></div>');\r\n//       } else if (hasClass == 'aligncenter') {\r\n//         iframe.wrap('<div class=\"flex-container aligncenter\"><div class=\"flex-video\" style=\"padding-bottom:' + padding + '\"></div></div>');\r\n//       } else {\r\n//         iframe.wrap('<div class=\"flex-video\" style=\"padding-bottom:' + padding + '\"></div>');\r\n//       }\r\n//     } else if (typeof hasAlign !== typeof undefined && hasAlign !== false) {\r\n//       if (hasAlign == 'left') {\r\n//         iframe.wrap('<div class=\"flex-container alignleft\"><div class=\"flex-video\" style=\"padding-bottom:' + padding + '\"></div></div>');\r\n//       } else if (hasAlign == 'right') {\r\n//         iframe.wrap('<div class=\"flex-container alignright\"><div class=\"flex-video\" style=\"padding-bottom:' + padding + '\"></div></div>');\r\n//       } else if (hasAlign == 'center') {\r\n//         iframe.wrap('<div class=\"flex-container aligncenter\"><div class=\"flex-video\" style=\"padding-bottom:' + padding + '\"></div></div>');\r\n//       } else {\r\n//         iframe.wrap('<div class=\"flex-video\" style=\"padding-bottom:' + padding + '\"></div>');\r\n//       }\r\n//     } else {\r\n//       iframe.wrap('<div class=\"flex-video\" style=\"padding-bottom:' + padding + '\"></div>');\r\n//     }\r\n//   }\r\n// });\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  Object.prototype.responsivevideos = function () {\r\n    // in your main.js, homepage.js or subpage.js use $('SELECTORS').responsivevideos(); to specify which containers should be searched for videos to make responsive\r\n    // with class: {{video=http://vimeo.com/25451551}}\r\n    // without class: {{video=https://www.youtube.com/watch?v=r11wAaOLhgo left|center|right}}\r\n    const container = document.getElementsByTagName('main')[0];\r\n\r\n    //Regex to match all video embeds in content\r\n    let videoMatch = /{{video=(http:|https:|)\\/\\/(player.|www.)?(vimeo\\.com|youtu(be\\.com|\\.be|be\\.googleapis\\.com))\\/(video\\/|embed\\/|watch\\?v=|v\\/)?([A-Za-z0-9._%-]*)?(?:\\s+)?([a-zA-Z]+)?}}/g;\r\n\r\n    if (container.textContent.match(videoMatch)) {\r\n\r\n      let videos = container.textContent.match(videoMatch);\r\n\r\n      videos.forEach((vid) => {\r\n        let video = videoMatch.exec(vid);\r\n        let videoitem = vid.toString();\r\n        let videoArray = videoitem.split(' ');\r\n        let url = videoArray[0].substring(8);\r\n        let type = videoArray[0].substring(videoArray[0].indexOf(\"www\") + 4, videoArray[0].indexOf(\".com\"));\r\n        let id = '';\r\n        let align = '';\r\n        let videoReplaced = '';\r\n\r\n        if (vid[7] != null) {\r\n          align = 'align' + videoArray[1].substring(0, videoArray[1].indexOf(\"}}\"));\r\n        }\r\n\r\n        if (type === 'youtube') {\r\n          id = videoArray[0].substring(vid.indexOf(\"?v=\") + 3);\r\n          videoReplaced = document.getElementsByTagName('main')[0].innerHTML.replace(videoMatch, `<div class=\"flex-container ${align}\">\r\n                             <div class=\"flex-video\">\r\n                               <iframe src=\"https://www.youtube.com/embed/${id}?autoplay=0&modestbranding=1&rel=0\" frameBorder=\"0\" title=\"\" aria-hidden=\"true\"/>\r\n                             </div>\r\n                           </div>`);\r\n        } else if (type === 'vimeo') {\r\n          id = videoArray[0].substring(vid.indexOf(\".com/\") + 5);\r\n          videoReplaced = document.getElementsByTagName('main')[0].innerHTML.replace(videoMatch, `<div class=\"flex-container ${align}\">\r\n                             <div class=\"flex-video\">\r\n                               <iframe src=\"https://player.vimeo.com/video/${id}\" frameBorder=\"0\" title=\"\" aria-hidden=\"true\"/>\r\n                             </div>\r\n                           </div>`);\r\n        }\r\n        //document.getElementsByTagName('main')[0].innerHTML = videoReplaced;\r\n      });\r\n    }\r\n  };\r\n\r\n  document.getElementsByTagName('main')[0].responsivevideos();\r\n\r\n  document.querySelectorAll('iframe.responsive-video').forEach((vid) => {\r\n    let responsiveVideo = vid.getAttribute('src');\r\n    vid.insertAdjacentHTML('afterend', `<div class=\"flex-container\">\r\n                                          <div class=\"flex-video\">\r\n                                            <iframe src=\"${responsiveVideo}\" frameBorder=\"0\" title=\"\" aria-hidden=\"true\"/>\r\n                                          </div>\r\n                                        </div>`);\r\n    vid.remove();\r\n  });\r\n});","\"use strict\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  //Document Ready\r\n  document.querySelectorAll('.tabs').forEach((tabContainer) => {\r\n    // The class for the container div\r\n    const tabContainerIndex = [].indexOf.call(document.querySelectorAll('.tabs'), tabContainer);\r\n    const wrapTabs = tabContainer.querySelector('.tab-con');\r\n\r\n    const tabsContainerWidth = tabContainer.querySelector('.tab-con').offsetWidth;\r\n    const tabsWidth = tabContainer.querySelector('ul.tab-list').offsetWidth;\r\n    const scrollWidth = tabsWidth - tabsContainerWidth;\r\n\r\n    tabContainer.querySelector('ul.tab-list').innerHTML = \"\";\r\n    tabContainer.querySelector('ul.tab-list').setAttribute('role', 'tablist');\r\n\r\n    tabContainer.querySelectorAll('.tab-content').forEach((tab) => {\r\n      const tabHeading = tab.querySelector('.tab-title').innerHTML;\r\n      const tabHeadingID = 'tabs' + tabContainerIndex + 'tab' + [].indexOf.call(tabContainer.querySelectorAll('.tab-content'), tab);\r\n\r\n      const tabListHTML = `<li>\r\n                          <a href=\"#${tabHeadingID}\">${tabHeading}</a>\r\n                        </li>`;\r\n\r\n      tabContainer.querySelector('ul.tab-list').insertAdjacentHTML('beforeend', tabListHTML);\r\n      tab.setAttribute('id', tabHeadingID);\r\n    });\r\n\r\n    tabContainer.querySelectorAll('[role=\"tablist\"] > li').forEach((tabLI) => {\r\n      // The setup\r\n      tabLI.setAttribute('role', 'presentation');\r\n    });\r\n\r\n    tabContainer.querySelectorAll('[role=\"tablist\"] a').forEach((tabBTN) => {\r\n      // The setup\r\n      tabBTN.setAttribute('role', 'tab');\r\n      tabBTN.setAttribute('tabindex', '-1');\r\n\r\n      // Make each aria-controls correspond id of targeted section (re href)\r\n      tabBTN.setAttribute('aria-controls', tabBTN.getAttribute('href').substring(1));\r\n    });\r\n\r\n    // Make the first tab selected by default and allow it focus\r\n    tabContainer.querySelector('[role=\"tablist\"] li:first-child a').setAttribute('aria-selected', 'true');\r\n    tabContainer.querySelector('[role=\"tablist\"] li:first-child a').setAttribute('tabindex', '0');\r\n\r\n    // Make each section focusable and give it the tabpanel role\r\n    tabContainer.querySelectorAll('section').forEach((tabPNL) => {\r\n      tabPNL.setAttribute('role', 'tabpanel');\r\n    });\r\n\r\n    // Make first child of each panel focusable programmatically\r\n    tabContainer.querySelector('section > *:first-child').setAttribute('tabindex', \"0\");\r\n\r\n    // Make all but the first section hidden (ARIA state and display CSS)\r\n    tabContainer.querySelectorAll('[role=\"tabpanel\"]:not(:first-of-type)').forEach((tabPNL) => {\r\n      tabPNL.setAttribute('aria-hidden', 'true');\r\n    });\r\n\r\n    tabContainer.querySelectorAll('[role=\"tab\"]').forEach((tab) => {\r\n\r\n      // Handle click on tab to show + focus tabpanel\r\n      tab.on('click', function (e) {\r\n        e.preventDefault();\r\n        const tabID = tab.getAttribute('href').substring(1);\r\n\r\n        // remove focusability [sic] and aria-selected\r\n        tabContainer.querySelectorAll('[role=\"tab\"]').forEach((t) => {\r\n          t.setAttribute('tabindex', '-1');\r\n          t.removeAttribute('aria-selected');\r\n        });\r\n\r\n        // replace above on clicked tab\r\n        tab.setAttribute('aria-selected', true);\r\n        tab.setAttribute('tabindex', '-1');\r\n\r\n        // Hide panels\r\n        tabContainer.querySelectorAll('[role=\"tabpanel\"]').forEach((t) => {\r\n          t.setAttribute('aria-hidden', true);\r\n        });\r\n\r\n        // show corresponding panel\r\n        document.querySelector(`section#${tabID}`).removeAttribute('aria-hidden');\r\n      });\r\n\r\n      // Change focus between tabs with arrow keys\r\n      tab.on('keydown', function (e) {\r\n        // define current, previous and next (possible) tabs\r\n        const tabCurrent = this;\r\n        const tabParent = tabCurrent.closest('li');\r\n        let tabPrev, tabNext, tabTarget;\r\n\r\n        if (tabParent.previousElementSibling !== null) {\r\n          tabPrev = this.closest('li').previousElementSibling.querySelector('[role=\"tab\"]');\r\n        }\r\n\r\n        if (tabParent.nextElementSibling !== null) {\r\n          tabNext = this.closest('li').nextElementSibling.querySelector('[role=\"tab\"]')\r\n        }\r\n\r\n        // find the direction (prev or next)\r\n        switch (e.keyCode) {\r\n          case 37 && tabPrev !== null:\r\n            tabTarget = tabPrev;\r\n            break;\r\n          case 39 && tabNext !== null:\r\n            tabTarget = tabNext;\r\n            break;\r\n          default:\r\n            tabTarget = false;\r\n            break;\r\n        }\r\n\r\n        if (tabTarget.length) {\r\n          tabCurrent.setAttribute('tabindex', '-1');\r\n          tabCurrent.removeAttribute('aria-selected');\r\n          tabTarget.setAttribute('tabindex', '0');\r\n          tabTarget.setAttribute('aria-selected', true);\r\n          tabTarget.focus();\r\n        }\r\n\r\n        // Hide panels\r\n        tabContainer.querySelector('[role=\"tabpanel\"]').setAttribute('aria-hidden', 'true');\r\n        // Show panel which corresponds to target\r\n        document.getElementById(document.activeElement.getAttribute('href').substring(1)).removeAttribute('aria-hidden');\r\n      });\r\n    });\r\n\r\n    if (tabsWidth > tabsContainerWidth) {\r\n      tabContainer.classList.add('scroll-right');\r\n      wrapTabs.on('scroll', function () {\r\n        if (wrapTabs.scrollLeft >= tabsWidth - tabsContainerWidth) {\r\n          tabContainer.classList.remove('scroll-right');\r\n        } else {\r\n          tabContainer.classList.add('scroll-right');\r\n        }\r\n        if (wrapTabs.scrollLeft > 1) {\r\n          tabContainer.classList.add('scroll-left');\r\n        } else {\r\n          tabContainer.classList.remove('scroll-left');\r\n        }\r\n      });\r\n    }\r\n  });\r\n});","\"use strict\";\r\n// in your main.js, homepage.js or subpage.js use $('SELECTORS').responsiveTables();\r\n// the container will be searched for tables to make responsive\r\n\r\nObject.prototype.responsiveTables = function () {\r\n  let tableContainer = document.getElementsByTagName('main')[0];\r\n\r\n  document.addEventListener(\"DOMContentLoaded\", function () {\r\n    //Document Ready\r\n    if (!(document.getElementsByTagName('body')[0].classList.contains('dnnEditState'))) {\r\n      tableContainer.querySelectorAll('table').forEach((table) => {\r\n\r\n        table.removeAttribute('border');\r\n        table.removeAttribute('cell-spacing');\r\n        table.removeAttribute('cellpadding');\r\n\r\n        if (table.querySelectorAll('tbody>tr>th').length > 0) {\r\n          table.querySelector('tbody').insertAdjacentHTML('beforebegin', '<thead><tr></tr></thead>');\r\n          table.querySelectorAll('thead tr').append(table.querySelectorAll('th'));\r\n          table.querySelectorAll('tbody tr:first').remove();\r\n        }\r\n\r\n        if (!table.parents('.search-results').length) {\r\n          table.classList.add('responsive-table');\r\n          table.setAttribute('style', '');\r\n        }\r\n\r\n        let index = 0;\r\n        table.querySelectorAll('td').forEach((tcell) => {\r\n          index++;\r\n          let responsiveTableHeader = tcell.closest('table').querySelectorAll('th')[index];\r\n          wrapInner(tcell, `<span class=\"cell-content\"></span>`);\r\n          tcell.insertAdjacentHTML('beforebegin', `<span class=\"cell-heading\">${responsiveTableHeader}</span>`);\r\n        });\r\n      });\r\n    }\r\n  });\r\n};","\"use strict\";\r\n\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  document.querySelectorAll('.tile-nav .a1').forEach((navItem) => {\r\n    let navImage = navItem.parentElement.querySelector('div img').getAttribute('src');\r\n    navItem.setAttribute('style', 'background-image: url(' + navImage + ')');\r\n  });\r\n});","\"use strict\";\r\n\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  //Document Ready\r\n\r\n  // image alt\r\n  const images = document.querySelectorAll('img');\r\n  images.forEach((image) => {\r\n    let src = image.getAttribute('src');\r\n\r\n    //Split the file path by / character\r\n    let filepathArr = src.split('/');\r\n\r\n    //Get the name of the file be selecting the last item in the arrow and remvove the extension via replace regex\r\n    let filename = filepathArr[filepathArr.length - 1].replace(/\\.[^/.]+$/, '');\r\n\r\n    //If an image doesn't have an alt attribute we need to set one.  If it is a link then it needs to have something defined.\r\n    if (image.parentElement.tagName == \"A\") {\r\n      if (!(image.getAttribute('alt'))) {\r\n        image.setAttribute('alt', 'image ' + filename);\r\n      }\r\n    } else {\r\n      if (!(image.getAttribute('alt'))) {\r\n        image.setAttribute('alt', '');\r\n      }\r\n    }\r\n  });\r\n\r\n  // responsive tables\r\n  const tables = document.querySelectorAll('main table');\r\n  tables.forEach((table) => {\r\n    if (table.closest('.search-results') === null && !(table.classList.contains('responsive-table'))) {\r\n      table.classList.add('responsive-table');\r\n    }\r\n  });\r\n\r\n  const tableHeaders = document.querySelectorAll('main table th');\r\n  tableHeaders.forEach((header) => {\r\n    header.style.width = 'auto';\r\n  });\r\n\r\n  const tableCells = document.querySelectorAll('main table td');\r\n  tableCells.forEach((cell) => {\r\n    cell.style.width = 'auto';\r\n  });\r\n\r\n\r\n  // breadcrumbs\r\n  if (document.querySelector('ul.breadcrumb') !== null) {\r\n    const homeCrumb = document.createElement('li');\r\n    const homeLink = document.createElement('a');\r\n    homeLink.href = \"/\";\r\n    homeLink.text = \"Home\";\r\n    homeCrumb.append(homeLink);\r\n    document.querySelector('ul.breadcrumb').before(homeCrumb);\r\n  }\r\n\r\n  var subpageBannerUrl = document.querySelector('.banner-wrapper').style[\"background-image\"];\r\n\r\n  if (subpageBannerUrl == 'url(\"\")' || subpageBannerUrl == 'none' || subpageBannerUrl == 'url(\"{{banner-background}}\")') {\r\n    document.querySelector('.banner-wrapper').style['background-image'] = \"\";\r\n  }\r\n});\r\n\r\n\r\n"]}