@iamproperty/components 3.7.0 → 3.7.1

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

@@ -1 +1 @@
-{"version":3,"file":"dynamic.min.js","sources":["modules/helpers.js","modules/youtubevideo.js","modules/dialogs.js","modules/data-layer.js","modules/nav.js","modules/testimonial.js","modules/carousel.js","modules/form.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    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 && event.state.type && 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    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","// @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\";\nconst extendDialogs = (body) => {\n    // Dialogs/modals\n    body.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.hasAttribute('data-modal') ? button.getAttribute('data-modal') : button.getAttribute('data-filter');\n            const dialog = document.querySelector(`dialog#${modalID}`);\n            createDialog(dialog);\n            // Prevent the user from escaping the model when transactional\n            if (dialog.querySelector(':scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child') && !dialog.classList.contains('dialog--multi')) {\n                dialog.addEventListener(\"cancel\", (e) => {\n                    e.preventDefault();\n                });\n            }\n            // Create the video embed\n            let videoButton = dialog.querySelector('.youtube-embed a');\n            if (videoButton) {\n                createEmbed(videoButton);\n            }\n            // Open the modal!\n            dialog.showModal();\n            dialog.focus();\n            console.log(dialog.querySelector('button'));\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('button.dialog__close')) {\n            const dialog = event.target.closest('dialog[open]');\n            event.preventDefault();\n            dialog.close();\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                \"event\": \"closeModal\",\n                \"id\": dialog.getAttribute('id')\n            });\n        }\n        // Track default close buttons\n        if (event && event.target instanceof HTMLElement && event.target.closest('button[formmethod=\"dialog\"]')) {\n            const dialog = event.target.closest('dialog[open]');\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                \"event\": \"closeModal\",\n                \"id\": dialog.getAttribute('id')\n            });\n        }\n        // Close the modal when clicked on the backdrop\n        if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')) {\n            const dialog = event.target.closest('dialog[open]');\n            // Dont allow the backdrop to be clicked when transactional\n            if (!dialog.querySelector(':scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child') || dialog.classList.contains('dialog--multi')) {\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        }\n        // Popover\n        if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')) {\n            // Close existing open popover\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 (document.querySelector('dialog[open]') && document.querySelector('dialog[open]') != popover)\n                document.querySelector('dialog[open]').close();\n            if (popover.hasAttribute('open')) {\n                popover.close();\n                dataEvent = \"closePopover\";\n                popover.removeAttribute('style');\n                btn.classList.remove('active');\n            }\n            else {\n                popover.show();\n                btn.classList.add('active');\n                var position = btn.getBoundingClientRect();\n                let topOffset = position.top;\n                let leftOffset = position.left;\n                if (btn.closest('iam-table')) {\n                    let container = btn.closest('iam-table').parentNode.getBoundingClientRect();\n                    topOffset -= container.top;\n                    leftOffset -= container.left;\n                }\n                if (popover.classList.contains('dialog--fix')) {\n                    popover.setAttribute('style', `position:fixed;top: ${topOffset}px; left: ${leftOffset}px; margin: 3rem 0 0 0;`);\n                }\n            }\n            // When the dialog is fixed it could dip under the viewport\n            // Lets check the dimensions and transform it to appear above\n            let boundingRec = popover.getBoundingClientRect();\n            let popoverBottom = boundingRec.bottom - window.scrollY;\n            let windowPos = window.innerHeight - window.scrollY;\n            if (popoverBottom > windowPos) {\n                let currentStyle = popover.getAttribute('style');\n                popover.setAttribute('style', currentStyle + `transform: translate(0, calc(-100% - 4rem))`);\n            }\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 createDialog = (dialog) => {\n    // Multi dialog\n    if (dialog.classList.contains('dialog--multi') && !dialog.querySelector(':scope > .steps')) {\n        createMultiFormDialog(dialog);\n    }\n    if (!dialog.querySelector(':scope > .mh-lg') && !dialog.classList.contains('dialog--multi')) {\n        dialog.innerHTML = `<div class=\"mh-lg\">${dialog.innerHTML}</div>`;\n        let dialogContent = dialog.querySelector('.mh-lg');\n        let titleElement = dialog.querySelector('.mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)');\n        if (titleElement) {\n            let optionalElement = titleElement.previousSibling;\n            dialogContent.before(titleElement);\n            if (optionalElement)\n                titleElement.before(optionalElement);\n        }\n    }\n    // Create close button is needed\n    if (!dialog.querySelector(':scope > button:first-child'))\n        dialog.innerHTML = `<button class=\"dialog__close\">Close</button>${dialog.innerHTML}`;\n};\nconst createMultiFormDialog = (dialog) => {\n    let buttons = \"\";\n    let fieldsets = Array.from(dialog.querySelectorAll('fieldset[data-title]'));\n    fieldsets.forEach((fieldset, index) => {\n        buttons += `<button data-title=\"${fieldset.getAttribute('data-title')}\" type=\"button\" class=\"${index == 0 ? \"active\" : \"\"}\">${fieldset.getAttribute('data-title')}</button>`;\n        const btnWrapper = document.createElement(\"div\");\n        btnWrapper.classList.add('btn--wrapper');\n        fieldset.appendChild(btnWrapper);\n        if (index != 0)\n            btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index - 1].getAttribute('data-title')}\" class=\"btn btn-secondary mb-0\" type=\"button\">Previous</button>`;\n        if (index != fieldsets.length - 1)\n            btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index + 1].getAttribute('data-title')}\" class=\"btn btn-primary mb-0\" type=\"button\">Next</button>`;\n        if (index == fieldsets.length - 1)\n            btnWrapper.innerHTML += `<button class=\"btn btn-primary mb-0\">Submit</button>`;\n    });\n    dialog.innerHTML = `<div class=\"steps bg-primary\">${buttons}</div>${dialog.innerHTML}`;\n    dialog.addEventListener('click', (event) => {\n        if (event && event.target instanceof HTMLElement && event.target.closest('button[data-title]')) {\n            const button = event.target.closest('button[data-title]');\n            const fieldset = dialog.querySelector(`fieldset[data-title=\"${button.getAttribute('data-title')}\"]`);\n            const step = dialog.querySelector(`.steps button[data-title=\"${button.getAttribute('data-title')}\"]`);\n            Array.from(dialog.querySelectorAll('button')).forEach((button, index) => {\n                button.classList.remove('active');\n            });\n            Array.from(dialog.querySelectorAll('fieldset')).forEach((button, index) => {\n                button.classList.remove('active');\n            });\n            step.classList.add('active');\n            fieldset.classList.add('active');\n        }\n        ;\n        return null;\n    });\n};\nexport default extendDialogs;\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 extendDialogs from '../js/modules/dialogs.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.min.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    extendDialogs(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":["addBodyClasses","body","addGlobalEvents","checkElements","hash","label","summary","dialog","event","form","pageInput","youtubeVideo","embed","target","createEmbed","resolve","reject","image","tag","firstScriptTag","video_id","link_id","randLetter","onYouTubeIframeAPIReady","onPlayerReady","onPlayerStateChange","done","link","extendDialogs","button","modalID","createDialog","e","videoButton","dialogDimensions","btn","parent","dataEvent","popover","position","topOffset","leftOffset","container","popoverBottom","windowPos","currentStyle","createMultiFormDialog","dialogContent","titleElement","optionalElement","buttons","fieldsets","fieldset","index","btnWrapper","step","createDataLayer","navbar","element","detail","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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"}
+{"version":3,"file":"dynamic.min.js","sources":["modules/helpers.js","modules/youtubevideo.js","modules/dialogs.js","modules/data-layer.js","modules/nav.js","modules/testimonial.js","modules/carousel.js","modules/form.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    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 && event.state.type && 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    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","// @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\";\nconst extendDialogs = (body) => {\n    // Dialogs/modals\n    body.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.hasAttribute('data-modal') ? button.getAttribute('data-modal') : button.getAttribute('data-filter');\n            const dialog = document.querySelector(`dialog#${modalID}`);\n            createDialog(dialog);\n            // Prevent the user from escaping the model when transactional\n            if (dialog.querySelector(':scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child') && !dialog.classList.contains('dialog--multi')) {\n                dialog.addEventListener(\"cancel\", (e) => {\n                    e.preventDefault();\n                });\n            }\n            // Create the video embed\n            let videoButton = dialog.querySelector('.youtube-embed a');\n            if (videoButton) {\n                createEmbed(videoButton);\n            }\n            // Open the modal!\n            dialog.showModal();\n            dialog.focus();\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('button.dialog__close')) {\n            const dialog = event.target.closest('dialog[open]');\n            event.preventDefault();\n            dialog.close();\n            // Remove active class from exiting active buttons\n            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement, index) => {\n                btnElement.classList.remove('active');\n            });\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                \"event\": \"closeModal\",\n                \"id\": dialog.getAttribute('id')\n            });\n        }\n        // Track default close buttons\n        if (event && event.target instanceof HTMLElement && event.target.closest('button[formmethod=\"dialog\"]')) {\n            const dialog = event.target.closest('dialog[open]');\n            // Remove active class from exiting active buttons\n            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement, index) => {\n                btnElement.classList.remove('active');\n            });\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                \"event\": \"closeModal\",\n                \"id\": dialog.getAttribute('id')\n            });\n        }\n        // Close the modal when clicked on the backdrop\n        if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')) {\n            const dialog = event.target.closest('dialog[open]');\n            // Dont allow the backdrop to be clicked when transactional\n            if (!dialog.querySelector(':scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child') || dialog.classList.contains('dialog--multi')) {\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        }\n        // Popover\n        if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')) {\n            // Close existing open popover\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 (document.querySelector('dialog[open]') && document.querySelector('dialog[open]') != popover)\n                document.querySelector('dialog[open]').close();\n            // Remove active class from exiting active buttons\n            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement, index) => {\n                btnElement.classList.remove('active');\n            });\n            if (popover.hasAttribute('open')) {\n                popover.close();\n                dataEvent = \"closePopover\";\n                popover.removeAttribute('style');\n                btn.classList.remove('active');\n            }\n            else {\n                popover.show();\n                btn.classList.add('active');\n                var position = btn.getBoundingClientRect();\n                let topOffset = position.top;\n                let leftOffset = position.left;\n                if (btn.closest('iam-table')) {\n                    let container = btn.closest('iam-table').parentNode.getBoundingClientRect();\n                    topOffset -= container.top;\n                    leftOffset -= container.left;\n                }\n                if (popover.classList.contains('dialog--fix')) {\n                    popover.setAttribute('style', `position:fixed;top: ${topOffset}px; left: ${leftOffset}px; margin: 3rem 0 0 0;`);\n                }\n            }\n            // When the dialog is fixed it could dip under the viewport\n            // Lets check the dimensions and transform it to appear above\n            let boundingRec = popover.getBoundingClientRect();\n            let popoverBottom = boundingRec.bottom - window.scrollY;\n            let windowPos = window.innerHeight - window.scrollY;\n            if (popoverBottom > windowPos) {\n                let currentStyle = popover.getAttribute('style');\n                popover.setAttribute('style', currentStyle + `transform: translate(0, calc(-100% - 4rem))`);\n            }\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 createDialog = (dialog) => {\n    // Multi dialog\n    if (dialog.classList.contains('dialog--multi') && !dialog.querySelector(':scope > .steps')) {\n        createMultiFormDialog(dialog);\n    }\n    if (!dialog.querySelector(':scope > .mh-lg') && !dialog.classList.contains('dialog--multi')) {\n        dialog.innerHTML = `<div class=\"mh-lg\">${dialog.innerHTML}</div>`;\n        let dialogContent = dialog.querySelector('.mh-lg');\n        let titleElement = dialog.querySelector('.mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)');\n        if (titleElement) {\n            let optionalElement = titleElement.previousSibling;\n            dialogContent.before(titleElement);\n            if (optionalElement)\n                titleElement.before(optionalElement);\n        }\n    }\n    // Create close button is needed\n    if (!dialog.querySelector(':scope > button:first-child'))\n        dialog.innerHTML = `<button class=\"dialog__close\">Close</button>${dialog.innerHTML}`;\n};\nconst createMultiFormDialog = (dialog) => {\n    let buttons = \"\";\n    let fieldsets = Array.from(dialog.querySelectorAll('fieldset[data-title]'));\n    fieldsets.forEach((fieldset, index) => {\n        buttons += `<button data-title=\"${fieldset.getAttribute('data-title')}\" type=\"button\" class=\"${index == 0 ? \"active\" : \"\"}\">${fieldset.getAttribute('data-title')}</button>`;\n        const btnWrapper = document.createElement(\"div\");\n        btnWrapper.classList.add('btn--wrapper');\n        fieldset.appendChild(btnWrapper);\n        if (index != 0)\n            btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index - 1].getAttribute('data-title')}\" class=\"btn btn-secondary mb-0\" type=\"button\">Previous</button>`;\n        if (index != fieldsets.length - 1)\n            btnWrapper.innerHTML += `<button data-title=\"${fieldsets[index + 1].getAttribute('data-title')}\" class=\"btn btn-primary mb-0\" type=\"button\">Next</button>`;\n        if (index == fieldsets.length - 1)\n            btnWrapper.innerHTML += `<button class=\"btn btn-primary mb-0\">Submit</button>`;\n    });\n    dialog.innerHTML = `<div class=\"steps bg-primary\">${buttons}</div>${dialog.innerHTML}`;\n    dialog.addEventListener('click', (event) => {\n        if (event && event.target instanceof HTMLElement && event.target.closest('button[data-title]')) {\n            const button = event.target.closest('button[data-title]');\n            const fieldset = dialog.querySelector(`fieldset[data-title=\"${button.getAttribute('data-title')}\"]`);\n            const step = dialog.querySelector(`.steps button[data-title=\"${button.getAttribute('data-title')}\"]`);\n            Array.from(dialog.querySelectorAll('button')).forEach((button, index) => {\n                button.classList.remove('active');\n            });\n            Array.from(dialog.querySelectorAll('fieldset')).forEach((button, index) => {\n                button.classList.remove('active');\n            });\n            step.classList.add('active');\n            fieldset.classList.add('active');\n        }\n        ;\n        return null;\n    });\n};\nexport default extendDialogs;\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 extendDialogs from '../js/modules/dialogs.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.min.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    extendDialogs(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":["addBodyClasses","body","addGlobalEvents","checkElements","hash","label","summary","dialog","event","form","pageInput","youtubeVideo","embed","target","createEmbed","resolve","reject","image","tag","firstScriptTag","video_id","link_id","randLetter","onYouTubeIframeAPIReady","onPlayerReady","onPlayerStateChange","done","link","extendDialogs","button","modalID","createDialog","e","videoButton","btnElement","index","dialogDimensions","btn","parent","dataEvent","popover","position","topOffset","leftOffset","container","popoverBottom","windowPos","currentStyle","createMultiFormDialog","dialogContent","titleElement","optionalElement","buttons","fieldsets","fieldset","btnWrapper","step","createDataLayer","navbar","element","detail","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":";;;+FASO,MAAMA,EAAkBC,IAC3BA,EAAK,UAAU,IAAI,YAAY,GAC3B,UAAU,UAAU,QAAQ,MAAM,IAAM,IAAM,UAAU,WAAW,QAAQ,UAAU,EAAI,IACzFA,EAAK,UAAU,IAAI,IAAI,EAEpB,MAMEC,EAAmBD,GAAS,CACrC,MAAME,EAAgB,SAAUC,EAAM,CAClC,MAAMC,EAAQ,SAAS,cAAc,cAAcD,EAAK,QAAQ,IAAK,EAAE,KAAK,EACtEE,EAAU,SAAS,cAAcF,EAAO,UAAU,EAClDG,EAAS,SAAS,cAAc,SAASH,GAAM,EACjDC,aAAiB,YACjBA,EAAM,MAAK,EACNC,aAAmB,YACxBA,EAAQ,MAAK,EACRC,aAAkB,aACvBA,EAAO,UAAS,CAC5B,EACI,OAAI,SAAS,MACTJ,EAAc,SAAS,IAAI,EAC/B,OAAO,iBAAiB,aAAc,UAAY,CAAEA,EAAc,SAAS,IAAI,GAAM,EAAK,EAC1F,iBAAiB,WAAaK,GAAU,CACpC,GAAIA,GAASA,EAAM,MAAM,MAAQA,EAAM,MAAM,MAAQ,aAAc,CAC/D,IAAIC,EAAO,SAAS,cAAc,IAAID,EAAM,MAAM,MAAM,EACpDE,EAAY,SAAS,cAAc,IAAIF,EAAM,MAAM,wBAAwB,EAC3EE,EACAA,EAAU,MAAQF,EAAM,MAAM,KAE9BC,EAAK,WAAa,kEAAkED,EAAM,MAAM,WACpGC,EAAK,cAAc,IAAI,MAAM,QAAQ,CAAC,EAElD,CAAK,EACM,IACX,EC3CA,MAAME,CAAa,CAEf,YAAYC,EAAO,CAEX,SAAS,KAAK,UAAU,SAAS,eAAe,EAChDA,EAAM,iBAAiB,QAAS,SAAU,EAAG,CAEzC,QAASC,EAAS,EAAE,OAAQA,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAClE,GAAIA,EAAO,QAAQ,GAAG,EAAG,CACrB,EAAE,eAAc,EAChBC,EAAYD,CAAM,EAClB,MAGX,EAAE,EAAK,EAGR,KAAK,YAAYD,EAAO,KAAK,WAAW,CAE/C,CAKD,YAAYA,EAAO,CACf,OAAO,IAAI,QAAQ,CAACG,EAASC,IAAW,CACpC,MAAMC,EAAQ,IAAI,MAClBA,EAAM,OAAS,UAAY,CAEvB,IAAIC,EAAM,SAAS,cAAc,QAAQ,EACzCA,EAAI,IAAM,qCACV,IAAIC,EAAiB,SAAS,qBAAqB,QAAQ,EAAE,CAAC,EAC9DA,EAAe,WAAW,aAAaD,EAAKC,CAAc,EAC1D,SAAS,KAAK,UAAU,IAAI,eAAe,EAC3CJ,EAAQ,EAAI,EAEZG,EAAI,OAAS,IAAM,CACfN,EAAM,iBAAiB,QAAS,SAAUJ,EAAO,CAC7C,QAAQ,IAAI,OAAO,EAEfA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,GAAG,IACxEA,EAAM,eAAc,EACpBM,EAAYN,EAAM,OAAO,QAAQ,GAAG,CAAC,EAE5C,EAAE,EAAK,CAC5B,CACA,EACYS,EAAM,QAAU,UAAY,CACxBD,EAAO,EAAK,CAC5B,EACYC,EAAM,IAAM,iCACxB,CAAS,CACJ,CACL,CACO,MAAMH,EAAc,SAAUD,EAAQ,CAErC,OAAO,OAAO,OAAU,KAAe,OAAO,OAAO,OAAO,YAAc,YAC1E,OAAO,OAAO,aAClB,IAAIO,EAAWP,EAAO,aAAa,SAAS,EACxCQ,EAAUR,EAAO,aAAa,IAAI,EAEtC,GAAI,OAAOQ,EAAW,KAAeA,GAAW,KAAM,CAClD,IAAIC,EAAa,OAAO,aAAa,GAAK,KAAK,MAAM,KAAK,SAAW,EAAE,CAAC,EACxED,EAAUC,EAAa,KAAK,MAC5BT,EAAO,aAAa,KAAMQ,CAAO,EAGrC,SAASE,GAA0B,CAC/B,OAAO,OAAS,IAAI,GAAG,OAAOF,EAAS,CACnC,OAAQ,OACR,MAAO,OACP,QAASD,EACT,WAAY,CACR,eAAkB,EAClB,YAAe,EACf,IAAO,EACP,SAAY,CACf,EACD,OAAQ,CACJ,QAAWI,EACX,cAAiBC,CACpB,CACb,CAAS,CACJ,CACDF,IAEA,SAASC,EAAchB,EAAO,CAE1BA,EAAM,OAAO,WAChB,CAGD,IAAIkB,EAAO,GACX,SAASD,EAAoBjB,EAAO,CAChC,GAAIA,EAAM,MAAQ,GAAG,YAAY,SAAW,CAACkB,EAAM,CAC/C,IAAIC,EAAO,SAAS,eAAeN,CAAO,EAC1CM,EAAK,UAAU,IAAI,cAAc,EACjCD,EAAO,GAEd,CACL,ECtGME,EAAiB3B,IAEnBA,EAAK,iBAAiB,QAAUO,GAAU,CAEtC,GAAIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,cAAc,EAAG,CACtF,MAAMqB,EAASrB,EAAM,OAAO,QAAQ,cAAc,EAC5CsB,EAAUD,EAAO,aAAa,YAAY,EAAIA,EAAO,aAAa,YAAY,EAAIA,EAAO,aAAa,aAAa,EACnHtB,EAAS,SAAS,cAAc,UAAUuB,GAAS,EACzDC,EAAaxB,CAAM,EAEfA,EAAO,cAAc,4FAA4F,GAAK,CAACA,EAAO,UAAU,SAAS,eAAe,GAChKA,EAAO,iBAAiB,SAAWyB,GAAM,CACrCA,EAAE,eAAc,CACpC,CAAiB,EAGL,IAAIC,EAAc1B,EAAO,cAAc,kBAAkB,EACrD0B,GACAnB,EAAYmB,CAAW,EAG3B1B,EAAO,UAAS,EAChBA,EAAO,MAAK,EACZ,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAS,YACT,GAAMuB,CACtB,CAAa,EAIL,GAAItB,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,sBAAsB,EAAG,CAC9F,MAAMD,EAASC,EAAM,OAAO,QAAQ,cAAc,EAClDA,EAAM,eAAc,EACpBD,EAAO,MAAK,EAEZ,MAAM,KAAK,SAAS,iBAAiB,2BAA2B,CAAC,EAAE,QAAQ,CAAC2B,EAAYC,IAAU,CAC9FD,EAAW,UAAU,OAAO,QAAQ,CACpD,CAAa,EACD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAS,aACT,GAAM3B,EAAO,aAAa,IAAI,CAC9C,CAAa,EAGL,GAAIC,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,6BAA6B,EAAG,CACrG,MAAMD,EAASC,EAAM,OAAO,QAAQ,cAAc,EAElD,MAAM,KAAK,SAAS,iBAAiB,2BAA2B,CAAC,EAAE,QAAQ,CAAC0B,EAAYC,IAAU,CAC9FD,EAAW,UAAU,OAAO,QAAQ,CACpD,CAAa,EACD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAS,aACT,GAAM3B,EAAO,aAAa,IAAI,CAC9C,CAAa,EAGL,GAAIC,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,cAAc,EAAG,CACtF,MAAMD,EAASC,EAAM,OAAO,QAAQ,cAAc,EAElD,GAAI,CAACD,EAAO,cAAc,4FAA4F,GAAKA,EAAO,UAAU,SAAS,eAAe,EAAG,CACnK,MAAM6B,EAAmB7B,EAAO,yBAC5BC,EAAM,QAAU4B,EAAiB,MAAQ5B,EAAM,QAAU4B,EAAiB,OAAS5B,EAAM,QAAU4B,EAAiB,KAAO5B,EAAM,QAAU4B,EAAiB,UAC5J7B,EAAO,MAAK,EACZ,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAS,aACT,GAAMA,EAAO,aAAa,IAAI,CACtD,CAAqB,IAKb,GAAIC,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,2BAA2B,EAAG,CAEnG,IAAI6B,EAAM7B,EAAM,OAAO,QAAQ,2BAA2B,EACtD8B,EAAS9B,EAAM,OAAO,QAAQ,2BAA2B,EAAE,WAC3D+B,EAAY,cACZC,EAAUF,EAAO,cAAc,iBAAiB,EAOpD,GANI,SAAS,cAAc,cAAc,GAAK,SAAS,cAAc,cAAc,GAAKE,GACpF,SAAS,cAAc,cAAc,EAAE,MAAK,EAEhD,MAAM,KAAK,SAAS,iBAAiB,2BAA2B,CAAC,EAAE,QAAQ,CAACN,EAAYC,IAAU,CAC9FD,EAAW,UAAU,OAAO,QAAQ,CACpD,CAAa,EACGM,EAAQ,aAAa,MAAM,EAC3BA,EAAQ,MAAK,EACbD,EAAY,eACZC,EAAQ,gBAAgB,OAAO,EAC/BH,EAAI,UAAU,OAAO,QAAQ,MAE5B,CACDG,EAAQ,KAAI,EACZH,EAAI,UAAU,IAAI,QAAQ,EAC1B,IAAII,EAAWJ,EAAI,wBACnB,IAAIK,EAAYD,EAAS,IACrBE,EAAaF,EAAS,KAC1B,GAAIJ,EAAI,QAAQ,WAAW,EAAG,CAC1B,IAAIO,EAAYP,EAAI,QAAQ,WAAW,EAAE,WAAW,wBACpDK,GAAaE,EAAU,IACvBD,GAAcC,EAAU,KAExBJ,EAAQ,UAAU,SAAS,aAAa,GACxCA,EAAQ,aAAa,QAAS,uBAAuBE,cAAsBC,0BAAmC,EAMtH,IAAIE,EADcL,EAAQ,wBACM,OAAS,OAAO,QAC5CM,EAAY,OAAO,YAAc,OAAO,QAC5C,GAAID,EAAgBC,EAAW,CAC3B,IAAIC,EAAeP,EAAQ,aAAa,OAAO,EAC/CA,EAAQ,aAAa,QAASO,EAAe,6CAA6C,EAE9F,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAASR,EACT,GAAMF,EAAI,WAC1B,CAAa,EAGb,CAAK,EACM,MAEEN,EAAgBxB,GAAW,CAKpC,GAHIA,EAAO,UAAU,SAAS,eAAe,GAAK,CAACA,EAAO,cAAc,iBAAiB,GACrFyC,EAAsBzC,CAAM,EAE5B,CAACA,EAAO,cAAc,iBAAiB,GAAK,CAACA,EAAO,UAAU,SAAS,eAAe,EAAG,CACzFA,EAAO,UAAY,sBAAsBA,EAAO,kBAChD,IAAI0C,EAAgB1C,EAAO,cAAc,QAAQ,EAC7C2C,EAAe3C,EAAO,cAAc,qCAAqC,EAC7E,GAAI2C,EAAc,CACd,IAAIC,EAAkBD,EAAa,gBACnCD,EAAc,OAAOC,CAAY,EAC7BC,GACAD,EAAa,OAAOC,CAAe,GAI1C5C,EAAO,cAAc,6BAA6B,IACnDA,EAAO,UAAY,+CAA+CA,EAAO,YACjF,EACMyC,EAAyBzC,GAAW,CACtC,IAAI6C,EAAU,GACVC,EAAY,MAAM,KAAK9C,EAAO,iBAAiB,sBAAsB,CAAC,EAC1E8C,EAAU,QAAQ,CAACC,EAAUnB,IAAU,CACnCiB,GAAW,uBAAuBE,EAAS,aAAa,YAAY,2BAA2BnB,GAAS,EAAI,SAAW,OAAOmB,EAAS,aAAa,YAAY,aAChK,MAAMC,EAAa,SAAS,cAAc,KAAK,EAC/CA,EAAW,UAAU,IAAI,cAAc,EACvCD,EAAS,YAAYC,CAAU,EAC3BpB,GAAS,IACToB,EAAW,WAAa,uBAAuBF,EAAUlB,EAAQ,CAAC,EAAE,aAAa,YAAY,qEAC7FA,GAASkB,EAAU,OAAS,IAC5BE,EAAW,WAAa,uBAAuBF,EAAUlB,EAAQ,CAAC,EAAE,aAAa,YAAY,+DAC7FA,GAASkB,EAAU,OAAS,IAC5BE,EAAW,WAAa,uDACpC,CAAK,EACDhD,EAAO,UAAY,iCAAiC6C,UAAgB7C,EAAO,YAC3EA,EAAO,iBAAiB,QAAUC,GAAU,CACxC,GAAIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,oBAAoB,EAAG,CAC5F,MAAMqB,EAASrB,EAAM,OAAO,QAAQ,oBAAoB,EAClD8C,EAAW/C,EAAO,cAAc,wBAAwBsB,EAAO,aAAa,YAAY,KAAK,EAC7F2B,EAAOjD,EAAO,cAAc,6BAA6BsB,EAAO,aAAa,YAAY,KAAK,EACpG,MAAM,KAAKtB,EAAO,iBAAiB,QAAQ,CAAC,EAAE,QAAQ,CAACsB,EAAQM,IAAU,CACrEN,EAAO,UAAU,OAAO,QAAQ,CAChD,CAAa,EACD,MAAM,KAAKtB,EAAO,iBAAiB,UAAU,CAAC,EAAE,QAAQ,CAACsB,EAAQM,IAAU,CACvEN,EAAO,UAAU,OAAO,QAAQ,CAChD,CAAa,EACD2B,EAAK,UAAU,IAAI,QAAQ,EAC3BF,EAAS,UAAU,IAAI,QAAQ,EAGnC,OAAO,IACf,CAAK,CACL,ECtLA,SAASG,GAAkB,CACvB,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAS,WACT,UAAa,SAAS,KAC9B,CAAK,EAED,SAAS,iBAAiB,QAAUjD,GAAU,CACtCA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,gBAAgB,EACrF,OAAO,UAAU,KAAK,CAClB,MAAS,eAET,aAAgBA,EAAM,OAAO,QAAQ,SAAS,EAAE,WAChE,CAAa,EAEIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,SAAS,GACnF,OAAO,UAAU,KAAK,CAClB,MAAS,cAET,aAAgBA,EAAM,OAAO,QAAQ,SAAS,EAAE,WAChE,CAAa,EAEDA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,GAAG,GACxE,OAAO,UAAU,KAAK,CAClB,MAAS,cAET,SAAYA,EAAM,OAAO,QAAQ,GAAG,EAAE,aAAa,OAAO,EAAIA,EAAM,OAAO,QAAQ,GAAG,EAAE,aAAa,OAAO,EAAIA,EAAM,OAAO,QAAQ,GAAG,EAAE,YAE1I,MAAUA,EAAM,OAAO,QAAQ,GAAG,EAAE,aAAa,OAAO,EAAIA,EAAM,OAAO,QAAQ,GAAG,EAAE,aAAa,OAAO,EAAI,GAE9G,KAAQA,EAAM,OAAO,QAAQ,GAAG,EAAE,aAAa,MAAM,CACrE,CAAa,EAEDA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,QAAQ,GAC7E,OAAO,UAAU,KAAK,CAClB,MAAS,gBAET,WAAcA,EAAM,OAAO,QAAQ,QAAQ,EAAE,YAE7C,MAAUA,EAAM,OAAO,QAAQ,QAAQ,EAAE,aAAa,OAAO,EAAIA,EAAM,OAAO,QAAQ,QAAQ,EAAE,aAAa,OAAO,EAAI,EACxI,CAAa,CAEb,CAAK,CACL,CC1CA,MAAMkD,EAAUC,GAAY,CACxB,MAAM,KAAKA,EAAQ,iBAAiB,SAAS,CAAC,EAAE,QAAQ,CAACC,EAAQzB,IAAU,CACvEyB,EAAO,iBAAiB,aAAc,SAAU5B,EAAG,CAC3C,OAAO,WAAW,mBAAmB,EAAE,SACvC4B,EAAO,aAAa,OAAQ,MAAM,CACzC,EAAE,EAAK,EACRA,EAAO,iBAAiB,aAAc,SAAU5B,EAAG,CAC3C,OAAO,WAAW,mBAAmB,EAAE,SACvC4B,EAAO,gBAAgB,MAAM,CACpC,EAAE,EAAK,CAChB,CAAK,EACG,yBAA0B,QACT,IAAI,qBAAqB,CAAC,CAAC,CAAC,IAAM,EAAE,OAAO,UAAU,OAAO,WAAY,EAAE,kBAAoB,CAAC,EAAG,CAAE,UAAW,CAAC,CAAC,CAAC,CAAE,EAC5H,QAAQD,CAAO,CAEhC,ECfA,SAASE,EAAYC,EAAoB,CACrC,IAAIC,EACJ,MAAMC,EAAiBF,EAAmB,cAAc,sBAAsB,EACxEG,EAAYD,EAAe,iBAAiB,KAAK,EAAE,OAEzD,GAAIC,GAAa,EACb,MAAO,GAEXH,EAAmB,UAAU,IAAI,oBAAoB,EAErD,MAAMI,EAAa,SAAUC,EAAU,CACnC,MAAMC,EAAaN,EAAmB,cAAc,WAAW,EACzDO,EAAaP,EAAmB,cAAc,WAAW,EAC/DM,EAAW,aAAa,UAAWD,EAAW,CAAC,EAC/CE,EAAW,aAAa,UAAWF,EAAW,CAAC,EAC/CC,EAAW,gBAAgB,UAAU,EACrCC,EAAW,gBAAgB,UAAU,EACjCF,GAAY,EACZE,EAAW,aAAa,WAAY,EAAI,EACnCF,GAAYF,GACjBG,EAAW,aAAa,WAAY,EAAI,CACpD,EAEIJ,EAAe,iBAAiB,SAAU,SAAUhC,EAAG,CACnD,aAAa+B,CAAa,EAC1BA,EAAgB,WAAW,UAAY,CACnC,IAAIO,EAAcN,EAAe,YAC7BO,EAAeP,EAAe,aAC9BQ,EAAaR,EAAe,WAC5BS,EAAaT,EAAe,UAC5BG,EAAW,KAAK,MAAOK,EAAaF,EAAeL,CAAS,EAAI,EAEhEO,GAAc,GAAKC,GAAc,IACjCN,EAAW,KAAK,MAAOM,EAAaF,EAAgBN,CAAS,EAAI,GACrEH,EAAmB,aAAa,YAAaK,CAAQ,EACrDD,EAAWC,CAAQ,CACtB,EAAE,GAAG,CACT,EAAE,EAAK,EAERL,EAAmB,iBAAiB,QAAS,SAAU9B,EAAG,CACtD,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAClE,GAAIA,EAAO,QAAQ,WAAW,EAAG,CAC7B,IAAIsD,EAAW,SAAStD,EAAO,aAAa,SAAS,CAAC,EAClD4D,EAAa,EACbD,EAAa,EACbF,EAAcN,EAAe,YAC7BO,EAAeP,EAAe,aAC9BM,EAAcC,EACdC,EAAa,KAAK,MAAMF,IAAgBH,EAAW,GAAKF,EAAU,EAElEQ,EAAa,KAAK,MAAMF,IAAiBJ,EAAW,GAAKF,EAAU,EAEvED,EAAe,OAAO,CAClB,IAAKS,EACL,KAAMD,EACN,SAAU,QAC9B,CAAiB,EACD,MAGX,EAAE,EAAK,CACZ,CC7DA,SAASE,EAASC,EAAiB,CAC/B,IAAIZ,EACJ,IAAIa,EAAgBD,EAAgB,cAAc,kBAAkB,EAChEV,EAAYU,EAAgB,iBAAiB,iBAAiB,EAAE,OACzDA,EAAgB,aAAa,WAAW,EACnD,IAAIE,EAASF,EAAgB,aAAa,cAAc,EACpDG,EAASH,EAAgB,aAAa,cAAc,EACxDA,EAAgB,cAAc,uBAAuB,EAAE,UAAU,IAAI,QAAQ,EAE7EC,EAAc,iBAAiB,SAAU,SAAU5C,EAAG,CAClD,aAAa+B,CAAa,EAC1BA,EAAgB,WAAW,UAAY,CACnC,IAAIgB,EAAaH,EAAc,YAC3BN,EAAcM,EAAc,YAC5BJ,EAAaI,EAAc,WAC3BI,EAAc,KAAK,MAAOR,EAAaF,EAAeL,CAAS,EAAI,EACnEgB,EAAiBN,EAAgB,cAAc,4BAA4B,EAAE,WACjF,MAAM,KAAKA,EAAgB,iBAAiB,uBAAuB,CAAC,EAAE,QAAQ,CAAChD,EAAMQ,IAAU,CAC3FR,EAAK,UAAU,OAAO,QAAQ,CAC9C,CAAa,EACDgD,EAAgB,cAAc,YAAcK,CAAW,EAAE,UAAU,IAAI,QAAQ,EAE3EA,GAAe,EACfL,EAAgB,cAAc,WAAW,EAAE,aAAa,WAAY,UAAU,EAE9EA,EAAgB,cAAc,WAAW,EAAE,gBAAgB,UAAU,EAErEC,EAAc,WAAaG,EAAaE,EACxCN,EAAgB,cAAc,WAAW,EAAE,aAAa,WAAY,UAAU,EAE9EA,EAAgB,cAAc,WAAW,EAAE,gBAAgB,UAAU,CAC5E,EAAE,GAAG,CACT,EAAE,EAAK,EAERA,EAAgB,iBAAiB,QAAS,SAAU3C,EAAG,CACnD,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAClE,GAAIA,EAAO,QAAQ,uBAAuB,EAAG,CACzCmB,EAAE,eAAc,EAChB,MAAM,KAAK2C,EAAgB,iBAAiB,uBAAuB,CAAC,EAAE,QAAQ,CAAChD,EAAMQ,IAAU,CAC3FR,EAAK,UAAU,OAAO,QAAQ,CAClD,CAAiB,EACDd,EAAO,UAAU,IAAI,QAAQ,EAC7B,MAAMqE,EAAK,SAAS,cAAcrE,EAAO,aAAa,MAAM,CAAC,EAC7D+D,EAAc,OAAO,CACjB,IAAK,EACL,KAAMM,EAAG,WACT,SAAU,QAC9B,CAAiB,EACD,MAGX,EAAE,EAAK,EACRP,EAAgB,iBAAiB,QAAS,SAAU3C,EAAG,CACnD,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAClE,GAAIA,EAAO,QAAQ,sBAAsB,EAAG,CACxCmB,EAAE,eAAc,EAChB,IAAImC,EAAWtD,EAAO,UAAU,SAAS,UAAU,EAAI+D,EAAc,WAAaA,EAAc,YAAcA,EAAc,WAAaA,EAAc,YACvJA,EAAc,OAAO,CACjB,IAAK,EACL,KAAMT,EACN,SAAU,QAC9B,CAAiB,EACD,MAGX,EAAE,EAAK,EAEJF,GAAa,GACbU,EAAgB,UAAU,IAAI,WAAW,EACzCE,GAAUZ,GACVU,EAAgB,UAAU,IAAI,cAAc,EAC5CG,GAAUb,GACVU,EAAgB,UAAU,IAAI,cAAc,CACpD,CCvEA,SAASQ,EAAWC,EAAc,CAC9BA,EAAa,iBAAiB,SAAU,SAAUpD,EAAG,CACjD,IAAIqD,EAAM,SAASD,EAAa,cAAc,oCAAoC,EAAE,KAAK,EACrFE,EAAM,SAASF,EAAa,cAAc,oCAAoC,EAAE,KAAK,EAEzF,MAAM,KAAKA,EAAa,iBAAiB,kBAAkB,CAAC,EAAE,QAAQ,CAACG,EAAOpD,IAAU,CACpFoD,EAAM,aAAa,MAAOD,CAAG,CACzC,CAAS,EACD,MAAM,KAAKF,EAAa,iBAAiB,kBAAkB,CAAC,EAAE,QAAQ,CAACG,EAAOpD,IAAU,CACpFoD,EAAM,aAAa,MAAOF,CAAG,CACzC,CAAS,EAED,MAAM,KAAKD,EAAa,iBAAiB,0BAA0B,CAAC,EAAE,QAAQ,CAACI,EAAQrD,IAAU,CACzF,SAASqD,EAAO,aAAa,OAAO,CAAC,EAAIF,EACzCE,EAAO,UAAU,IAAI,QAAQ,EAE7BA,EAAO,UAAU,OAAO,QAAQ,CAChD,CAAS,EACD,MAAM,KAAKJ,EAAa,iBAAiB,0BAA0B,CAAC,EAAE,QAAQ,CAACI,EAAQrD,IAAU,CACzF,SAASqD,EAAO,aAAa,OAAO,CAAC,EAAIH,EACzCG,EAAO,UAAU,IAAI,QAAQ,EAE7BA,EAAO,UAAU,OAAO,QAAQ,CAChD,CAAS,CACJ,EAAE,EAAK,CACZ,CACA,SAASC,EAAcL,EAAc,CACjCA,EAAa,iBAAiB,SAAU,SAAUpD,EAAG,CACjD,GAAIoD,EAAa,QAAQ,iBAAiB,EAAG,CACzC,MAAMM,EAAMN,EAAa,aAAa,eAAe,EAC/CO,EAAeP,EAAa,aAAa,eAAe,EAC1DA,EAAa,OAASO,IACtB,SAAS,SAAS,KAAOD,QAGzB,OAAON,EAAa,MAAS,MAC7B,SAAS,SAAS,KAAOA,EAAa,MAEjD,EAAE,EAAK,CACZ,CAEA,SAASQ,EAAoBC,EAAS,CAElC,MAAMC,EADeD,EAAQ,cAAc,MAAM,EACtB,UAAU,EAAI,EACnCE,EAAYF,EAAQ,cAAc,YAAY,EACpDA,EAAQ,iBAAiB,QAAS,SAAU7D,EAAG,CAC3C,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAAY,CAC9E,GAAIA,EAAO,QAAQ,YAAY,EAAG,CAC9B,MAAMmF,EAAYF,EAAM,UAAU,EAAI,EACtCD,EAAQ,aAAaG,EAAWnF,CAAM,EAClCkF,EAAU,QAAQ,iBAAiB,GAAK,MAAM,KAAKF,EAAQ,iBAAiB,eAAe,CAAC,EAAE,QAAUE,EAAU,QAAQ,UAC1HA,EAAU,aAAa,WAAY,UAAU,EACjD,MAEJ,GAAIlF,EAAO,QAAQ,eAAe,EAAG,CACvBA,EAAO,QAAQ,MAAM,EAC3B,OAAM,EACNkF,EAAU,QAAQ,iBAAiB,GAAK,MAAM,KAAKF,EAAQ,iBAAiB,eAAe,CAAC,EAAE,OAASE,EAAU,QAAQ,UACzHA,EAAU,gBAAgB,UAAU,EACxC,OAGX,EAAE,EAAK,CACZ,CAEA,SAAStF,EAAKwF,EAAa,CAEvB,MAAM,KAAKA,EAAY,iBAAiB,oBAAoB,CAAC,EAAE,QAAQ,CAACC,EAAc/D,IAAU,CAC5FgD,EAAWe,CAAY,CAC/B,CAAK,EACD,MAAM,KAAKD,EAAY,iBAAiB,iBAAiB,CAAC,EAAE,QAAQ,CAACC,EAAc/D,IAAU,CACzFsD,EAAcS,CAAY,CAClC,CAAK,EACD,MAAM,KAAKD,EAAY,iBAAiB,wBAAwB,CAAC,EAAE,QAAQ,CAACC,EAAc/D,IAAU,CAChGyD,EAAoBM,CAAY,CACxC,CAAK,EAEDD,EAAY,iBAAiB,SAAU,SAAUjE,EAAG,CAChD,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAClE,GAAIA,EAAO,QAAQ,8BAA8B,GAAKA,EAAO,OAASA,EAAO,MAAM,CAAC,EAAG,CACnF,MAAMsF,EAAiBtF,EAAO,QAAQ,SAClCA,EAAO,MAAM,CAAC,EAAE,KAAOsF,IACvBtF,EAAO,MAAQ,GACf,MAAM,gBAAgB,GAE1B,MAGX,EAAE,EAAK,EAERoF,EAAY,iBAAiB,SAAU,SAAUjE,EAAG,CAEhD,MAAM,KAAKiE,EAAY,iBAAiB,sEAAsE,CAAC,EAAE,QAAQ,CAACC,EAAc/D,IAAU,CAC9I,IAAIiE,EAAQF,EAAa,QAAQ,cAAc,EAAIA,EAAa,QAAQ,cAAc,EAAID,EACtFI,EAAWH,EAAa,QAAQ,SAChCI,EAAQJ,EAAa,QAAQ,OACfE,EAAM,cAAc,mBAAmBC,sBAA6BA,KAAY,EAClF,OAASC,EACrBJ,EAAa,gBAAgB,UAAU,GAGvCA,EAAa,aAAa,WAAY,UAAU,EAChDA,EAAa,MAAQ,GAErC,CAAS,EAED,MAAM,KAAKD,EAAY,iBAAiB,qDAAqD,CAAC,EAAE,QAAQ,CAACC,EAAc/D,IAAU,CAC7H,IAAIiE,EAAQF,EAAa,QAAQ,cAAc,EAAIA,EAAa,QAAQ,cAAc,EAAID,EACtFI,EAAWH,EAAa,QAAQ,SAChCI,EAAQJ,EAAa,QAAQ,OACfE,EAAM,cAAc,mBAAmBC,sBAA6BA,KAAY,EAClF,OAASC,EACrBJ,EAAa,UAAU,OAAO,QAAQ,EAEtCA,EAAa,UAAU,IAAI,QAAQ,CACnD,CAAS,CACJ,EAAE,EAAK,CACZ,CC7GA,MAAMK,EAAa,CAAC,YAAa,SAAU,OAAQ,QAAS,OAAQ,aAAc,aAAc,iBAAiB,EAC3GC,EAAS,MACTC,EAAU,CACZ,WAAY,OACZ,UAAW,EACf,EAGAF,EAAW,QAASG,GAAc,CAE9B,GADA,QAAQ,IAAIA,CAAS,EACjB,SAAS,qBAAqB,GAAGF,KAAUE,GAAW,EAAE,SAAW,EACnE,OACJ,IAAIC,EAAYC,GAAY,CACxBA,EAAQ,QAASC,GAAU,CACnBA,EAAM,kBAAoB,IAC1B,QAAQ,IAAIH,CAAS,EACrB,OAAO,gBAAgBA,KAAaA,sBAA4B,KAAKI,GAAU,CACtE,OAAO,eAAe,IAAI,GAAGN,KAAUE,GAAW,GACnD,OAAO,eAAe,OAAO,GAAGF,KAAUE,IAAaI,EAAO,OAAO,CAC7F,CAAiB,EAAE,MAAOC,GAAQ,CACd,QAAQ,IAAIA,EAAI,OAAO,CAC3C,CAAiB,EACDC,EAAY,UAAUH,EAAM,MAAM,EAElD,CAAS,CACT,EACI,MAAMG,EAAc,IAAI,qBAAqBL,EAAUF,CAAO,EAC9DO,EAAY,QAAQ,SAAS,qBAAqB,GAAGR,KAAUE,GAAW,EAAE,CAAC,CAAC,CAClF,CAAC,EAED,SAAS,iBAAiB,mBAAoB,UAAY,CACtDjD,IAEAwD,EAAuB,SAAS,IAAI,EACpCC,EAAqC,EAErCtF,EAAc,SAAS,IAAI,EAE3B,MAAM,KAAK,SAAS,iBAAiB,MAAM,CAAC,EAAE,QAASsE,GAAiB,CACpEiB,EAAIjB,CAAY,CACxB,CAAK,EAED,MAAM,KAAK,SAAS,iBAAiB,cAAc,CAAC,EAAE,QAASA,GAAiB,CAC5ErC,EAAYqC,CAAY,CAChC,CAAK,EAED,MAAM,KAAK,SAAS,iBAAiB,WAAW,CAAC,EAAE,QAASA,GAAiB,CACzExB,EAASwB,CAAY,CAC7B,CAAK,EAED,MAAM,KAAK,SAAS,iBAAiB,MAAM,CAAC,EAAE,QAASA,GAAiB,CACpEzF,EAAKyF,CAAY,CACzB,CAAK,EAED,MAAM,KAAK,SAAS,iBAAiB,gBAAgB,CAAC,EAAE,QAASA,GAAiB,CAC9E,QAAQ,IAAIA,CAAY,EACxB,IAAIvF,EAAauF,CAAY,CACrC,CAAK,EACD,OAAO,iBAAiB,aAAc,UAAY,CAC9C,MAAM9F,EAAO,SAAS,KAAK,QAAQ,IAAK,EAAE,EACpCC,EAAQ,SAAS,cAAc,cAAcD,KAAQ,EACvDC,aAAiB,aACjBA,EAAM,MAAK,CAClB,EAAE,EAAK,CACZ,CAAC"}

package/assets/js/modules/applied-filters.js

@@ -83,7 +83,7 @@ function createAppliedFilters(container, filters) {
                 if (name.match(/\[(.*)\]/)) {
                     let newName = name.replace(/\[(.*)\]/, `[]`);
                     let value = name.replace(/.*\[(.*)\]/, `$1`);
-                    selector = `[name="${newName}"][value="${value}"]`;
+                    selector = `[value="${value}"]`;
                 }
                 let inputs = container.querySelectorAll(selector);
                 for (var i = 0; i < inputs.length; i++) {

package/assets/js/modules/dialogs.js

@@ -23,7 +23,6 @@ const extendDialogs = (body) => {
             // Open the modal!
             dialog.showModal();
             dialog.focus();
-            console.log(dialog.querySelector('button'));
             window.dataLayer = window.dataLayer || [];
             window.dataLayer.push({
                 "event": "openModal",
@@ -36,6 +35,10 @@ const extendDialogs = (body) => {
             const dialog = event.target.closest('dialog[open]');
             event.preventDefault();
             dialog.close();
+            // Remove active class from exiting active buttons
+            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement, index) => {
+                btnElement.classList.remove('active');
+            });
             window.dataLayer = window.dataLayer || [];
             window.dataLayer.push({
                 "event": "closeModal",
@@ -45,6 +48,10 @@ const extendDialogs = (body) => {
         // Track default close buttons
         if (event && event.target instanceof HTMLElement && event.target.closest('button[formmethod="dialog"]')) {
             const dialog = event.target.closest('dialog[open]');
+            // Remove active class from exiting active buttons
+            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement, index) => {
+                btnElement.classList.remove('active');
+            });
             window.dataLayer = window.dataLayer || [];
             window.dataLayer.push({
                 "event": "closeModal",
@@ -76,6 +83,10 @@ const extendDialogs = (body) => {
             let popover = parent.querySelector(':scope > dialog');
             if (document.querySelector('dialog[open]') && document.querySelector('dialog[open]') != popover)
                 document.querySelector('dialog[open]').close();
+            // Remove active class from exiting active buttons
+            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement, index) => {
+                btnElement.classList.remove('active');
+            });
             if (popover.hasAttribute('open')) {
                 popover.close();
                 dataEvent = "closePopover";

package/assets/js/modules/table.js

@@ -7,7 +7,7 @@ export const addDataAttributes = (table) => {
     const colRows = Array.from(table.querySelectorAll('tbody tr'));
     colRows.forEach((row, index) => {
         const cells = Array.from(row.querySelectorAll('th, td'));
-        const statuses = ['Low', 'Medium', 'High', 'N/A', 'Pending', 'Verified', 'Incomplete', 'Completed', 'Requires approval'];
+        const statuses = ['0', 'low', 'medium', 'high', 'unknown', 'n/a', 'pending', 'verified', 'incomplete', 'completed', 'requires approval'];
         cells.forEach((cell, cellIndex) => {
             const heading = colHeadings[cellIndex];
             if (typeof heading != "undefined") {
@@ -19,10 +19,10 @@ export const addDataAttributes = (table) => {
                     cell.setAttribute('class', heading.getAttribute('data-td-class'));
                 if (heading.hasAttribute('data-format')) {
                     cell.setAttribute('data-format', heading.getAttribute('data-format'));
-                    cell.innerHTML = formatCell('date', cell.textContent.trim()); //Make sure date format is consistent
+                    cell.innerHTML = formatCell(heading.getAttribute('data-format'), cell.textContent.trim()); //Make sure date format is consistent
                 }
-                if (statuses.includes(cell.textContent.trim())) {
-                    cell.setAttribute('data-content', cell.textContent.trim());
+                if (statuses.includes(cell.textContent.trim().toLowerCase())) {
+                    cell.setAttribute('data-content', cell.textContent.trim().toLowerCase());
                 }
             }
         });
@@ -100,9 +100,16 @@ export const createSearchDataList = (table, form) => {
 export const addFilterEventListeners = (table, form, pagination, wrapper, savedTableBody) => {
     var timer;
     // Check what conditions are set on the table to see what the form actions are
-    let formSubmit = function () {
-        if (form.hasAttribute('data-ajax'))
+    let formSubmit = function (paginate = false) {
+        if (form.hasAttribute('data-ajax')) {
+            // Default back to page 1
+            if (!paginate) {
+                let paginationInput = form.querySelector('[data-pagination]');
+                paginationInput.value = 1;
+                wrapper.setAttribute('data-page', 1);
+            }
             loadAjaxTable(table, form, pagination, wrapper);
+        }
         else if (form.hasAttribute('data-submit'))
             form.submit();
         else {
@@ -139,6 +146,9 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
         if (event && event.target instanceof HTMLElement && event.target.closest('[data-show]')) {
             formSubmit();
         }
+        if (event && event.target instanceof HTMLElement && event.target.closest('[data-mimic]')) {
+            formSubmit();
+        }
     });
     form.addEventListener('click', (event) => {
         clearTimeout(timer);
@@ -168,6 +178,50 @@ export const addFilterEventListeners = (table, form, pagination, wrapper, savedT
     form.addEventListener('force', (event) => {
         formSubmit();
     });
+    form.addEventListener('paginate', (event) => {
+        formSubmit(true);
+    });
+    // Mmimic fields
+    let forms = [];
+    let fields = [];
+    // Collect the forms that we need to add an event listener for.
+    Array.from(form.querySelectorAll('[data-mimic]')).forEach((input, index) => {
+        let mimicField = input.getAttribute('data-mimic');
+        Array.from(document.querySelectorAll(`[name="${mimicField}"]`)).forEach((mimicInput, index) => {
+            let parentForm = mimicInput.closest('form');
+            if (!forms.includes(parentForm))
+                forms.push(parentForm);
+            if (!fields.includes(mimicInput))
+                fields.push(mimicInput);
+        });
+    });
+    // For each form add change listener
+    forms.forEach((parentForm, index) => {
+        const updateMimicInput = function () {
+            let mimickedAlready = [];
+            let formData = new FormData(parentForm);
+            let i = 1;
+            for (const [key, value] of formData) {
+                if (document.querySelector(`[data-mimic="${key}"]`) && !mimickedAlready.includes(key)) {
+                    mimickedAlready.push(key);
+                    document.querySelector(`[data-mimic="${key}"]`).value = value;
+                }
+                else if (document.querySelector(`[data-mimic="${key}"]`))
+                    document.querySelector(`[data-mimic="${key}"]`).value += "," + value;
+                i++;
+            }
+            for (const value of mimickedAlready) {
+                const event = new Event("force");
+                form.dispatchEvent(event);
+            }
+        };
+        parentForm.addEventListener('force', (event) => {
+            updateMimicInput();
+        });
+        parentForm.addEventListener('change', (event) => {
+            updateMimicInput();
+        });
+    });
 };
 export const sortTable = (table, form, savedTableBody) => {
     if (form.getAttribute('data-ajax')) {
@@ -248,10 +302,11 @@ export const filterTable = (table, form, wrapper) => {
                 filters[filterInput.getAttribute('data-filter')].push(value);
             }
         }
-        else if (filterInput.value) {
-            if (!filters[filterInput.getAttribute('data-filter')])
-                filters[filterInput.getAttribute('data-filter')] = new Array();
-            filters[filterInput.getAttribute('data-filter')].push(filterInput.value);
+        else if (filterInput && filterInput.value) {
+            let dataFilter = filterInput.getAttribute('data-filter');
+            if (!filters[dataFilter])
+                filters[dataFilter] = new Array();
+            filters[dataFilter].push(filterInput.value);
         }
     });
     // Add search columns too
@@ -364,13 +419,16 @@ export const filterTable = (table, form, wrapper) => {
         wrapper.setAttribute('data-show', showRows);
     }
 };
-export const populateDataQueries = (table, form) => {
+export const populateDataQueries = (table, form, wrapper) => {
     const dataQueries = Array.from(form.querySelectorAll('[data-query]'));
     dataQueries.forEach((queryElement, index) => {
         let query = queryElement.getAttribute('data-query');
         let numberOfMatchedRows;
         if (query == 'total') {
-            numberOfMatchedRows = table.classList.contains('table--filtered') ? table.querySelectorAll('tbody tr').length : table.querySelectorAll('tbody tr').length;
+            if (wrapper.hasAttribute('data-total'))
+                numberOfMatchedRows = wrapper.getAttribute('data-total');
+            else
+                numberOfMatchedRows = table.classList.contains('table--filtered') ? table.querySelectorAll('tbody tr').length : table.querySelectorAll('tbody tr').length;
         }
         else if (!query.includes(' == ') && query.includes(' & ')) {
             let queries = query.split(' & ');
@@ -416,7 +474,7 @@ export const addPaginationEventListeners = function (table, form, pagination, wr
             let newPage = event.target.closest('[data-page]').getAttribute('data-page');
             paginationInput.value = newPage;
             wrapper.setAttribute('data-page', newPage);
-            form.dispatchEvent(new Event("submit"));
+            form.dispatchEvent(new Event("paginate"));
             if (table.hasAttribute('data-show-history')) {
                 const url = new URL(location);
                 url.searchParams.set("page", newPage);
@@ -477,9 +535,9 @@ export const exportAsCSV = function (table) {
 };
 // After table is loaded
 export const makeTableFunctional = function (table, form, pagination, wrapper) {
-    createMobileButton(table);
     addDataAttributes(table);
-    populateDataQueries(table, form);
+    createMobileButton(table);
+    populateDataQueries(table, form, wrapper);
     // Work out the largest width of the CTA's in the last column
     if (wrapper && wrapper.classList.contains('table--cta')) {
         const largestWidth = getLargestLastColWidth(table);
@@ -488,10 +546,12 @@ export const makeTableFunctional = function (table, form, pagination, wrapper) {
 };
 export const loadAjaxTable = function (table, form, pagination, wrapper) {
     const resolvePath = (object, path, defaultValue) => path.split(/[\.\[\]\'\"]/).filter(p => p).reduce((o, p) => o ? o[p] : defaultValue, object);
-    let queryString = new URLSearchParams(new FormData(form)).toString();
+    let formData = new FormData(form);
+    let queryString = new URLSearchParams(formData).toString();
     let columns = table.querySelectorAll('thead tr th');
     let tbody = table.querySelector('tbody');
-    fetch(form.getAttribute('data-ajax'), {
+    wrapper.classList.add('table--loading');
+    fetch(form.getAttribute('data-ajax') + '?' + queryString, {
         method: 'get',
         credentials: 'same-origin',
         headers: new Headers({
@@ -500,9 +560,15 @@ export const loadAjaxTable = function (table, form, pagination, wrapper) {
             'X-Requested-With': 'XMLHttpRequest'
         })
     }).then((response) => response.json()).then((response) => {
-        if (response.data) {
+        let schema = form.hasAttribute('data-schema') ? form.getAttribute('data-schema') : 'data';
+        let totalNumberSchema = form.hasAttribute('data-schema-total') ? form.getAttribute('data-schema-total') : 'meta.total';
+        let currentPageSchema = form.hasAttribute('data-schema-page') ? form.getAttribute('data-schema-page') : 'meta.current_page';
+        let totalNumber = resolvePath(response, totalNumberSchema, 1);
+        let currentPage = resolvePath(response, currentPageSchema, 1);
+        let data = resolvePath(response, schema);
+        if (data) {
             tbody.innerHTML = '';
-            response.data.forEach((row, index) => {
+            data.forEach((row, index) => {
                 var table_row = document.createElement('tr');
                 columns.forEach((col, index) => {
                     let cellOutput = '';
@@ -514,8 +580,11 @@ export const loadAjaxTable = function (table, form, pagination, wrapper) {
                         // Use a regex to replace {var} with actual values from the json data
                         cellOutput = cellTemplate.replace(new RegExp(/{(.*?)}/, "gm"), function (matched) { return resolvePath(row, matched.replace('{', '').replace('}', '')); });
                     }
-                    if (col.hasAttribute('data-format')) {
-                        cellOutput = formatCell(col.getAttribute('data-format'), cellOutput);
+                    if (col.hasAttribute('data-transform')) {
+                        const transforms = JSON.parse(col.getAttribute('data-transform'));
+                        cellOutput = transforms[cellOutput];
+                        if (!cellOutput && col.hasAttribute('data-default'))
+                            cellOutput = col.getAttribute('data-default');
                     }
                     table_cell.innerHTML = cellOutput;
                     table_row.appendChild(table_cell);
@@ -524,28 +593,33 @@ export const loadAjaxTable = function (table, form, pagination, wrapper) {
             });
             createSearchDataList(table, form);
             // Add data to the pagination 
-            makeTableFunctional(table, form, pagination, wrapper);
-            wrapper.setAttribute('data-total', (response.meta.total ? response.meta.total : 1));
-            wrapper.setAttribute('data-page', (response.meta.current_page ? response.meta.current_page : 1));
+            wrapper.setAttribute('data-total', parseInt(totalNumber));
+            wrapper.setAttribute('data-page', parseInt(currentPage));
             wrapper.setAttribute('data-pages', Math.ceil(wrapper.getAttribute('data-total') / wrapper.getAttribute('data-show')));
+            makeTableFunctional(table, form, pagination, wrapper);
             createPaginationButttons(wrapper, pagination);
             if (response.data.length == 0) {
                 tbody.innerHTML = '<tr><td colspan="100%"><span class="h4 m-0">No results found</span></td></tr>';
             }
+            wrapper.classList.remove('table--loading');
         }
         else {
             tbody.innerHTML = '<tr><td colspan="100%"><span class="h6 m-0">Error loading table</span></td></tr>';
         }
     });
+    if (form.hasAttribute('data-ajax-post')) {
+        const http = new XMLHttpRequest();
+        http.open('GET', `${window.location.href}?ajax=true&${queryString}`);
+        http.send();
+    }
 };
 export const formatCell = (format, cellOutput) => {
     switch (format) {
+        case 'datetime':
+            return new Date(cellOutput).toLocaleDateString('en-gb', { weekday: 'short', year: "2-digit", month: "long", day: "numeric", }) + " " + new Date(cellOutput).toLocaleTimeString("en-gb", { hour: "2-digit", minute: "2-digit" });
         case 'date':
-            cellOutput = new Date(cellOutput).toLocaleDateString('en-gb', { year: "2-digit", month: "long", day: "numeric" });
-            break;
+            return new Date(cellOutput).toLocaleDateString('en-gb', { year: "2-digit", month: "long", day: "numeric" });
         case 'capitalise':
-            cellOutput = ucfirst(cellOutput);
-            break;
+            return cellOutput = ucfirst(cellOutput);
     }
-    return cellOutput;
 };