@iamproperty/components 2.7.0 → 2.7.1

package/assets/js/scripts.bundle.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["modules/youtubevideo.js","main.js","modules/helpers.js","modules/nav.js","modules/table.js","modules/accordion.js","modules/testimonial.js","modules/carousel.js","modules/form.js"],"names":["youtubeVideo","constructor","embed","createEmbed","this","document","body","classList","contains","addEventListener","e","target","parentNode","matches","preventDefault","loadScripts","Promise","resolve","reject","image","Image","onload","tag","createElement","src","firstScriptTag","getElementsByTagName","insertBefore","add","onerror","window","player","pauseVideo","video_id","getAttribute","link_id","randLetter","String","fromCharCode","Math","floor","random","Date","now","setAttribute","YT","Player","height","width","videoId","playerVars","modestbranding","playsinline","rel","showinfo","events","onReady","event","playVideo","onStateChange","data","PlayerState","PLAYING","done","getElementById","element","navigator","userAgent","indexOf","appVersion","Array","from","querySelectorAll","forEach","table","index","colHeadings","row","cell","cellIndex","heading","tempDiv","innerHTML","headingText","textContent","innerText","tableStacked","tableHTML","outerHTML","concat","tableWrap","console","log","arrayElement","detail","matchMedia","removeAttribute","IntersectionObserver","_ref","toggle","intersectionRatio","threshold","observe","nav","tableElement","draggedRow","thead","querySelector","tbody","storedData","cloneNode","sortedEvent","Event","filteredEvent","reorderedEvent","randID","toString","substr","sortTable","sortBy","sort","tableArr","tableRow","str","rowIndex","isNaN","parseFloat","padStart","dataRow","push","a","b","reverse","strTbody","dispatchEvent","col","click","filterTable","searchTerm","rowSearchString","label","createFilterList","filterOptions","searchableTerms","option","Object","keys","map","term","join","length","count","form","filterColumns","columnHeading","filterTitle","checkboxClass","column","replace","toLowerCase","prepend","createFilterForm","value","paginateRows","show","page","style","startShowing","stopShowing","append","createPaginationForm","totalRows","createPaginationButttons","paginationButtonsWrapper","numberPages","ceil","strButtons","i","parseInt","strOptions","setDraggedRow","dataTransfer","setData","id","setReorderRows","orderColumn","orderHeading","title","dropEffect","remove","removeChild","nextElementSibling","tableRowOrder","tablePagination","newTable","replaceChild","accordionElement","details","targetDetail","location","hash","accordion","testimonialElement","scrollTimeout","imagesCarousel","itemCount","clearTimeout","setTimeout","scrollWidth","scrollHeight","scrollLeft","scrollDown","scrollTop","scrollTo","round","nextButton","prevButton","setButtons","scroll","top","left","behavior","testimonial","carouselElement","carouselInner","smCols","mdCols","scrollArea","clientWidth","targetSlide","lastItemOffset","offsetLeft","link","el","carousel","formElement","inputWrapper","min","max","input","modal"],"mappings":"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","sourcesContent":["/**\n * Integrate YouTube videos as a way of hosting videos without the overhead and worry surrounding hosting vides. i.e. file sizes, performance and accessibility.\n */\n class youtubeVideo {\n\n  /** @param {HTMLElement} embed dom element */\n  constructor(embed){\n\n    let createEmbed = this.createEmbed;\n\n    // If the scripts is already loaded then lets just create the embed\n    if(document.body.classList.contains('youtubeLoaded')){\n      embed.addEventListener('click', function(e){\n\n        // loop parent nodes from the target to the delegation node\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n      \n          if (target.matches('a:not([data-modal-youtube]')) {\n  \n            e.preventDefault();\n            createEmbed(embed,target);\n            break;\n          }\n        }\n      }, false);\n    }\n    else {\n      this.loadScripts(embed, this.createEmbed);\n    }\n  }\n\n  /**\n   * Load the YouTube scripts before trying to create the embed\n   * @param {HTMLElement} embed dom element\n   * @param {Function} createEmbed function to create the embed after script loaded.\n   */\n  loadScripts(embed, createEmbed){\n    \n    return new Promise((resolve, reject) => {\n\n      const image = new Image();\n      image.onload = function(){\n        \n        // This code loads the IFrame Player API code asynchronously.\n        var tag = document.createElement('script');\n        tag.src = \"https://www.youtube.com/iframe_api\";\n        var firstScriptTag = document.getElementsByTagName('script')[0];\n        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n        document.body.classList.add('youtubeLoaded');\n        resolve(true);\n\n        // script has loaded, you can now use it safely\n        tag.onload = () => {\n\n          embed.addEventListener('click', function(e){\n            // loop parent nodes from the target to the delegation node\n            for (var target = e.target; target && target != this; target = target.parentNode) {\n          \n              if (target.matches('a:not([data-modal-youtube]')) {\n      \n                e.preventDefault();\n                createEmbed(embed,target);\n                break;\n              }\n            }\n          }, false);\n        }   \n\n      };\n      image.onerror = function(){\n        reject(false);\n      };\n      image.src = \"https://youtube.com/favicon.ico\";\n    });\n  \n  }\n\n  /**\n   * Create the YouTube embed after the user has clicked on it.\n   * @param {HTMLElement} embed dom element\n   */\n  createEmbed(embed,target){\n\n    // If there is more than one video lets make sure there is only one playing at a time.\n    if(typeof window.player != \"undefined\" && typeof window.player.pauseVideo == \"function\")\n      window.player.pauseVideo();\n\n\n    var video_id = target.getAttribute('data-id');\n    var link_id = target.getAttribute('id')\n    \n    // create an id to pass t the script if one isn't present\n    if(typeof link_id == 'undefined' || link_id == null){\n\n      var randLetter = String.fromCharCode(65 + Math.floor(Math.random() * 26));\n      link_id = randLetter + Date.now();\n      target.setAttribute('id',link_id);\n    }\n\n    // This function creates an <iframe> (and YouTube player) after the API code downloads.          \n    function onYouTubeIframeAPIReady() {\n\n      window.player = new YT.Player(link_id, {\n        height: '100%',\n        width: '100%',\n        videoId: video_id,\n        playerVars: { \n          'modestbranding': 1,\n          'playsinline': 1,\n          'rel': 0,\n          'showinfo': 0\n        },\n        events: {\n          'onReady': onPlayerReady,\n          'onStateChange': onPlayerStateChange\n        }\n      });\n\n    }\n    onYouTubeIframeAPIReady();\n    \n    // The API will call this function when the video player is ready.\n    function onPlayerReady(event) {\n      // Play the video straight away\n      event.target.playVideo();\n      \n    }\n\n    // The API calls this function when the player's state changes.\n    // The function indicates that when playing a video (state=1)\n    var done = false;\n    function onPlayerStateChange(event) {\n      \n      if (event.data == YT.PlayerState.PLAYING && !done) {\n        \n        var link = document.getElementById(link_id);\n        link.classList.add('player-ready');\n\n        done = true;\n      }\n    }\n  }\n}\n\nexport default youtubeVideo","// Bootstrap modules\n//import Alert from '../../node_modules/bootstrap/js/src/alert'\n//import Button from '../../node_modules/bootstrap/js/src/button'\n//import Carousel from '../../node_modules/bootstrap/js/src/carousel'\n//import Collapse from '../../node_modules/bootstrap/js/src/collapse'\n//import Dropdown from '../../node_modules/bootstrap/js/src/dropdown'\n//import Modal from '../../node_modules/bootstrap/js/src/modal'\n//import Offcanvas from '../../node_modules/bootstrap/js/src/offcanvas'\n//import Popover from '../../node_modules/bootstrap/js/src/popover'\n//import ScrollSpy from '../../node_modules/bootstrap/js/src/scrollspy'\n//import Tab from '../../node_modules/bootstrap/js/src/tab'\n//import Toast from '../../node_modules/bootstrap/js/src/toast'\n//import Tooltip from '../../node_modules/bootstrap/js/src/tooltip'\n\n// Modules\nimport * as helpers from './modules/helpers'\nimport nav from './modules/nav'\nimport table from './modules/table'\nimport accordion from './modules/accordion'\nimport testimonial from './modules/testimonial'\nimport carousel from './modules/carousel'\nimport form from './modules/form'\nimport youtubeVideo from './modules/youtubevideo'\n\n// Attach classes to dom elements\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n  helpers.addBodyClasses(document.body);\n  helpers.checkElements(document.body);\n  console.log('test.js');\n\n  // ANav\n  Array.from(document.querySelectorAll('.nav')).forEach((arrayElement, index) => {\n    nav(arrayElement);\n  });\n\n  // Advanced tables\n  Array.from(document.querySelectorAll('.table__wrapper')).forEach((arrayElement, index) => {\n    table(arrayElement);\n  });\n\n  // Accordions\n  Array.from(document.querySelectorAll('.accordion')).forEach((arrayElement, index) => {\n    accordion(arrayElement);\n  });\n  \n  // Testimonial\n  Array.from(document.querySelectorAll('.testimonial')).forEach((arrayElement, index) => {\n    testimonial(arrayElement);\n  });\n  // Carousel\n  Array.from(document.querySelectorAll('.carousel')).forEach((arrayElement, index) => {\n    carousel(arrayElement);\n  });\n  // Form\n  Array.from(document.querySelectorAll('form')).forEach((arrayElement, index) => {\n    form(arrayElement);\n  });\n  // Modal\n  Array.from(document.querySelectorAll('.modal')).forEach((arrayElement, index) => {\n    modal(arrayElement);\n  });\n  // YouTube videos\n  Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement, index) => {\n    new youtubeVideo(arrayElement);\n  });\n});\n","/** \n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers \n */\n\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\n const addBodyClasses = (body) => {\n  \n  body.classList.add(\"js-enabled\");\n\n  if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > 0){\n    \n    body.classList.add(\"ie\");\n  }\n\n  return null\n}\n\n/**\n * Check if an element contains certain elements that needs enhancing with the JavaScript helpers, it is recommended to do this on the page body after the dom is loaded. Elements that are loaded via ajax should also run this function. \n * @param {HTMLElement} element Dom element, this doesn't have to be the body but it is recommended.\n */\nconst checkElements = (element) => {\n\n  // Tables\n  Array.from(element.querySelectorAll('table')).forEach((table, index) => {\n\n    tableStacked(table);\n    tableWrap(table);\n  });\n}\n\n/**\n * Wrap tables with a table wrapper div to help maintain its responsive design.\n * @param {HTMLElement} table Dom table element\n */\nconst tableWrap = (table) => {\n  \n  if(!table.parentNode.classList.contains('table__wrapper')){\n\n    const tableHTML = table.outerHTML;\n\n    table.outerHTML = `<div class=\"table__wrapper\">${tableHTML}</div>`;\n  }\n}\n\n/**\n * Creates data attributes to be used by the CSS for mobile views.\n * @param {HTMLElement} table Dom table element\n */\nconst tableStacked = (table) => {\n\n  const colHeadings = Array.from(table.querySelectorAll('thead th'));\n  const colRows = Array.from(table.querySelectorAll('tbody tr'));\n\n  colRows.forEach((row, index) => {\n\n    const cells = Array.from(row.querySelectorAll('th, td'));\n    \n    cells.forEach((cell, cellIndex) => {\n\n      const heading = colHeadings[cellIndex];\n      if(typeof heading != \"undefined\"){\n\n        let tempDiv = document.createElement(\"div\");\n        tempDiv.innerHTML = heading.innerHTML;\n        let headingText = tempDiv.textContent || tempDiv.innerText || \"\";\n        cell.setAttribute('data-label',headingText);\n      }\n    });\n  });\n}\n\n\nconst isNumeric = function(str) {\n  if (typeof str != \"string\") return false // we only process strings!  \n  return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n         !isNaN(parseFloat(str)) // ...and ensure strings of whitespace fail\n}\n\nconst zeroPad = (num, places) => String(num).padStart(places, '0')\n\nexport {\n  addBodyClasses,\n  checkElements,\n  tableWrap,\n  tableStacked,\n  isNumeric,\n  zeroPad\n}","const navbar = (element) => {\n\n  Array.from(element.querySelectorAll('details')).forEach((detail, index) => {\n    \n    detail.addEventListener('mouseenter', function(e){\n\n      if(window.matchMedia('(min-width: 62em)').matches)\n        detail.setAttribute('open','true')\n    }, false);\n\n    detail.addEventListener('mouseleave', function(e){\n\n      if(window.matchMedia('(min-width: 62em)').matches)\n        detail.removeAttribute('open')\n    }, false);\n  });\n\n\n  const observer = new IntersectionObserver( \n    ([e]) => e.target.classList.toggle(\"is-stuck\", e.intersectionRatio < 1),\n    { threshold: [1] }\n  );\n\n  observer.observe(element);\n}\n\nexport default navbar","import { zeroPad, isNumeric } from \"./helpers\";\n\nfunction table(tableElement) {\n\n  if(typeof tableElement != \"object\")\n    return false;\n\n  const thead = tableElement.querySelector('thead');\n  const tbody = tableElement.querySelector('tbody');\n  const storedData = tbody.cloneNode(true);\n  const sortedEvent = new Event('sorted');\n  const filteredEvent = new Event('filtered');\n  const reorderedEvent = new Event('reordered');\n  const randID = 'tabe_'+Math.random().toString(36).substr(2, 9); // Random to make sure IDs created are unique\n  let draggedRow;\n\n  tableElement.setAttribute('id',randID)\n\n  // #region Sortable\n  const sortTable = function(sortBy,sort){\n\n    // Create an array from the table rows, the index created is then used to sort the array\n    let tableArr = [];\n    Array.from(tbody.querySelectorAll('tr')).forEach((tableRow, index) => {\n      \n      let rowIndex = tableRow.querySelector('td[data-label=\"'+sortBy+'\"], th[data-label=\"'+sortBy+'\"]').textContent;\n\n      if(isNumeric(rowIndex))\n        rowIndex = zeroPad(rowIndex,10)\n\n      const dataRow = {\n        index: rowIndex,\n        row: tableRow\n      }\n      tableArr.push(dataRow);\n    });\n\n    // Sort array\n    tableArr.sort((a, b) => (a.index > b.index) ? 1 : -1)\n\n    // Reverse if descending\n    if(sort == \"descending\")\n      tableArr = tableArr.reverse();\n\n    // Create a string to return and populate the tbody\n    let strTbody = '';\n    tableArr.forEach((tableRow, index) => {\n      strTbody += tableRow.row.outerHTML;\n    });\n    tbody.innerHTML = strTbody;\n\n    // Dispatch the sortable event\n    tableElement.dispatchEvent(sortedEvent);\n  }\n\n  // Declare event handlers\n  tableElement.addEventListener('click', function(e){\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n      if (target.matches('[data-sortable]')) { \n\n        // Get current sort order\n        let sort = target.getAttribute('aria-sort') == \"ascending\" ? \"descending\" : \"ascending\";\n\n        // unset sort attributes\n        Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {\n          col.setAttribute('aria-sort','none');\n        });\n\n        // Set the sort order attribute\n        target.setAttribute('aria-sort', sort);\n\n        // Save the sort options on the table element so that it can be re-sorted later\n        tableElement.setAttribute('data-sort', sort);\n        tableElement.setAttribute('data-sortBy', target.textContent);\n\n        // Sort the table\n        sortTable(target.textContent, sort);\n\n        Array.from(tableElement.querySelectorAll('tr[draggable]')).forEach((tableRow, index) => {\n      \n          tableRow.removeAttribute('draggable');\n        });\n        break;\n      }\n    }\n  }, false);\n\n  // On page load check if the table should be pre-sorted, if so trigger a click\n  if(tableElement.getAttribute('data-sortBy')){\n\n    let sort = tableElement.getAttribute('data-sort') == \"ascending\" ? \"descending\" : \"ascending\";\n\n    Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {\n      if(col.textContent == tableElement.getAttribute('data-sortBy')){\n        col.setAttribute('aria-sort',sort)\n        col.click();\n      }\n    });\n  }\n\n  // #endregion Sortable\n\n  // #region Filters\n  const createFilterForm = function(count){\n\n    // Create wrapper div\n    const form = document.createElement(\"div\");\n    form.classList.add('table__filters');\n    form.classList.add('row');\n    form.classList.add('pt-1');\n    form.classList.add('pb-3');\n\n    // Create the filter options array\n    const filterColumns = Array.from(tableElement.querySelectorAll('th[data-filterable]'));\n\n    // Populate a list of searchable terms from the cells of the columns that could be used as a filter\n    let searchableTerms = {};\n    filterColumns.forEach((columnHeading, index) => {\n      Array.from(tableElement.querySelectorAll('td[data-label=\"'+columnHeading.textContent+'\"]')).forEach((label, index) => {\n\n        searchableTerms[label.textContent] = label.textContent;\n      });\n    });\n\n    // Create the form\n    const filterTitle = filterColumns.length == 1 ? \"Filter by \"+filterColumns[0].textContent : \"Filter\"; // Update title if only one filter is chosen\n    const checkboxClass = filterColumns.length == 1 ? \"d-none\" : \"d-sm-flex\"; // Hide controls when only one filter is chosen\n\n    form.innerHTML = `<div class=\"col-sm-6 col-md-4 pb-3\">\n  <div class=\"form-control__wrapper form-control-inline mb-0\">\n    <label for=\"${randID}_filter\" class=\"form-label\">${filterTitle}:</label>\n    <input type=\"search\" name=\"${randID}_filter\" id=\"${randID}_filter\" class=\"form-control form-control-sm\" placeholder=\"\" list=\"${randID}_list\" />\n  </div>\n  <datalist id=\"${randID}_list\">\n    ${Object.keys(searchableTerms).map(term => `<option value=\"${term}\"></option>`).join(\"\")}\n  </datalist>\n</div>\n<div class=\"col-md-8 align-items-center pb-3 ${checkboxClass}\">\n  ${`<span class=\"pe-3 text-nowrap h5 mb-0\">Filter by: </span>` + filterColumns.map(column => `<div class=\"form-check pe-3 mt-0 mb-0\"><input class=\"form-check-input\" type=\"checkbox\" id=\"${randID}_${column.textContent.replace(' ','_').toLowerCase()}\" checked=\"checked\" /><label class=\"form-check-label text-nowrap\" for=\"${randID}_${column.textContent.replace(' ','_').toLowerCase()}\">${column.textContent}</label></div>`).join(\"\")}\n</div>`;\n\n    // Add before the actual table\n    tableElement.prepend(form)\n  }\n\n  const filterTable = function(searchTerm){\n\n    // Create an array of rows that match the search term\n    let tableArr = [];\n    Array.from(storedData.querySelectorAll('tr')).forEach((tableRow, index) => {\n\n      // We want one long search string per row including each filterable table cell\n      let rowSearchString = '';\n      Array.from(tableElement.querySelectorAll('[type=\"checkbox\"]:checked + label')).forEach((label, index) => {\n        rowSearchString += tableRow.querySelector('td[data-label=\"'+label.textContent+'\"]').textContent+' | ';\n      });\n\n      // Check if the table row search string contains the search term\n      if(rowSearchString.indexOf(searchTerm) >= 0){\n\n        const dataRow = { row: tableRow }\n        tableArr.push(dataRow);\n      }\n    });\n\n    // Create a string to return and populate the tbody\n    let strTbody = '';\n    tableArr.forEach((tableRow, index) => {\n      strTbody += tableRow.row.outerHTML;\n    });\n    tbody.innerHTML = strTbody;\n\n    // Dispatch the filter event.\n    tableElement.dispatchEvent(filteredEvent);\n  }\n\n  const createFilterList = function(){\n\n    // Check which options are checked\n    let filterOptions = [];\n    Array.from(tableElement.querySelectorAll('[type=\"checkbox\"]:checked + label')).forEach((label, index) => {\n      filterOptions.push(label.textContent);\n    });\n\n    // Build up the list of searchable terms\n    let searchableTerms = [];\n    filterOptions.forEach((option, index) => {\n      Array.from(tableElement.querySelectorAll('td[data-label=\"'+option+'\"]')).forEach((label, index) => {\n        searchableTerms[label.textContent] = label.textContent;\n      });\n    });\n\n    // Rebuild the list\n    let dataList = tableElement.querySelector('datalist');\n    dataList.innerHTML = Object.keys(searchableTerms).map(term => `<option value=\"${term}\"></option>`).join(\"\");\n  }\n\n  // On page load check if filters are needed\n  if(Array.from(tableElement.querySelectorAll('[data-filterable]')).length){\n\n    // Create the filter options\n    createFilterForm(tableElement,Array.from(tableElement.querySelectorAll('[data-filterable]')).length);\n\n    // Add event handlers for the filter options\n    tableElement.addEventListener('keyup', function(e){\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('input[type=\"search\"]')) {\n\n          const searchTerm = target.value;\n          filterTable(searchTerm)\n        }\n      }\n    });\n\n    tableElement.addEventListener('change', function(e){\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('input[type=\"search\"]')) {\n\n          const searchTerm = target.value;\n          filterTable(searchTerm)\n        }\n      }\n    });\n\n    tableElement.addEventListener('change', function(e){\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('input[type=\"checkbox\"]')) {\n\n          const searchTerm = tableElement.querySelector('input[type=\"search\"]').value;\n          filterTable(searchTerm)\n          createFilterList()\n        }\n      }\n    });\n  }\n  // #endregion Filters\n\n  // #region Pagination\n  const paginateRows = function(show, page){\n\n    // Create some inline CSS to control what is viewed on the table, unline the filters we are just hiding the rable rows not removing them from the DOM.\n    let style = document.getElementById(randID+'_style');\n\n    if(style == null){\n      style = document.createElement(\"style\");\n      style.setAttribute('id',randID+'_style')\n    }\n\n    const startShowing = (show*(page-1))+1;\n    const stopShowing = show*(page);\n\n    style.innerHTML = `\n    #${randID} tbody tr {\n      display: none;\n    }\n    #${randID} tbody tr:nth-child(${startShowing}),\n    #${randID} tbody tr:nth-child(${startShowing}) ~ tr{\n      display: table-row;\n    }\n    #${randID} tbody tr:nth-child(${stopShowing}) ~ tr{\n      display: none;\n    }\n    `;\n\n    tableElement.append(style);\n  }\n\n  const createPaginationForm = function(show,page,totalRows){\n\n    const form = document.createElement(\"div\");\n    form.classList.add('table__pagination');\n    form.classList.add('row');\n    form.classList.add('pt-3');\n    form.classList.add('pb-3');\n\n    // Create the form and create a container div to hold the pagination buttons\n    form.innerHTML = `<div class=\"col-6 col-sm-3 col-md-2 mb-3\">\n  <div class=\"form-control__wrapper form-control-inline mb-0\">\n    <label for=\"${randID}_showing\" class=\"form-label\">Showing:</label>\n    <input type=\"number\" name=\"${randID}_showing\" id=\"${randID}_showing\" class=\"form-control form-control-sm\" placeholder=\"\" list=\"${randID}_pagination\" value=\"${show}\" min=\"1\" max=\"${totalRows}\" />\n  </div>\n  <datalist id=\"${randID}_pagination\">\n  <option value=\"5\">5</option>\n  ${totalRows > 10 ? `<option value=\"10\">10</option>` : ''}\n  ${totalRows > 20 ? `<option value=\"20\">20</option>` : ''}\n  <option value=\"${totalRows}\">${totalRows}</option>\n  </datalist>\n</div>\n<div class=\"col-6 col-sm-2 col-md-2 d-flex align-items-center mb-3\"><span class=\"label\">per page</span></div>\n<div class=\"col-sm-7 col-md-8 d-sm-flex justify-content-end align-items-center mb-3\" id=\"${randID}_paginationBtns\"></div>`;\n\n    // Add after the actual table\n    tableElement.append(form)\n  }\n\n  const createPaginationButttons = function(show,page,totalRows){\n\n    const paginationButtonsWrapper = document.getElementById(randID+'_paginationBtns')\n\n    if(paginationButtonsWrapper == null)\n      return false;\n\n    const numberPages = Math.ceil(totalRows / show)\n\n    if(numberPages == 1){ // Remore the buttons or dont display any if we dont need them\n      paginationButtonsWrapper.innerHTML = '';\n    }\n    else if(numberPages < 5){ // If less than 5 pages (which fits comfortably on mobile) we display buttons\n\n      let strButtons = '';\n\n      for (let i = 1; i <= numberPages; i++) {\n\n        if(i == page)\n          strButtons += `<li class=\"page-item active\" aria-current=\"page\"><span class=\"page-link\">${i}</span></li>`;\n        else\n          strButtons += `<li class=\"page-item\"><button class=\"page-link\" data-page=\"${i}\">${i}</button></li>`;\n      }\n\n      paginationButtonsWrapper.innerHTML = `<span class=\"pe-2\">Page: </span><ul class=\"pagination mb-0\">\n        ${page == 1 ? `<li class=\"page-item disabled\"><span class=\"page-link\">Previous</span></li>` : `<li class=\"page-item\"><button class=\"page-link\" data-page=\"${parseInt(page)-1}\">Previous</button></li>`}\n        ${strButtons}\n        ${page == numberPages ? `<li class=\"page-item disabled\"><span class=\"page-link\">Next</span></li>` : `<li class=\"page-item\"><button class=\"page-link\" data-page=\"${parseInt(page)+1}\">Next</button></li>`}\n      </ul>`;\n\n    }\n    else { // If more than 5 lets show a select field instead so that we dont have loads and loads of buttons\n\n      let strOptions = '';\n\n      for (let i = 1; i <= numberPages; i++) {\n\n        if(i == page)\n          strOptions += `<option value=\"${i}\" selected>Page ${i}</option>`;\n        else\n          strOptions += `<option value=\"${i}\">Page ${i}</option>`;\n      }\n\n      paginationButtonsWrapper.innerHTML = `\n<select class=\"form-select mb-3\">\n  ${strOptions}\n</select>\n      `;\n    }\n  }\n\n  // On page load check if the table should be paginated\n  if(tableElement.getAttribute('data-show')){\n\n    const show = parseInt(tableElement.getAttribute('data-show'));\n    const page = parseInt(tableElement.getAttribute('data-page')) ? parseInt(tableElement.getAttribute('data-page')) : 1;\n    const totalRows = tableElement.querySelectorAll('tbody tr').length;\n\n    if(show < totalRows){\n      paginateRows(show,page);\n      createPaginationForm(show,page,totalRows);\n      createPaginationButttons(show,page,totalRows);\n\n      tableElement.addEventListener('change', function(e){\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n          if (target.matches('.table__pagination input[type=\"number\"]')) {\n  \n            paginateRows(target.value,page);\n            createPaginationButttons(target.value,page,totalRows);\n            tableElement.setAttribute('data-show',target.value)\n          }\n        }\n      });\n\n      tableElement.addEventListener('click', function(e){\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n          if (target.matches('.page-item:not(.active):not(.disabled) .page-link')) { \n    \n            paginateRows(tableElement.getAttribute('data-show'),target.getAttribute('data-page'));\n            createPaginationButttons(tableElement.getAttribute('data-show'),target.getAttribute('data-page'),totalRows);\n          }\n        }\n      }, false);\n\n      tableElement.addEventListener('change', function(e){\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n          if (target.matches('.table__pagination select')) {\n  \n            paginateRows(tableElement.getAttribute('data-show'),target.value);\n            createPaginationButttons(tableElement.getAttribute('data-show'),target.value,totalRows);\n          }\n        }\n      });\n    }\n  }\n  // #endregion Pagination\n\n  // #region Reorderable\n  // Set the row thats being dragged and copy the row\n  function setDraggedRow(e) {\n    e.dataTransfer.setData(\"text/plain\", e.target.id);\n    draggedRow = e.target;\n    e.target.classList.add('tr--dragging');\n  }\n\n  // Create the order column and event handler for rows\n  const setReorderRows = function(){\n\n    Array.from(tbody.querySelectorAll('tr')).forEach((tableRow, index) => {\n\n      // Create column if not already created\n      if(tableRow.querySelector('[data-label=\"Order\"]') == null){\n\n        const orderColumn = document.createElement('th');\n        orderColumn.innerHTML = index + 1;\n        orderColumn.setAttribute('data-label','Order');\n        tableRow.prepend(orderColumn);\n      }\n\n      // Make draggable\n      tableRow.setAttribute('id',randID+'_row_'+(index+1));\n      tableRow.setAttribute('data-order',index+1);\n      tableRow.setAttribute('draggable','true');\n      tableRow.addEventListener(\"dragstart\", setDraggedRow);\n    });\n  }\n\n  if(tableElement.getAttribute('data-reorder')){\n\n    // Add column heading\n    const orderHeading = document.createElement('th');\n    orderHeading.innerHTML = 'Order';\n    orderHeading.title = 'Click here to enable re-ordering via drag and drop';\n    orderHeading.classList.add('table-order-reset');\n    thead.querySelector('tr').prepend(orderHeading);\n\n    setReorderRows();\n\n    // Reset order button\n    tableElement.addEventListener('click', function(e){\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('.table-order-reset')) { \n  \n          // unset sort attributes\n          Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {\n            col.setAttribute('aria-sort','none');\n          });\n  \n          // Save the sort options on the table element so that it can be re-sorted later\n          tableElement.removeAttribute('data-sort');\n          tableElement.removeAttribute('data-sortBy');\n  \n          // Sort the table\n          sortTable('Order', 'ascending');\n  \n          Array.from(tableElement.querySelectorAll('tbody tr')).forEach((tableRow, index) => {\n      \n            tableRow.setAttribute('draggable','true');\n          });\n\n          break;\n        }\n      }\n    }, false);\n\n    \n    document.addEventListener(\"dragover\", function( e ) {\n      // prevent default to allow drop\n      e.preventDefault();\n    }, false);\n\n    document.addEventListener(\"dragenter\", function( e ) {\n      // prevent default to allow drop\n      e.preventDefault();\n      e.dataTransfer.dropEffect = \"move\";\n\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('[data-reorder] tbody tr')) { \n\n          target.classList.add('tr--dropable')\n        }\n      }\n    }, false);\n\n    document.addEventListener(\"dragleave\", function( e ) {\n      // prevent default to allow drop\n      e.preventDefault();\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('[data-reorder] tbody tr')) { \n\n          target.classList.remove('tr--dropable')\n        }\n      }\n    }, false);\n\n    document.addEventListener(\"drop\", function(e) {\n\n      e.preventDefault();\n\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('[data-reorder] tbody tr')) { \n  \n          if(target.parentNode != null && draggedRow.parentNode != null && target != draggedRow){\n\n            draggedRow.parentNode.removeChild( draggedRow );\n\n            if(draggedRow.getAttribute('data-order') > target.getAttribute('data-order'))\n              target.parentNode.insertBefore(draggedRow, target);\n            else\n              target.parentNode.insertBefore(draggedRow, target.nextElementSibling);\n\n            // Re label the rows\n            Array.from(tbody.querySelectorAll('tr')).forEach((tableRowOrder, index) => { \n              tableRowOrder.classList.remove('tr--dragging')\n              tableRowOrder.classList.remove('tr--dropable')\n              tableRowOrder.querySelector('th').innerHTML = index + 1;\n              tableRowOrder.setAttribute('data-order',index+1);\n            });\n\n            tableElement.dispatchEvent(reorderedEvent);\n          }\n          break;\n        }\n      }\n    }, false);\n\n  }\n  // #endregion Reorderable\n\n  // Watch for the filterable event and re-sort the tbody\n  tableElement.addEventListener('filtered', function (e) { \n    \n    if(tableElement.getAttribute('data-sortBy') && tableElement.getAttribute('data-sort'))\n      sortTable(tableElement.getAttribute('data-sortBy'), tableElement.getAttribute('data-sort'));\n\n    if(tableElement.getAttribute('data-show')){\n\n      const show = parseInt(tableElement.getAttribute('data-show'));\n      const totalRows = tableElement.querySelectorAll('tbody tr').length;\n      const tablePagination = tableElement.querySelector('.table__pagination');\n\n      if(tablePagination != null)\n        tablePagination.remove();\n\n      if(show < totalRows){\n\n        paginateRows(show,1);\n        createPaginationForm(show,1,totalRows);\n        createPaginationButttons(show,1,totalRows);\n      }\n    }\n\n    if(tableElement.getAttribute('data-reorder')){\n\n      setReorderRows();\n    }\n  }, false);\n\n  tableElement.addEventListener('sorted', function (e) { \n\n    if(tableElement.getAttribute('data-reorder')){\n\n      setReorderRows();\n    }\n  }, false);\n\n  tableElement.addEventListener('populated', function (e) { \n\n    var tableFilter = tableElement.querySelector('.table__filters')\n    tableFilter.remove();\n\n    var tablePagination = tableElement.querySelector('.table__pagination')\n    tablePagination.remove();\n\n    var newTable = tableElement.cloneNode(true);\n    tableElement.parentNode.replaceChild(newTable, tableElement);\n\n    table(newTable);\n  }, false);\n}\n\nexport default table","function accordion(accordionElement) {\n  \n  // Fetch all the details element.\n  if(!accordionElement.classList.contains('accordion--keep-open')){\n\n    const details = accordionElement.querySelectorAll(\":scope > details\");\n\n    // Add the onclick listeners.\n    details.forEach((targetDetail) => {\n      targetDetail.addEventListener(\"click\", () => {\n        // Close all the details that are not targetDetail.\n        details.forEach((detail) => {\n          if (detail !== targetDetail) {\n            detail.removeAttribute(\"open\");\n          }\n        });\n      });\n    });\n  }\n\n  if(window.location.hash && document.querySelector(window.location.hash+':not([open]) summary')) {\n\n    const detail = document.querySelector(window.location.hash+' summary');\n    detail.click();\n  }\n\n  window.addEventListener('hashchange', function(){\n    if(window.location.hash && document.querySelector(window.location.hash+' summary')) {\n\n      const detail = document.querySelector(window.location.hash+' summary');\n      detail.click();\n    }\n  });\n}\n\nexport default accordion","function testimonial(testimonialElement) {\n\n  var scrollTimeout;\n  const imagesCarousel = testimonialElement.querySelector('.testimonial__images');\n  const itemCount = imagesCarousel.querySelectorAll('img').length;\n\n  // If we only have 1 item lets not bother doing anything else\n  if(itemCount == 1){\n    return false;\n  }\n\n  testimonialElement.classList.add('testimonial--multi')\n\n  // Set where the buttons go to\n  const setButtons = function(scrollTo){\n\n    const nextButton = testimonialElement.querySelector('.btn-next');\n    const prevButton = testimonialElement.querySelector('.btn-prev');\n\n    nextButton.setAttribute('data-go',scrollTo+1);\n    prevButton.setAttribute('data-go',scrollTo-1);\n    nextButton.removeAttribute('disabled')\n    prevButton.removeAttribute('disabled')\n\n    if(scrollTo == 1)\n      prevButton.setAttribute('disabled',true);\n    else if(scrollTo == itemCount)\n      nextButton.setAttribute('disabled',true);\n  }\n\n  // On scroll we need to make sure the buttons get corrected and the next testimonial is shown\n  imagesCarousel.addEventListener('scroll', function(e){\n    clearTimeout(scrollTimeout);\n    scrollTimeout = setTimeout(function(){ \n        \n      let scrollWidth = imagesCarousel.scrollWidth;\n      let scrollHeight = imagesCarousel.scrollHeight;\n      let scrollLeft = imagesCarousel.scrollLeft;\n      let scrollDown = imagesCarousel.scrollTop;\n      let scrollTo = Math.round((scrollLeft / scrollWidth) * itemCount) + 1;\n\n      // Change in scroll direction\n      if(scrollLeft == 0 && scrollDown != 0)\n        scrollTo = Math.round((scrollDown / scrollHeight) * itemCount) + 1;\n\n      testimonialElement.setAttribute('data-show',scrollTo)\n      setButtons(scrollTo);\n    }, 300); \n\n  }, false);\n\n  // when the buttons are used we need to make sure the carousel scrolls to the correct place\n  testimonialElement.addEventListener('click', function(e){\n\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n\n      if (target.matches('[data-go]')) {\n        \n        let scrollTo = parseInt(target.getAttribute('data-go'));\n        let scrollDown = 0;\n        let scrollLeft = 0\n        let scrollWidth = imagesCarousel.scrollWidth;\n        let scrollHeight = imagesCarousel.scrollHeight;\n        \n        if(scrollWidth > scrollHeight)\n          scrollLeft = Math.floor(scrollWidth * ((scrollTo-1) / itemCount))\n        else \n          scrollDown = Math.floor(scrollHeight * ((scrollTo-1) / itemCount))\n        \n        // Trigger the scroll\n        imagesCarousel.scroll({\n          top: scrollDown,\n          left: scrollLeft, \n          behavior: 'smooth'\n        });\n\n        break;\n      }\n    }\n  }, false);\n}\n\nexport default testimonial","function carousel(carouselElement) {\n\n  var scrollTimeout;\n\n  let carouselInner = carouselElement.querySelector('.carousel__inner');\n  let itemCount = carouselElement.querySelectorAll('.carousel__item').length;\n  let cols = carouselElement.getAttribute('data-cols');\n  let smCols = carouselElement.getAttribute('data-sm-cols');\n  let mdCols = carouselElement.getAttribute('data-md-cols');\n\n  carouselElement.querySelector('.carousel__controls a').classList.add('active');\n\n  // On scroll we need to make sure the buttons get corrected and the next testimonial is shown\n  carouselInner.addEventListener('scroll', function(e){\n    clearTimeout(scrollTimeout);\n    scrollTimeout = setTimeout(function(){ \n\n      let scrollArea = carouselInner.clientWidth;\n      let scrollWidth = carouselInner.scrollWidth;\n      let scrollLeft = carouselInner.scrollLeft;\n      let targetSlide = Math.round((scrollLeft / scrollWidth) * itemCount) + 1;\n      let lastItemOffset = carouselElement.querySelector('.carousel__item:last-child').offsetLeft;\n\n      Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {\n        link.classList.remove('active');\n      });\n\n      carouselElement.querySelector('.control-'+targetSlide).classList.add('active');\n      \n      // Disable the previous button\n      if(targetSlide == 1)\n        carouselElement.querySelector('.btn-prev').setAttribute('disabled','disabled');\n      else\n        carouselElement.querySelector('.btn-prev').removeAttribute('disabled');\n\n      // Disable the next button if the last item is in view\n      if(carouselInner.scrollLeft + scrollArea > lastItemOffset)\n        carouselElement.querySelector('.btn-next').setAttribute('disabled','disabled');\n      else\n        carouselElement.querySelector('.btn-next').removeAttribute('disabled');\n\n    }, 100); \n\n  }, false);\n\n  // when the buttons are used we need to make sure the carousel scrolls to the correct place\n  carouselElement.addEventListener('click', function(e){\n\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n      if (target.matches('.carousel__controls a')) {\n        \n        e.preventDefault();\n\n        Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {\n          link.classList.remove('active');\n        });\n        target.classList.add('active');\n\n        const el = document.querySelector(target.getAttribute('href'));\n\n        carouselInner.scroll({\n          top: 0,\n          left: el.offsetLeft, \n          behavior: 'smooth'\n        });\n\n        break;\n      }\n    }\n  }, false);\n\n  carouselElement.addEventListener('click', function(e){\n\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n      if (target.matches('.btn-next, .btn-prev')) {\n        \n        e.preventDefault();\n        let scrollTo = target.classList.contains('btn-prev') ? carouselInner.scrollLeft - carouselInner.clientWidth : carouselInner.scrollLeft + carouselInner.clientWidth;\n        \n        carouselInner.scroll({\n          top: 0,\n          left: scrollTo, \n          behavior: 'smooth'\n        });\n        break;\n      }\n    }\n  }, false);\n\n\n  // Add responsive hide button classes\n  if(itemCount == 1)\n    carouselElement.classList.add('hide-btns');\n\n  if(smCols >= itemCount)\n    carouselElement.classList.add('hide-sm-btns');\n\n  if(mdCols >= itemCount)\n    carouselElement.classList.add('hide-md-btns');\n}\n\nexport default carousel","// Create a link between two input/selects with one acting as setting a minimum value and the second a maximum\n// The link between the two will prevent the max input field form setting a lower value than the min and vice versa\nfunction inputRange(inputWrapper){\n\n  inputWrapper.addEventListener('change', function(e){\n\n    var min = parseInt(inputWrapper.querySelector('[data-min] select,[data-min] input').value);\n    var max = parseInt(inputWrapper.querySelector('[data-max] select,[data-max] input').value);\n\n    // Set attributes for input fields\n    Array.from(inputWrapper.querySelectorAll('[data-min] input')).forEach((input, index) => {\n      \n      input.setAttribute('max',max);\n    });\n\n    Array.from(inputWrapper.querySelectorAll('[data-max] input')).forEach((input, index) => {\n      \n      input.setAttribute('min',min);\n    });\n\n    // Hide select options if they are higher or lower than the min and max values\n    Array.from(inputWrapper.querySelectorAll('[data-min] select option')).forEach((option, index) => {\n      \n      if(parseInt(option.getAttribute('value')) > max)\n        option.classList.add('d-none');\n      else \n        option.classList.remove('d-none');\n    });\n\n    Array.from(inputWrapper.querySelectorAll('[data-max] select option')).forEach((option, index) => {\n      \n      if(parseInt(option.getAttribute('value')) < min)\n        option.classList.add('d-none');\n      else \n        option.classList.remove('d-none');\n    });\n  }, false);\n}\n\n// Acts as an overall initialise function to trigger other functions.\nfunction form(formElement) {\n\n  // Check for input range groups\n  Array.from(formElement.querySelectorAll('[data-input-range]')).forEach((arrayElement, index) => {\n    inputRange(arrayElement);\n  });\n}\n\nexport default form"]}
+{"version":3,"sources":["modules/youtubevideo.js","main.js","modules/helpers.js","modules/nav.js","modules/table.js","modules/accordion.js","modules/testimonial.js","modules/carousel.js","modules/form.js"],"names":["youtubeVideo","constructor","embed","createEmbed","this","document","body","classList","contains","addEventListener","e","target","parentNode","matches","preventDefault","loadScripts","Promise","resolve","reject","image","Image","onload","tag","createElement","src","firstScriptTag","getElementsByTagName","insertBefore","add","onerror","window","player","pauseVideo","video_id","getAttribute","link_id","randLetter","String","fromCharCode","Math","floor","random","Date","now","setAttribute","YT","Player","height","width","videoId","playerVars","modestbranding","playsinline","rel","showinfo","events","onReady","event","playVideo","onStateChange","data","PlayerState","PLAYING","done","getElementById","element","navigator","userAgent","indexOf","appVersion","Array","from","querySelectorAll","forEach","table","index","colHeadings","row","cell","cellIndex","heading","tempDiv","innerHTML","headingText","textContent","innerText","tableStacked","tableHTML","outerHTML","concat","tableWrap","console","log","arrayElement","detail","matchMedia","removeAttribute","IntersectionObserver","_ref","toggle","intersectionRatio","threshold","observe","nav","tableElement","draggedRow","thead","querySelector","tbody","storedData","cloneNode","sortedEvent","Event","filteredEvent","reorderedEvent","randID","toString","substr","sortTable","sortBy","sort","tableArr","tableRow","str","rowIndex","isNaN","parseFloat","padStart","dataRow","push","a","b","reverse","strTbody","dispatchEvent","col","click","filterTable","searchTerm","rowSearchString","label","createFilterList","filterOptions","searchableTerms","option","Object","keys","map","term","join","length","count","form","filterColumns","columnHeading","filterTitle","checkboxClass","column","replace","toLowerCase","prepend","createFilterForm","value","paginateRows","show","page","style","startShowing","stopShowing","append","createPaginationForm","totalRows","createPaginationButttons","paginationButtonsWrapper","numberPages","ceil","strButtons","i","parseInt","strOptions","setDraggedRow","dataTransfer","setData","id","setReorderRows","orderColumn","orderHeading","title","dropEffect","remove","removeChild","nextElementSibling","tableRowOrder","tablePagination","newTable","replaceChild","accordionElement","details","targetDetail","location","hash","accordion","testimonialElement","scrollTimeout","imagesCarousel","itemCount","clearTimeout","setTimeout","scrollWidth","scrollHeight","scrollLeft","scrollDown","scrollTop","scrollTo","round","nextButton","prevButton","setButtons","scroll","top","left","behavior","testimonial","carouselElement","carouselInner","smCols","mdCols","scrollArea","clientWidth","targetSlide","lastItemOffset","offsetLeft","link","el","carousel","formElement","inputWrapper","min","max","input","url","desiredValue","href","wrapper","clone","addButton","tempClone","dataset","maxfiles","closest","files","maxAllowedSize","filesize","size","alert","group","selector","activeif","equals","modal"],"mappings":";;;;;2FAGC,MAAMA,EAGLC,YAAYC,GAEV,IAAIC,EAAcC,KAAKD,YAGpBE,SAASC,KAAKC,UAAUC,SAAS,iBAClCN,EAAMO,iBAAiB,SAAS,SAASC,GAGvC,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WAEpE,GAAID,EAAOE,QAAQ,8BAA+B,CAEhDH,EAAEI,iBACFX,EAAYD,EAAMS,GAClB,UAGH,GAGHP,KAAKW,YAAYb,EAAOE,KAAKD,aASjCY,YAAYb,EAAOC,GAEjB,OAAO,IAAIa,QAAQ,CAACC,EAASC,KAE3B,IAAMC,EAAQ,IAAIC,MAClBD,EAAME,OAAS,WAGb,IAAIC,EAAMjB,SAASkB,cAAc,UACjCD,EAAIE,IAAM,qCACV,IAAIC,EAAiBpB,SAASqB,qBAAqB,UAAU,GAC7DD,EAAeb,WAAWe,aAAaL,EAAKG,GAC5CpB,SAASC,KAAKC,UAAUqB,IAAI,iBAC5BX,GAAQ,GAGRK,EAAID,OAAS,KAEXnB,EAAMO,iBAAiB,SAAS,SAASC,GAEvC,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WAEpE,GAAID,EAAOE,QAAQ,8BAA+B,CAEhDH,EAAEI,iBACFX,EAAYD,EAAMS,GAClB,UAGH,KAIPQ,EAAMU,QAAU,WACdX,GAAO,IAETC,EAAMK,IAAM,oCAShBrB,YAAYD,EAAMS,QAGW,IAAjBmB,OAAOC,QAA4D,mBAA5BD,OAAOC,OAAOC,YAC7DF,OAAOC,OAAOC,aAGhB,IAAIC,EAAWtB,EAAOuB,aAAa,WAC/BC,EAAUxB,EAAOuB,aAAa,MAGlC,QAAqB,IAAXC,GAAqC,MAAXA,EAAgB,CAElD,IAAIC,EAAaC,OAAOC,aAAa,GAAKC,KAAKC,MAAsB,GAAhBD,KAAKE,WAC1DN,EAAUC,EAAaM,KAAKC,MAC5BhC,EAAOiC,aAAa,KAAKT,GAMzBL,OAAOC,OAAS,IAAIc,GAAGC,OAAOX,EAAS,CACrCY,OAAQ,OACRC,MAAO,OACPC,QAAShB,EACTiB,WAAY,CACVC,eAAkB,EAClBC,YAAe,EACfC,IAAO,EACPC,SAAY,GAEdC,OAAQ,CACNC,QASN,SAAuBC,GAErBA,EAAM9C,OAAO+C,aAVTC,cAiBN,SAA6BF,GAEvBA,EAAMG,MAAQf,GAAGgB,YAAYC,SAAYC,IAEhC1D,SAAS2D,eAAe7B,GAC9B5B,UAAUqB,IAAI,gBAEnBmC,GAAO,OARX,IAAIA,GAAO,GCzGf1D,SAASI,iBAAiB,oBAAoB,WChBrBH,IAAAA,EAgBF2D,GAhBE3D,EDkBAD,SAASC,MChB3BC,UAAUqB,IAAI,gBAEuB,IAAvCsC,UAAUC,UAAUC,QAAQ,SAAgBF,UAAUG,WAAWD,QAAQ,YAAc,IAExF9D,EAAKC,UAAUqB,IAAI,MAUAqC,EDGC5D,SAASC,KCA/BgE,MAAMC,KAAKN,EAAQO,iBAAiB,UAAUC,QAAQ,CAACC,EAAOC,KAyB1CD,CAAAA,IAEpB,IAAME,EAAcN,MAAMC,KAAKG,EAAMF,iBAAiB,aACtCF,MAAMC,KAAKG,EAAMF,iBAAiB,aAE1CC,QAAQ,CAACI,EAAKF,KAENL,MAAMC,KAAKM,EAAIL,iBAAiB,WAExCC,QAAQ,CAACK,EAAMC,KAEnB,IAAMC,EAAUJ,EAAYG,GAC5B,QAAqB,IAAXC,EAAuB,CAE/B,IAAIC,EAAU5E,SAASkB,cAAc,OACrC0D,EAAQC,UAAYF,EAAQE,UAC5B,IAAIC,EAAcF,EAAQG,aAAeH,EAAQI,WAAa,GAC9DP,EAAKlC,aAAa,aAAauC,SAxCnCG,CAAaZ,GASEA,CAAAA,IAEjB,IAAIA,EAAM9D,WAAWL,UAAUC,SAAS,kBAAkB,CAExD,IAAM+E,EAAYb,EAAMc,UAExBd,EAAMc,UAAN,+BAAAC,OAAiDF,EAAjD,YAdAG,CAAUhB,KDFZiB,QAAQC,IAAI,WAGZtB,MAAMC,KAAKlE,SAASmE,iBAAiB,SAASC,QAAQ,CAACoB,EAAclB,KEhCvDV,CAAAA,IAEdK,MAAMC,KAAKN,EAAQO,iBAAiB,YAAYC,QAAQ,CAACqB,EAAQnB,KAE/DmB,EAAOrF,iBAAiB,cAAc,SAASC,GAE1CoB,OAAOiE,WAAW,qBAAqBlF,SACxCiF,EAAOlD,aAAa,OAAO,WAC5B,GAEHkD,EAAOrF,iBAAiB,cAAc,SAASC,GAE1CoB,OAAOiE,WAAW,qBAAqBlF,SACxCiF,EAAOE,gBAAgB,WACxB,KAIY,IAAIC,qBACnBC,IAAA,IAAExF,GAAFwF,EAAA,OAASxF,EAAEC,OAAOJ,UAAU4F,OAAO,WAAYzF,EAAE0F,kBAAoB,IACrE,CAAEC,UAAW,CAAC,KAGPC,QAAQrC,IFUfsC,CAAIV,KAINvB,MAAMC,KAAKlE,SAASmE,iBAAiB,oBAAoBC,QAAQ,CAACoB,EAAclB,MGnClF,SAASD,EAAM8B,GAEb,GAA0B,iBAAhBA,EACR,OAAO,EAET,IAOIC,EAPEC,EAAQF,EAAaG,cAAc,SACnCC,EAAQJ,EAAaG,cAAc,SACnCE,EAAaD,EAAME,WAAU,GAC7BC,EAAc,IAAIC,MAAM,UACxBC,EAAgB,IAAID,MAAM,YAC1BE,EAAiB,IAAIF,MAAM,aAC3BG,EAAS,QAAQ5E,KAAKE,SAAS2E,SAAS,IAAIC,OAAO,EAAG,GAG5Db,EAAa5D,aAAa,KAAKuE,GAG/B,IAAMG,EAAY,SAASC,EAAOC,GAGhC,IAAIC,EAAW,GACfnD,MAAMC,KAAKqC,EAAMpC,iBAAiB,OAAOC,QAAQ,CAACiD,EAAU/C,KAE1D,IFoDqBgD,EEpDjBC,EAAWF,EAASf,cAAc,kBAAkBY,EAAO,sBAAsBA,EAAO,MAAMnC,YFqDpF,iBADOuC,EElDRC,IFoDTC,MAAMF,IACNE,MAAMC,WAAWH,MEpDnBC,EFuDyBvF,OEvDNuF,GFuDkBG,SEvDT,GFuD0B,MErDxD,IAAMC,EAAU,CACdrD,MAAOiD,EACP/C,IAAK6C,GAEPD,EAASQ,KAAKD,KAIhBP,EAASD,KAAK,CAACU,EAAGC,IAAOD,EAAEvD,MAAQwD,EAAExD,MAAS,GAAK,GAGxC,cAAR6C,IACDC,EAAWA,EAASW,WAGtB,IAAIC,EAAW,GACfZ,EAAShD,QAAQ,CAACiD,EAAU/C,KAC1B0D,GAAYX,EAAS7C,IAAIW,YAE3BoB,EAAM1B,UAAYmD,EAGlB7B,EAAa8B,cAAcvB,IAoC7B,GAhCAP,EAAa/F,iBAAiB,SAAS,SAASC,GAC9C,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WACpE,GAAID,EAAOE,QAAQ,mBAAoB,CAGrC,IAAI2G,EAA2C,aAApC7G,EAAOuB,aAAa,aAA8B,aAAe,YAG5EoC,MAAMC,KAAKiC,EAAahC,iBAAiB,oBAAoBC,QAAQ,CAAC8D,EAAK5D,KACzE4D,EAAI3F,aAAa,YAAY,UAI/BjC,EAAOiC,aAAa,YAAa4E,GAGjChB,EAAa5D,aAAa,YAAa4E,GACvChB,EAAa5D,aAAa,cAAejC,EAAOyE,aAGhDkC,EAAU3G,EAAOyE,YAAaoC,GAE9BlD,MAAMC,KAAKiC,EAAahC,iBAAiB,kBAAkBC,QAAQ,CAACiD,EAAU/C,KAE5E+C,EAAS1B,gBAAgB,eAE3B,UAGH,GAGAQ,EAAatE,aAAa,eAAe,CAE1C,IAAIsF,EAAiD,aAA1ChB,EAAatE,aAAa,aAA8B,aAAe,YAElFoC,MAAMC,KAAKiC,EAAahC,iBAAiB,oBAAoBC,QAAQ,CAAC8D,EAAK5D,KACtE4D,EAAInD,aAAeoB,EAAatE,aAAa,iBAC9CqG,EAAI3F,aAAa,YAAY4E,GAC7Be,EAAIC,WAQV,IA0CMC,EAAc,SAASC,GAG3B,IAAIjB,EAAW,GACfnD,MAAMC,KAAKsC,EAAWrC,iBAAiB,OAAOC,QAAQ,CAACiD,EAAU/C,KAG/D,IAAIgE,EAAkB,GAMtB,GALArE,MAAMC,KAAKiC,EAAahC,iBAAiB,sCAAsCC,QAAQ,CAACmE,EAAOjE,KAC7FgE,GAAmBjB,EAASf,cAAc,kBAAkBiC,EAAMxD,YAAY,MAAMA,YAAY,QAI/FuD,EAAgBvE,QAAQsE,IAAe,EAAE,CAE1C,IAAMV,EAAU,CAAEnD,IAAK6C,GACvBD,EAASQ,KAAKD,MAKlB,IAAIK,EAAW,GACfZ,EAAShD,QAAQ,CAACiD,EAAU/C,KAC1B0D,GAAYX,EAAS7C,IAAIW,YAE3BoB,EAAM1B,UAAYmD,EAGlB7B,EAAa8B,cAAcrB,IAGvB4B,EAAmB,WAGvB,IAAIC,EAAgB,GACpBxE,MAAMC,KAAKiC,EAAahC,iBAAiB,sCAAsCC,QAAQ,CAACmE,EAAOjE,KAC7FmE,EAAcb,KAAKW,EAAMxD,eAI3B,IAAI2D,EAAkB,GACtBD,EAAcrE,QAAQ,CAACuE,EAAQrE,KAC7BL,MAAMC,KAAKiC,EAAahC,iBAAiB,kBAAkBwE,EAAO,OAAOvE,QAAQ,CAACmE,EAAOjE,KACvFoE,EAAgBH,EAAMxD,aAAewD,EAAMxD,gBAKhCoB,EAAaG,cAAc,YACjCzB,UAAY+D,OAAOC,KAAKH,GAAiBI,IAAIC,GAAI,kBAAA3D,OAAsB2D,EAAtB,gBAAyCC,KAAK,KAIvG/E,MAAMC,KAAKiC,EAAahC,iBAAiB,sBAAsB8E,SA/FzC,SAASC,GAGhC,IAAMC,EAAOnJ,SAASkB,cAAc,OACpCiI,EAAKjJ,UAAUqB,IAAI,kBACnB4H,EAAKjJ,UAAUqB,IAAI,OACnB4H,EAAKjJ,UAAUqB,IAAI,QACnB4H,EAAKjJ,UAAUqB,IAAI,QAGnB,IAAM6H,EAAgBnF,MAAMC,KAAKiC,EAAahC,iBAAiB,wBAG3DuE,EAAkB,GACtBU,EAAchF,QAAQ,CAACiF,EAAe/E,KACpCL,MAAMC,KAAKiC,EAAahC,iBAAiB,kBAAkBkF,EAActE,YAAY,OAAOX,QAAQ,CAACmE,EAAOjE,KAE1GoE,EAAgBH,EAAMxD,aAAewD,EAAMxD,gBAK/C,IAAMuE,EAAsC,GAAxBF,EAAcH,OAAc,aAAaG,EAAc,GAAGrE,YAAc,SACtFwE,EAAwC,GAAxBH,EAAcH,OAAc,SAAW,YAE7DE,EAAKtE,UAAL,yHAAAO,OAEc0B,EAFd,gCAAA1B,OAEmDkE,EAFnD,8CAAAlE,OAG6B0B,EAH7B,iBAAA1B,OAGmD0B,EAHnD,uEAAA1B,OAG+H0B,EAH/H,yCAAA1B,OAKc0B,EALd,iBAAA1B,OAMEwD,OAAOC,KAAKH,GAAiBI,IAAIC,GAAI,kBAAA3D,OAAsB2D,EAAtB,gBAAyCC,KAAK,IANrF,0EAAA5D,OAS2CmE,EAT3C,UAAAnE,OAUA,4DAA8DgE,EAAcN,IAAIU,GAAM,8FAAApE,OAAkG0B,EAAlG,KAAA1B,OAA4GoE,EAAOzE,YAAY0E,QAAQ,IAAI,KAAKC,cAAhJ,2EAAAtE,OAAuO0B,EAAvO,KAAA1B,OAAiPoE,EAAOzE,YAAY0E,QAAQ,IAAI,KAAKC,cAArR,MAAAtE,OAAuSoE,EAAOzE,YAA9S,mBAA2UiE,KAAK,IAVta,YAcA7C,EAAawD,QAAQR,GA2DrBS,CAAiBzD,EAAalC,MAAMC,KAAKiC,EAAahC,iBAAiB,sBAAsB8E,QAG7F9C,EAAa/F,iBAAiB,SAAS,SAASC,GAC9C,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WACpE,GAAID,EAAOE,QAAQ,wBAAyB,CAE1C,IAAM6H,EAAa/H,EAAOuJ,MAC1BzB,EAAYC,OAKlBlC,EAAa/F,iBAAiB,UAAU,SAASC,GAC/C,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WACpE,GAAID,EAAOE,QAAQ,wBAAyB,CAE1C,IAAM6H,EAAa/H,EAAOuJ,MAC1BzB,EAAYC,OAKlBlC,EAAa/F,iBAAiB,UAAU,SAASC,GAC/C,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WACpE,GAAID,EAAOE,QAAQ,0BAA2B,CAE5C,IAAM6H,EAAalC,EAAaG,cAAc,wBAAwBuD,MACtEzB,EAAYC,GACZG,SAQR,IAAMsB,EAAe,SAASC,EAAMC,GAGlC,IAAIC,EAAQjK,SAAS2D,eAAemD,EAAO,UAE/B,MAATmD,IACDA,EAAQjK,SAASkB,cAAc,UACzBqB,aAAa,KAAKuE,EAAO,UAGjC,IAAMoD,EAAgBH,GAAMC,EAAK,GAAI,EAC/BG,EAAcJ,EAAMC,EAE1BC,EAAMpF,UAAN,UAAAO,OACG0B,EADH,mDAAA1B,OAIG0B,EAJH,wBAAA1B,OAIgC8E,EAJhC,aAAA9E,OAKG0B,EALH,wBAAA1B,OAKgC8E,EALhC,6FAAA9E,OASK0B,EATL,wBAAA1B,OASkC8E,EATlC,eAAA9E,OAUK0B,EAVL,wBAAA1B,OAUkC8E,EAVlC,+DAAA9E,OAcG0B,EAdH,wBAAA1B,OAcgC+E,EAdhC,8CAmBAhE,EAAaiE,OAAOH,IAGhBI,EAAuB,SAASN,EAAKC,EAAKM,GAE9C,IAAMnB,EAAOnJ,SAASkB,cAAc,OACpCiI,EAAKjJ,UAAUqB,IAAI,qBACnB4H,EAAKjJ,UAAUqB,IAAI,OACnB4H,EAAKjJ,UAAUqB,IAAI,QACnB4H,EAAKjJ,UAAUqB,IAAI,QAGnB4H,EAAKtE,UAAL,0HAAAO,OAEc0B,EAFd,kFAAA1B,OAG6B0B,EAH7B,kBAAA1B,OAGoD0B,EAHpD,4FAAA1B,OAGqJ0B,EAHrJ,wBAAA1B,OAGkL2E,EAHlL,mBAAA3E,OAGwMkF,EAHxM,oCAAAlF,OAKc0B,EALd,qDAAA1B,OAOAkF,EAAY,GAAZ,iCAAoD,GAPpD,QAAAlF,OAQAkF,EAAY,GAAZ,iCAAoD,GARpD,uBAAAlF,OASekF,EATf,MAAAlF,OAS6BkF,EAT7B,6OAAAlF,OAamF0B,EAbnF,2BAgBAX,EAAaiE,OAAOjB,IAGhBoB,EAA2B,SAASR,EAAKC,EAAKM,GAElD,IAAME,EAA2BxK,SAAS2D,eAAemD,EAAO,mBAEhE,GAA+B,MAA5B0D,EACD,OAAO,EAET,IAAMC,EAAcvI,KAAKwI,KAAKJ,EAAYP,GAE1C,GAAkB,GAAfU,EACDD,EAAyB3F,UAAY,QAElC,GAAG4F,EAAc,EAAE,CAItB,IAFA,IAAIE,EAAa,GAERC,EAAI,EAAGA,GAAKH,EAAaG,IAG9BD,GADCC,GAAKZ,EACI,4EAAA5E,OAAgFwF,EAAhF,gBAEA,8DAAAxF,OAAkEwF,EAAlE,MAAAxF,OAAwEwF,EAAxE,kBAGdJ,EAAyB3F,UAAzB,8EAAAO,OACY,GAAR4E,EAAA,8EAAA,8DAAA5E,OAA0JyF,SAASb,GAAM,EAAzK,4BADJ,cAAA5E,OAEIuF,EAFJ,cAAAvF,OAGI4E,GAAQS,EAAR,0EAAA,8DAAArF,OAAgKyF,SAASb,GAAM,EAA/K,wBAHJ,qBAOG,CAIH,IAFA,IAAIc,EAAa,GAERF,EAAI,EAAGA,GAAKH,EAAaG,IAG9BE,GADCF,GAAKZ,EACI,kBAAA5E,OAAsBwF,EAAtB,oBAAAxF,OAA0CwF,EAA1C,aAEA,kBAAAxF,OAAsBwF,EAAtB,WAAAxF,OAAiCwF,EAAjC,aAGdJ,EAAyB3F,UAAzB,2FAAAO,OAGF0F,EAHE,iCAWJ,GAAG3E,EAAatE,aAAa,aAAa,CAExC,IAAMkI,EAAOc,SAAS1E,EAAatE,aAAa,cAC1CmI,EAAOa,SAAS1E,EAAatE,aAAa,cAAgBgJ,SAAS1E,EAAatE,aAAa,cAAgB,EAC7GyI,EAAYnE,EAAahC,iBAAiB,YAAY8E,OAEzDc,EAAOO,IACRR,EAAaC,EAAKC,GAClBK,EAAqBN,EAAKC,EAAKM,GAC/BC,EAAyBR,EAAKC,EAAKM,GAEnCnE,EAAa/F,iBAAiB,UAAU,SAASC,GAC/C,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WAChED,EAAOE,QAAQ,6CAEjBsJ,EAAaxJ,EAAOuJ,MAAMG,GAC1BO,EAAyBjK,EAAOuJ,MAAMG,EAAKM,GAC3CnE,EAAa5D,aAAa,YAAYjC,EAAOuJ,WAKnD1D,EAAa/F,iBAAiB,SAAS,SAASC,GAC9C,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WAChED,EAAOE,QAAQ,uDAEjBsJ,EAAa3D,EAAatE,aAAa,aAAavB,EAAOuB,aAAa,cACxE0I,EAAyBpE,EAAatE,aAAa,aAAavB,EAAOuB,aAAa,aAAayI,OAGpG,GAEHnE,EAAa/F,iBAAiB,UAAU,SAASC,GAC/C,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WAChED,EAAOE,QAAQ,+BAEjBsJ,EAAa3D,EAAatE,aAAa,aAAavB,EAAOuJ,OAC3DU,EAAyBpE,EAAatE,aAAa,aAAavB,EAAOuJ,MAAMS,QAUvF,SAASS,EAAc1K,GACrBA,EAAE2K,aAAaC,QAAQ,aAAc5K,EAAEC,OAAO4K,IAC9C9E,EAAa/F,EAAEC,OACfD,EAAEC,OAAOJ,UAAUqB,IAAI,gBAIzB,IAAM4J,EAAiB,WAErBlH,MAAMC,KAAKqC,EAAMpC,iBAAiB,OAAOC,QAAQ,CAACiD,EAAU/C,KAG1D,GAAqD,MAAlD+C,EAASf,cAAc,wBAAgC,CAExD,IAAM8E,EAAcpL,SAASkB,cAAc,MAC3CkK,EAAYvG,UAAYP,EAAQ,EAChC8G,EAAY7I,aAAa,aAAa,SACtC8E,EAASsC,QAAQyB,GAInB/D,EAAS9E,aAAa,KAAKuE,EAAO,SAASxC,EAAM,IACjD+C,EAAS9E,aAAa,aAAa+B,EAAM,GACzC+C,EAAS9E,aAAa,YAAY,QAClC8E,EAASjH,iBAAiB,YAAa2K,MAI3C,GAAG5E,EAAatE,aAAa,gBAAgB,CAG3C,IAAMwJ,EAAerL,SAASkB,cAAc,MAC5CmK,EAAaxG,UAAY,QACzBwG,EAAaC,MAAQ,qDACrBD,EAAanL,UAAUqB,IAAI,qBAC3B8E,EAAMC,cAAc,MAAMqD,QAAQ0B,GAElCF,IAGAhF,EAAa/F,iBAAiB,SAAS,SAASC,GAC9C,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WACpE,GAAID,EAAOE,QAAQ,sBAAuB,CAGxCyD,MAAMC,KAAKiC,EAAahC,iBAAiB,oBAAoBC,QAAQ,CAAC8D,EAAK5D,KACzE4D,EAAI3F,aAAa,YAAY,UAI/B4D,EAAaR,gBAAgB,aAC7BQ,EAAaR,gBAAgB,eAG7BsB,EAAU,QAAS,aAEnBhD,MAAMC,KAAKiC,EAAahC,iBAAiB,aAAaC,QAAQ,CAACiD,EAAU/C,KAEvE+C,EAAS9E,aAAa,YAAY,UAGpC,UAGH,GAGHvC,SAASI,iBAAiB,YAAY,SAAUC,GAE9CA,EAAEI,oBACD,GAEHT,SAASI,iBAAiB,aAAa,SAAUC,GAE/CA,EAAEI,iBACFJ,EAAE2K,aAAaO,WAAa,OAE5B,IAAK,IAAIjL,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WAChED,EAAOE,QAAQ,4BAEjBF,EAAOJ,UAAUqB,IAAI,mBAGxB,GAEHvB,SAASI,iBAAiB,aAAa,SAAUC,GAE/CA,EAAEI,iBACF,IAAK,IAAIH,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WAChED,EAAOE,QAAQ,4BAEjBF,EAAOJ,UAAUsL,OAAO,mBAG3B,GAEHxL,SAASI,iBAAiB,QAAQ,SAASC,GAEzCA,EAAEI,iBAEF,IAAK,IAAIH,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WACpE,GAAID,EAAOE,QAAQ,2BAA4B,CAErB,MAArBF,EAAOC,YAA+C,MAAzB6F,EAAW7F,YAAsBD,GAAU8F,IAEzEA,EAAW7F,WAAWkL,YAAarF,GAEhCA,EAAWvE,aAAa,cAAgBvB,EAAOuB,aAAa,cAC7DvB,EAAOC,WAAWe,aAAa8E,EAAY9F,GAE3CA,EAAOC,WAAWe,aAAa8E,EAAY9F,EAAOoL,oBAGpDzH,MAAMC,KAAKqC,EAAMpC,iBAAiB,OAAOC,QAAQ,CAACuH,EAAerH,KAC/DqH,EAAczL,UAAUsL,OAAO,gBAC/BG,EAAczL,UAAUsL,OAAO,gBAC/BG,EAAcrF,cAAc,MAAMzB,UAAYP,EAAQ,EACtDqH,EAAcpJ,aAAa,aAAa+B,EAAM,KAGhD6B,EAAa8B,cAAcpB,IAE7B,UAGH,GAMLV,EAAa/F,iBAAiB,YAAY,SAAUC,GAKlD,GAHG8F,EAAatE,aAAa,gBAAkBsE,EAAatE,aAAa,cACvEoF,EAAUd,EAAatE,aAAa,eAAgBsE,EAAatE,aAAa,cAE7EsE,EAAatE,aAAa,aAAa,CAExC,IAAMkI,EAAOc,SAAS1E,EAAatE,aAAa,cAC1CyI,EAAYnE,EAAahC,iBAAiB,YAAY8E,OACtD2C,EAAkBzF,EAAaG,cAAc,sBAE7B,MAAnBsF,GACDA,EAAgBJ,SAEfzB,EAAOO,IAERR,EAAaC,EAAK,GAClBM,EAAqBN,EAAK,EAAEO,GAC5BC,EAAyBR,EAAK,EAAEO,IAIjCnE,EAAatE,aAAa,iBAE3BsJ,OAED,GAEHhF,EAAa/F,iBAAiB,UAAU,SAAUC,GAE7C8F,EAAatE,aAAa,iBAE3BsJ,OAED,GAEHhF,EAAa/F,iBAAiB,aAAa,SAAUC,GAEjC8F,EAAaG,cAAc,mBACjCkF,SAEUrF,EAAaG,cAAc,sBACjCkF,SAEhB,IAAIK,EAAW1F,EAAaM,WAAU,GACtCN,EAAa5F,WAAWuL,aAAaD,EAAU1F,GAE/C9B,EAAMwH,MACL,GH/hBDxH,CAAMmB,KAIRvB,MAAMC,KAAKlE,SAASmE,iBAAiB,eAAeC,QAAQ,CAACoB,EAAclB,MI1C7E,SAAmByH,GAGjB,IAAIA,EAAiB7L,UAAUC,SAAS,wBAAwB,CAE9D,IAAM6L,EAAUD,EAAiB5H,iBAAiB,oBAGlD6H,EAAQ5H,QAAS6H,IACfA,EAAa7L,iBAAiB,QAAS,KAErC4L,EAAQ5H,QAASqB,IACXA,IAAWwG,GACbxG,EAAOE,gBAAgB,cAO9BlE,OAAOyK,SAASC,MAAQnM,SAASsG,cAAc7E,OAAOyK,SAASC,KAAK,yBAEtDnM,SAASsG,cAAc7E,OAAOyK,SAASC,KAAK,YACpDhE,QAGT1G,OAAOrB,iBAAiB,cAAc,WACjCqB,OAAOyK,SAASC,MAAQnM,SAASsG,cAAc7E,OAAOyK,SAASC,KAAK,aAEtDnM,SAASsG,cAAc7E,OAAOyK,SAASC,KAAK,YACpDhE,WJaTiE,CAAU5G,KAIZvB,MAAMC,KAAKlE,SAASmE,iBAAiB,iBAAiBC,QAAQ,CAACoB,EAAclB,MK/C/E,SAAqB+H,GAEnB,IAAIC,EACEC,EAAiBF,EAAmB/F,cAAc,wBAClDkG,EAAYD,EAAepI,iBAAiB,OAAO8E,OAGzD,GAAgB,GAAbuD,EACD,OAAO,EAGTH,EAAmBnM,UAAUqB,IAAI,sBAoBjCgL,EAAenM,iBAAiB,UAAU,SAASC,GACjDoM,aAAaH,GACbA,EAAgBI,YAAW,WAEzB,IAAIC,EAAcJ,EAAeI,YAC7BC,EAAeL,EAAeK,aAC9BC,EAAaN,EAAeM,WAC5BC,EAAaP,EAAeQ,UAC5BC,EAAW9K,KAAK+K,MAAOJ,EAAaF,EAAeH,GAAa,EAGnD,GAAdK,GAAiC,GAAdC,IACpBE,EAAW9K,KAAK+K,MAAOH,EAAaF,EAAgBJ,GAAa,GAEnEH,EAAmB9J,aAAa,YAAYyK,GA/B7B,SAASA,GAE1B,IAAME,EAAab,EAAmB/F,cAAc,aAC9C6G,EAAad,EAAmB/F,cAAc,aAEpD4G,EAAW3K,aAAa,UAAUyK,EAAS,GAC3CG,EAAW5K,aAAa,UAAUyK,EAAS,GAC3CE,EAAWvH,gBAAgB,YAC3BwH,EAAWxH,gBAAgB,YAEZ,GAAZqH,EACDG,EAAW5K,aAAa,YAAW,GAC7ByK,GAAYR,GAClBU,EAAW3K,aAAa,YAAW,GAmBnC6K,CAAWJ,KACV,QAEF,GAGHX,EAAmBjM,iBAAiB,SAAS,SAASC,GAEpD,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WAEpE,GAAID,EAAOE,QAAQ,aAAc,CAE/B,IAAIwM,EAAWnC,SAASvK,EAAOuB,aAAa,YACxCiL,EAAa,EACbD,EAAa,EACbF,EAAcJ,EAAeI,YAC7BC,EAAeL,EAAeK,aAE/BD,EAAcC,EACfC,EAAa3K,KAAKC,MAAMwK,IAAgBK,EAAS,GAAKR,IAEtDM,EAAa5K,KAAKC,MAAMyK,IAAiBI,EAAS,GAAKR,IAGzDD,EAAec,OAAO,CACpBC,IAAKR,EACLS,KAAMV,EACNW,SAAU,WAGZ,UAGH,GL/BDC,CAAYjI,KAGdvB,MAAMC,KAAKlE,SAASmE,iBAAiB,cAAcC,QAAQ,CAACoB,EAAclB,MMnD5E,SAAkBoJ,GAEhB,IAAIpB,EAEAqB,EAAgBD,EAAgBpH,cAAc,oBAC9CkG,EAAYkB,EAAgBvJ,iBAAiB,mBAAmB8E,OACzDyE,EAAgB7L,aAAa,aACxC,IAAI+L,EAASF,EAAgB7L,aAAa,gBACtCgM,EAASH,EAAgB7L,aAAa,gBAE1C6L,EAAgBpH,cAAc,yBAAyBpG,UAAUqB,IAAI,UAGrEoM,EAAcvN,iBAAiB,UAAU,SAASC,GAChDoM,aAAaH,GACbA,EAAgBI,YAAW,WAEzB,IAAIoB,EAAaH,EAAcI,YAC3BpB,EAAcgB,EAAchB,YAC5BE,EAAac,EAAcd,WAC3BmB,EAAc9L,KAAK+K,MAAOJ,EAAaF,EAAeH,GAAa,EACnEyB,EAAiBP,EAAgBpH,cAAc,8BAA8B4H,WAEjFjK,MAAMC,KAAKwJ,EAAgBvJ,iBAAiB,0BAA0BC,QAAQ,CAAC+J,EAAM7J,KACnF6J,EAAKjO,UAAUsL,OAAO,YAGxBkC,EAAgBpH,cAAc,YAAY0H,GAAa9N,UAAUqB,IAAI,UAGnD,GAAfyM,EACDN,EAAgBpH,cAAc,aAAa/D,aAAa,WAAW,YAEnEmL,EAAgBpH,cAAc,aAAaX,gBAAgB,YAG1DgI,EAAcd,WAAaiB,EAAaG,EACzCP,EAAgBpH,cAAc,aAAa/D,aAAa,WAAW,YAEnEmL,EAAgBpH,cAAc,aAAaX,gBAAgB,cAE5D,QAEF,GAGH+H,EAAgBtN,iBAAiB,SAAS,SAASC,GAEjD,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WACpE,GAAID,EAAOE,QAAQ,yBAA0B,CAE3CH,EAAEI,iBAEFwD,MAAMC,KAAKwJ,EAAgBvJ,iBAAiB,0BAA0BC,QAAQ,CAAC+J,EAAM7J,KACnF6J,EAAKjO,UAAUsL,OAAO,YAExBlL,EAAOJ,UAAUqB,IAAI,UAErB,IAAM6M,EAAKpO,SAASsG,cAAchG,EAAOuB,aAAa,SAEtD8L,EAAcN,OAAO,CACnBC,IAAK,EACLC,KAAMa,EAAGF,WACTV,SAAU,WAGZ,UAGH,GAEHE,EAAgBtN,iBAAiB,SAAS,SAASC,GAEjD,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WACpE,GAAID,EAAOE,QAAQ,wBAAyB,CAE1CH,EAAEI,iBACF,IAAIuM,EAAW1M,EAAOJ,UAAUC,SAAS,YAAcwN,EAAcd,WAAac,EAAcI,YAAcJ,EAAcd,WAAac,EAAcI,YAEvJJ,EAAcN,OAAO,CACnBC,IAAK,EACLC,KAAMP,EACNQ,SAAU,WAEZ,UAGH,GAIa,GAAbhB,GACDkB,EAAgBxN,UAAUqB,IAAI,aAE7BqM,GAAUpB,GACXkB,EAAgBxN,UAAUqB,IAAI,gBAE7BsM,GAAUrB,GACXkB,EAAgBxN,UAAUqB,IAAI,gBN9C9B8M,CAAS7I,KAGXvB,MAAMC,KAAKlE,SAASmE,iBAAiB,SAASC,QAAQ,CAACoB,EAAclB,KOiCvE,IAAcgK,EAAAA,EPhCL9I,EOmCPvB,MAAMC,KAAKoK,EAAYnK,iBAAiB,uBAAuBC,QAAQ,CAACoB,EAAclB,KAzFxF,IAAoBiK,GAAAA,EA0FL/I,GAxFApF,iBAAiB,UAAU,SAASC,GAE/C,IAAImO,EAAM3D,SAAS0D,EAAajI,cAAc,sCAAsCuD,OAChF4E,EAAM5D,SAAS0D,EAAajI,cAAc,sCAAsCuD,OAGpF5F,MAAMC,KAAKqK,EAAapK,iBAAiB,qBAAqBC,QAAQ,CAACsK,EAAOpK,KAE5EoK,EAAMnM,aAAa,MAAMkM,KAG3BxK,MAAMC,KAAKqK,EAAapK,iBAAiB,qBAAqBC,QAAQ,CAACsK,EAAOpK,KAE5EoK,EAAMnM,aAAa,MAAMiM,KAI3BvK,MAAMC,KAAKqK,EAAapK,iBAAiB,6BAA6BC,QAAQ,CAACuE,EAAQrE,KAElFuG,SAASlC,EAAO9G,aAAa,UAAY4M,EAC1C9F,EAAOzI,UAAUqB,IAAI,UAErBoH,EAAOzI,UAAUsL,OAAO,YAG5BvH,MAAMC,KAAKqK,EAAapK,iBAAiB,6BAA6BC,QAAQ,CAACuE,EAAQrE,KAElFuG,SAASlC,EAAO9G,aAAa,UAAY2M,EAC1C7F,EAAOzI,UAAUqB,IAAI,UAErBoH,EAAOzI,UAAUsL,OAAO,eAG3B,KA0DHvH,MAAMC,KAAKoK,EAAYnK,iBAAiB,mCAAmCC,QAAQ,CAACoB,EAAclB,KAvDpG,IAAuBiK,GAAAA,EAwDL/I,GAtDHpF,iBAAiB,UAAU,SAASC,GAE/C,IAAMsO,EAAMJ,EAAa1M,aAAa,iBAChC+M,EAAeL,EAAa1M,aAAa,iBAE5C0M,EAAa1E,OAAS+E,IACvB5O,SAASkM,SAAS2C,KAAOF,MAE1B,KAiDH1K,MAAMC,KAAKoK,EAAYnK,iBAAiB,2BAA2BC,QAAQ,CAACoB,EAAclB,KA7C5F,IAA6BwK,EAGrBC,EACAC,EADAD,GAHqBD,EA8CLtJ,GA5COc,cAAc,QAChBG,WAAU,GAC/BuI,EAAYF,EAAQxI,cAAc,cAExCwI,EAAQ1O,iBAAiB,SAAS,SAASC,GACzC,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WAAY,CAChF,GAAID,EAAOE,QAAQ,cAAe,CAEhC,IAAMyO,EAAYF,EAAMtI,WAAU,GAClCqI,EAAQxN,aAAa2N,EAAU3O,GAE5B0O,EAAUxO,QAAQ,oBAAsByD,MAAMC,KAAK4K,EAAQ3K,iBAAiB,kBAAkB8E,QAAU+F,EAAUE,QAAQC,UAC3HH,EAAUzM,aAAa,WAAW,YAEtC,MAEA,GAAIjC,EAAOE,QAAQ,iBAAkB,CAEzBF,EAAO8O,QAAQ,QACrB5D,SAEDwD,EAAUxO,QAAQ,oBAAsByD,MAAMC,KAAK4K,EAAQ3K,iBAAiB,kBAAkB8E,OAAS+F,EAAUE,QAAQC,UAC1HH,EAAUrJ,gBAAgB,YAE9B,WAID,KAqBH2I,EAAYlO,iBAAiB,UAAU,SAASC,GAC9C,IAAK,IAAIC,EAASD,EAAEC,OAAQA,GAAUA,GAAUP,KAAMO,EAASA,EAAOC,WACpE,GAAID,EAAOE,QAAQ,iCAAmCF,EAAO+O,OAAS/O,EAAO+O,MAAM,GAAI,CAEnF,IAAMC,EAAiBhP,EAAO4O,QAAQK,SAClCjP,EAAO+O,MAAM,GAAGG,KAAOF,IAEzBhP,EAAOuJ,MAAQ,GACf4F,MAAM,mBAEV,UAGH,GAIHnB,EAAYlO,iBAAiB,UAAU,SAASC,GAG9C4D,MAAMC,KAAKoK,EAAYnK,iBAAiB,yEAAyEC,QAAQ,CAACoB,EAAclB,KAEtI,IAAIoL,EAAQlK,EAAa4J,QAAQ,gBAAkB5J,EAAa4J,QAAQ,gBAAkBd,EACtFqB,EAAWnK,EAAa0J,QAAQU,SAChC/F,EAAQrE,EAAa0J,QAAQW,OACfH,EAAMpJ,cAAN,mBAAAlB,OAAuCuK,EAAvC,sBAAAvK,OAAoEuK,EAApE,OAEH9F,OAASA,EACtBrE,EAAaG,gBAAgB,aAG7BH,EAAajD,aAAa,WAAW,YACrCiD,EAAaqE,MAAQ,MAKzB5F,MAAMC,KAAKoK,EAAYnK,iBAAiB,wDAAwDC,QAAQ,CAACoB,EAAclB,KAErH,IAAIoL,EAAQlK,EAAa4J,QAAQ,gBAAkB5J,EAAa4J,QAAQ,gBAAkBd,EACtFqB,EAAWnK,EAAa0J,QAAQU,SAChC/F,EAAQrE,EAAa0J,QAAQW,OACfH,EAAMpJ,cAAN,mBAAAlB,OAAuCuK,EAAvC,sBAAAvK,OAAoEuK,EAApE,OAEH9F,OAASA,EACtBrE,EAAatF,UAAUsL,OAAO,UAE9BhG,EAAatF,UAAUqB,IAAI,eAG9B,KPhGH0C,MAAMC,KAAKlE,SAASmE,iBAAiB,WAAWC,QAAQ,CAACoB,EAAclB,KACrEwL,MAAMtK,KAGRvB,MAAMC,KAAKlE,SAASmE,iBAAiB,mBAAmBC,QAAQ,CAACoB,EAAclB,KAC7E,IAAI3E,EAAa6F","sourcesContent":["/**\n * Integrate YouTube videos as a way of hosting videos without the overhead and worry surrounding hosting vides. i.e. file sizes, performance and accessibility.\n */\n class youtubeVideo {\n\n  /** @param {HTMLElement} embed dom element */\n  constructor(embed){\n\n    let createEmbed = this.createEmbed;\n\n    // If the scripts is already loaded then lets just create the embed\n    if(document.body.classList.contains('youtubeLoaded')){\n      embed.addEventListener('click', function(e){\n\n        // loop parent nodes from the target to the delegation node\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n      \n          if (target.matches('a:not([data-modal-youtube]')) {\n  \n            e.preventDefault();\n            createEmbed(embed,target);\n            break;\n          }\n        }\n      }, false);\n    }\n    else {\n      this.loadScripts(embed, this.createEmbed);\n    }\n  }\n\n  /**\n   * Load the YouTube scripts before trying to create the embed\n   * @param {HTMLElement} embed dom element\n   * @param {Function} createEmbed function to create the embed after script loaded.\n   */\n  loadScripts(embed, createEmbed){\n    \n    return new Promise((resolve, reject) => {\n\n      const image = new Image();\n      image.onload = function(){\n        \n        // This code loads the IFrame Player API code asynchronously.\n        var tag = document.createElement('script');\n        tag.src = \"https://www.youtube.com/iframe_api\";\n        var firstScriptTag = document.getElementsByTagName('script')[0];\n        firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n        document.body.classList.add('youtubeLoaded');\n        resolve(true);\n\n        // script has loaded, you can now use it safely\n        tag.onload = () => {\n\n          embed.addEventListener('click', function(e){\n            // loop parent nodes from the target to the delegation node\n            for (var target = e.target; target && target != this; target = target.parentNode) {\n          \n              if (target.matches('a:not([data-modal-youtube]')) {\n      \n                e.preventDefault();\n                createEmbed(embed,target);\n                break;\n              }\n            }\n          }, false);\n        }   \n\n      };\n      image.onerror = function(){\n        reject(false);\n      };\n      image.src = \"https://youtube.com/favicon.ico\";\n    });\n  \n  }\n\n  /**\n   * Create the YouTube embed after the user has clicked on it.\n   * @param {HTMLElement} embed dom element\n   */\n  createEmbed(embed,target){\n\n    // If there is more than one video lets make sure there is only one playing at a time.\n    if(typeof window.player != \"undefined\" && typeof window.player.pauseVideo == \"function\")\n      window.player.pauseVideo();\n\n\n    var video_id = target.getAttribute('data-id');\n    var link_id = target.getAttribute('id')\n    \n    // create an id to pass t the script if one isn't present\n    if(typeof link_id == 'undefined' || link_id == null){\n\n      var randLetter = String.fromCharCode(65 + Math.floor(Math.random() * 26));\n      link_id = randLetter + Date.now();\n      target.setAttribute('id',link_id);\n    }\n\n    // This function creates an <iframe> (and YouTube player) after the API code downloads.          \n    function onYouTubeIframeAPIReady() {\n\n      window.player = new YT.Player(link_id, {\n        height: '100%',\n        width: '100%',\n        videoId: video_id,\n        playerVars: { \n          'modestbranding': 1,\n          'playsinline': 1,\n          'rel': 0,\n          'showinfo': 0\n        },\n        events: {\n          'onReady': onPlayerReady,\n          'onStateChange': onPlayerStateChange\n        }\n      });\n\n    }\n    onYouTubeIframeAPIReady();\n    \n    // The API will call this function when the video player is ready.\n    function onPlayerReady(event) {\n      // Play the video straight away\n      event.target.playVideo();\n      \n    }\n\n    // The API calls this function when the player's state changes.\n    // The function indicates that when playing a video (state=1)\n    var done = false;\n    function onPlayerStateChange(event) {\n      \n      if (event.data == YT.PlayerState.PLAYING && !done) {\n        \n        var link = document.getElementById(link_id);\n        link.classList.add('player-ready');\n\n        done = true;\n      }\n    }\n  }\n}\n\nexport default youtubeVideo","// Bootstrap modules\n//import Alert from '../../node_modules/bootstrap/js/src/alert'\n//import Button from '../../node_modules/bootstrap/js/src/button'\n//import Carousel from '../../node_modules/bootstrap/js/src/carousel'\n//import Collapse from '../../node_modules/bootstrap/js/src/collapse'\n//import Dropdown from '../../node_modules/bootstrap/js/src/dropdown'\n//import Modal from '../../node_modules/bootstrap/js/src/modal'\n//import Offcanvas from '../../node_modules/bootstrap/js/src/offcanvas'\n//import Popover from '../../node_modules/bootstrap/js/src/popover'\n//import ScrollSpy from '../../node_modules/bootstrap/js/src/scrollspy'\n//import Tab from '../../node_modules/bootstrap/js/src/tab'\n//import Toast from '../../node_modules/bootstrap/js/src/toast'\n//import Tooltip from '../../node_modules/bootstrap/js/src/tooltip'\n\n// Modules\nimport * as helpers from './modules/helpers'\nimport nav from './modules/nav'\nimport table from './modules/table'\nimport accordion from './modules/accordion'\nimport testimonial from './modules/testimonial'\nimport carousel from './modules/carousel'\nimport form from './modules/form'\nimport youtubeVideo from './modules/youtubevideo'\n\n// Attach classes to dom elements\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n\n  helpers.addBodyClasses(document.body);\n  helpers.checkElements(document.body);\n  console.log('test.js');\n\n  // ANav\n  Array.from(document.querySelectorAll('.nav')).forEach((arrayElement, index) => {\n    nav(arrayElement);\n  });\n\n  // Advanced tables\n  Array.from(document.querySelectorAll('.table__wrapper')).forEach((arrayElement, index) => {\n    table(arrayElement);\n  });\n\n  // Accordions\n  Array.from(document.querySelectorAll('.accordion')).forEach((arrayElement, index) => {\n    accordion(arrayElement);\n  });\n  \n  // Testimonial\n  Array.from(document.querySelectorAll('.testimonial')).forEach((arrayElement, index) => {\n    testimonial(arrayElement);\n  });\n  // Carousel\n  Array.from(document.querySelectorAll('.carousel')).forEach((arrayElement, index) => {\n    carousel(arrayElement);\n  });\n  // Form\n  Array.from(document.querySelectorAll('form')).forEach((arrayElement, index) => {\n    form(arrayElement);\n  });\n  // Modal\n  Array.from(document.querySelectorAll('.modal')).forEach((arrayElement, index) => {\n    modal(arrayElement);\n  });\n  // YouTube videos\n  Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement, index) => {\n    new youtubeVideo(arrayElement);\n  });\n});\n","/** \n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers \n */\n\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\n const addBodyClasses = (body) => {\n  \n  body.classList.add(\"js-enabled\");\n\n  if(navigator.userAgent.indexOf('MSIE')!==-1 || navigator.appVersion.indexOf('Trident/') > 0){\n    \n    body.classList.add(\"ie\");\n  }\n\n  return null\n}\n\n/**\n * Check if an element contains certain elements that needs enhancing with the JavaScript helpers, it is recommended to do this on the page body after the dom is loaded. Elements that are loaded via ajax should also run this function. \n * @param {HTMLElement} element Dom element, this doesn't have to be the body but it is recommended.\n */\nconst checkElements = (element) => {\n\n  // Tables\n  Array.from(element.querySelectorAll('table')).forEach((table, index) => {\n\n    tableStacked(table);\n    tableWrap(table);\n  });\n}\n\n/**\n * Wrap tables with a table wrapper div to help maintain its responsive design.\n * @param {HTMLElement} table Dom table element\n */\nconst tableWrap = (table) => {\n  \n  if(!table.parentNode.classList.contains('table__wrapper')){\n\n    const tableHTML = table.outerHTML;\n\n    table.outerHTML = `<div class=\"table__wrapper\">${tableHTML}</div>`;\n  }\n}\n\n/**\n * Creates data attributes to be used by the CSS for mobile views.\n * @param {HTMLElement} table Dom table element\n */\nconst tableStacked = (table) => {\n\n  const colHeadings = Array.from(table.querySelectorAll('thead th'));\n  const colRows = Array.from(table.querySelectorAll('tbody tr'));\n\n  colRows.forEach((row, index) => {\n\n    const cells = Array.from(row.querySelectorAll('th, td'));\n    \n    cells.forEach((cell, cellIndex) => {\n\n      const heading = colHeadings[cellIndex];\n      if(typeof heading != \"undefined\"){\n\n        let tempDiv = document.createElement(\"div\");\n        tempDiv.innerHTML = heading.innerHTML;\n        let headingText = tempDiv.textContent || tempDiv.innerText || \"\";\n        cell.setAttribute('data-label',headingText);\n      }\n    });\n  });\n}\n\n\nconst isNumeric = function(str) {\n  if (typeof str != \"string\") return false // we only process strings!  \n  return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n         !isNaN(parseFloat(str)) // ...and ensure strings of whitespace fail\n}\n\nconst zeroPad = (num, places) => String(num).padStart(places, '0')\n\nexport {\n  addBodyClasses,\n  checkElements,\n  tableWrap,\n  tableStacked,\n  isNumeric,\n  zeroPad\n}","const navbar = (element) => {\n\n  Array.from(element.querySelectorAll('details')).forEach((detail, index) => {\n    \n    detail.addEventListener('mouseenter', function(e){\n\n      if(window.matchMedia('(min-width: 62em)').matches)\n        detail.setAttribute('open','true')\n    }, false);\n\n    detail.addEventListener('mouseleave', function(e){\n\n      if(window.matchMedia('(min-width: 62em)').matches)\n        detail.removeAttribute('open')\n    }, false);\n  });\n\n\n  const observer = new IntersectionObserver( \n    ([e]) => e.target.classList.toggle(\"is-stuck\", e.intersectionRatio < 1),\n    { threshold: [1] }\n  );\n\n  observer.observe(element);\n}\n\nexport default navbar","import { zeroPad, isNumeric } from \"./helpers\";\n\nfunction table(tableElement) {\n\n  if(typeof tableElement != \"object\")\n    return false;\n\n  const thead = tableElement.querySelector('thead');\n  const tbody = tableElement.querySelector('tbody');\n  const storedData = tbody.cloneNode(true);\n  const sortedEvent = new Event('sorted');\n  const filteredEvent = new Event('filtered');\n  const reorderedEvent = new Event('reordered');\n  const randID = 'tabe_'+Math.random().toString(36).substr(2, 9); // Random to make sure IDs created are unique\n  let draggedRow;\n\n  tableElement.setAttribute('id',randID)\n\n  // #region Sortable\n  const sortTable = function(sortBy,sort){\n\n    // Create an array from the table rows, the index created is then used to sort the array\n    let tableArr = [];\n    Array.from(tbody.querySelectorAll('tr')).forEach((tableRow, index) => {\n      \n      let rowIndex = tableRow.querySelector('td[data-label=\"'+sortBy+'\"], th[data-label=\"'+sortBy+'\"]').textContent;\n\n      if(isNumeric(rowIndex))\n        rowIndex = zeroPad(rowIndex,10)\n\n      const dataRow = {\n        index: rowIndex,\n        row: tableRow\n      }\n      tableArr.push(dataRow);\n    });\n\n    // Sort array\n    tableArr.sort((a, b) => (a.index > b.index) ? 1 : -1)\n\n    // Reverse if descending\n    if(sort == \"descending\")\n      tableArr = tableArr.reverse();\n\n    // Create a string to return and populate the tbody\n    let strTbody = '';\n    tableArr.forEach((tableRow, index) => {\n      strTbody += tableRow.row.outerHTML;\n    });\n    tbody.innerHTML = strTbody;\n\n    // Dispatch the sortable event\n    tableElement.dispatchEvent(sortedEvent);\n  }\n\n  // Declare event handlers\n  tableElement.addEventListener('click', function(e){\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n      if (target.matches('[data-sortable]')) { \n\n        // Get current sort order\n        let sort = target.getAttribute('aria-sort') == \"ascending\" ? \"descending\" : \"ascending\";\n\n        // unset sort attributes\n        Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {\n          col.setAttribute('aria-sort','none');\n        });\n\n        // Set the sort order attribute\n        target.setAttribute('aria-sort', sort);\n\n        // Save the sort options on the table element so that it can be re-sorted later\n        tableElement.setAttribute('data-sort', sort);\n        tableElement.setAttribute('data-sortBy', target.textContent);\n\n        // Sort the table\n        sortTable(target.textContent, sort);\n\n        Array.from(tableElement.querySelectorAll('tr[draggable]')).forEach((tableRow, index) => {\n      \n          tableRow.removeAttribute('draggable');\n        });\n        break;\n      }\n    }\n  }, false);\n\n  // On page load check if the table should be pre-sorted, if so trigger a click\n  if(tableElement.getAttribute('data-sortBy')){\n\n    let sort = tableElement.getAttribute('data-sort') == \"ascending\" ? \"descending\" : \"ascending\";\n\n    Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {\n      if(col.textContent == tableElement.getAttribute('data-sortBy')){\n        col.setAttribute('aria-sort',sort)\n        col.click();\n      }\n    });\n  }\n\n  // #endregion Sortable\n\n  // #region Filters\n  const createFilterForm = function(count){\n\n    // Create wrapper div\n    const form = document.createElement(\"div\");\n    form.classList.add('table__filters');\n    form.classList.add('row');\n    form.classList.add('pt-1');\n    form.classList.add('pb-3');\n\n    // Create the filter options array\n    const filterColumns = Array.from(tableElement.querySelectorAll('th[data-filterable]'));\n\n    // Populate a list of searchable terms from the cells of the columns that could be used as a filter\n    let searchableTerms = {};\n    filterColumns.forEach((columnHeading, index) => {\n      Array.from(tableElement.querySelectorAll('td[data-label=\"'+columnHeading.textContent+'\"]')).forEach((label, index) => {\n\n        searchableTerms[label.textContent] = label.textContent;\n      });\n    });\n\n    // Create the form\n    const filterTitle = filterColumns.length == 1 ? \"Filter by \"+filterColumns[0].textContent : \"Filter\"; // Update title if only one filter is chosen\n    const checkboxClass = filterColumns.length == 1 ? \"d-none\" : \"d-sm-flex\"; // Hide controls when only one filter is chosen\n\n    form.innerHTML = `<div class=\"col-sm-6 col-md-4 pb-3\">\n  <div class=\"form-control__wrapper form-control-inline mb-0\">\n    <label for=\"${randID}_filter\" class=\"form-label\">${filterTitle}:</label>\n    <input type=\"search\" name=\"${randID}_filter\" id=\"${randID}_filter\" class=\"form-control form-control-sm\" placeholder=\"\" list=\"${randID}_list\" />\n  </div>\n  <datalist id=\"${randID}_list\">\n    ${Object.keys(searchableTerms).map(term => `<option value=\"${term}\"></option>`).join(\"\")}\n  </datalist>\n</div>\n<div class=\"col-md-8 align-items-center pb-3 ${checkboxClass}\">\n  ${`<span class=\"pe-3 text-nowrap h5 mb-0\">Filter by: </span>` + filterColumns.map(column => `<div class=\"form-check pe-3 mt-0 mb-0\"><input class=\"form-check-input\" type=\"checkbox\" id=\"${randID}_${column.textContent.replace(' ','_').toLowerCase()}\" checked=\"checked\" /><label class=\"form-check-label text-nowrap\" for=\"${randID}_${column.textContent.replace(' ','_').toLowerCase()}\">${column.textContent}</label></div>`).join(\"\")}\n</div>`;\n\n    // Add before the actual table\n    tableElement.prepend(form)\n  }\n\n  const filterTable = function(searchTerm){\n\n    // Create an array of rows that match the search term\n    let tableArr = [];\n    Array.from(storedData.querySelectorAll('tr')).forEach((tableRow, index) => {\n\n      // We want one long search string per row including each filterable table cell\n      let rowSearchString = '';\n      Array.from(tableElement.querySelectorAll('[type=\"checkbox\"]:checked + label')).forEach((label, index) => {\n        rowSearchString += tableRow.querySelector('td[data-label=\"'+label.textContent+'\"]').textContent+' | ';\n      });\n\n      // Check if the table row search string contains the search term\n      if(rowSearchString.indexOf(searchTerm) >= 0){\n\n        const dataRow = { row: tableRow }\n        tableArr.push(dataRow);\n      }\n    });\n\n    // Create a string to return and populate the tbody\n    let strTbody = '';\n    tableArr.forEach((tableRow, index) => {\n      strTbody += tableRow.row.outerHTML;\n    });\n    tbody.innerHTML = strTbody;\n\n    // Dispatch the filter event.\n    tableElement.dispatchEvent(filteredEvent);\n  }\n\n  const createFilterList = function(){\n\n    // Check which options are checked\n    let filterOptions = [];\n    Array.from(tableElement.querySelectorAll('[type=\"checkbox\"]:checked + label')).forEach((label, index) => {\n      filterOptions.push(label.textContent);\n    });\n\n    // Build up the list of searchable terms\n    let searchableTerms = [];\n    filterOptions.forEach((option, index) => {\n      Array.from(tableElement.querySelectorAll('td[data-label=\"'+option+'\"]')).forEach((label, index) => {\n        searchableTerms[label.textContent] = label.textContent;\n      });\n    });\n\n    // Rebuild the list\n    let dataList = tableElement.querySelector('datalist');\n    dataList.innerHTML = Object.keys(searchableTerms).map(term => `<option value=\"${term}\"></option>`).join(\"\");\n  }\n\n  // On page load check if filters are needed\n  if(Array.from(tableElement.querySelectorAll('[data-filterable]')).length){\n\n    // Create the filter options\n    createFilterForm(tableElement,Array.from(tableElement.querySelectorAll('[data-filterable]')).length);\n\n    // Add event handlers for the filter options\n    tableElement.addEventListener('keyup', function(e){\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('input[type=\"search\"]')) {\n\n          const searchTerm = target.value;\n          filterTable(searchTerm)\n        }\n      }\n    });\n\n    tableElement.addEventListener('change', function(e){\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('input[type=\"search\"]')) {\n\n          const searchTerm = target.value;\n          filterTable(searchTerm)\n        }\n      }\n    });\n\n    tableElement.addEventListener('change', function(e){\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('input[type=\"checkbox\"]')) {\n\n          const searchTerm = tableElement.querySelector('input[type=\"search\"]').value;\n          filterTable(searchTerm)\n          createFilterList()\n        }\n      }\n    });\n  }\n  // #endregion Filters\n\n  // #region Pagination\n  const paginateRows = function(show, page){\n\n    // Create some inline CSS to control what is viewed on the table, unline the filters we are just hiding the rable rows not removing them from the DOM.\n    let style = document.getElementById(randID+'_style');\n\n    if(style == null){\n      style = document.createElement(\"style\");\n      style.setAttribute('id',randID+'_style')\n    }\n\n    const startShowing = (show*(page-1))+1;\n    const stopShowing = show*(page);\n\n    style.innerHTML = `\n    #${randID} tbody tr {\n      display: none;\n    }\n    #${randID} tbody tr:nth-child(${startShowing}),\n    #${randID} tbody tr:nth-child(${startShowing}) ~ tr{\n      display: block;\n    }\n    @media screen and (min-width: 36em) {\n      #${randID} tbody tr:nth-child(${startShowing}),\n      #${randID} tbody tr:nth-child(${startShowing}) ~ tr{\n        display: table-row;\n      }\n    }\n    #${randID} tbody tr:nth-child(${stopShowing}) ~ tr{\n      display: none;\n    }\n    `;\n\n    tableElement.append(style);\n  }\n\n  const createPaginationForm = function(show,page,totalRows){\n\n    const form = document.createElement(\"div\");\n    form.classList.add('table__pagination');\n    form.classList.add('row');\n    form.classList.add('pt-3');\n    form.classList.add('pb-3');\n\n    // Create the form and create a container div to hold the pagination buttons\n    form.innerHTML = `<div class=\"col mw-fit-content mb-3\">\n  <div class=\"form-control__wrapper form-control-inline mb-0\">\n    <label for=\"${randID}_showing\" class=\"form-label\">Showing:</label>\n    <input type=\"number\" name=\"${randID}_showing\" id=\"${randID}_showing\" class=\"form-control form-control-sm showing-input-field\" placeholder=\"\" list=\"${randID}_pagination\" value=\"${show}\" min=\"1\" max=\"${totalRows}\" />\n  </div>\n  <datalist id=\"${randID}_pagination\">\n  <option value=\"5\">5</option>\n  ${totalRows > 10 ? `<option value=\"10\">10</option>` : ''}\n  ${totalRows > 20 ? `<option value=\"20\">20</option>` : ''}\n  <option value=\"${totalRows}\">${totalRows}</option>\n  </datalist>\n</div>\n<div class=\"col mw-fit-content me-auto d-flex align-items-center mb-3\"><span class=\"label\">per page</span></div>\n<div class=\"col mw-fit-content d-sm-flex justify-content-end align-items-center\" id=\"${randID}_paginationBtns\"></div>`;\n\n    // Add after the actual table\n    tableElement.append(form)\n  }\n\n  const createPaginationButttons = function(show,page,totalRows){\n\n    const paginationButtonsWrapper = document.getElementById(randID+'_paginationBtns')\n\n    if(paginationButtonsWrapper == null)\n      return false;\n\n    const numberPages = Math.ceil(totalRows / show)\n\n    if(numberPages == 1){ // Remore the buttons or dont display any if we dont need them\n      paginationButtonsWrapper.innerHTML = '';\n    }\n    else if(numberPages < 5){ // If less than 5 pages (which fits comfortably on mobile) we display buttons\n\n      let strButtons = '';\n\n      for (let i = 1; i <= numberPages; i++) {\n\n        if(i == page)\n          strButtons += `<li class=\"page-item active\" aria-current=\"page\"><span class=\"page-link\">${i}</span></li>`;\n        else\n          strButtons += `<li class=\"page-item\"><button class=\"page-link\" data-page=\"${i}\">${i}</button></li>`;\n      }\n\n      paginationButtonsWrapper.innerHTML = `<span class=\"pe-2 mb-3\">Page: </span><ul class=\"pagination mb-3\">\n        ${page == 1 ? `<li class=\"page-item disabled\"><span class=\"page-link\">Previous</span></li>` : `<li class=\"page-item\"><button class=\"page-link\" data-page=\"${parseInt(page)-1}\">Previous</button></li>`}\n        ${strButtons}\n        ${page == numberPages ? `<li class=\"page-item disabled\"><span class=\"page-link\">Next</span></li>` : `<li class=\"page-item\"><button class=\"page-link\" data-page=\"${parseInt(page)+1}\">Next</button></li>`}\n      </ul>`;\n\n    }\n    else { // If more than 5 lets show a select field instead so that we dont have loads and loads of buttons\n\n      let strOptions = '';\n\n      for (let i = 1; i <= numberPages; i++) {\n\n        if(i == page)\n          strOptions += `<option value=\"${i}\" selected>Page ${i}</option>`;\n        else\n          strOptions += `<option value=\"${i}\">Page ${i}</option>`;\n      }\n\n      paginationButtonsWrapper.innerHTML = `\n<div class=\"form-control__wrapper page-number mb-2\">\n<select class=\"form-select\">\n  ${strOptions}\n</select>\n</div>\n      `;\n    }\n  }\n\n  // On page load check if the table should be paginated\n  if(tableElement.getAttribute('data-show')){\n\n    const show = parseInt(tableElement.getAttribute('data-show'));\n    const page = parseInt(tableElement.getAttribute('data-page')) ? parseInt(tableElement.getAttribute('data-page')) : 1;\n    const totalRows = tableElement.querySelectorAll('tbody tr').length;\n\n    if(show < totalRows){\n      paginateRows(show,page);\n      createPaginationForm(show,page,totalRows);\n      createPaginationButttons(show,page,totalRows);\n\n      tableElement.addEventListener('change', function(e){\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n          if (target.matches('.table__pagination input[type=\"number\"]')) {\n  \n            paginateRows(target.value,page);\n            createPaginationButttons(target.value,page,totalRows);\n            tableElement.setAttribute('data-show',target.value)\n          }\n        }\n      });\n\n      tableElement.addEventListener('click', function(e){\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n          if (target.matches('.page-item:not(.active):not(.disabled) .page-link')) { \n    \n            paginateRows(tableElement.getAttribute('data-show'),target.getAttribute('data-page'));\n            createPaginationButttons(tableElement.getAttribute('data-show'),target.getAttribute('data-page'),totalRows);\n          }\n        }\n      }, false);\n\n      tableElement.addEventListener('change', function(e){\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n          if (target.matches('.table__pagination select')) {\n  \n            paginateRows(tableElement.getAttribute('data-show'),target.value);\n            createPaginationButttons(tableElement.getAttribute('data-show'),target.value,totalRows);\n          }\n        }\n      });\n    }\n  }\n  // #endregion Pagination\n\n  // #region Reorderable\n  // Set the row thats being dragged and copy the row\n  function setDraggedRow(e) {\n    e.dataTransfer.setData(\"text/plain\", e.target.id);\n    draggedRow = e.target;\n    e.target.classList.add('tr--dragging');\n  }\n\n  // Create the order column and event handler for rows\n  const setReorderRows = function(){\n\n    Array.from(tbody.querySelectorAll('tr')).forEach((tableRow, index) => {\n\n      // Create column if not already created\n      if(tableRow.querySelector('[data-label=\"Order\"]') == null){\n\n        const orderColumn = document.createElement('th');\n        orderColumn.innerHTML = index + 1;\n        orderColumn.setAttribute('data-label','Order');\n        tableRow.prepend(orderColumn);\n      }\n\n      // Make draggable\n      tableRow.setAttribute('id',randID+'_row_'+(index+1));\n      tableRow.setAttribute('data-order',index+1);\n      tableRow.setAttribute('draggable','true');\n      tableRow.addEventListener(\"dragstart\", setDraggedRow);\n    });\n  }\n\n  if(tableElement.getAttribute('data-reorder')){\n\n    // Add column heading\n    const orderHeading = document.createElement('th');\n    orderHeading.innerHTML = 'Order';\n    orderHeading.title = 'Click here to enable re-ordering via drag and drop';\n    orderHeading.classList.add('table-order-reset');\n    thead.querySelector('tr').prepend(orderHeading);\n\n    setReorderRows();\n\n    // Reset order button\n    tableElement.addEventListener('click', function(e){\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('.table-order-reset')) { \n  \n          // unset sort attributes\n          Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {\n            col.setAttribute('aria-sort','none');\n          });\n  \n          // Save the sort options on the table element so that it can be re-sorted later\n          tableElement.removeAttribute('data-sort');\n          tableElement.removeAttribute('data-sortBy');\n  \n          // Sort the table\n          sortTable('Order', 'ascending');\n  \n          Array.from(tableElement.querySelectorAll('tbody tr')).forEach((tableRow, index) => {\n      \n            tableRow.setAttribute('draggable','true');\n          });\n\n          break;\n        }\n      }\n    }, false);\n\n    \n    document.addEventListener(\"dragover\", function( e ) {\n      // prevent default to allow drop\n      e.preventDefault();\n    }, false);\n\n    document.addEventListener(\"dragenter\", function( e ) {\n      // prevent default to allow drop\n      e.preventDefault();\n      e.dataTransfer.dropEffect = \"move\";\n\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('[data-reorder] tbody tr')) { \n\n          target.classList.add('tr--dropable')\n        }\n      }\n    }, false);\n\n    document.addEventListener(\"dragleave\", function( e ) {\n      // prevent default to allow drop\n      e.preventDefault();\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('[data-reorder] tbody tr')) { \n\n          target.classList.remove('tr--dropable')\n        }\n      }\n    }, false);\n\n    document.addEventListener(\"drop\", function(e) {\n\n      e.preventDefault();\n\n      for (var target = e.target; target && target != this; target = target.parentNode) {\n        if (target.matches('[data-reorder] tbody tr')) { \n  \n          if(target.parentNode != null && draggedRow.parentNode != null && target != draggedRow){\n\n            draggedRow.parentNode.removeChild( draggedRow );\n\n            if(draggedRow.getAttribute('data-order') > target.getAttribute('data-order'))\n              target.parentNode.insertBefore(draggedRow, target);\n            else\n              target.parentNode.insertBefore(draggedRow, target.nextElementSibling);\n\n            // Re label the rows\n            Array.from(tbody.querySelectorAll('tr')).forEach((tableRowOrder, index) => { \n              tableRowOrder.classList.remove('tr--dragging')\n              tableRowOrder.classList.remove('tr--dropable')\n              tableRowOrder.querySelector('th').innerHTML = index + 1;\n              tableRowOrder.setAttribute('data-order',index+1);\n            });\n\n            tableElement.dispatchEvent(reorderedEvent);\n          }\n          break;\n        }\n      }\n    }, false);\n\n  }\n  // #endregion Reorderable\n\n  // Watch for the filterable event and re-sort the tbody\n  tableElement.addEventListener('filtered', function (e) { \n\n    if(tableElement.getAttribute('data-sortBy') && tableElement.getAttribute('data-sort'))\n      sortTable(tableElement.getAttribute('data-sortBy'), tableElement.getAttribute('data-sort'));\n\n    if(tableElement.getAttribute('data-show')){\n\n      const show = parseInt(tableElement.getAttribute('data-show'));\n      const totalRows = tableElement.querySelectorAll('tbody tr').length;\n      const tablePagination = tableElement.querySelector('.table__pagination');\n\n      if(tablePagination != null)\n        tablePagination.remove();\n\n      if(show < totalRows){\n\n        paginateRows(show,1);\n        createPaginationForm(show,1,totalRows);\n        createPaginationButttons(show,1,totalRows);\n      }\n    }\n\n    if(tableElement.getAttribute('data-reorder')){\n\n      setReorderRows();\n    }\n  }, false);\n\n  tableElement.addEventListener('sorted', function (e) { \n\n    if(tableElement.getAttribute('data-reorder')){\n\n      setReorderRows();\n    }\n  }, false);\n\n  tableElement.addEventListener('populated', function (e) { \n\n    var tableFilter = tableElement.querySelector('.table__filters')\n    tableFilter.remove();\n\n    var tablePagination = tableElement.querySelector('.table__pagination')\n    tablePagination.remove();\n\n    var newTable = tableElement.cloneNode(true);\n    tableElement.parentNode.replaceChild(newTable, tableElement);\n\n    table(newTable);\n  }, false);\n}\n\nexport default table","function accordion(accordionElement) {\n  \n  // Fetch all the details element.\n  if(!accordionElement.classList.contains('accordion--keep-open')){\n\n    const details = accordionElement.querySelectorAll(\":scope > details\");\n\n    // Add the onclick listeners.\n    details.forEach((targetDetail) => {\n      targetDetail.addEventListener(\"click\", () => {\n        // Close all the details that are not targetDetail.\n        details.forEach((detail) => {\n          if (detail !== targetDetail) {\n            detail.removeAttribute(\"open\");\n          }\n        });\n      });\n    });\n  }\n\n  if(window.location.hash && document.querySelector(window.location.hash+':not([open]) summary')) {\n\n    const detail = document.querySelector(window.location.hash+' summary');\n    detail.click();\n  }\n\n  window.addEventListener('hashchange', function(){\n    if(window.location.hash && document.querySelector(window.location.hash+' summary')) {\n\n      const detail = document.querySelector(window.location.hash+' summary');\n      detail.click();\n    }\n  });\n}\n\nexport default accordion","function testimonial(testimonialElement) {\n\n  var scrollTimeout;\n  const imagesCarousel = testimonialElement.querySelector('.testimonial__images');\n  const itemCount = imagesCarousel.querySelectorAll('img').length;\n\n  // If we only have 1 item lets not bother doing anything else\n  if(itemCount == 1){\n    return false;\n  }\n\n  testimonialElement.classList.add('testimonial--multi')\n\n  // Set where the buttons go to\n  const setButtons = function(scrollTo){\n\n    const nextButton = testimonialElement.querySelector('.btn-next');\n    const prevButton = testimonialElement.querySelector('.btn-prev');\n\n    nextButton.setAttribute('data-go',scrollTo+1);\n    prevButton.setAttribute('data-go',scrollTo-1);\n    nextButton.removeAttribute('disabled')\n    prevButton.removeAttribute('disabled')\n\n    if(scrollTo == 1)\n      prevButton.setAttribute('disabled',true);\n    else if(scrollTo == itemCount)\n      nextButton.setAttribute('disabled',true);\n  }\n\n  // On scroll we need to make sure the buttons get corrected and the next testimonial is shown\n  imagesCarousel.addEventListener('scroll', function(e){\n    clearTimeout(scrollTimeout);\n    scrollTimeout = setTimeout(function(){ \n        \n      let scrollWidth = imagesCarousel.scrollWidth;\n      let scrollHeight = imagesCarousel.scrollHeight;\n      let scrollLeft = imagesCarousel.scrollLeft;\n      let scrollDown = imagesCarousel.scrollTop;\n      let scrollTo = Math.round((scrollLeft / scrollWidth) * itemCount) + 1;\n\n      // Change in scroll direction\n      if(scrollLeft == 0 && scrollDown != 0)\n        scrollTo = Math.round((scrollDown / scrollHeight) * itemCount) + 1;\n\n      testimonialElement.setAttribute('data-show',scrollTo)\n      setButtons(scrollTo);\n    }, 300); \n\n  }, false);\n\n  // when the buttons are used we need to make sure the carousel scrolls to the correct place\n  testimonialElement.addEventListener('click', function(e){\n\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n\n      if (target.matches('[data-go]')) {\n        \n        let scrollTo = parseInt(target.getAttribute('data-go'));\n        let scrollDown = 0;\n        let scrollLeft = 0\n        let scrollWidth = imagesCarousel.scrollWidth;\n        let scrollHeight = imagesCarousel.scrollHeight;\n        \n        if(scrollWidth > scrollHeight)\n          scrollLeft = Math.floor(scrollWidth * ((scrollTo-1) / itemCount))\n        else \n          scrollDown = Math.floor(scrollHeight * ((scrollTo-1) / itemCount))\n        \n        // Trigger the scroll\n        imagesCarousel.scroll({\n          top: scrollDown,\n          left: scrollLeft, \n          behavior: 'smooth'\n        });\n\n        break;\n      }\n    }\n  }, false);\n}\n\nexport default testimonial","function carousel(carouselElement) {\n\n  var scrollTimeout;\n\n  let carouselInner = carouselElement.querySelector('.carousel__inner');\n  let itemCount = carouselElement.querySelectorAll('.carousel__item').length;\n  let cols = carouselElement.getAttribute('data-cols');\n  let smCols = carouselElement.getAttribute('data-sm-cols');\n  let mdCols = carouselElement.getAttribute('data-md-cols');\n\n  carouselElement.querySelector('.carousel__controls a').classList.add('active');\n\n  // On scroll we need to make sure the buttons get corrected and the next testimonial is shown\n  carouselInner.addEventListener('scroll', function(e){\n    clearTimeout(scrollTimeout);\n    scrollTimeout = setTimeout(function(){ \n\n      let scrollArea = carouselInner.clientWidth;\n      let scrollWidth = carouselInner.scrollWidth;\n      let scrollLeft = carouselInner.scrollLeft;\n      let targetSlide = Math.round((scrollLeft / scrollWidth) * itemCount) + 1;\n      let lastItemOffset = carouselElement.querySelector('.carousel__item:last-child').offsetLeft;\n\n      Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {\n        link.classList.remove('active');\n      });\n\n      carouselElement.querySelector('.control-'+targetSlide).classList.add('active');\n      \n      // Disable the previous button\n      if(targetSlide == 1)\n        carouselElement.querySelector('.btn-prev').setAttribute('disabled','disabled');\n      else\n        carouselElement.querySelector('.btn-prev').removeAttribute('disabled');\n\n      // Disable the next button if the last item is in view\n      if(carouselInner.scrollLeft + scrollArea > lastItemOffset)\n        carouselElement.querySelector('.btn-next').setAttribute('disabled','disabled');\n      else\n        carouselElement.querySelector('.btn-next').removeAttribute('disabled');\n\n    }, 100); \n\n  }, false);\n\n  // when the buttons are used we need to make sure the carousel scrolls to the correct place\n  carouselElement.addEventListener('click', function(e){\n\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n      if (target.matches('.carousel__controls a')) {\n        \n        e.preventDefault();\n\n        Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {\n          link.classList.remove('active');\n        });\n        target.classList.add('active');\n\n        const el = document.querySelector(target.getAttribute('href'));\n\n        carouselInner.scroll({\n          top: 0,\n          left: el.offsetLeft, \n          behavior: 'smooth'\n        });\n\n        break;\n      }\n    }\n  }, false);\n\n  carouselElement.addEventListener('click', function(e){\n\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n      if (target.matches('.btn-next, .btn-prev')) {\n        \n        e.preventDefault();\n        let scrollTo = target.classList.contains('btn-prev') ? carouselInner.scrollLeft - carouselInner.clientWidth : carouselInner.scrollLeft + carouselInner.clientWidth;\n        \n        carouselInner.scroll({\n          top: 0,\n          left: scrollTo, \n          behavior: 'smooth'\n        });\n        break;\n      }\n    }\n  }, false);\n\n\n  // Add responsive hide button classes\n  if(itemCount == 1)\n    carouselElement.classList.add('hide-btns');\n\n  if(smCols >= itemCount)\n    carouselElement.classList.add('hide-sm-btns');\n\n  if(mdCols >= itemCount)\n    carouselElement.classList.add('hide-md-btns');\n}\n\nexport default carousel","// Create a link between two input/selects with one acting as setting a minimum value and the second a maximum\n// The link between the two will prevent the max input field form setting a lower value than the min and vice versa\nfunction inputRange(inputWrapper){\n\n  inputWrapper.addEventListener('change', function(e){\n\n    var min = parseInt(inputWrapper.querySelector('[data-min] select,[data-min] input').value);\n    var max = parseInt(inputWrapper.querySelector('[data-max] select,[data-max] input').value);\n\n    // Set attributes for input fields\n    Array.from(inputWrapper.querySelectorAll('[data-min] input')).forEach((input, index) => {\n      \n      input.setAttribute('max',max);\n    });\n\n    Array.from(inputWrapper.querySelectorAll('[data-max] input')).forEach((input, index) => {\n      \n      input.setAttribute('min',min);\n    });\n\n    // Hide select options if they are higher or lower than the min and max values\n    Array.from(inputWrapper.querySelectorAll('[data-min] select option')).forEach((option, index) => {\n      \n      if(parseInt(option.getAttribute('value')) > max)\n        option.classList.add('d-none');\n      else \n        option.classList.remove('d-none');\n    });\n\n    Array.from(inputWrapper.querySelectorAll('[data-max] select option')).forEach((option, index) => {\n      \n      if(parseInt(option.getAttribute('value')) < min)\n        option.classList.add('d-none');\n      else \n        option.classList.remove('d-none');\n    });\n\n  }, false);\n}\n\nfunction inputRedirect(inputWrapper){\n\n  inputWrapper.addEventListener('change', function(e){\n\n    const url = inputWrapper.getAttribute('data-redirect');\n    const desiredValue = inputWrapper.getAttribute('data-value-if');\n\n    if(inputWrapper.value == desiredValue)\n      document.location.href = url;\n\n  }, false);\n}\n\n//\nfunction multipleFileUploads(wrapper){\n\n  const fileTenplate = wrapper.querySelector('.row');\n  const clone = fileTenplate.cloneNode(true);\n  const addButton = wrapper.querySelector('[data-add]');\n\n  wrapper.addEventListener('click', function(e){\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n      if (target.matches('[data-add]')) {  // Add a new row upload file input fields\n\n        const tempClone = clone.cloneNode(true);\n        wrapper.insertBefore(tempClone,target);\n\n        if(addButton.matches('[data-maxfiles]') && Array.from(wrapper.querySelectorAll(':scope > .row')).length >= addButton.dataset.maxfiles)\n          addButton.setAttribute('disabled','disabled');\n\n      break;\n      }\n      if (target.matches('[data-delete]')) { // Delete the current row\n\n        let row = target.closest('.row');\n        row.remove();\n\n        if(addButton.matches('[data-maxfiles]') && Array.from(wrapper.querySelectorAll(':scope > .row')).length < addButton.dataset.maxfiles)\n          addButton.removeAttribute('disabled');\n\n      break;\n      }\n    }\n    \n  }, false);\n}\n\n// Acts as an overall initialise function to trigger other functions.\nfunction form(formElement) {\n\n  // Check for input range groups\n  Array.from(formElement.querySelectorAll('[data-input-range]')).forEach((arrayElement, index) => {\n    inputRange(arrayElement);\n  });\n\n  Array.from(formElement.querySelectorAll('[data-redirect][data-value-if]')).forEach((arrayElement, index) => {\n    inputRedirect(arrayElement);\n  });\n\n  Array.from(formElement.querySelectorAll('.multiple-file-uploads')).forEach((arrayElement, index) => {\n    multipleFileUploads(arrayElement);\n  });\n\n  \n  // Check the file size of a file when uploaded in case it exceeds the max file size set\n  formElement.addEventListener('change', function(e){\n    for (var target = e.target; target && target != this; target = target.parentNode) {\n      if (target.matches('[type=\"file\"][data-filesize]') && target.files && target.files[0]) { \n\n          const maxAllowedSize = target.dataset.filesize;\n          if (target.files[0].size > maxAllowedSize) { \n\n            target.value = '';\n            alert('File too large');\n          }\n        break;\n      }\n    }\n  }, false);\n\n\n  // When a form is updated we may want to update some of the existing input fields; setting active fields when some data is selected.\n  formElement.addEventListener('change', function(e){\n\n    // Remove disabled attribute when a pre-selected input field equals a certain value\n    Array.from(formElement.querySelectorAll('select[data-activeif][data-equals],input[data-activeif][data-equals]')).forEach((arrayElement, index) => {\n      \n      let group = arrayElement.closest('[data-group]') ? arrayElement.closest('[data-group]') : formElement;\n      let selector = arrayElement.dataset.activeif;\n      let value = arrayElement.dataset.equals;\n      let testElement = group.querySelector(`select[data-id=\"${selector}\"],input[data-id=\"${selector}\"]`);\n\n      if(testElement.value == value){\n        arrayElement.removeAttribute('disabled');\n      }\n      else {\n        arrayElement.setAttribute('disabled','disabled');\n        arrayElement.value = '';\n      }\n    });\n\n    // Show this input wrapper when a pre-selected input field equals a certain value\n    Array.from(formElement.querySelectorAll('.form-control__wrapper[data-displayif][data-equals]')).forEach((arrayElement, index) => {\n      \n      let group = arrayElement.closest('[data-group]') ? arrayElement.closest('[data-group]') : formElement;\n      let selector = arrayElement.dataset.activeif;\n      let value = arrayElement.dataset.equals;\n      let testElement = group.querySelector(`select[data-id=\"${selector}\"],input[data-id=\"${selector}\"]`);\n\n      if(testElement.value == value)\n        arrayElement.classList.remove('d-none');\n      else\n        arrayElement.classList.add('d-none');\n    });\n\n  }, false);\n}\n\nexport default form"]}

