@iamproperty/components 3.4.4 → 3.4.6

package/assets/js/dynamic.min.js

@@ -0,0 +1,56 @@
+/*!
+  * iamKey v3.4.6
+  * Copyright 2022-2023 iamproperty
+  */(function(g){typeof define=="function"&&define.amd?define(g):g()})(function(){"use strict";const g=e=>(e.classList.add("js-enabled"),(navigator.userAgent.indexOf("MSIE")!==-1||navigator.appVersion.indexOf("Trident/")>0)&&e.classList.add("ie"),null),T=e=>{if(location.hash&&document.querySelector(location.hash+":not([open]) summary")){const i=document.querySelector(location.hash+" summary");i instanceof HTMLElement&&i.click()}return window.addEventListener("hashchange",function(){const i=location.hash.replace("#",""),t=document.querySelector(`label[for="${i}"]`),s=document.querySelector(location.hash+" summary");t instanceof HTMLElement?t.click():s instanceof HTMLElement&&s.click()},!1),null},N=e=>{Array.from(e.querySelectorAll("table")).forEach((i,t)=>{C(i),M(i)})},M=e=>{if(!e.parentNode.classList.contains("table__wrapper")){const i=e.outerHTML;e.outerHTML=`<div class="table__wrapper">${i}</div>`}},C=e=>{const i=Array.from(e.querySelectorAll("thead th"));Array.from(e.querySelectorAll("tbody tr")).forEach((s,c)=>{Array.from(s.querySelectorAll("th, td")).forEach((h,o)=>{const d=i[o];if(typeof d<"u"){let p=document.createElement("div");p.innerHTML=d.innerHTML;let y=p.textContent||p.innerText||"";h.setAttribute("data-label",y)}})})},H=function(e){return typeof e!="string"?!1:!isNaN(e)&&!isNaN(parseFloat(e))},B=(e,i)=>String(e).padStart(i,"0"),I=e=>{Array.from(e.querySelectorAll("details")).forEach((i,t)=>{i.addEventListener("mouseenter",function(s){window.matchMedia("(min-width: 62em)").matches&&i.setAttribute("open","true")},!1),i.addEventListener("mouseleave",function(s){window.matchMedia("(min-width: 62em)").matches&&i.removeAttribute("open")},!1)}),"IntersectionObserver"in window&&new IntersectionObserver(([t])=>t.target.classList.toggle("is-stuck",t.intersectionRatio<1),{threshold:[1]}).observe(e)};function _(e){if(typeof e!="object")return!1;const i=e.querySelector("thead"),t=e.querySelector("tbody"),s=t.cloneNode(!0),c=new Event("sorted"),n=new Event("filtered"),h=new Event("reordered"),o="table_"+Math.random().toString(36).substr(2,9);let d;e.setAttribute("id",o);const p=function(l,a){let r=[];Array.from(t.querySelectorAll("tr")).forEach((f,m)=>{let v=f.querySelector('td[data-label="'+l+'"], th[data-label="'+l+'"]').textContent;H(v)&&(v=B(v,10));const x={index:v,row:f};r.push(x)}),r.sort((f,m)=>f.index>m.index?1:-1),a=="descending"&&(r=r.reverse());let u="";r.forEach((f,m)=>{u+=f.row.outerHTML}),t.innerHTML=u,e.dispatchEvent(c)};if(e.addEventListener("click",function(l){for(var a=l.target;a&&a!=this;a=a.parentNode)if(a.matches("[data-sortable]")){let r=a.getAttribute("aria-sort")=="ascending"?"descending":"ascending";Array.from(e.querySelectorAll("[data-sortable]")).forEach((u,f)=>{u.setAttribute("aria-sort","none")}),a.setAttribute("aria-sort",r),e.setAttribute("data-sort",r),e.setAttribute("data-sortBy",a.textContent),p(a.textContent,r),Array.from(e.querySelectorAll("tr[draggable]")).forEach((u,f)=>{u.removeAttribute("draggable")});break}},!1),e.getAttribute("data-sortBy")){let l=e.getAttribute("data-sort")=="ascending"?"descending":"ascending";Array.from(e.querySelectorAll("[data-sortable]")).forEach((a,r)=>{a.textContent==e.getAttribute("data-sortBy")&&(a.setAttribute("aria-sort",l),a.click())})}const y=function(l){const a=document.createElement("div");a.classList.add("table__filters"),a.classList.add("row"),a.classList.add("pt-1"),a.classList.add("pb-3");const r=Array.from(e.querySelectorAll("th[data-filterable]"));let u={};r.forEach((v,x)=>{Array.from(e.querySelectorAll('td[data-label="'+v.textContent+'"]')).forEach((k,K)=>{u[k.textContent]=k.textContent})});const f=r.length==1?"Filter by "+r[0].textContent:"Filter",m=r.length==1?"d-none":"d-sm-flex";a.innerHTML=`<div class="col-sm-6 col-md-4 pb-3">
+  <div class="form-control__wrapper form-control-inline mb-0">
+    <label for="${o}_filter" class="form-label">${f}:</label>
+    <input type="search" name="${o}_filter" id="${o}_filter" class="form-control form-control-sm" placeholder="" list="${o}_list" />
+  </div>
+  <datalist id="${o}_list">
+    ${Object.keys(u).map(v=>`<option value="${v}"></option>`).join("")}
+  </datalist>
+</div>
+<div class="col-md-8 align-items-center pb-3 ${m}">
+  ${'<span class="pe-3 text-nowrap h5 mb-0">Filter by: </span>'+r.map(v=>`<div class="form-check pe-3 mt-0 mb-0"><input class="form-check-input" type="checkbox" id="${o}_${v.textContent.replace(" ","_").toLowerCase()}" checked="checked" /><label class="form-check-label text-nowrap" for="${o}_${v.textContent.replace(" ","_").toLowerCase()}">${v.textContent}</label></div>`).join("")}
+</div>`,e.prepend(a)},b=function(l){let a=[];Array.from(s.querySelectorAll("tr")).forEach((u,f)=>{let m="";if(Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((v,x)=>{m+=u.querySelector('td[data-label="'+v.textContent+'"]').textContent+" | "}),m.indexOf(l)>=0){const v={row:u};a.push(v)}});let r="";a.forEach((u,f)=>{r+=u.row.outerHTML}),t.innerHTML=r,e.dispatchEvent(n)},w=function(){let l=[];Array.from(e.querySelectorAll('[type="checkbox"]:checked + label')).forEach((u,f)=>{l.push(u.textContent)});let a=[];l.forEach((u,f)=>{Array.from(e.querySelectorAll('td[data-label="'+u+'"]')).forEach((m,v)=>{a[m.textContent]=m.textContent})});let r=e.querySelector("datalist");r.innerHTML=Object.keys(a).map(u=>`<option value="${u}"></option>`).join("")};Array.from(e.querySelectorAll("[data-filterable]")).length&&(y(e,Array.from(e.querySelectorAll("[data-filterable]")).length),e.addEventListener("keyup",function(l){for(var a=l.target;a&&a!=this;a=a.parentNode)if(a.matches('input[type="search"]')){const r=a.value;b(r)}}),e.addEventListener("change",function(l){for(var a=l.target;a&&a!=this;a=a.parentNode)if(a.matches('input[type="search"]')){const r=a.value;b(r)}}),e.addEventListener("change",function(l){for(var a=l.target;a&&a!=this;a=a.parentNode)if(a.matches('input[type="checkbox"]')){const r=e.querySelector('input[type="search"]').value;b(r),w()}}));const A=function(l,a){let r=document.getElementById(o+"_style");r==null&&(r=document.createElement("style"),r.setAttribute("id",o+"_style"));const u=l*(a-1)+1,f=l*a;r.innerHTML=`
+    #${o} tbody tr {
+      display: none;
+    }
+    #${o} tbody tr:nth-child(${u}),
+    #${o} tbody tr:nth-child(${u}) ~ tr{
+      display: block;
+    }
+    @media screen and (min-width: 36em) {
+      #${o} tbody tr:nth-child(${u}),
+      #${o} tbody tr:nth-child(${u}) ~ tr{
+        display: table-row;
+      }
+    }
+    #${o} tbody tr:nth-child(${f}) ~ tr{
+      display: none;
+    }
+    `,e.append(r)};if(e.getAttribute("data-show")){const l=parseInt(e.getAttribute("data-show")),a=parseInt(e.getAttribute("data-page"))?parseInt(e.getAttribute("data-page")):1,r=e.querySelectorAll("tbody tr").length;l<r&&(A(l,a),$(o,e,l,a,r),L(o,e,l,a,r),e.addEventListener("change",function(u){for(var f=u.target;f&&f!=this;f=f.parentNode)f.matches('.table__pagination input[type="number"]')&&(A(f.value,a),L(o,e,f.value,a,r),e.setAttribute("data-show",f.value))}),e.addEventListener("click",function(u){for(var f=u.target;f&&f!=this;f=f.parentNode)f.matches(".page-item:not(.active):not(.disabled) .page-link")&&(A(e.getAttribute("data-show"),f.getAttribute("data-page")),L(o,e,e.getAttribute("data-show"),f.getAttribute("data-page"),r))},!1),e.addEventListener("change",function(u){for(var f=u.target;f&&f!=this;f=f.parentNode)f.matches(".table__pagination select")&&(A(e.getAttribute("data-show"),f.value),L(o,e,e.getAttribute("data-show"),f.value,r))}))}function G(l){l.dataTransfer.setData("text/plain",l.target.id),d=l.target,l.target.classList.add("tr--dragging")}const q=function(){Array.from(t.querySelectorAll("tr")).forEach((l,a)=>{if(l.querySelector('[data-label="Order"]')==null){const r=document.createElement("th");r.innerHTML=a+1,r.setAttribute("data-label","Order"),l.prepend(r)}l.setAttribute("id",o+"_row_"+(a+1)),l.setAttribute("data-order",a+1),l.setAttribute("draggable","true"),l.addEventListener("dragstart",G)})};if(e.getAttribute("data-reorder")&&e.getAttribute("data-reorder")!="false"){const l=document.createElement("th");l.innerHTML="Order",l.title="Click here to enable re-ordering via drag and drop",l.classList.add("table-order-reset"),i.querySelector("tr").prepend(l),q(),e.addEventListener("click",function(a){for(var r=a.target;r&&r!=this;r=r.parentNode)if(r.matches(".table-order-reset")){Array.from(e.querySelectorAll("[data-sortable]")).forEach((u,f)=>{u.setAttribute("aria-sort","none")}),e.removeAttribute("data-sort"),e.removeAttribute("data-sortBy"),p("Order","ascending"),Array.from(e.querySelectorAll("tbody tr")).forEach((u,f)=>{u.setAttribute("draggable","true")});break}},!1),document.addEventListener("dragover",function(a){a.preventDefault()},!1),document.addEventListener("dragenter",function(a){a.preventDefault(),a.dataTransfer.dropEffect="move";for(var r=a.target;r&&r!=this;r=r.parentNode)r.matches("[data-reorder] tbody tr")&&r.classList.add("tr--dropable")},!1),document.addEventListener("dragleave",function(a){a.preventDefault();for(var r=a.target;r&&r!=this;r=r.parentNode)r.matches("[data-reorder] tbody tr")&&r.classList.remove("tr--dropable")},!1),document.addEventListener("drop",function(a){a.preventDefault();for(var r=a.target;r&&r!=this;r=r.parentNode)if(r.matches("[data-reorder] tbody tr")){r.parentNode!=null&&d.parentNode!=null&&r!=d&&(d.parentNode.removeChild(d),d.getAttribute("data-order")>r.getAttribute("data-order")?r.parentNode.insertBefore(d,r):r.parentNode.insertBefore(d,r.nextElementSibling),Array.from(t.querySelectorAll("tr")).forEach((u,f)=>{u.classList.remove("tr--dragging"),u.classList.remove("tr--dropable"),u.querySelector("th").innerHTML=f+1,u.setAttribute("data-order",f+1)}),e.dispatchEvent(h));break}},!1)}e.addEventListener("filtered",function(l){if(e.getAttribute("data-sortBy")&&e.getAttribute("data-sort")&&p(e.getAttribute("data-sortBy"),e.getAttribute("data-sort")),e.getAttribute("data-show")){const a=parseInt(e.getAttribute("data-show")),r=e.querySelectorAll("tbody tr").length,u=e.querySelector(".table__pagination");u?.remove(),a<r&&(A(a,1),$(o,e,a,1,r),L(o,e,a,1,r))}e.getAttribute("data-reorder")&&q()},!1),e.addEventListener("sorted",function(l){e.getAttribute("data-reorder")&&q()},!1),e.addEventListener("populated",function(l){var a=e.querySelector(".table__filters");a.remove();var r=e.querySelector(".table__pagination");r.remove();var u=e.cloneNode(!0);e.parentNode.replaceChild(u,e),_(u)},!1)}const $=function(e,i,t,s,c){const n=document.createElement("div");n.classList.add("table__pagination"),n.classList.add("row"),n.classList.add("pt-3"),n.classList.add("pb-3"),n.innerHTML=`<div class="col mw-fit-content mb-3">
+<div class="form-control__wrapper form-control-inline mb-0">
+  <label for="${e}_showing" class="form-label">Showing:</label>
+  <input type="number" name="${e}_showing" id="${e}_showing" class="form-control form-control-sm showing-input-field" placeholder="" list="${e}_pagination" value="${t}" min="1" max="${c}" />
+</div>
+<datalist id="${e}_pagination">
+<option value="5">5</option>
+${c>10?'<option value="10">10</option>':""}
+${c>20?'<option value="20">20</option>':""}
+<option value="${c}">${c}</option>
+</datalist>
+</div>
+<div class="col mw-fit-content me-auto d-flex align-items-center mb-3"><span class="label">per page</span></div>
+<div class="col mw-fit-content d-sm-flex justify-content-end align-items-center" id="${e}_paginationBtns"></div>`,i.append(n)},L=function(e,i,t,s,c){const n=document.getElementById(e+"_paginationBtns");if(n==null)return!1;const h=Math.ceil(c/t);if(h==1)n.innerHTML="";else if(h<5){let o="";for(let d=1;d<=h;d++)d==s?o+=`<li class="page-item active" aria-current="page"><span class="page-link">${d}</span></li>`:o+=`<li class="page-item"><button class="page-link" data-page="${d}">${d}</button></li>`;n.innerHTML=`<span class="pe-2 mb-3">Page: </span><ul class="pagination mb-3">
+      ${s==1?'<li class="page-item disabled"><span class="page-link">Previous</span></li>':`<li class="page-item"><button class="page-link" data-page="${parseInt(s)-1}">Previous</button></li>`}
+      ${o}
+      ${s==h?'<li class="page-item disabled"><span class="page-link">Next</span></li>':`<li class="page-item"><button class="page-link" data-page="${parseInt(s)+1}">Next</button></li>`}
+    </ul>`}else{let o="";for(let d=1;d<=h;d++)d==s?o+=`<option value="${d}" selected>Page ${d}</option>`:o+=`<option value="${d}">Page ${d}</option>`;n.innerHTML=`
+<div class="form-control__wrapper page-number mb-2">
+<select class="form-select">
+${o}
+</select>
+</div>
+    `}};function D(e){var i;const t=e.querySelector(".testimonial__images"),s=t.querySelectorAll("img").length;if(s==1)return!1;e.classList.add("testimonial--multi");const c=function(n){const h=e.querySelector(".btn-next"),o=e.querySelector(".btn-prev");h.setAttribute("data-go",n+1),o.setAttribute("data-go",n-1),h.removeAttribute("disabled"),o.removeAttribute("disabled"),n==1?o.setAttribute("disabled",!0):n==s&&h.setAttribute("disabled",!0)};t.addEventListener("scroll",function(n){clearTimeout(i),i=setTimeout(function(){let h=t.scrollWidth,o=t.scrollHeight,d=t.scrollLeft,p=t.scrollTop,y=Math.round(d/h*s)+1;d==0&&p!=0&&(y=Math.round(p/o*s)+1),e.setAttribute("data-show",y),c(y)},300)},!1),e.addEventListener("click",function(n){for(var h=n.target;h&&h!=this;h=h.parentNode)if(h.matches("[data-go]")){let o=parseInt(h.getAttribute("data-go")),d=0,p=0,y=t.scrollWidth,b=t.scrollHeight;y>b?p=Math.floor(y*((o-1)/s)):d=Math.floor(b*((o-1)/s)),t.scroll({top:d,left:p,behavior:"smooth"});break}},!1)}function P(e){var i;let t=e.querySelector(".carousel__inner"),s=e.querySelectorAll(".carousel__item").length;e.getAttribute("data-cols");let c=e.getAttribute("data-sm-cols"),n=e.getAttribute("data-md-cols");e.querySelector(".carousel__controls a").classList.add("active"),t.addEventListener("scroll",function(h){clearTimeout(i),i=setTimeout(function(){let o=t.clientWidth,d=t.scrollWidth,p=t.scrollLeft,y=Math.round(p/d*s)+1,b=e.querySelector(".carousel__item:last-child").offsetLeft;Array.from(e.querySelectorAll(".carousel__controls a")).forEach((w,A)=>{w.classList.remove("active")}),e.querySelector(".control-"+y).classList.add("active"),y==1?e.querySelector(".btn-prev").setAttribute("disabled","disabled"):e.querySelector(".btn-prev").removeAttribute("disabled"),t.scrollLeft+o>b?e.querySelector(".btn-next").setAttribute("disabled","disabled"):e.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),e.addEventListener("click",function(h){for(var o=h.target;o&&o!=this;o=o.parentNode)if(o.matches(".carousel__controls a")){h.preventDefault(),Array.from(e.querySelectorAll(".carousel__controls a")).forEach((p,y)=>{p.classList.remove("active")}),o.classList.add("active");const d=document.querySelector(o.getAttribute("href"));t.scroll({top:0,left:d.offsetLeft,behavior:"smooth"});break}},!1),e.addEventListener("click",function(h){for(var o=h.target;o&&o!=this;o=o.parentNode)if(o.matches(".btn-next, .btn-prev")){h.preventDefault();let d=o.classList.contains("btn-prev")?t.scrollLeft-t.clientWidth:t.scrollLeft+t.clientWidth;t.scroll({top:0,left:d,behavior:"smooth"});break}},!1),s==1&&e.classList.add("hide-btns"),c>=s&&e.classList.add("hide-sm-btns"),n>=s&&e.classList.add("hide-md-btns")}function O(e){e.addEventListener("change",function(i){var t=parseInt(e.querySelector("[data-min] select,[data-min] input").value),s=parseInt(e.querySelector("[data-max] select,[data-max] input").value);Array.from(e.querySelectorAll("[data-min] input")).forEach((c,n)=>{c.setAttribute("max",s)}),Array.from(e.querySelectorAll("[data-max] input")).forEach((c,n)=>{c.setAttribute("min",t)}),Array.from(e.querySelectorAll("[data-min] select option")).forEach((c,n)=>{parseInt(c.getAttribute("value"))>s?c.classList.add("d-none"):c.classList.remove("d-none")}),Array.from(e.querySelectorAll("[data-max] select option")).forEach((c,n)=>{parseInt(c.getAttribute("value"))<t?c.classList.add("d-none"):c.classList.remove("d-none")})},!1)}function F(e){e.addEventListener("change",function(i){if(e.matches("[data-value-if]")){const t=e.getAttribute("data-redirect"),s=e.getAttribute("data-value-if");e.value==s&&(document.location.href=t)}else typeof e.value<"u"&&(document.location.href=e.value)},!1)}function j(e){const t=e.querySelector(".row").cloneNode(!0),s=e.querySelector("[data-add]");e.addEventListener("click",function(c){for(var n=c.target;n&&n!=this;n=n.parentNode){if(n.matches("[data-add]")){const h=t.cloneNode(!0);e.insertBefore(h,n),s.matches("[data-maxfiles]")&&Array.from(e.querySelectorAll(":scope > .row")).length>=s.dataset.maxfiles&&s.setAttribute("disabled","disabled");break}if(n.matches("[data-delete]")){n.closest(".row").remove(),s.matches("[data-maxfiles]")&&Array.from(e.querySelectorAll(":scope > .row")).length<s.dataset.maxfiles&&s.removeAttribute("disabled");break}}},!1)}function V(e){Array.from(e.querySelectorAll("[data-input-range]")).forEach((i,t)=>{O(i)}),Array.from(e.querySelectorAll("[data-redirect]")).forEach((i,t)=>{F(i)}),Array.from(e.querySelectorAll(".multiple-file-uploads")).forEach((i,t)=>{j(i)}),e.addEventListener("change",function(i){for(var t=i.target;t&&t!=this;t=t.parentNode)if(t.matches('[type="file"][data-filesize]')&&t.files&&t.files[0]){const s=t.dataset.filesize;t.files[0].size>s&&(t.value="",alert("File too large"));break}},!1),e.addEventListener("change",function(i){Array.from(e.querySelectorAll("select[data-activeif][data-equals],input[data-activeif][data-equals]")).forEach((t,s)=>{let c=t.closest("[data-group]")?t.closest("[data-group]"):e,n=t.dataset.activeif,h=t.dataset.equals;c.querySelector(`select[data-id="${n}"],input[data-id="${n}"]`).value==h?t.removeAttribute("disabled"):(t.setAttribute("disabled","disabled"),t.value="")}),Array.from(e.querySelectorAll(".form-control__wrapper[data-displayif][data-equals]")).forEach((t,s)=>{let c=t.closest("[data-group]")?t.closest("[data-group]"):e,n=t.dataset.activeif,h=t.dataset.equals;c.querySelector(`select[data-id="${n}"],input[data-id="${n}"]`).value==h?t.classList.remove("d-none"):t.classList.add("d-none")})},!1)}class z{constructor(i){let t=this.createEmbed;document.body.classList.contains("youtubeLoaded")?i.addEventListener("click",function(s){for(var c=s.target;c&&c!=this;c=c.parentNode)if(c.matches("a:not([data-modal-youtube]")){s.preventDefault(),t(i,c);break}},!1):this.loadScripts(i,this.createEmbed)}loadScripts(i,t){return new Promise((s,c)=>{const n=new Image;n.onload=function(){var h=document.createElement("script");h.src="https://www.youtube.com/iframe_api";var o=document.getElementsByTagName("script")[0];o.parentNode.insertBefore(h,o),document.body.classList.add("youtubeLoaded"),s(!0),h.onload=()=>{i.addEventListener("click",function(d){for(var p=d.target;p&&p!=this;p=p.parentNode)if(p.matches("a:not([data-modal-youtube]")){d.preventDefault(),t(i,p);break}},!1)}},n.onerror=function(){c(!1)},n.src="https://youtube.com/favicon.ico"})}createEmbed(i,t){typeof window.player<"u"&&typeof window.player.pauseVideo=="function"&&window.player.pauseVideo();var s=t.getAttribute("data-id"),c=t.getAttribute("id");if(typeof c>"u"||c==null){var n=String.fromCharCode(65+Math.floor(Math.random()*26));c=n+Date.now(),t.setAttribute("id",c)}function h(){window.player=new YT.Player(c,{height:"100%",width:"100%",videoId:s,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:o,onStateChange:p}})}h();function o(y){y.target.playVideo()}var d=!1;function p(y){if(y.data==YT.PlayerState.PLAYING&&!d){var b=document.getElementById(c);b.classList.add("player-ready"),d=!0}}}}const E=e=>{const i=e.querySelectorAll(".modal__outer a, .modal__outer button"),t=i[0],s=i[i.length-1],c=e.getAttribute("id"),n=function(){document.querySelector('[href="'+window.location.hash+'"]').focus(),window.location.hash="close",history.replaceState("",document.title,window.location.pathname+window.location.search),typeof window.player<"u"&&typeof window.player.pauseVideo=="function"&&window.player.pauseVideo()};e.addEventListener("keydown",function(o){o.key==="Tab"&&o.shiftKey&&document.activeElement==t?(o.preventDefault(),s.focus()):o.key==="Tab"&&!o.shiftKey&&document.activeElement==s&&(o.preventDefault(),t.focus())}),document.addEventListener("keydown",function(o){o.key==="Escape"&&document.querySelector(".modal:target")&&n()}),e.addEventListener("click",function(o){for(var d=o.target;d&&d!=this;d=d.parentNode)if(d.matches('[href="#close"]')){o.preventDefault(),n();break}else if(d.matches(".modal__dock--right")){o.preventDefault(),e.classList.contains("modal--left")||e.classList.add("modal--right"),e.classList.remove("modal--left");break}else if(d.matches(".modal__dock--left")){o.preventDefault(),e.classList.contains("modal--right")||e.classList.add("modal--left"),e.classList.remove("modal--right");break}});function h(){if(location.hash==="#"+c){console.log("Modal is now open");const o=document.querySelector(".modal:target .modal__inner > .youtube-embed:first-child:last-child a");console.log(o),o&&o.click()}}window.onhashchange=h},R=["accordion","header","tabs"],S="iam",Y={rootMargin:"50px",threshold:.1};R.forEach(e=>{if(document.getElementsByTagName(`${S}-${e}`).length===0)return;let i=s=>{s.forEach(c=>{c.intersectionRatio>0&&(import(`./components/${e}/${e}.component.min.js`).then(n=>{window.customElements.get(`${S}-${e}`)||window.customElements.define(`${S}-${e}`,n.default)}).catch(n=>{console.log(n.message)}),t.unobserve(c.target))})};const t=new IntersectionObserver(i,Y);t.observe(document.getElementsByTagName(`${S}-${e}`)[0])}),document.addEventListener("DOMContentLoaded",function(){g(document.body),T(),N(document.body),Array.from(document.querySelectorAll(".nav")).forEach(e=>{I(e)}),Array.from(document.querySelectorAll(".table__wrapper")).forEach(e=>{_(e)}),Array.from(document.querySelectorAll(".testimonial")).forEach(e=>{D(e)}),Array.from(document.querySelectorAll(".carousel")).forEach(e=>{P(e)}),Array.from(document.querySelectorAll("form")).forEach(e=>{V(e)}),Array.from(document.querySelectorAll(".modal")).forEach(e=>{E(e)}),Array.from(document.querySelectorAll(".youtube-embed")).forEach(e=>{new z(e)}),window.addEventListener("hashchange",function(){const e=location.hash.replace("#",""),i=document.querySelector(`label[for="${e}"]`);i instanceof HTMLElement&&i.click()},!1)})});
+//# sourceMappingURL=dynamic.min.js.map

package/assets/js/dynamic.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dynamic.min.js","sources":["modules/helpers.js","modules/nav.js","modules/table.js","modules/testimonial.js","modules/carousel.js","modules/form.js","modules/youtubevideo.js","modules/modal.js","dynamic.js"],"sourcesContent":["// @ts-nocheck\n/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\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 */\nexport const addBodyClasses = (body) => {\n    body.classList.add(\"js-enabled\");\n    if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n        body.classList.add(\"ie\");\n    }\n    return null;\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n    if (location.hash && document.querySelector(location.hash + ':not([open]) summary')) {\n        const summary = document.querySelector(location.hash + ' summary');\n        if (summary instanceof HTMLElement)\n            summary.click();\n    }\n    window.addEventListener('hashchange', function () {\n        const hash = location.hash.replace('#', '');\n        const label = document.querySelector(`label[for=\"${hash}\"]`);\n        const summary = document.querySelector(location.hash + ' summary');\n        if (label instanceof HTMLElement)\n            label.click();\n        else if (summary instanceof HTMLElement)\n            summary.click();\n    }, false);\n    return null;\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 */\nexport const checkElements = (element) => {\n    // Tables\n    Array.from(element.querySelectorAll('table')).forEach((table, index) => {\n        tableStacked(table);\n        tableWrap(table);\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 */\nexport const tableWrap = (table) => {\n    if (!table.parentNode.classList.contains('table__wrapper')) {\n        const tableHTML = table.outerHTML;\n        table.outerHTML = `<div class=\"table__wrapper\">${tableHTML}</div>`;\n    }\n};\n/**\n * Creates data attributes to be used by the CSS for mobile views.\n * @param {HTMLElement} table Dom table element\n */\nexport const tableStacked = (table) => {\n    const colHeadings = Array.from(table.querySelectorAll('thead th'));\n    const colRows = Array.from(table.querySelectorAll('tbody tr'));\n    colRows.forEach((row, index) => {\n        const cells = Array.from(row.querySelectorAll('th, td'));\n        cells.forEach((cell, cellIndex) => {\n            const heading = colHeadings[cellIndex];\n            if (typeof heading != \"undefined\") {\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};\nexport const isNumeric = function (str) {\n    if (typeof str != \"string\")\n        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};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str.split(' ').map(s => ucfirst(s)).join(' ');\nexport const unsnake = (str) => str.replace(/_/g, ' ');\nexport const snake = (str) => str.replace(/ /g, '_');\nexport const safeID = function (str) {\n    str = str.toLowerCase();\n    str = snake(str);\n    str = str.replace(/\\W/g, '');\n    return str;\n};\n","// @ts-nocheck\nconst navbar = (element) => {\n    Array.from(element.querySelectorAll('details')).forEach((detail, index) => {\n        detail.addEventListener('mouseenter', function (e) {\n            if (window.matchMedia('(min-width: 62em)').matches)\n                detail.setAttribute('open', 'true');\n        }, false);\n        detail.addEventListener('mouseleave', function (e) {\n            if (window.matchMedia('(min-width: 62em)').matches)\n                detail.removeAttribute('open');\n        }, false);\n    });\n    if ('IntersectionObserver' in window) {\n        const observer = new IntersectionObserver(([e]) => e.target.classList.toggle(\"is-stuck\", e.intersectionRatio < 1), { threshold: [1] });\n        observer.observe(element);\n    }\n};\nexport default navbar;\n","// @ts-nocheck\nimport { zeroPad, isNumeric } from \"./helpers.js\";\nfunction table(tableElement) {\n    if (typeof tableElement != \"object\")\n        return false;\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 = 'table_' + Math.random().toString(36).substr(2, 9); // Random to make sure IDs created are unique\n    let draggedRow;\n    tableElement.setAttribute('id', randID);\n    // #region Sortable\n    const sortTable = function (sortBy, sort) {\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            let rowIndex = tableRow.querySelector('td[data-label=\"' + sortBy + '\"], th[data-label=\"' + sortBy + '\"]').textContent;\n            if (isNumeric(rowIndex))\n                rowIndex = zeroPad(rowIndex, 10);\n            const dataRow = {\n                index: rowIndex,\n                row: tableRow\n            };\n            tableArr.push(dataRow);\n        });\n        // Sort array\n        tableArr.sort((a, b) => (a.index > b.index) ? 1 : -1);\n        // Reverse if descending\n        if (sort == \"descending\")\n            tableArr = tableArr.reverse();\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        // Dispatch the sortable event\n        tableElement.dispatchEvent(sortedEvent);\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                // Get current sort order\n                let sort = target.getAttribute('aria-sort') == \"ascending\" ? \"descending\" : \"ascending\";\n                // unset sort attributes\n                Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {\n                    col.setAttribute('aria-sort', 'none');\n                });\n                // Set the sort order attribute\n                target.setAttribute('aria-sort', sort);\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                // Sort the table\n                sortTable(target.textContent, sort);\n                Array.from(tableElement.querySelectorAll('tr[draggable]')).forEach((tableRow, index) => {\n                    tableRow.removeAttribute('draggable');\n                });\n                break;\n            }\n        }\n    }, false);\n    // On page load check if the table should be pre-sorted, if so trigger a click\n    if (tableElement.getAttribute('data-sortBy')) {\n        let sort = tableElement.getAttribute('data-sort') == \"ascending\" ? \"descending\" : \"ascending\";\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    // #endregion Sortable\n    // #region Filters\n    const createFilterForm = function (count) {\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        // Create the filter options array\n        const filterColumns = Array.from(tableElement.querySelectorAll('th[data-filterable]'));\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                searchableTerms[label.textContent] = label.textContent;\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        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        // Add before the actual table\n        tableElement.prepend(form);\n    };\n    const filterTable = function (searchTerm) {\n        // Create an array of rows that match the search term\n        let tableArr = [];\n        Array.from(storedData.querySelectorAll('tr')).forEach((tableRow, index) => {\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            // Check if the table row search string contains the search term\n            if (rowSearchString.indexOf(searchTerm) >= 0) {\n                const dataRow = { row: tableRow };\n                tableArr.push(dataRow);\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        // Dispatch the filter event.\n        tableElement.dispatchEvent(filteredEvent);\n    };\n    const createFilterList = function () {\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        // 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        // Rebuild the list\n        let dataList = tableElement.querySelector('datalist');\n        dataList.innerHTML = Object.keys(searchableTerms).map(term => `<option value=\"${term}\"></option>`).join(\"\");\n    };\n    // On page load check if filters are needed\n    if (Array.from(tableElement.querySelectorAll('[data-filterable]')).length) {\n        // Create the filter options\n        createFilterForm(tableElement, Array.from(tableElement.querySelectorAll('[data-filterable]')).length);\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                    const searchTerm = target.value;\n                    filterTable(searchTerm);\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                    const searchTerm = target.value;\n                    filterTable(searchTerm);\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                    const searchTerm = tableElement.querySelector('input[type=\"search\"]').value;\n                    filterTable(searchTerm);\n                    createFilterList();\n                }\n            }\n        });\n    }\n    // #endregion Filters\n    // #region Pagination\n    const paginateRows = function (show, page) {\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        if (style == null) {\n            style = document.createElement(\"style\");\n            style.setAttribute('id', randID + '_style');\n        }\n        const startShowing = (show * (page - 1)) + 1;\n        const stopShowing = show * (page);\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        tableElement.append(style);\n    };\n    // On page load check if the table should be paginated\n    if (tableElement.getAttribute('data-show')) {\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        if (show < totalRows) {\n            paginateRows(show, page);\n            createPaginationForm(randID, tableElement, show, page, totalRows);\n            createPaginationButttons(randID, tableElement, show, page, totalRows);\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                        paginateRows(target.value, page);\n                        createPaginationButttons(randID, tableElement, target.value, page, totalRows);\n                        tableElement.setAttribute('data-show', target.value);\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                        paginateRows(tableElement.getAttribute('data-show'), target.getAttribute('data-page'));\n                        createPaginationButttons(randID, tableElement, tableElement.getAttribute('data-show'), target.getAttribute('data-page'), totalRows);\n                    }\n                }\n            }, false);\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                        paginateRows(tableElement.getAttribute('data-show'), target.value);\n                        createPaginationButttons(randID, tableElement, tableElement.getAttribute('data-show'), target.value, totalRows);\n                    }\n                }\n            });\n        }\n    }\n    // #endregion Pagination\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    // Create the order column and event handler for rows\n    const setReorderRows = function () {\n        Array.from(tbody.querySelectorAll('tr')).forEach((tableRow, index) => {\n            // Create column if not already created\n            if (tableRow.querySelector('[data-label=\"Order\"]') == null) {\n                const orderColumn = document.createElement('th');\n                orderColumn.innerHTML = index + 1;\n                orderColumn.setAttribute('data-label', 'Order');\n                tableRow.prepend(orderColumn);\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    if (tableElement.getAttribute('data-reorder') && tableElement.getAttribute('data-reorder') != \"false\") {\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        setReorderRows();\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                    // unset sort attributes\n                    Array.from(tableElement.querySelectorAll('[data-sortable]')).forEach((col, index) => {\n                        col.setAttribute('aria-sort', 'none');\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                    // Sort the table\n                    sortTable('Order', 'ascending');\n                    Array.from(tableElement.querySelectorAll('tbody tr')).forEach((tableRow, index) => {\n                        tableRow.setAttribute('draggable', 'true');\n                    });\n                    break;\n                }\n            }\n        }, false);\n        document.addEventListener(\"dragover\", function (e) {\n            // prevent default to allow drop\n            e.preventDefault();\n        }, false);\n        document.addEventListener(\"dragenter\", function (e) {\n            // prevent default to allow drop\n            e.preventDefault();\n            e.dataTransfer.dropEffect = \"move\";\n            for (var target = e.target; target && target != this; target = target.parentNode) {\n                if (target.matches('[data-reorder] tbody tr')) {\n                    target.classList.add('tr--dropable');\n                }\n            }\n        }, false);\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                    target.classList.remove('tr--dropable');\n                }\n            }\n        }, false);\n        document.addEventListener(\"drop\", function (e) {\n            e.preventDefault();\n            for (var target = e.target; target && target != this; target = target.parentNode) {\n                if (target.matches('[data-reorder] tbody tr')) {\n                    if (target.parentNode != null && draggedRow.parentNode != null && target != draggedRow) {\n                        draggedRow.parentNode.removeChild(draggedRow);\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                        // 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                        tableElement.dispatchEvent(reorderedEvent);\n                    }\n                    break;\n                }\n            }\n        }, false);\n    }\n    // #endregion Reorderable\n    // Watch for the filterable event and re-sort the tbody\n    tableElement.addEventListener('filtered', function (e) {\n        if (tableElement.getAttribute('data-sortBy') && tableElement.getAttribute('data-sort'))\n            sortTable(tableElement.getAttribute('data-sortBy'), tableElement.getAttribute('data-sort'));\n        if (tableElement.getAttribute('data-show')) {\n            const show = parseInt(tableElement.getAttribute('data-show'));\n            const totalRows = tableElement.querySelectorAll('tbody tr').length;\n            const tablePagination = tableElement.querySelector('.table__pagination');\n            if (tablePagination != null)\n                tablePagination.remove();\n            if (show < totalRows) {\n                paginateRows(show, 1);\n                createPaginationForm(randID, tableElement, show, 1, totalRows);\n                createPaginationButttons(randID, tableElement, show, 1, totalRows);\n            }\n        }\n        if (tableElement.getAttribute('data-reorder')) {\n            setReorderRows();\n        }\n    }, false);\n    tableElement.addEventListener('sorted', function (e) {\n        if (tableElement.getAttribute('data-reorder')) {\n            setReorderRows();\n        }\n    }, false);\n    tableElement.addEventListener('populated', function (e) {\n        var tableFilter = tableElement.querySelector('.table__filters');\n        tableFilter.remove();\n        var tablePagination = tableElement.querySelector('.table__pagination');\n        tablePagination.remove();\n        var newTable = tableElement.cloneNode(true);\n        tableElement.parentNode.replaceChild(newTable, tableElement);\n        table(newTable);\n    }, false);\n}\nexport const createPaginationForm = function (randID, tableElement, show, page, totalRows) {\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    // 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    // Add after the actual table\n    tableElement.append(form);\n};\nexport const createPaginationButttons = function (randID, tableElement, show, page, totalRows) {\n    const paginationButtonsWrapper = document.getElementById(randID + '_paginationBtns');\n    if (paginationButtonsWrapper == null)\n        return false;\n    const numberPages = Math.ceil(totalRows / show);\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        let strButtons = '';\n        for (let i = 1; i <= numberPages; i++) {\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        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    else { // If more than 5 lets show a select field instead so that we dont have loads and loads of buttons\n        let strOptions = '';\n        for (let i = 1; i <= numberPages; i++) {\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        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};\nexport default table;\n","// @ts-nocheck\nfunction testimonial(testimonialElement) {\n    var scrollTimeout;\n    const imagesCarousel = testimonialElement.querySelector('.testimonial__images');\n    const itemCount = imagesCarousel.querySelectorAll('img').length;\n    // If we only have 1 item lets not bother doing anything else\n    if (itemCount == 1) {\n        return false;\n    }\n    testimonialElement.classList.add('testimonial--multi');\n    // Set where the buttons go to\n    const setButtons = function (scrollTo) {\n        const nextButton = testimonialElement.querySelector('.btn-next');\n        const prevButton = testimonialElement.querySelector('.btn-prev');\n        nextButton.setAttribute('data-go', scrollTo + 1);\n        prevButton.setAttribute('data-go', scrollTo - 1);\n        nextButton.removeAttribute('disabled');\n        prevButton.removeAttribute('disabled');\n        if (scrollTo == 1)\n            prevButton.setAttribute('disabled', true);\n        else if (scrollTo == itemCount)\n            nextButton.setAttribute('disabled', true);\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            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            // Change in scroll direction\n            if (scrollLeft == 0 && scrollDown != 0)\n                scrollTo = Math.round((scrollDown / scrollHeight) * itemCount) + 1;\n            testimonialElement.setAttribute('data-show', scrollTo);\n            setButtons(scrollTo);\n        }, 300);\n    }, false);\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        for (var target = e.target; target && target != this; target = target.parentNode) {\n            if (target.matches('[data-go]')) {\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                if (scrollWidth > scrollHeight)\n                    scrollLeft = Math.floor(scrollWidth * ((scrollTo - 1) / itemCount));\n                else\n                    scrollDown = Math.floor(scrollHeight * ((scrollTo - 1) / itemCount));\n                // Trigger the scroll\n                imagesCarousel.scroll({\n                    top: scrollDown,\n                    left: scrollLeft,\n                    behavior: 'smooth'\n                });\n                break;\n            }\n        }\n    }, false);\n}\nexport default testimonial;\n","// @ts-nocheck\nfunction carousel(carouselElement) {\n    var scrollTimeout;\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    carouselElement.querySelector('.carousel__controls a').classList.add('active');\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            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            Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {\n                link.classList.remove('active');\n            });\n            carouselElement.querySelector('.control-' + targetSlide).classList.add('active');\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            // 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        }, 100);\n    }, false);\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        for (var target = e.target; target && target != this; target = target.parentNode) {\n            if (target.matches('.carousel__controls a')) {\n                e.preventDefault();\n                Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {\n                    link.classList.remove('active');\n                });\n                target.classList.add('active');\n                const el = document.querySelector(target.getAttribute('href'));\n                carouselInner.scroll({\n                    top: 0,\n                    left: el.offsetLeft,\n                    behavior: 'smooth'\n                });\n                break;\n            }\n        }\n    }, false);\n    carouselElement.addEventListener('click', function (e) {\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n            if (target.matches('.btn-next, .btn-prev')) {\n                e.preventDefault();\n                let scrollTo = target.classList.contains('btn-prev') ? carouselInner.scrollLeft - carouselInner.clientWidth : carouselInner.scrollLeft + carouselInner.clientWidth;\n                carouselInner.scroll({\n                    top: 0,\n                    left: scrollTo,\n                    behavior: 'smooth'\n                });\n                break;\n            }\n        }\n    }, false);\n    // Add responsive hide button classes\n    if (itemCount == 1)\n        carouselElement.classList.add('hide-btns');\n    if (smCols >= itemCount)\n        carouselElement.classList.add('hide-sm-btns');\n    if (mdCols >= itemCount)\n        carouselElement.classList.add('hide-md-btns');\n}\nexport default carousel;\n","// @ts-nocheck\n// 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    inputWrapper.addEventListener('change', function (e) {\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        // Set attributes for input fields\n        Array.from(inputWrapper.querySelectorAll('[data-min] input')).forEach((input, index) => {\n            input.setAttribute('max', max);\n        });\n        Array.from(inputWrapper.querySelectorAll('[data-max] input')).forEach((input, index) => {\n            input.setAttribute('min', min);\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            if (parseInt(option.getAttribute('value')) > max)\n                option.classList.add('d-none');\n            else\n                option.classList.remove('d-none');\n        });\n        Array.from(inputWrapper.querySelectorAll('[data-max] select option')).forEach((option, index) => {\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}\nfunction inputRedirect(inputWrapper) {\n    inputWrapper.addEventListener('change', function (e) {\n        if (inputWrapper.matches('[data-value-if]')) {\n            const url = inputWrapper.getAttribute('data-redirect');\n            const desiredValue = inputWrapper.getAttribute('data-value-if');\n            if (inputWrapper.value == desiredValue)\n                document.location.href = url;\n        }\n        else {\n            if (typeof inputWrapper.value != \"undefined\")\n                document.location.href = inputWrapper.value;\n        }\n    }, false);\n}\n//\nfunction multipleFileUploads(wrapper) {\n    const fileTenplate = wrapper.querySelector('.row');\n    const clone = fileTenplate.cloneNode(true);\n    const addButton = wrapper.querySelector('[data-add]');\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                const tempClone = clone.cloneNode(true);\n                wrapper.insertBefore(tempClone, target);\n                if (addButton.matches('[data-maxfiles]') && Array.from(wrapper.querySelectorAll(':scope > .row')).length >= addButton.dataset.maxfiles)\n                    addButton.setAttribute('disabled', 'disabled');\n                break;\n            }\n            if (target.matches('[data-delete]')) { // Delete the current row\n                let row = target.closest('.row');\n                row.remove();\n                if (addButton.matches('[data-maxfiles]') && Array.from(wrapper.querySelectorAll(':scope > .row')).length < addButton.dataset.maxfiles)\n                    addButton.removeAttribute('disabled');\n                break;\n            }\n        }\n    }, false);\n}\n// Acts as an overall initialise function to trigger other functions.\nfunction form(formElement) {\n    // Check for input range groups\n    Array.from(formElement.querySelectorAll('[data-input-range]')).forEach((arrayElement, index) => {\n        inputRange(arrayElement);\n    });\n    Array.from(formElement.querySelectorAll('[data-redirect]')).forEach((arrayElement, index) => {\n        inputRedirect(arrayElement);\n    });\n    Array.from(formElement.querySelectorAll('.multiple-file-uploads')).forEach((arrayElement, index) => {\n        multipleFileUploads(arrayElement);\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                const maxAllowedSize = target.dataset.filesize;\n                if (target.files[0].size > maxAllowedSize) {\n                    target.value = '';\n                    alert('File too large');\n                }\n                break;\n            }\n        }\n    }, false);\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        // 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            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            if (testElement.value == value) {\n                arrayElement.removeAttribute('disabled');\n            }\n            else {\n                arrayElement.setAttribute('disabled', 'disabled');\n                arrayElement.value = '';\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            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            if (testElement.value == value)\n                arrayElement.classList.remove('d-none');\n            else\n                arrayElement.classList.add('d-none');\n        });\n    }, false);\n}\nexport default form;\n","// @ts-nocheck\n/**\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 */\nclass youtubeVideo {\n    /** @param {Element} embed dom element */\n    constructor(embed) {\n        let createEmbed = this.createEmbed;\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                // loop parent nodes from the target to the delegation node\n                for (var target = e.target; target && target != this; target = target.parentNode) {\n                    if (target.matches('a:not([data-modal-youtube]')) {\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     * 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        return new Promise((resolve, reject) => {\n            const image = new Image();\n            image.onload = function () {\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                // script has loaded, you can now use it safely\n                tag.onload = () => {\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                            if (target.matches('a:not([data-modal-youtube]')) {\n                                e.preventDefault();\n                                createEmbed(embed, target);\n                                break;\n                            }\n                        }\n                    }, false);\n                };\n            };\n            image.onerror = function () {\n                reject(false);\n            };\n            image.src = \"https://youtube.com/favicon.ico\";\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        // 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        var video_id = target.getAttribute('data-id');\n        var link_id = target.getAttribute('id');\n        // create an id to pass t the script if one isn't present\n        if (typeof link_id == 'undefined' || link_id == null) {\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        // This function creates an <iframe> (and YouTube player) after the API code downloads.\n        function onYouTubeIframeAPIReady() {\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        onYouTubeIframeAPIReady();\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        // 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            if (event.data == YT.PlayerState.PLAYING && !done) {\n                var link = document.getElementById(link_id);\n                link.classList.add('player-ready');\n                done = true;\n            }\n        }\n    }\n}\nexport default youtubeVideo;\n","// @ts-nocheck\nconst modal = (element) => {\n    const links = element.querySelectorAll('.modal__outer a, .modal__outer button');\n    const firstLink = links[0];\n    const lastLink = links[links.length - 1];\n    const modalID = element.getAttribute('id');\n    const closeModal = function () {\n        const button = document.querySelector('[href=\"' + window.location.hash + '\"]');\n        button.focus();\n        window.location.hash = \"close\";\n        history.replaceState(\"\", document.title, window.location.pathname + window.location.search);\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    // Trap the tab focus inside\n    element.addEventListener('keydown', function (e) {\n        if (e.key === \"Tab\" && e.shiftKey && document.activeElement == firstLink) {\n            e.preventDefault();\n            lastLink.focus();\n        }\n        else if (e.key === \"Tab\" && !e.shiftKey && document.activeElement == lastLink) {\n            e.preventDefault();\n            firstLink.focus();\n        }\n    });\n    // ESC will close the open modal\n    document.addEventListener(\"keydown\", function (e) {\n        if (e.key === \"Escape\" && document.querySelector('.modal:target'))\n            closeModal();\n    });\n    element.addEventListener('click', function (e) {\n        for (var target = e.target; target && target != this; target = target.parentNode) {\n            // Close links will close the model by default but we want to remove the hash link also\n            if (target.matches('[href=\"#close\"]')) {\n                e.preventDefault();\n                closeModal();\n                break;\n            }\n            // Dock the modal to the right or left to make the content behind readable\n            else if (target.matches('.modal__dock--right')) {\n                e.preventDefault();\n                if (!element.classList.contains('modal--left'))\n                    element.classList.add('modal--right');\n                element.classList.remove('modal--left');\n                break;\n            }\n            else if (target.matches('.modal__dock--left')) {\n                e.preventDefault();\n                if (!element.classList.contains('modal--right'))\n                    element.classList.add('modal--left');\n                element.classList.remove('modal--right');\n                break;\n            }\n        }\n    });\n    function locationHashChanged() {\n        if (location.hash === '#' + modalID) {\n            console.log(\"Modal is now open\");\n            const videoButton = document.querySelector('.modal:target .modal__inner > .youtube-embed:first-child:last-child a');\n            console.log(videoButton);\n            if (videoButton) {\n                videoButton.click();\n            }\n        }\n    }\n    window.onhashchange = locationHashChanged;\n};\nexport default modal;\n","// @ts-nocheck\n// Modules\nimport * as helpers from '../js/modules/helpers.js';\nimport nav from '../js/modules/nav.js';\nimport table from '../js/modules/table.js';\n//import accordion from './modules/accordion.js'\nimport testimonial from '../js/modules/testimonial.js';\nimport carousel from '../js/modules/carousel.js';\nimport form from '../js/modules/form.js';\nimport youtubeVideo from '../js/modules/youtubevideo.js';\nimport modal from '../js/modules/modal.js';\nconst components = ['accordion', 'header', 'tabs'];\nconst prefix = \"iam\";\nconst options = {\n    rootMargin: '50px',\n    threshold: 0.1\n};\nconst componentExt = \".component.js\";\n// Load components - Each component will load once the first of its type has been loaded\ncomponents.forEach((component) => {\n    if (document.getElementsByTagName(`${prefix}-${component}`).length === 0)\n        return;\n    let callback = (entries) => {\n        entries.forEach((entry) => {\n            if (entry.intersectionRatio > 0) {\n                import(`./components/${component}/${component}${componentExt}`).then(module => {\n                    if (!window.customElements.get(`${prefix}-${component}`))\n                        window.customElements.define(`${prefix}-${component}`, module.default);\n                }).catch((err) => {\n                    console.log(err.message);\n                });\n                intObserver.unobserve(entry.target);\n            }\n        });\n    };\n    const intObserver = new IntersectionObserver(callback, options);\n    intObserver.observe(document.getElementsByTagName(`${prefix}-${component}`)[0]);\n});\n// Attach classes to dom elements\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n    // Global stuff\n    helpers.addBodyClasses(document.body);\n    helpers.addGlobalEvents(document.body);\n    helpers.checkElements(document.body);\n    // ANav\n    Array.from(document.querySelectorAll('.nav')).forEach((arrayElement) => {\n        nav(arrayElement);\n    });\n    // Advanced tables\n    Array.from(document.querySelectorAll('.table__wrapper')).forEach((arrayElement) => {\n        table(arrayElement);\n    });\n    // Accordions\n    /*\n    Array.from(document.querySelectorAll('.accordion')).forEach((arrayElement) => {\n      accordion(arrayElement);\n    });\n  */\n    // Testimonial\n    Array.from(document.querySelectorAll('.testimonial')).forEach((arrayElement) => {\n        testimonial(arrayElement);\n    });\n    // Carousel\n    Array.from(document.querySelectorAll('.carousel')).forEach((arrayElement) => {\n        carousel(arrayElement);\n    });\n    // Form\n    Array.from(document.querySelectorAll('form')).forEach((arrayElement) => {\n        form(arrayElement);\n    });\n    // Modal\n    Array.from(document.querySelectorAll('.modal')).forEach((arrayElement) => {\n        modal(arrayElement);\n    });\n    // YouTube videos\n    Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement) => {\n        new youtubeVideo(arrayElement);\n    });\n    window.addEventListener('hashchange', function () {\n        const hash = location.hash.replace('#', '');\n        const label = document.querySelector(`label[for=\"${hash}\"]`);\n        if (label instanceof HTMLElement)\n            label.click();\n    }, false);\n});\n"],"names":["addBodyClasses","body","addGlobalEvents","summary","hash","label","checkElements","element","table","index","tableStacked","tableWrap","tableHTML","colHeadings","row","cell","cellIndex","heading","tempDiv","headingText","isNumeric","str","zeroPad","num","places","navbar","detail","e","tableElement","thead","tbody","storedData","sortedEvent","filteredEvent","reorderedEvent","randID","draggedRow","sortTable","sortBy","sort","tableArr","tableRow","rowIndex","dataRow","a","b","strTbody","target","col","createFilterForm","count","form","filterColumns","searchableTerms","columnHeading","filterTitle","checkboxClass","term","column","filterTable","searchTerm","rowSearchString","createFilterList","filterOptions","option","dataList","paginateRows","show","page","style","startShowing","stopShowing","totalRows","createPaginationForm","createPaginationButttons","setDraggedRow","setReorderRows","orderColumn","orderHeading","tableRowOrder","tablePagination","tableFilter","newTable","paginationButtonsWrapper","numberPages","strButtons","i","strOptions","testimonial","testimonialElement","scrollTimeout","imagesCarousel","itemCount","setButtons","scrollTo","nextButton","prevButton","scrollWidth","scrollHeight","scrollLeft","scrollDown","carousel","carouselElement","carouselInner","smCols","mdCols","scrollArea","targetSlide","lastItemOffset","link","el","inputRange","inputWrapper","min","max","input","inputRedirect","url","desiredValue","multipleFileUploads","wrapper","clone","addButton","tempClone","formElement","arrayElement","maxAllowedSize","group","selector","value","youtubeVideo","embed","createEmbed","resolve","reject","image","tag","firstScriptTag","video_id","link_id","randLetter","onYouTubeIframeAPIReady","onPlayerReady","onPlayerStateChange","event","done","modal","links","firstLink","lastLink","modalID","closeModal","locationHashChanged","videoButton","components","prefix","options","component","callback","entries","entry","module","err","intObserver","helpers.addBodyClasses","helpers.addGlobalEvents","helpers.checkElements","nav"],"mappings":"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"}

package/assets/js/{main.js → flat-components.js}

@@ -1,20 +1,21 @@
 // @ts-nocheck
 // Modules
-import * as helpers from './modules/helpers.js';
-import nav from './modules/nav.js';
-import table from './modules/table.js';
+import * as helpers from '../js/modules/helpers.js';
+import nav from '../js/modules/nav.js';
+import table from '../js/modules/table.js';
 import accordion from './modules/accordion.js';
-import testimonial from './modules/testimonial.js';
-import carousel from './modules/carousel.js';
-import form from './modules/form.js';
-import youtubeVideo from './modules/youtubevideo.js';
-import modal from './modules/modal.js';
+import testimonial from '../js/modules/testimonial.js';
+import carousel from '../js/modules/carousel.js';
+import form from '../js/modules/form.js';
+import youtubeVideo from '../js/modules/youtubevideo.js';
+import modal from '../js/modules/modal.js';
+import tabs from '../js/modules/tabs.js';
 // Attach classes to dom elements
 document.addEventListener("DOMContentLoaded", function () {
+    // Global stuff
     helpers.addBodyClasses(document.body);
     helpers.addGlobalEvents(document.body);
     helpers.checkElements(document.body);
-    console.log('test.js');
     // ANav
     Array.from(document.querySelectorAll('.nav')).forEach((arrayElement) => {
         nav(arrayElement);
@@ -47,11 +48,14 @@ document.addEventListener("DOMContentLoaded", function () {
     Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement) => {
         new youtubeVideo(arrayElement);
     });
+    // Tabs
+    Array.from(document.querySelectorAll('.tabs')).forEach((arrayElement) => {
+        tabs(arrayElement);
+    });
     window.addEventListener('hashchange', function () {
         const hash = location.hash.replace('#', '');
         const label = document.querySelector(`label[for="${hash}"]`);
-        if (label instanceof HTMLElement) {
+        if (label instanceof HTMLElement)
             label.click();
-        }
     }, false);
 });

package/assets/js/modules/accordion.js

@@ -1,5 +1,16 @@
 // @ts-nocheck
 function accordion(accordionElement) {
+    // Add classes to help with CSS 
+    let details = accordionElement.querySelectorAll('details');
+    let summaries = accordionElement.querySelectorAll('summary');
+    details.forEach((detail) => {
+        detail.classList.add('accordion-item');
+    });
+    summaries.forEach((summary) => {
+        summary.classList.add('accordion-header');
+        summary.classList.add('accordion-button');
+        summary.classList.add('h4');
+    });
     // Fetch all the details element.
     if (!accordionElement.classList.contains('accordion--keep-open')) {
         const details = accordionElement.querySelectorAll(":scope > details");
@@ -15,19 +26,5 @@ function accordion(accordionElement) {
             });
         });
     }
-    if (window.location.hash && document.querySelector(window.location.hash + ':not([open]) summary')) {
-        const detail = document.querySelector(window.location.hash + ' summary');
-        if (detail instanceof HTMLElement) {
-            detail.click();
-        }
-    }
-    window.addEventListener('hashchange', function () {
-        if (window.location.hash && document.querySelector(window.location.hash + ' summary')) {
-            const detail = document.querySelector(window.location.hash + ' summary');
-            if (detail instanceof HTMLElement) {
-                detail.click();
-            }
-        }
-    });
 }
 export default accordion;

package/assets/js/modules/helpers.js

@@ -19,14 +19,19 @@ export const addBodyClasses = (body) => {
  * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.
  */
 export const addGlobalEvents = (body) => {
+    if (location.hash && document.querySelector(location.hash + ':not([open]) summary')) {
+        const summary = document.querySelector(location.hash + ' summary');
+        if (summary instanceof HTMLElement)
+            summary.click();
+    }
     window.addEventListener('hashchange', function () {
         const hash = location.hash.replace('#', '');
         const label = document.querySelector(`label[for="${hash}"]`);
-        const detail = document.querySelector(`details[id="${hash}"]:not([open])`);
-        if (label)
+        const summary = document.querySelector(location.hash + ' summary');
+        if (label instanceof HTMLElement)
             label.click();
-        else if (detail)
-            detail.setAttribute('open', 'open');
+        else if (summary instanceof HTMLElement)
+            summary.click();
     }, false);
     return null;
 };

package/assets/js/modules/tabs.js

@@ -0,0 +1,91 @@
+// @ts-nocheck
+export const createTabsLinks = function (tabsElement) {
+    const details = tabsElement.querySelectorAll(':scope > details');
+    let summaries = tabsElement.querySelectorAll(':scope > details > summary');
+    let tabLinks = tabsElement.querySelector(':scope > .tabs__links');
+    if (tabsElement.shadowRoot && tabsElement.shadowRoot.querySelector('.tabs__links'))
+        tabLinks = tabsElement.shadowRoot.querySelector('.tabs__links');
+    if (!tabLinks) {
+        tabLinks = document.createElement('div');
+        tabLinks.classList.add('tabs__links');
+        tabsElement.prepend(tabLinks);
+    }
+    // Create the tab buttons from the summary titles
+    details.forEach((detail, index) => {
+        let summary = detail.querySelector(':scope > summary');
+        summary.classList.add('visually-hidden');
+        let button = document.createElement('button');
+        if (detail.hasAttribute('id')) {
+            button = document.createElement('a');
+            button.setAttribute('href', `#${detail.getAttribute('id')}`);
+        }
+        if (detail.hasAttribute('open')) {
+            button.setAttribute('aria-pressed', true);
+        }
+        button.innerHTML = `${summary.innerText}`;
+        button.classList.add('link');
+        button.setAttribute('data-index', index);
+        button.setAttribute('tabindex', '-1');
+        tabLinks.appendChild(button);
+    });
+};
+export const setTabsEventHandlers = function (tabsElement) {
+    let details = tabsElement.querySelectorAll(':scope > details');
+    let summaries = tabsElement.querySelectorAll(':scope > details > summary');
+    let buttons = tabsElement.querySelectorAll(':scope > .tabs__links > button, .tabs__links > a');
+    if (tabsElement.shadowRoot)
+        buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button, .tabs__links > a');
+    // Set the on click for the tab buttons, these will open the details box it matches too
+    buttons.forEach((button) => {
+        button.addEventListener("click", (e) => {
+            e.preventDefault();
+            buttons.forEach((buttonLoopItem) => {
+                let buttonPressed = buttonLoopItem == button ? true : false;
+                buttonLoopItem.setAttribute('aria-pressed', buttonPressed);
+            });
+            details.forEach((detail, detailsIndex) => {
+                let detailsOpen = button.getAttribute('data-index') == detailsIndex ? true : false;
+                if (detailsOpen)
+                    detail.setAttribute('open', detailsOpen);
+                else
+                    detail.removeAttribute('open');
+            });
+            if (button.hasAttribute('href'))
+                history.pushState(undefined, undefined, button.getAttribute('href'));
+        });
+    });
+    // Make sure we dont loose existing summary functionality
+    summaries.forEach((summary, index) => {
+        // Maintain the focus on the summary element but visually highlight the tab button
+        summary.addEventListener("focus", (e) => {
+            buttons.forEach((button) => {
+                button.classList.remove('focus');
+            });
+            buttons[index].classList.add('focus');
+        });
+        summary.addEventListener("click", (e) => {
+            e.preventDefault();
+            buttons[index].click();
+        });
+    });
+};
+export const openFirstTab = function (tabsElement) {
+    let details = tabsElement.querySelectorAll(':scope > details');
+    let buttons = tabsElement.querySelectorAll(':scope > .tabs__links > button, .tabs__links > a');
+    if (tabsElement.shadowRoot)
+        buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button, .tabs__links > a');
+    if (location.hash && tabsElement.querySelector(`.tabs__links [href="${location.hash}"]`)) {
+        tabsElement.querySelector(`[href="${location.hash}"]`).setAttribute('open', true);
+        tabsElement.querySelector(`details[id="${location.hash.replace('#', '')}"]`).setAttribute('open', true);
+    }
+    else if (!tabsElement.querySelector(`details[open]`)) {
+        details[0].setAttribute('open', true);
+        buttons[0].setAttribute('aria-pressed', true);
+    }
+};
+const tabs = function (tabsElement) {
+    createTabsLinks(tabsElement);
+    setTabsEventHandlers(tabsElement);
+    openFirstTab(tabsElement);
+};
+export default tabs;