@iamproperty/components 3.4.5 → 3.4.7

package/assets/js/dynamic.min.js

@@ -0,0 +1,5 @@
+/*!
+  * iamKey v3.4.7
+  * Copyright 2022-2023 iamproperty
+  */(function(u){typeof define=="function"&&define.amd?define(u):u()})(function(){"use strict";class u{constructor(i){document.body.classList.contains("youtubeLoaded")?i.addEventListener("click",function(t){for(var o=t.target;o&&o!=this;o=o.parentNode)if(o.matches("a")){t.preventDefault(),h(o);break}},!1):this.loadScripts(i,this.createEmbed)}loadScripts(i){return new Promise((t,o)=>{const s=new Image;s.onload=function(){var a=document.createElement("script");a.src="https://www.youtube.com/iframe_api";var l=document.getElementsByTagName("script")[0];l.parentNode.insertBefore(a,l),document.body.classList.add("youtubeLoaded"),t(!0),a.onload=()=>{i.addEventListener("click",function(r){console.log("click"),r&&r.target instanceof HTMLElement&&r.target.closest("a")&&(r.preventDefault(),h(r.target.closest("a")))},!1)}},s.onerror=function(){o(!1)},s.src="https://youtube.com/favicon.ico"})}}const h=function(e){typeof window.player<"u"&&typeof window.player.pauseVideo=="function"&&window.player.pauseVideo();var i=e.getAttribute("data-id"),t=e.getAttribute("id");if(typeof t>"u"||t==null){var o=String.fromCharCode(65+Math.floor(Math.random()*26));t=o+Date.now(),e.setAttribute("id",t)}function s(){window.player=new YT.Player(t,{height:"100%",width:"100%",videoId:i,playerVars:{modestbranding:1,playsinline:1,rel:0,showinfo:0},events:{onReady:a,onStateChange:r}})}s();function a(n){n.target.playVideo()}var l=!1;function r(n){if(n.data==YT.PlayerState.PLAYING&&!l){var c=document.getElementById(t);c.classList.add("player-ready"),l=!0}}},b=e=>(e.classList.add("js-enabled"),(navigator.userAgent.indexOf("MSIE")!==-1||navigator.appVersion.indexOf("Trident/")>0)&&e.classList.add("ie"),null),y=e=>{const i=function(t){const o=document.querySelector(`label[for="${t.replace("#","")}"]`),s=document.querySelector(t+" summary"),a=document.querySelector(`dialog${t}`);o instanceof HTMLElement?o.click():s instanceof HTMLElement?s.click():a instanceof HTMLElement&&a.showModal()};return location.hash&&i(location.hash),window.addEventListener("hashchange",function(){i(location.hash)},!1),addEventListener("popstate",t=>{if(t.state.type=="pagination"){let o=document.querySelector(`#${t.state.form}`),s=document.querySelector(`#${t.state.form} [data-pagination]`);s?s.value=t.state.page:o.innerHTML+=`<input name="page" type="hidden" data-pagination="true" value="${t.state.page}" />`,o.dispatchEvent(new Event("submit"))}}),document.addEventListener("click",t=>{if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-modal]")){const s=t.target.closest("[data-modal]").getAttribute("data-modal"),a=document.querySelector(`dialog#${s}`);a.parentNode.closest("form")&&!a.querySelector(":scope > .dialog__close:first-child")?a.innerHTML=`<button class="dialog__close" formmethod="dialog">Close</button>${a.innerHTML}`:!a.parentNode.closest("form")&&!a.querySelector(":scope > form:first-child")&&(a.innerHTML=`<form><button class="dialog__close" formmethod="dialog">Close</button></form>${a.innerHTML}`);let l=a.querySelector(".youtube-embed a");l&&h(l),a.showModal(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:s})}if(t&&t.target instanceof HTMLElement&&t.target.closest("dialog[open]")){const o=t.target.closest("dialog[open]"),s=o.getBoundingClientRect();(t.clientX<s.left||t.clientX>s.right||t.clientY<s.top||t.clientY>s.bottom)&&(o.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:o.getAttribute("id")}))}if(t&&t.target instanceof HTMLElement&&t.target.closest(".dialog__wrapper > button")){let o=t.target.closest(".dialog__wrapper > button"),s=t.target.closest(".dialog__wrapper > button").parentNode,a="openPopover",l=s.querySelector(":scope > dialog");l.hasAttribute("open")?(l.close(),a="closePopover"):l.show(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:a,id:o.textContent})}}),null};function g(){window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"Pageview",pageTitle:document.title}),document.addEventListener("click",e=>{e&&e.target instanceof HTMLElement&&e.target.closest("[open] summary")?window.dataLayer.push({event:"closeDetails",detailsTitle:e.target.closest("summary").textContent}):e&&e.target instanceof HTMLElement&&e.target.closest("summary")&&window.dataLayer.push({event:"openDetails",detailsTitle:e.target.closest("summary").textContent}),e&&e.target instanceof HTMLElement&&e.target.closest("a")&&window.dataLayer.push({event:"linkClicked",linkText:e.target.closest("a").hasAttribute("title")?e.target.closest("a").getAttribute("title"):e.target.closest("a").textContent,class:e.target.closest("a").hasAttribute("class")?e.target.closest("a").getAttribute("class"):"",href:e.target.closest("a").getAttribute("href")}),e&&e.target instanceof HTMLElement&&e.target.closest("button")&&window.dataLayer.push({event:"buttonClicked",buttonText:e.target.closest("button").textContent,class:e.target.closest("button").hasAttribute("class")?e.target.closest("button").getAttribute("class"):""})})}const L=e=>{Array.from(e.querySelectorAll("details")).forEach((i,t)=>{i.addEventListener("mouseenter",function(o){window.matchMedia("(min-width: 62em)").matches&&i.setAttribute("open","true")},!1),i.addEventListener("mouseleave",function(o){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 p(e){var i;const t=e.querySelector(".testimonial__images"),o=t.querySelectorAll("img").length;if(o==1)return!1;e.classList.add("testimonial--multi");const s=function(a){const l=e.querySelector(".btn-next"),r=e.querySelector(".btn-prev");l.setAttribute("data-go",a+1),r.setAttribute("data-go",a-1),l.removeAttribute("disabled"),r.removeAttribute("disabled"),a==1?r.setAttribute("disabled",!0):a==o&&l.setAttribute("disabled",!0)};t.addEventListener("scroll",function(a){clearTimeout(i),i=setTimeout(function(){let l=t.scrollWidth,r=t.scrollHeight,n=t.scrollLeft,c=t.scrollTop,d=Math.round(n/l*o)+1;n==0&&c!=0&&(d=Math.round(c/r*o)+1),e.setAttribute("data-show",d),s(d)},300)},!1),e.addEventListener("click",function(a){for(var l=a.target;l&&l!=this;l=l.parentNode)if(l.matches("[data-go]")){let r=parseInt(l.getAttribute("data-go")),n=0,c=0,d=t.scrollWidth,m=t.scrollHeight;d>m?c=Math.floor(d*((r-1)/o)):n=Math.floor(m*((r-1)/o)),t.scroll({top:n,left:c,behavior:"smooth"});break}},!1)}function A(e){var i;let t=e.querySelector(".carousel__inner"),o=e.querySelectorAll(".carousel__item").length;e.getAttribute("data-cols");let s=e.getAttribute("data-sm-cols"),a=e.getAttribute("data-md-cols");e.querySelector(".carousel__controls a").classList.add("active"),t.addEventListener("scroll",function(l){clearTimeout(i),i=setTimeout(function(){let r=t.clientWidth,n=t.scrollWidth,c=t.scrollLeft,d=Math.round(c/n*o)+1,m=e.querySelector(".carousel__item:last-child").offsetLeft;Array.from(e.querySelectorAll(".carousel__controls a")).forEach((M,_)=>{M.classList.remove("active")}),e.querySelector(".control-"+d).classList.add("active"),d==1?e.querySelector(".btn-prev").setAttribute("disabled","disabled"):e.querySelector(".btn-prev").removeAttribute("disabled"),t.scrollLeft+r>m?e.querySelector(".btn-next").setAttribute("disabled","disabled"):e.querySelector(".btn-next").removeAttribute("disabled")},100)},!1),e.addEventListener("click",function(l){for(var r=l.target;r&&r!=this;r=r.parentNode)if(r.matches(".carousel__controls a")){l.preventDefault(),Array.from(e.querySelectorAll(".carousel__controls a")).forEach((c,d)=>{c.classList.remove("active")}),r.classList.add("active");const n=document.querySelector(r.getAttribute("href"));t.scroll({top:0,left:n.offsetLeft,behavior:"smooth"});break}},!1),e.addEventListener("click",function(l){for(var r=l.target;r&&r!=this;r=r.parentNode)if(r.matches(".btn-next, .btn-prev")){l.preventDefault();let n=r.classList.contains("btn-prev")?t.scrollLeft-t.clientWidth:t.scrollLeft+t.clientWidth;t.scroll({top:0,left:n,behavior:"smooth"});break}},!1),o==1&&e.classList.add("hide-btns"),s>=o&&e.classList.add("hide-sm-btns"),a>=o&&e.classList.add("hide-md-btns")}function w(e){e.addEventListener("change",function(i){var t=parseInt(e.querySelector("[data-min] select,[data-min] input").value),o=parseInt(e.querySelector("[data-max] select,[data-max] input").value);Array.from(e.querySelectorAll("[data-min] input")).forEach((s,a)=>{s.setAttribute("max",o)}),Array.from(e.querySelectorAll("[data-max] input")).forEach((s,a)=>{s.setAttribute("min",t)}),Array.from(e.querySelectorAll("[data-min] select option")).forEach((s,a)=>{parseInt(s.getAttribute("value"))>o?s.classList.add("d-none"):s.classList.remove("d-none")}),Array.from(e.querySelectorAll("[data-max] select option")).forEach((s,a)=>{parseInt(s.getAttribute("value"))<t?s.classList.add("d-none"):s.classList.remove("d-none")})},!1)}function v(e){e.addEventListener("change",function(i){if(e.matches("[data-value-if]")){const t=e.getAttribute("data-redirect"),o=e.getAttribute("data-value-if");e.value==o&&(document.location.href=t)}else typeof e.value<"u"&&(document.location.href=e.value)},!1)}function S(e){const t=e.querySelector(".row").cloneNode(!0),o=e.querySelector("[data-add]");e.addEventListener("click",function(s){for(var a=s.target;a&&a!=this;a=a.parentNode){if(a.matches("[data-add]")){const l=t.cloneNode(!0);e.insertBefore(l,a),o.matches("[data-maxfiles]")&&Array.from(e.querySelectorAll(":scope > .row")).length>=o.dataset.maxfiles&&o.setAttribute("disabled","disabled");break}if(a.matches("[data-delete]")){a.closest(".row").remove(),o.matches("[data-maxfiles]")&&Array.from(e.querySelectorAll(":scope > .row")).length<o.dataset.maxfiles&&o.removeAttribute("disabled");break}}},!1)}function q(e){Array.from(e.querySelectorAll("[data-input-range]")).forEach((i,t)=>{w(i)}),Array.from(e.querySelectorAll("[data-redirect]")).forEach((i,t)=>{v(i)}),Array.from(e.querySelectorAll(".multiple-file-uploads")).forEach((i,t)=>{S(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 o=t.dataset.filesize;t.files[0].size>o&&(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,o)=>{let s=t.closest("[data-group]")?t.closest("[data-group]"):e,a=t.dataset.activeif,l=t.dataset.equals;s.querySelector(`select[data-id="${a}"],input[data-id="${a}"]`).value==l?t.removeAttribute("disabled"):(t.setAttribute("disabled","disabled"),t.value="")}),Array.from(e.querySelectorAll(".form-control__wrapper[data-displayif][data-equals]")).forEach((t,o)=>{let s=t.closest("[data-group]")?t.closest("[data-group]"):e,a=t.dataset.activeif,l=t.dataset.equals;s.querySelector(`select[data-id="${a}"],input[data-id="${a}"]`).value==l?t.classList.remove("d-none"):t.classList.add("d-none")})},!1)}const x=["accordion","header","tabs","table","card","pagination","filterlist","applied-filters"],f="iam",T={rootMargin:"50px",threshold:.1};x.forEach(e=>{if(console.log(e),document.getElementsByTagName(`${f}-${e}`).length===0)return;let i=o=>{o.forEach(s=>{s.intersectionRatio>0&&(console.log(e),import(`./components/${e}/${e}.component.min.js`).then(a=>{window.customElements.get(`${f}-${e}`)||window.customElements.define(`${f}-${e}`,a.default)}).catch(a=>{console.log(a.message)}),t.unobserve(s.target))})};const t=new IntersectionObserver(i,T);t.observe(document.getElementsByTagName(`${f}-${e}`)[0])}),document.addEventListener("DOMContentLoaded",function(){g(),b(document.body),y(),Array.from(document.querySelectorAll(".nav")).forEach(e=>{L(e)}),Array.from(document.querySelectorAll(".testimonial")).forEach(e=>{p(e)}),Array.from(document.querySelectorAll(".carousel")).forEach(e=>{A(e)}),Array.from(document.querySelectorAll("form")).forEach(e=>{q(e)}),Array.from(document.querySelectorAll(".youtube-embed")).forEach(e=>{console.log(e),new u(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/youtubevideo.js","modules/helpers.js","modules/data-layer.js","modules/nav.js","modules/testimonial.js","modules/carousel.js","modules/form.js","dynamic.js"],"sourcesContent":["// @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        // 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')) {\n                        e.preventDefault();\n                        createEmbed(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     */\n    loadScripts(embed) {\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 (event) {\n                        console.log('click');\n                        // loop parent nodes from the target to the delegation node\n                        if (event && event.target instanceof HTMLElement && event.target.closest('a')) {\n                            event.preventDefault();\n                            createEmbed(event.target.closest('a'));\n                        }\n                    }, false);\n                };\n            };\n            image.onerror = function () {\n                reject(false);\n            };\n            image.src = \"https://youtube.com/favicon.ico\";\n        });\n    }\n}\nexport const createEmbed = function (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};\nexport default youtubeVideo;\n","// @ts-nocheck\nimport { createEmbed } from \"./youtubevideo.js\";\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    const checkElements = function (hash) {\n        const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n        const summary = document.querySelector(hash + ' summary');\n        const dialog = document.querySelector(`dialog${hash}`);\n        if (label instanceof HTMLElement)\n            label.click();\n        else if (summary instanceof HTMLElement)\n            summary.click();\n        else if (dialog instanceof HTMLElement)\n            dialog.showModal();\n    };\n    if (location.hash)\n        checkElements(location.hash);\n    window.addEventListener('hashchange', function () { checkElements(location.hash); }, false);\n    addEventListener(\"popstate\", (event) => {\n        if (event.state.type == \"pagination\") {\n            let form = document.querySelector(`#${event.state.form}`);\n            let pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n            if (pageInput)\n                pageInput.value = event.state.page;\n            else\n                form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n            form.dispatchEvent(new Event(\"submit\"));\n        }\n    });\n    // Dialogs/modals\n    document.addEventListener('click', (event) => {\n        // Modal\n        if (event && event.target instanceof HTMLElement && event.target.closest('[data-modal]')) {\n            const button = event.target.closest('[data-modal]');\n            const modalID = button.getAttribute('data-modal');\n            const dialog = document.querySelector(`dialog#${modalID}`);\n            // Create close button is needed\n            if (dialog.parentNode.closest('form') && !dialog.querySelector(':scope > .dialog__close:first-child'))\n                dialog.innerHTML = `<button class=\"dialog__close\" formmethod=\"dialog\">Close</button>${dialog.innerHTML}`;\n            else if (!dialog.parentNode.closest('form') && !dialog.querySelector(':scope > form:first-child'))\n                dialog.innerHTML = `<form><button class=\"dialog__close\" formmethod=\"dialog\">Close</button></form>${dialog.innerHTML}`;\n            let videoButton = dialog.querySelector('.youtube-embed a');\n            if (videoButton) {\n                createEmbed(videoButton);\n            }\n            dialog.showModal();\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                \"event\": \"openModal\",\n                \"id\": modalID\n            });\n        }\n        ;\n        // Close modal\n        if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')) {\n            const dialog = event.target.closest('dialog[open]');\n            const dialogDimensions = dialog.getBoundingClientRect();\n            if (event.clientX < dialogDimensions.left || event.clientX > dialogDimensions.right || event.clientY < dialogDimensions.top || event.clientY > dialogDimensions.bottom) {\n                dialog.close();\n                window.dataLayer = window.dataLayer || [];\n                window.dataLayer.push({\n                    \"event\": \"closeModal\",\n                    \"id\": dialog.getAttribute('id')\n                });\n            }\n        }\n        // Popover\n        if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')) {\n            let btn = event.target.closest('.dialog__wrapper > button');\n            let parent = event.target.closest('.dialog__wrapper > button').parentNode;\n            let dataEvent = \"openPopover\";\n            let popover = parent.querySelector(':scope > dialog');\n            if (popover.hasAttribute('open')) {\n                popover.close();\n                dataEvent = \"closePopover\";\n            }\n            else\n                popover.show();\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                \"event\": dataEvent,\n                \"id\": btn.textContent\n            });\n        }\n        ;\n    });\n    return null;\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","function createDataLayer() {\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        \"event\": \"Pageview\",\n        \"pageTitle\": document.title\n    });\n    // Global events to track\n    document.addEventListener('click', (event) => {\n        if (event && event.target instanceof HTMLElement && event.target.closest('[open] summary')) {\n            window.dataLayer.push({\n                \"event\": \"closeDetails\",\n                // @ts-ignore: Object is possibly 'null'.\n                \"detailsTitle\": event.target.closest('summary').textContent\n            });\n        }\n        else if (event && event.target instanceof HTMLElement && event.target.closest('summary')) {\n            window.dataLayer.push({\n                \"event\": \"openDetails\",\n                // @ts-ignore: Object is possibly 'null'.\n                \"detailsTitle\": event.target.closest('summary').textContent\n            });\n        }\n        if (event && event.target instanceof HTMLElement && event.target.closest('a')) {\n            window.dataLayer.push({\n                \"event\": \"linkClicked\",\n                // @ts-ignore: Object is possibly 'null'.\n                \"linkText\": event.target.closest('a').hasAttribute('title') ? event.target.closest('a').getAttribute('title') : event.target.closest('a').textContent,\n                // @ts-ignore: Object is possibly 'null'.\n                \"class\": (event.target.closest('a').hasAttribute('class') ? event.target.closest('a').getAttribute('class') : ''),\n                // @ts-ignore: Object is possibly 'null'.\n                \"href\": event.target.closest('a').getAttribute('href')\n            });\n        }\n        if (event && event.target instanceof HTMLElement && event.target.closest('button')) {\n            window.dataLayer.push({\n                \"event\": \"buttonClicked\",\n                // @ts-ignore: Object is possibly 'null'.\n                \"buttonText\": event.target.closest('button').textContent,\n                // @ts-ignore: Object is possibly 'null'.\n                \"class\": (event.target.closest('button').hasAttribute('class') ? event.target.closest('button').getAttribute('class') : '')\n            });\n        }\n    });\n}\nexport default createDataLayer;\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\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// Modules\nimport * as helpers from '../js/modules/helpers.js';\nimport createDataLayer from '../js/modules/data-layer.js';\nimport nav from '../js/modules/nav.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';\nconst components = ['accordion', 'header', 'tabs', 'table', 'card', 'pagination', 'filterlist', 'applied-filters'];\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    console.log(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                console.log(component);\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    createDataLayer();\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    // 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    // YouTube videos\n    Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement) => {\n        console.log(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":["youtubeVideo","embed","e","target","createEmbed","resolve","reject","image","tag","firstScriptTag","event","video_id","link_id","randLetter","onYouTubeIframeAPIReady","onPlayerReady","onPlayerStateChange","done","link","addBodyClasses","body","addGlobalEvents","checkElements","hash","label","summary","dialog","form","pageInput","modalID","videoButton","dialogDimensions","btn","parent","dataEvent","popover","createDataLayer","navbar","element","detail","index","testimonial","testimonialElement","scrollTimeout","imagesCarousel","itemCount","setButtons","scrollTo","nextButton","prevButton","scrollWidth","scrollHeight","scrollLeft","scrollDown","carousel","carouselElement","carouselInner","smCols","mdCols","scrollArea","targetSlide","lastItemOffset","el","inputRange","inputWrapper","min","max","input","option","inputRedirect","url","desiredValue","multipleFileUploads","wrapper","clone","addButton","tempClone","formElement","arrayElement","maxAllowedSize","group","selector","value","components","prefix","options","component","callback","entries","entry","module","err","intObserver","helpers.addBodyClasses","helpers.addGlobalEvents","nav"],"mappings":"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"}

package/assets/js/flat-components.js

@@ -0,0 +1,79 @@
+// @ts-nocheck
+// Modules
+import * as helpers from '../js/modules/helpers.js';
+import createDataLayer from '../js/modules/data-layer.js';
+import nav from '../js/modules/nav.js';
+import * as tableModule from './modules/table.js';
+import accordion from './modules/accordion.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 tabs from '../js/modules/tabs.js';
+import filterlist from '../js/modules/filterlist.js';
+import createPaginationButttons from '../js/modules/pagination.js';
+// Attach classes to dom elements
+document.addEventListener("DOMContentLoaded", function () {
+    createDataLayer();
+    // Global stuff
+    helpers.addBodyClasses(document.body);
+    helpers.addGlobalEvents(document.body);
+    //helpers.checkElements(document.body);
+    // ANav
+    Array.from(document.querySelectorAll('.nav')).forEach((arrayElement) => {
+        nav(arrayElement);
+    });
+    // Advanced tables
+    Array.from(document.querySelectorAll('table')).forEach((arrayElement) => {
+        tableModule.addTableEventListeners(arrayElement);
+        tableModule.createMobileButton(arrayElement);
+        tableModule.addDataAttributes(arrayElement);
+        if (arrayElement.closest('.table--cta')) {
+            const largestWidth = tableModule.getLargestLastColWidth(arrayElement);
+            arrayElement.closest('.table--cta').style.setProperty("--cta-width", `${largestWidth}rem`);
+        }
+    });
+    // Accordions
+    Array.from(document.querySelectorAll('.accordion')).forEach((arrayElement) => {
+        accordion(arrayElement);
+    });
+    // Testimonial
+    Array.from(document.querySelectorAll('.testimonial')).forEach((arrayElement) => {
+        testimonial(arrayElement);
+    });
+    // Carousel
+    Array.from(document.querySelectorAll('.carousel')).forEach((arrayElement) => {
+        carousel(arrayElement);
+    });
+    // Form
+    Array.from(document.querySelectorAll('form')).forEach((arrayElement) => {
+        form(arrayElement);
+    });
+    // YouTube videos
+    Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement) => {
+        new youtubeVideo(arrayElement);
+    });
+    // Tabs
+    Array.from(document.querySelectorAll('.tabs')).forEach((arrayElement) => {
+        tabs(arrayElement);
+    });
+    // filterlist
+    Array.from(document.querySelectorAll('.iam-filterlist')).forEach((arrayElement) => {
+        if (arrayElement.hasAttribute('data-input') && document.querySelector(arrayElement.getAttribute('data-input')))
+            filterlist(arrayElement.querySelector('ul'), document.querySelector(arrayElement.getAttribute('data-input')));
+    });
+    Array.from(document.querySelectorAll('.pagination__wrapper')).forEach((arrayElement) => {
+        const params = new URLSearchParams(window.location.search);
+        arrayElement.setAttribute('data-page', (params.has('page') ? params.get('page') : 1));
+        arrayElement.setAttribute('data-show', (params.has('show') ? params.get('show') : 15));
+        arrayElement.setAttribute('data-increment', 15);
+        arrayElement.setAttribute('data-pages', Math.ceil(arrayElement.getAttribute('data-total') / arrayElement.getAttribute('data-show')));
+        createPaginationButttons(arrayElement, arrayElement);
+    });
+    window.addEventListener('hashchange', function () {
+        const hash = location.hash.replace('#', '');
+        const label = document.querySelector(`label[for="${hash}"]`);
+        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/applied-filters.js

@@ -0,0 +1,100 @@
+// @ts-nocheck
+function createAppliedFilters(container, filters) {
+    function addFilterButton(filters, input) {
+        let shouldRemoveFilter = false;
+        let inputName = input.getAttribute('name');
+        if (inputName.includes('[]'))
+            inputName = inputName.replace('[]', `[${input.value}]`);
+        let filter = filters.querySelector(`[data-name="${inputName}"]`);
+        if (filter && input.getAttribute('type') == 'checkbox')
+            shouldRemoveFilter = true;
+        let filterText = input.getAttribute('data-filter-text');
+        if (!filter) {
+            filter = document.createElement('button');
+            filters.appendChild(filter);
+        }
+        filter.setAttribute('type', 'button');
+        filter.classList.add('filter');
+        filter.setAttribute('data-name', inputName);
+        filter.innerHTML = filterText.replace('$value', input.value);
+        // If the value
+        if (!input.value || shouldRemoveFilter)
+            filter.remove();
+        // If input has an ancestor with data-filter and all of inputs in that parent have been filled in then we need to transform the filter
+        if (input.parentNode.closest('[data-filter-text]')) {
+            let parent = input.parentNode.closest('[data-filter-text]');
+            let allValuesSet = true;
+            inputName = "";
+            parent.querySelectorAll('input').forEach((element, index) => {
+                let name = element.getAttribute('name');
+                // create a joined inputname for the parent filter
+                inputName += `${index != 0 ? ',' : ''}${name}`;
+                if (filters.querySelector(`[data-name="${name}"]`))
+                    filters.querySelector(`[data-name="${name}"]`).remove();
+                if (element.value) {
+                    let childFilter = document.createElement('button');
+                    childFilter.setAttribute('type', 'button');
+                    childFilter.classList.add('filter');
+                    childFilter.setAttribute('data-name', name);
+                    childFilter.innerHTML = filterText.replace('$value', element.value);
+                    filters.appendChild(childFilter);
+                }
+                else
+                    allValuesSet = false;
+            });
+            if (filters.querySelector(`[data-name="${inputName}"]`))
+                filters.querySelector(`[data-name="${inputName}"]`).remove();
+            if (allValuesSet) {
+                let newFilterText = parent.getAttribute('data-filter-text');
+                parent.querySelectorAll('input').forEach((element, index) => {
+                    let name = element.getAttribute('name');
+                    // Remove all the child filter tags
+                    if (filters.querySelector(`[data-name="${name}"]`))
+                        filters.querySelector(`[data-name="${name}"]`).remove();
+                    newFilterText = newFilterText.replace(`$${index + 1}`, element.value);
+                });
+                let parentFilter = document.createElement('button');
+                parentFilter.setAttribute('type', 'button');
+                parentFilter.classList.add('filter');
+                parentFilter.setAttribute('data-name', inputName);
+                parentFilter.innerHTML = newFilterText;
+                filters.appendChild(parentFilter);
+            }
+        }
+    }
+    // check for inputs on load
+    Array.from(container.querySelectorAll('input[type="checkbox"]:checked')).forEach((input, index) => {
+        addFilterButton(filters, input);
+    });
+    container.addEventListener('change', function (event) {
+        if (event && event.target instanceof HTMLElement && event.target.closest('input[data-filter-text]')) {
+            let input = event.target.closest('input[data-filter-text]');
+            addFilterButton(filters, input);
+        }
+        ;
+    }, false);
+    filters.addEventListener('click', function (event) {
+        if (event && event.target instanceof HTMLElement && event.target.closest('.filter')) {
+            let filter = event.target.closest('.filter');
+            let names = filter.getAttribute('data-name').split(',');
+            for (var t = 0; t < names.length; t++) {
+                let name = names[t];
+                let selector = `[name="${name}"]`;
+                if (name.match(/\[(.*)\]/)) {
+                    let newName = name.replace(/\[(.*)\]/, `[]`);
+                    let value = name.replace(/.*\[(.*)\]/, `$1`);
+                    selector = `[name="${newName}"][value="${value}"]`;
+                }
+                let inputs = container.querySelectorAll(selector);
+                for (var i = 0; i < inputs.length; i++) {
+                    let input = inputs[i];
+                    if (input.getAttribute('type') != 'radio' && input.getAttribute('type') != 'checkbox')
+                        inputs[i].value = "";
+                    inputs[i].checked = false;
+                }
+            }
+            filter.remove();
+        }
+    }, false);
+}
+export default createAppliedFilters;

package/assets/js/modules/data-layer.js

@@ -0,0 +1,45 @@
+function createDataLayer() {
+    window.dataLayer = window.dataLayer || [];
+    window.dataLayer.push({
+        "event": "Pageview",
+        "pageTitle": document.title
+    });
+    // Global events to track
+    document.addEventListener('click', (event) => {
+        if (event && event.target instanceof HTMLElement && event.target.closest('[open] summary')) {
+            window.dataLayer.push({
+                "event": "closeDetails",
+                // @ts-ignore: Object is possibly 'null'.
+                "detailsTitle": event.target.closest('summary').textContent
+            });
+        }
+        else if (event && event.target instanceof HTMLElement && event.target.closest('summary')) {
+            window.dataLayer.push({
+                "event": "openDetails",
+                // @ts-ignore: Object is possibly 'null'.
+                "detailsTitle": event.target.closest('summary').textContent
+            });
+        }
+        if (event && event.target instanceof HTMLElement && event.target.closest('a')) {
+            window.dataLayer.push({
+                "event": "linkClicked",
+                // @ts-ignore: Object is possibly 'null'.
+                "linkText": event.target.closest('a').hasAttribute('title') ? event.target.closest('a').getAttribute('title') : event.target.closest('a').textContent,
+                // @ts-ignore: Object is possibly 'null'.
+                "class": (event.target.closest('a').hasAttribute('class') ? event.target.closest('a').getAttribute('class') : ''),
+                // @ts-ignore: Object is possibly 'null'.
+                "href": event.target.closest('a').getAttribute('href')
+            });
+        }
+        if (event && event.target instanceof HTMLElement && event.target.closest('button')) {
+            window.dataLayer.push({
+                "event": "buttonClicked",
+                // @ts-ignore: Object is possibly 'null'.
+                "buttonText": event.target.closest('button').textContent,
+                // @ts-ignore: Object is possibly 'null'.
+                "class": (event.target.closest('button').hasAttribute('class') ? event.target.closest('button').getAttribute('class') : '')
+            });
+        }
+    });
+}
+export default createDataLayer;

package/assets/js/modules/filterlist.js

@@ -0,0 +1,32 @@
+// @ts-nocheck
+function filterlist(list, input) {
+    addFilterlistEventListeners(list, input);
+}
+function addFilterlistEventListeners(list, input) {
+    var timer;
+    input.addEventListener('keyup', (event) => {
+        clearTimeout(timer);
+        timer = setTimeout(function () {
+            filterTheList(list, input.value);
+        }, 500);
+    });
+    input.addEventListener('change', (event) => {
+        clearTimeout(timer);
+        filterTheList(list, input.value);
+    });
+}
+export const filterTheList = function (list, searchTerm) {
+    Array.from(list.querySelectorAll(':scope > li')).forEach((item, index) => {
+        let content = item.textContent.toLowerCase();
+        item.classList.add('d-none');
+        if (content.includes(searchTerm.toLowerCase()))
+            item.classList.remove('d-none');
+    });
+    // Data layer Web component created
+    window.dataLayer = window.dataLayer || [];
+    window.dataLayer.push({
+        "event": "Filtered list",
+        "value": searchTerm
+    });
+};
+export default filterlist;

package/assets/js/modules/helpers.js

@@ -1,4 +1,5 @@
 // @ts-nocheck
+import { createEmbed } from "./youtubevideo.js";
 /**
  * Global helper functions to help maintain and enhance framework elements.
  * @module Helpers
@@ -19,57 +20,89 @@ 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) => {
-    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 checkElements = function (hash) {
+        const label = document.querySelector(`label[for="${hash.replace('#', '')}"]`);
+        const summary = document.querySelector(hash + ' summary');
+        const dialog = document.querySelector(`dialog${hash}`);
+        if (label instanceof HTMLElement)
             label.click();
-        else if (detail)
-            detail.setAttribute('open', 'open');
-    }, false);
-    return null;
-};
-/**
- * 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.
- * @param {HTMLElement} element Dom element, this doesn't have to be the body but it is recommended.
- */
-export const checkElements = (element) => {
-    // Tables
-    Array.from(element.querySelectorAll('table')).forEach((table, index) => {
-        tableStacked(table);
-        tableWrap(table);
+        else if (summary instanceof HTMLElement)
+            summary.click();
+        else if (dialog instanceof HTMLElement)
+            dialog.showModal();
+    };
+    if (location.hash)
+        checkElements(location.hash);
+    window.addEventListener('hashchange', function () { checkElements(location.hash); }, false);
+    addEventListener("popstate", (event) => {
+        if (event.state.type == "pagination") {
+            let form = document.querySelector(`#${event.state.form}`);
+            let pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);
+            if (pageInput)
+                pageInput.value = event.state.page;
+            else
+                form.innerHTML += `<input name="page" type="hidden" data-pagination="true" value="${event.state.page}" />`;
+            form.dispatchEvent(new Event("submit"));
+        }
     });
-};
-/**
- * Wrap tables with a table wrapper div to help maintain its responsive design.
- * @param {HTMLElement} table Dom table element
- */
-export const tableWrap = (table) => {
-    if (!table.parentNode.classList.contains('table__wrapper')) {
-        const tableHTML = table.outerHTML;
-        table.outerHTML = `<div class="table__wrapper">${tableHTML}</div>`;
-    }
-};
-/**
- * Creates data attributes to be used by the CSS for mobile views.
- * @param {HTMLElement} table Dom table element
- */
-export const tableStacked = (table) => {
-    const colHeadings = Array.from(table.querySelectorAll('thead th'));
-    const colRows = Array.from(table.querySelectorAll('tbody tr'));
-    colRows.forEach((row, index) => {
-        const cells = Array.from(row.querySelectorAll('th, td'));
-        cells.forEach((cell, cellIndex) => {
-            const heading = colHeadings[cellIndex];
-            if (typeof heading != "undefined") {
-                let tempDiv = document.createElement("div");
-                tempDiv.innerHTML = heading.innerHTML;
-                let headingText = tempDiv.textContent || tempDiv.innerText || "";
-                cell.setAttribute('data-label', headingText);
+    // Dialogs/modals
+    document.addEventListener('click', (event) => {
+        // Modal
+        if (event && event.target instanceof HTMLElement && event.target.closest('[data-modal]')) {
+            const button = event.target.closest('[data-modal]');
+            const modalID = button.getAttribute('data-modal');
+            const dialog = document.querySelector(`dialog#${modalID}`);
+            // Create close button is needed
+            if (dialog.parentNode.closest('form') && !dialog.querySelector(':scope > .dialog__close:first-child'))
+                dialog.innerHTML = `<button class="dialog__close" formmethod="dialog">Close</button>${dialog.innerHTML}`;
+            else if (!dialog.parentNode.closest('form') && !dialog.querySelector(':scope > form:first-child'))
+                dialog.innerHTML = `<form><button class="dialog__close" formmethod="dialog">Close</button></form>${dialog.innerHTML}`;
+            let videoButton = dialog.querySelector('.youtube-embed a');
+            if (videoButton) {
+                createEmbed(videoButton);
             }
-        });
+            dialog.showModal();
+            window.dataLayer = window.dataLayer || [];
+            window.dataLayer.push({
+                "event": "openModal",
+                "id": modalID
+            });
+        }
+        ;
+        // Close modal
+        if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')) {
+            const dialog = event.target.closest('dialog[open]');
+            const dialogDimensions = dialog.getBoundingClientRect();
+            if (event.clientX < dialogDimensions.left || event.clientX > dialogDimensions.right || event.clientY < dialogDimensions.top || event.clientY > dialogDimensions.bottom) {
+                dialog.close();
+                window.dataLayer = window.dataLayer || [];
+                window.dataLayer.push({
+                    "event": "closeModal",
+                    "id": dialog.getAttribute('id')
+                });
+            }
+        }
+        // Popover
+        if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')) {
+            let btn = event.target.closest('.dialog__wrapper > button');
+            let parent = event.target.closest('.dialog__wrapper > button').parentNode;
+            let dataEvent = "openPopover";
+            let popover = parent.querySelector(':scope > dialog');
+            if (popover.hasAttribute('open')) {
+                popover.close();
+                dataEvent = "closePopover";
+            }
+            else
+                popover.show();
+            window.dataLayer = window.dataLayer || [];
+            window.dataLayer.push({
+                "event": dataEvent,
+                "id": btn.textContent
+            });
+        }
+        ;
     });
+    return null;
 };
 export const isNumeric = function (str) {
     if (typeof str != "string")

package/assets/js/modules/pagination.js

@@ -0,0 +1,33 @@
+const createPaginationButttons = function (controller, pagination) {
+    if (!controller.getAttribute('data-pages'))
+        return false;
+    if (!controller.getAttribute('data-page'))
+        controller.setAttribute('data-page', 1);
+    let currentPage = controller.getAttribute('data-page');
+    let numberPages = controller.getAttribute('data-pages');
+    let numberRows = controller.getAttribute('data-total');
+    let showRows = controller.getAttribute('data-show');
+    let addRows = controller.getAttribute('data-increment');
+    if (numberPages <= 1) {
+        pagination.innerHTML = '';
+        return false;
+    }
+    let strButtons = '';
+    for (let i = 1; i <= numberPages; i++) {
+        if (i == currentPage)
+            strButtons += `<li class="page-item active" aria-current="page"><span class="page-link">${i}</span></li>`;
+        else
+            strButtons += `<li class="page-item"><a href="?page=${i}" class="page-link" data-page="${i}">${i}</a></li>`;
+    }
+    pagination.innerHTML = `<ul class="pagination mb-0 d-none d-sm-flex">
+    ${currentPage == 1 ? `<li class="page-item disabled"><span class="page-link">Previous</span></li>` : `<li class="page-item"><a href="?page=${parseInt(currentPage) - 1}" class="page-link" data-page="${parseInt(currentPage) - 1}">Previous</a></li>`}
+    ${strButtons}
+    ${currentPage == numberPages ? `<li class="page-item disabled"><span class="page-link">Next</span></li>` : `<li class="page-item"><a href="?page=${parseInt(currentPage) + 1}" class="page-link" data-page="${parseInt(currentPage) + 1}">Next</a></li>`}
+  </ul>`;
+    pagination.innerHTML += `<div class="d-sm-none text-center">
+  <span class="d-block pb-2">You've viewed ${showRows} of ${numberRows} results</span>
+  <a href="?show=${parseInt(showRows) + parseInt(addRows)}" class="btn btn-primary w-100 m-0" data-show="${parseInt(showRows) + parseInt(addRows)}">Load more results</a>
+  </div>`;
+    return true;
+};
+export default createPaginationButttons;