package/assets/sass/_corefiles.scss

@@ -17,6 +17,7 @@
 @use "elements/links.scss";
 @use "elements/buttons";
 @use "elements/card.scss";
+@use "elements/panel.scss";
 
 // Bootstrap elements
 @import "../../node_modules/bootstrap/scss/_transitions.scss";

package/assets/sass/_functions/mixins.scss

@@ -139,7 +139,7 @@
   --colour-link: var(--colour-link-theme);
   --colour-hover: var(--colour-hover-theme);
   --colour-active: var(--colour-active-theme);
-  --colour-underline: var(--colour-underline-theme);
+  //--colour-underline: var(--colour-underline);
   --colour-border: var(--colour-border-theme);
   --colour-brand: var(--colour-primary);
 

package/assets/sass/_functions/utilities.scss

@@ -15,6 +15,15 @@ $utilities: map-merge(
         100: 100%,
         fit-content: fit-content
       )
+    ),
+    "min-width": (
+      responsive: true,
+      property: min-width,
+      class: min,
+      values: (
+        100: 100%,
+        fit-content: fit-content
+      )
     )
   )
 );

package/assets/sass/_functions/variables.scss

@@ -77,7 +77,8 @@ $theme-colors: map-merge((
   "warning":    $warning,
   "danger":     $danger,
   "light":      $light,
-  "dark":       $dark
+  "dark":       $dark,
+  "admin":      #f0f0f0
 ), $theme-colors);
 
 
@@ -109,6 +110,8 @@ $theme-colors-rgb: map-loop($theme-colors, to-rgb, "$value");
   @return var(--colour-#{$identifier});
 }
 
+$utilities-colors: $theme-colors-rgb;
+
 $utilities-colors: map-merge(
   $utilities-colors,
   (
@@ -130,6 +133,7 @@ $non-theme-colors: map-merge((
   "white":      #ffffff,
   "muted":      $colour-muted,
   "border":           $colour-border,
+  "border-light":     #eeeeee,
   "link":             $colour-link,
   "focus":            $colour-focus,
   "hover":            $colour-hover,
@@ -369,13 +373,17 @@ $card-cap-bg: transparent;
 $icon-blank: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'><path d='M17 13v6c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-11c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-11c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h6c0.552 0 1-0.448 1-1s-0.448-1-1-1h-6c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v11c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h11c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121v-6c0-0.552-0.448-1-1-1s-1 0.448-1 1zM10.707 14.707l9.293-9.293v3.586c0 0.552 0.448 1 1 1s1-0.448 1-1v-6c0-0.136-0.027-0.265-0.076-0.383s-0.121-0.228-0.216-0.323c-0.001-0.001-0.001-0.001-0.002-0.002-0.092-0.092-0.202-0.166-0.323-0.216-0.118-0.049-0.247-0.076-0.383-0.076h-6c-0.552 0-1 0.448-1 1s0.448 1 1 1h3.586l-9.293 9.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0z' stroke-width='2px'></path></svg>");
 $icon-sort: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='101' height='101' preserveAspectRatio='none'%3E%3Cpath opacity='.3' d='M51 1l25 23 24 22H1l25-22zm0 100l25-23 24-22H1l25 22z'/%3E%3C/svg%3E");
 $icon-arrow: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'><path d='M6.5,2l9,9-9,9' style='fill:none;stroke:#000000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px'/></svg>");
-$icon-close: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>") !default;
+$icon-close: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/></svg>");
+$icon-tick: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><path d='M16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM13.52 23.383l-7.362-7.363 2.828-2.828 4.533 4.535 9.617-9.617 2.828 2.828-12.444 12.445z'/></svg>");
+$icon-question: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 28'><path d='M14 21.5v-3c0-0.281-0.219-0.5-0.5-0.5h-3c-0.281 0-0.5 0.219-0.5 0.5v3c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5zM18 11c0-2.859-3-5-5.688-5-2.547 0-4.453 1.094-5.797 3.328-0.141 0.219-0.078 0.5 0.125 0.656l2.063 1.563c0.078 0.063 0.187 0.094 0.297 0.094 0.141 0 0.297-0.063 0.391-0.187 0.734-0.938 1.047-1.219 1.344-1.437 0.266-0.187 0.781-0.375 1.344-0.375 1 0 1.922 0.641 1.922 1.328 0 0.812-0.422 1.219-1.375 1.656-1.109 0.5-2.625 1.797-2.625 3.313v0.562c0 0.281 0.219 0.5 0.5 0.5h3c0.281 0 0.5-0.219 0.5-0.5v0c0-0.359 0.453-1.125 1.188-1.547 1.188-0.672 2.812-1.578 2.812-3.953zM24 14c0 6.625-5.375 12-12 12s-12-5.375-12-12 5.375-12 12-12 12 5.375 12 12z'/></svg>");
 
 $vars: map-merge((
   --icon-blank: #{escape-svg($icon-blank)},
   --icon-sort: #{$icon-sort},
   --icon-arrow: #{escape-svg($icon-arrow)},
   --icon-close: #{escape-svg($icon-close)},
+  --icon-tick: #{escape-svg($icon-tick)},
+  --icon-question: #{escape-svg($icon-question)}
 ), $vars);
 // #endregion
 
@@ -425,4 +433,29 @@ $accordion-bg: transparent;
 $accordion-body-padding-y: 1rem;
 $accordion-body-padding-x: var(--accordion-indent);
 
+// #endregion
+
+// #region Z-index
+
+
+$vars: map-merge((
+  "--index-below":  -1,
+  "--index-base":  0,
+  "--index-focus":  2,
+  "--index-above":  10,
+  "--index-floating":  100,
+  "--index-menu":  200,
+  "--index-overlay":  1000,
+), $vars);
+
+
+$zindex-dropdown:                   var(--index-above);
+$zindex-sticky:                     var(--index-floating);
+$zindex-fixed:                      var(--index-floating);
+$zindex-offcanvas-backdrop:         var(--index-menu);
+$zindex-offcanvas:                  var(--index-menu);
+$zindex-modal-backdrop:             var(--index-overlay);
+$zindex-modal:                      var(--index-overlay);
+$zindex-popover:                    var(--index-above);
+$zindex-tooltip:                    var(--index-above);
 // #endregion

package/assets/sass/components/accordion.scss

@@ -83,11 +83,11 @@
   }
 
   &:hover {
-    z-index: 2;
+    z-index: var(--index-focus);
   }
 
   &:focus {
-    z-index: 3;
+    z-index: var(--index-focus);
     border-color: $accordion-button-focus-border-color;
     outline: 0;
     box-shadow: $accordion-button-focus-box-shadow;

package/assets/sass/components/alert.scss

@@ -26,7 +26,7 @@
   &--fixed {
     position: fixed;
     padding-top: 2rem;
-    z-index: 99999;
+    z-index: var(--index-floating);
     left: 50%;
     transform: translate(-50%,0);
     bottom: 0;
@@ -47,7 +47,7 @@
     width: 1rem;
     padding:0;
     border: none;
-    z-index: $stretched-link-z-index + 1;
+    z-index: var(--index-focus);
     background: currentColor;
     mask-image: var(--icon-close);
     mask-size: 100%;
@@ -58,7 +58,7 @@
 
 .alert__holder {
   position: fixed;
-  z-index: 999999;
+  z-index: var(--index-floating);
   bottom: 0;
   left: 0;
   width: 100%;

package/assets/sass/components/charts.scss

@@ -125,7 +125,6 @@ $chart-colors: map-merge((
     margin-bottom: 2rem;
     display: flex;
     flex-direction: column-reverse;
-    z-index: 2;
     width: 0;
 
     .axis__point {
@@ -179,7 +178,7 @@ $chart-colors: map-merge((
     width: 100%;
     height: calc(100% - 2rem);
     margin-bottom: 2rem;
-    z-index: -1;
+    z-index: var(--index-below);
     display: flex;
     flex-direction: column-reverse;
 
@@ -314,12 +313,9 @@ $chart-colors: map-merge((
           }
         }
 
-        &:hover {
-          //z-index: 1;
-        }
         &:hover span {
           opacity: 1;
-          z-index: 99;
+          z-index: var(--index-above);
         }
       }
 
@@ -438,7 +434,7 @@ $chart-colors: map-merge((
           left: 50%;
           height: 100%;
           margin-left: -1px;
-          z-index: 0;
+          z-index: var(--index-below);
         }
       }
     }
@@ -453,7 +449,7 @@ $chart-colors: map-merge((
     width: 100%;
     height: calc(100% - 2rem);
     pointer-events: none;
-    z-index: -1;
+    z-index: var(--index-below)
   }
 
   .pie {
@@ -520,7 +516,7 @@ $chart-colors: map-merge((
   .pie foreignObject {
     background: var(--bs-body-bg);
     border-radius: 50%;
-    z-index: 100;
+    z-index: var(--index-focus);
     pointer-events: none;
     display: none;
     padding: 1rem;

package/assets/sass/components/drawer.scss

@@ -6,7 +6,7 @@
   bottom: 1.5rem;
   left: 0;
   width: 100%;
-  z-index: 5;
+  z-index: var(--index-floating);
   margin-bottom: -6rem;
 
   .btn {
@@ -20,13 +20,13 @@
     display: none;
     margin-bottom: -2rem;
     position: relative;
-    z-index: 2;
+    z-index: var(--index-focus);
   }
 
   margin-top: 1rem;
   padding-top: 2rem;
   position: relative;
-  z-index: 15;
+  z-index: var(--index-menu);
   background: rgb(255,255,255);
   background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(255,255,255,1) 1.5rem, rgba(255,255,255,1) 100%);
 }

package/assets/sass/components/header.scss

@@ -23,7 +23,8 @@
     padding: rem(32);
     margin: rem(30) 0;
     position: relative;
-    z-index: 2;
+    z-index: var(--index-above);
+    
     @include media-breakpoint-up(md) {
       max-width: rem(600);
       margin: rem(112) 0 rem(80) 0;

package/assets/sass/components/modal.scss

@@ -13,7 +13,7 @@
   width: 100%;
   height: 100%;
   background: rgba(0,0,0,0.25);
-  z-index: 99999;
+  z-index: var(--index-overlay);
   border: none;
   overscroll-behavior: contain;
 
@@ -34,7 +34,7 @@
     @include media-breakpoint-up(md) {
       display: block;
       position: absolute;
-      z-index: 1;
+      z-index: var(--index-focus);
       top: 50%;
       transform: translate(0,-50%);
       overflow: hidden;
@@ -96,7 +96,7 @@
     right: 0;    
     margin-top: -0.75rem;
     margin-right: -0.75rem;
-    z-index: 99;
+    z-index: var(--index-focus);
 
     &:not(:hover):not(:focus):not(:active){
       background: white;