@iamproperty/components 3.6.0 → 3.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/components/accordion.css.map +1 -1
- package/assets/css/components/admin-panel.css +1 -1
- package/assets/css/components/admin-panel.css.map +1 -1
- package/assets/css/components/card.css +1 -1
- package/assets/css/components/card.css.map +1 -1
- package/assets/css/components/dialog.css +1 -1
- package/assets/css/components/dialog.css.map +1 -1
- package/assets/css/components/forms.css.map +1 -1
- package/assets/css/components/lists.css +1 -1
- package/assets/css/components/lists.css.map +1 -1
- package/assets/css/components/table.css +1 -1
- package/assets/css/components/table.css.map +1 -1
- package/assets/css/core.min.css +1 -1
- package/assets/css/core.min.css.map +1 -1
- package/assets/css/style.min.css +1 -1
- package/assets/css/style.min.css.map +1 -1
- package/assets/js/bundle.js +2 -0
- package/assets/js/components/accordion/accordion.component.min.js +1 -1
- package/assets/js/components/card/card.component.js +2 -2
- package/assets/js/components/card/card.component.min.js +4 -4
- package/assets/js/components/card/card.component.min.js.map +1 -1
- package/assets/js/components/filterlist/filterlist.component.min.js +1 -1
- package/assets/js/components/header/header.component.min.js +1 -1
- package/assets/js/components/table/table.component.js +11 -8
- package/assets/js/components/table/table.component.min.js +5 -5
- package/assets/js/components/table/table.component.min.js.map +1 -1
- package/assets/js/components/tabs/tabs.component.min.js +2 -2
- package/assets/js/components/tabs/tabs.component.min.js.map +1 -1
- package/assets/js/dynamic.js +3 -1
- package/assets/js/dynamic.min.js +2 -2
- package/assets/js/dynamic.min.js.map +1 -1
- package/assets/js/flat-components.js +2 -0
- package/assets/js/modules/dialogs.js +173 -0
- package/assets/js/modules/helpers.js +1 -89
- package/assets/js/modules/table.js +10 -8
- package/assets/js/modules/tabs.js +0 -2
- package/assets/js/scripts.bundle.js +24 -24
- package/assets/js/scripts.bundle.js.map +1 -1
- package/assets/js/scripts.bundle.min.js +2 -2
- package/assets/js/scripts.bundle.min.js.map +1 -1
- package/assets/js/tests/table.spec.js +15 -0
- package/assets/sass/_functions/variables.scss +3 -28
- package/assets/sass/components/admin-panel.scss +0 -10
- package/assets/sass/components/card.scss +32 -25
- package/assets/sass/components/dialog.scss +332 -28
- package/assets/sass/components/lists.scss +16 -33
- package/assets/sass/components/table.scss +47 -41
- package/assets/sass/foundations/buttons.scss +9 -13
- package/assets/sass/foundations/icons.scss +14 -69
- package/assets/sass/foundations/reboot.scss +12 -4
- package/assets/sass/foundations/root.scss +9 -0
- package/assets/sass/helpers/max-height.scss +15 -0
- package/assets/ts/bundle.ts +2 -0
- package/assets/ts/components/card/README.md +2 -1
- package/assets/ts/components/card/card.component.ts +2 -2
- package/assets/ts/components/table/table.component.ts +12 -9
- package/assets/ts/dynamic.ts +3 -1
- package/assets/ts/flat-components.ts +2 -0
- package/assets/ts/html.d.ts +7 -1
- package/assets/ts/modules/dialogs.ts +237 -0
- package/assets/ts/modules/helpers.ts +1 -123
- package/assets/ts/modules/table.ts +14 -13
- package/assets/ts/modules/tabs.ts +0 -4
- package/assets/ts/tests/table.spec.ts +15 -0
- package/dist/components.es.js +982 -1003
- package/dist/components.umd.js +25 -21
- package/package.json +2 -3
- package/src/components/Card/Card.vue +2 -2
- package/src/components/Card/README.md +1 -1
- package/src/components/Nav/Nav.vue +1 -3
- package/src/index.js +0 -1
- package/assets/svg/icons.svg +0 -599
- package/src/foundations/Icon/Icon.spec.js +0 -24
- package/src/foundations/Icon/Icon.vue +0 -24
- package/src/foundations/Icon/README.md +0 -11
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dynamic.min.js","sources":["modules/youtubevideo.js","modules/helpers.js","modules/data-layer.js","modules/nav.js","modules/testimonial.js","modules/carousel.js","modules/form.js","dynamic.js"],"sourcesContent":["// @ts-nocheck\n/**\n * Integrate YouTube videos as a way of hosting videos without the overhead and worry surrounding hosting vides. i.e. file sizes, performance and accessibility.\n */\nclass youtubeVideo {\n /** @param {Element} embed dom element */\n constructor(embed) {\n // If the scripts is already loaded then lets just create the embed\n if (document.body.classList.contains('youtubeLoaded')) {\n embed.addEventListener('click', function (e) {\n // loop parent nodes from the target to the delegation node\n for (var target = e.target; target && target != this; target = target.parentNode) {\n if (target.matches('a')) {\n e.preventDefault();\n createEmbed(target);\n break;\n }\n }\n }, false);\n }\n else {\n this.loadScripts(embed, this.createEmbed);\n }\n }\n /**\n * Load the YouTube scripts before trying to create the embed\n * @param {HTMLElement} embed dom element\n */\n loadScripts(embed) {\n return new Promise((resolve, reject) => {\n const image = new Image();\n image.onload = function () {\n // This code loads the IFrame Player API code asynchronously.\n var tag = document.createElement('script');\n tag.src = \"https://www.youtube.com/iframe_api\";\n var firstScriptTag = document.getElementsByTagName('script')[0];\n firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n document.body.classList.add('youtubeLoaded');\n resolve(true);\n // script has loaded, you can now use it safely\n tag.onload = () => {\n embed.addEventListener('click', function (event) {\n console.log('click');\n // loop parent nodes from the target to the delegation node\n if (event && event.target instanceof HTMLElement && event.target.closest('a')) {\n event.preventDefault();\n createEmbed(event.target.closest('a'));\n }\n }, false);\n };\n };\n image.onerror = function () {\n reject(false);\n };\n image.src = \"https://youtube.com/favicon.ico\";\n });\n }\n}\nexport const createEmbed = function (target) {\n // If there is more than one video lets make sure there is only one playing at a time.\n if (typeof window.player != \"undefined\" && typeof window.player.pauseVideo == \"function\")\n window.player.pauseVideo();\n var video_id = target.getAttribute('data-id');\n var link_id = target.getAttribute('id');\n // create an id to pass t the script if one isn't present\n if (typeof link_id == 'undefined' || link_id == null) {\n var randLetter = String.fromCharCode(65 + Math.floor(Math.random() * 26));\n link_id = randLetter + Date.now();\n target.setAttribute('id', link_id);\n }\n // This function creates an <iframe> (and YouTube player) after the API code downloads.\n function onYouTubeIframeAPIReady() {\n window.player = new YT.Player(link_id, {\n height: '100%',\n width: '100%',\n videoId: video_id,\n playerVars: {\n 'modestbranding': 1,\n 'playsinline': 1,\n 'rel': 0,\n 'showinfo': 0\n },\n events: {\n 'onReady': onPlayerReady,\n 'onStateChange': onPlayerStateChange\n }\n });\n }\n onYouTubeIframeAPIReady();\n // The API will call this function when the video player is ready.\n function onPlayerReady(event) {\n // Play the video straight away\n event.target.playVideo();\n }\n // The API calls this function when the player's state changes.\n // The function indicates that when playing a video (state=1)\n var done = false;\n function onPlayerStateChange(event) {\n if (event.data == YT.PlayerState.PLAYING && !done) {\n var link = document.getElementById(link_id);\n link.classList.add('player-ready');\n done = true;\n }\n }\n};\nexport default youtubeVideo;\n","// @ts-nocheck\nimport { createEmbed } from \"./youtubevideo.js\";\n/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\n */\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addBodyClasses = (body) => {\n body.classList.add(\"js-enabled\");\n if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n body.classList.add(\"ie\");\n }\n return null;\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n const checkElements = function (hash) {\n const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n const summary = document.querySelector(hash + ' summary');\n const dialog = document.querySelector(`dialog${hash}`);\n if (label instanceof HTMLElement)\n label.click();\n else if (summary instanceof HTMLElement)\n summary.click();\n else if (dialog instanceof HTMLElement)\n dialog.showModal();\n };\n if (location.hash)\n checkElements(location.hash);\n window.addEventListener('hashchange', function () { checkElements(location.hash); }, false);\n addEventListener(\"popstate\", (event) => {\n if (event.state.type == \"pagination\") {\n let form = document.querySelector(`#${event.state.form}`);\n let pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n if (pageInput)\n pageInput.value = event.state.page;\n else\n form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n form.dispatchEvent(new Event(\"submit\"));\n }\n });\n // Dialogs/modals\n document.addEventListener('click', (event) => {\n // Modal\n if (event && event.target instanceof HTMLElement && event.target.closest('[data-modal]')) {\n const button = event.target.closest('[data-modal]');\n const modalID = button.hasAttribute('data-modal') ? button.getAttribute('data-modal') : button.getAttribute('data-filter');\n const dialog = document.querySelector(`dialog#${modalID}`);\n // Create close button is needed\n dialog.innerHTML = `<button class=\"dialog__close\">Close</button>${dialog.innerHTML}`;\n // remove close button when dialog is closed\n dialog.addEventListener(\"close\", () => {\n const closeButton = dialog.querySelector('.dialog__close');\n dialog.removeChild(closeButton);\n }, { once: true }); // only adds this once\n let videoButton = dialog.querySelector('.youtube-embed a');\n if (videoButton) {\n createEmbed(videoButton);\n }\n dialog.showModal();\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n \"event\": \"openModal\",\n \"id\": modalID\n });\n }\n ;\n // Close modal\n if (event && event.target instanceof HTMLElement && event.target.closest('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 if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')) {\n const dialog = event.target.closest('dialog[open]');\n const dialogDimensions = dialog.getBoundingClientRect();\n if (event.clientX < dialogDimensions.left || event.clientX > dialogDimensions.right || event.clientY < dialogDimensions.top || event.clientY > dialogDimensions.bottom) {\n dialog.close();\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n \"event\": \"closeModal\",\n \"id\": dialog.getAttribute('id')\n });\n }\n }\n // Popover\n if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')) {\n // 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 window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n \"event\": dataEvent,\n \"id\": btn.textContent\n });\n }\n ;\n });\n return null;\n};\nexport const isNumeric = function (str) {\n if (typeof str != \"string\")\n return false; // we only process strings! \n return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n !isNaN(parseFloat(str)); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str.split(' ').map(s => ucfirst(s)).join(' ');\nexport const unsnake = (str) => str.replace(/_/g, ' ');\nexport const snake = (str) => str.replace(/ /g, '_');\nexport const safeID = function (str) {\n str = str.toLowerCase();\n str = snake(str);\n str = str.replace(/\\W/g, '');\n return str;\n};\n","function createDataLayer() {\n window.dataLayer = window.dataLayer || [];\n window.dataLayer.push({\n \"event\": \"Pageview\",\n \"pageTitle\": document.title\n });\n // Global events to track\n document.addEventListener('click', (event) => {\n if (event && event.target instanceof HTMLElement && event.target.closest('[open] summary')) {\n window.dataLayer.push({\n \"event\": \"closeDetails\",\n // @ts-ignore: Object is possibly 'null'.\n \"detailsTitle\": event.target.closest('summary').textContent\n });\n }\n else if (event && event.target instanceof HTMLElement && event.target.closest('summary')) {\n window.dataLayer.push({\n \"event\": \"openDetails\",\n // @ts-ignore: Object is possibly 'null'.\n \"detailsTitle\": event.target.closest('summary').textContent\n });\n }\n if (event && event.target instanceof HTMLElement && event.target.closest('a')) {\n window.dataLayer.push({\n \"event\": \"linkClicked\",\n // @ts-ignore: Object is possibly 'null'.\n \"linkText\": event.target.closest('a').hasAttribute('title') ? event.target.closest('a').getAttribute('title') : event.target.closest('a').textContent,\n // @ts-ignore: Object is possibly 'null'.\n \"class\": (event.target.closest('a').hasAttribute('class') ? event.target.closest('a').getAttribute('class') : ''),\n // @ts-ignore: Object is possibly 'null'.\n \"href\": event.target.closest('a').getAttribute('href')\n });\n }\n if (event && event.target instanceof HTMLElement && event.target.closest('button')) {\n window.dataLayer.push({\n \"event\": \"buttonClicked\",\n // @ts-ignore: Object is possibly 'null'.\n \"buttonText\": event.target.closest('button').textContent,\n // @ts-ignore: Object is possibly 'null'.\n \"class\": (event.target.closest('button').hasAttribute('class') ? event.target.closest('button').getAttribute('class') : '')\n });\n }\n });\n}\nexport default createDataLayer;\n","// @ts-nocheck\nconst navbar = (element) => {\n Array.from(element.querySelectorAll('details')).forEach((detail, index) => {\n detail.addEventListener('mouseenter', function (e) {\n if (window.matchMedia('(min-width: 62em)').matches)\n detail.setAttribute('open', 'true');\n }, false);\n detail.addEventListener('mouseleave', function (e) {\n if (window.matchMedia('(min-width: 62em)').matches)\n detail.removeAttribute('open');\n }, false);\n });\n if ('IntersectionObserver' in window) {\n const observer = new IntersectionObserver(([e]) => e.target.classList.toggle(\"is-stuck\", e.intersectionRatio < 1), { threshold: [1] });\n observer.observe(element);\n }\n};\nexport default navbar;\n","// @ts-nocheck\nfunction testimonial(testimonialElement) {\n var scrollTimeout;\n const imagesCarousel = testimonialElement.querySelector('.testimonial__images');\n const itemCount = imagesCarousel.querySelectorAll('img').length;\n // If we only have 1 item lets not bother doing anything else\n if (itemCount == 1) {\n return false;\n }\n testimonialElement.classList.add('testimonial--multi');\n // Set where the buttons go to\n const setButtons = function (scrollTo) {\n const nextButton = testimonialElement.querySelector('.btn-next');\n const prevButton = testimonialElement.querySelector('.btn-prev');\n nextButton.setAttribute('data-go', scrollTo + 1);\n prevButton.setAttribute('data-go', scrollTo - 1);\n nextButton.removeAttribute('disabled');\n prevButton.removeAttribute('disabled');\n if (scrollTo == 1)\n prevButton.setAttribute('disabled', true);\n else if (scrollTo == itemCount)\n nextButton.setAttribute('disabled', true);\n };\n // On scroll we need to make sure the buttons get corrected and the next testimonial is shown\n imagesCarousel.addEventListener('scroll', function (e) {\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(function () {\n let scrollWidth = imagesCarousel.scrollWidth;\n let scrollHeight = imagesCarousel.scrollHeight;\n let scrollLeft = imagesCarousel.scrollLeft;\n let scrollDown = imagesCarousel.scrollTop;\n let scrollTo = Math.round((scrollLeft / scrollWidth) * itemCount) + 1;\n // Change in scroll direction\n if (scrollLeft == 0 && scrollDown != 0)\n scrollTo = Math.round((scrollDown / scrollHeight) * itemCount) + 1;\n testimonialElement.setAttribute('data-show', scrollTo);\n setButtons(scrollTo);\n }, 300);\n }, false);\n // when the buttons are used we need to make sure the carousel scrolls to the correct place\n testimonialElement.addEventListener('click', function (e) {\n for (var target = e.target; target && target != this; target = target.parentNode) {\n if (target.matches('[data-go]')) {\n let scrollTo = parseInt(target.getAttribute('data-go'));\n let scrollDown = 0;\n let scrollLeft = 0;\n let scrollWidth = imagesCarousel.scrollWidth;\n let scrollHeight = imagesCarousel.scrollHeight;\n if (scrollWidth > scrollHeight)\n scrollLeft = Math.floor(scrollWidth * ((scrollTo - 1) / itemCount));\n else\n scrollDown = Math.floor(scrollHeight * ((scrollTo - 1) / itemCount));\n // Trigger the scroll\n imagesCarousel.scroll({\n top: scrollDown,\n left: scrollLeft,\n behavior: 'smooth'\n });\n break;\n }\n }\n }, false);\n}\nexport default testimonial;\n","// @ts-nocheck\nfunction carousel(carouselElement) {\n var scrollTimeout;\n let carouselInner = carouselElement.querySelector('.carousel__inner');\n let itemCount = carouselElement.querySelectorAll('.carousel__item').length;\n let cols = carouselElement.getAttribute('data-cols');\n let smCols = carouselElement.getAttribute('data-sm-cols');\n let mdCols = carouselElement.getAttribute('data-md-cols');\n carouselElement.querySelector('.carousel__controls a').classList.add('active');\n // On scroll we need to make sure the buttons get corrected and the next testimonial is shown\n carouselInner.addEventListener('scroll', function (e) {\n clearTimeout(scrollTimeout);\n scrollTimeout = setTimeout(function () {\n let scrollArea = carouselInner.clientWidth;\n let scrollWidth = carouselInner.scrollWidth;\n let scrollLeft = carouselInner.scrollLeft;\n let targetSlide = Math.round((scrollLeft / scrollWidth) * itemCount) + 1;\n let lastItemOffset = carouselElement.querySelector('.carousel__item:last-child').offsetLeft;\n Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {\n link.classList.remove('active');\n });\n carouselElement.querySelector('.control-' + targetSlide).classList.add('active');\n // Disable the previous button\n if (targetSlide == 1)\n carouselElement.querySelector('.btn-prev').setAttribute('disabled', 'disabled');\n else\n carouselElement.querySelector('.btn-prev').removeAttribute('disabled');\n // Disable the next button if the last item is in view\n if (carouselInner.scrollLeft + scrollArea > lastItemOffset)\n carouselElement.querySelector('.btn-next').setAttribute('disabled', 'disabled');\n else\n carouselElement.querySelector('.btn-next').removeAttribute('disabled');\n }, 100);\n }, false);\n // when the buttons are used we need to make sure the carousel scrolls to the correct place\n carouselElement.addEventListener('click', function (e) {\n for (var target = e.target; target && target != this; target = target.parentNode) {\n if (target.matches('.carousel__controls a')) {\n e.preventDefault();\n Array.from(carouselElement.querySelectorAll('.carousel__controls a')).forEach((link, index) => {\n link.classList.remove('active');\n });\n target.classList.add('active');\n const el = document.querySelector(target.getAttribute('href'));\n carouselInner.scroll({\n top: 0,\n left: el.offsetLeft,\n behavior: 'smooth'\n });\n break;\n }\n }\n }, false);\n carouselElement.addEventListener('click', function (e) {\n for (var target = e.target; target && target != this; target = target.parentNode) {\n if (target.matches('.btn-next, .btn-prev')) {\n e.preventDefault();\n let scrollTo = target.classList.contains('btn-prev') ? carouselInner.scrollLeft - carouselInner.clientWidth : carouselInner.scrollLeft + carouselInner.clientWidth;\n carouselInner.scroll({\n top: 0,\n left: scrollTo,\n behavior: 'smooth'\n });\n break;\n }\n }\n }, false);\n // Add responsive hide button classes\n if (itemCount == 1)\n carouselElement.classList.add('hide-btns');\n if (smCols >= itemCount)\n carouselElement.classList.add('hide-sm-btns');\n if (mdCols >= itemCount)\n carouselElement.classList.add('hide-md-btns');\n}\nexport default carousel;\n","// @ts-nocheck\n// Create a link between two input/selects with one acting as setting a minimum value and the second a maximum\n// The link between the two will prevent the max input field form setting a lower value than the min and vice versa\nfunction inputRange(inputWrapper) {\n inputWrapper.addEventListener('change', function (e) {\n var min = parseInt(inputWrapper.querySelector('[data-min] select,[data-min] input').value);\n var max = parseInt(inputWrapper.querySelector('[data-max] select,[data-max] input').value);\n // Set attributes for input fields\n Array.from(inputWrapper.querySelectorAll('[data-min] input')).forEach((input, index) => {\n input.setAttribute('max', max);\n });\n Array.from(inputWrapper.querySelectorAll('[data-max] input')).forEach((input, index) => {\n input.setAttribute('min', min);\n });\n // Hide select options if they are higher or lower than the min and max values\n Array.from(inputWrapper.querySelectorAll('[data-min] select option')).forEach((option, index) => {\n if (parseInt(option.getAttribute('value')) > max)\n option.classList.add('d-none');\n else\n option.classList.remove('d-none');\n });\n Array.from(inputWrapper.querySelectorAll('[data-max] select option')).forEach((option, index) => {\n if (parseInt(option.getAttribute('value')) < min)\n option.classList.add('d-none');\n else\n option.classList.remove('d-none');\n });\n }, false);\n}\nfunction inputRedirect(inputWrapper) {\n inputWrapper.addEventListener('change', function (e) {\n if (inputWrapper.matches('[data-value-if]')) {\n const url = inputWrapper.getAttribute('data-redirect');\n const desiredValue = inputWrapper.getAttribute('data-value-if');\n if (inputWrapper.value == desiredValue)\n document.location.href = url;\n }\n else {\n if (typeof inputWrapper.value != \"undefined\")\n document.location.href = inputWrapper.value;\n }\n }, false);\n}\n//\nfunction multipleFileUploads(wrapper) {\n const fileTenplate = wrapper.querySelector('.row');\n const clone = fileTenplate.cloneNode(true);\n const addButton = wrapper.querySelector('[data-add]');\n wrapper.addEventListener('click', function (e) {\n for (var target = e.target; target && target != this; target = target.parentNode) {\n if (target.matches('[data-add]')) { // Add a new row upload file input fields\n const tempClone = clone.cloneNode(true);\n wrapper.insertBefore(tempClone, target);\n if (addButton.matches('[data-maxfiles]') && Array.from(wrapper.querySelectorAll(':scope > .row')).length >= addButton.dataset.maxfiles)\n addButton.setAttribute('disabled', 'disabled');\n break;\n }\n if (target.matches('[data-delete]')) { // Delete the current row\n let row = target.closest('.row');\n row.remove();\n if (addButton.matches('[data-maxfiles]') && Array.from(wrapper.querySelectorAll(':scope > .row')).length < addButton.dataset.maxfiles)\n addButton.removeAttribute('disabled');\n break;\n }\n }\n }, false);\n}\n// Acts as an overall initialise function to trigger other functions.\nfunction form(formElement) {\n // Check for input range groups\n Array.from(formElement.querySelectorAll('[data-input-range]')).forEach((arrayElement, index) => {\n inputRange(arrayElement);\n });\n Array.from(formElement.querySelectorAll('[data-redirect]')).forEach((arrayElement, index) => {\n inputRedirect(arrayElement);\n });\n Array.from(formElement.querySelectorAll('.multiple-file-uploads')).forEach((arrayElement, index) => {\n multipleFileUploads(arrayElement);\n });\n // Check the file size of a file when uploaded in case it exceeds the max file size set\n formElement.addEventListener('change', function (e) {\n for (var target = e.target; target && target != this; target = target.parentNode) {\n if (target.matches('[type=\"file\"][data-filesize]') && target.files && target.files[0]) {\n const maxAllowedSize = target.dataset.filesize;\n if (target.files[0].size > maxAllowedSize) {\n target.value = '';\n alert('File too large');\n }\n break;\n }\n }\n }, false);\n // When a form is updated we may want to update some of the existing input fields; setting active fields when some data is selected.\n formElement.addEventListener('change', function (e) {\n // Remove disabled attribute when a pre-selected input field equals a certain value\n Array.from(formElement.querySelectorAll('select[data-activeif][data-equals],input[data-activeif][data-equals]')).forEach((arrayElement, index) => {\n let group = arrayElement.closest('[data-group]') ? arrayElement.closest('[data-group]') : formElement;\n let selector = arrayElement.dataset.activeif;\n let value = arrayElement.dataset.equals;\n let testElement = group.querySelector(`select[data-id=\"${selector}\"],input[data-id=\"${selector}\"]`);\n if (testElement.value == value) {\n arrayElement.removeAttribute('disabled');\n }\n else {\n arrayElement.setAttribute('disabled', 'disabled');\n arrayElement.value = '';\n }\n });\n // Show this input wrapper when a pre-selected input field equals a certain value\n Array.from(formElement.querySelectorAll('.form-control__wrapper[data-displayif][data-equals]')).forEach((arrayElement, index) => {\n let group = arrayElement.closest('[data-group]') ? arrayElement.closest('[data-group]') : formElement;\n let selector = arrayElement.dataset.activeif;\n let value = arrayElement.dataset.equals;\n let testElement = group.querySelector(`select[data-id=\"${selector}\"],input[data-id=\"${selector}\"]`);\n if (testElement.value == value)\n arrayElement.classList.remove('d-none');\n else\n arrayElement.classList.add('d-none');\n });\n }, false);\n}\nexport default form;\n","// @ts-nocheck\n// Modules\nimport * as helpers from '../js/modules/helpers.js';\nimport createDataLayer from '../js/modules/data-layer.js';\nimport nav from '../js/modules/nav.js';\n//import accordion from './modules/accordion.js'\nimport testimonial from '../js/modules/testimonial.js';\nimport carousel from '../js/modules/carousel.js';\nimport form from '../js/modules/form.js';\nimport youtubeVideo from '../js/modules/youtubevideo.js';\nconst components = ['accordion', 'header', 'tabs', 'table', 'card', 'pagination', 'filterlist', 'applied-filters'];\nconst prefix = \"iam\";\nconst options = {\n rootMargin: '50px',\n threshold: 0.1\n};\nconst componentExt = \".component.js\";\n// Load components - Each component will load once the first of its type has been loaded\ncomponents.forEach((component) => {\n console.log(component);\n if (document.getElementsByTagName(`${prefix}-${component}`).length === 0)\n return;\n let callback = (entries) => {\n entries.forEach((entry) => {\n if (entry.intersectionRatio > 0) {\n console.log(component);\n import(`./components/${component}/${component}${componentExt}`).then(module => {\n if (!window.customElements.get(`${prefix}-${component}`))\n window.customElements.define(`${prefix}-${component}`, module.default);\n }).catch((err) => {\n console.log(err.message);\n });\n intObserver.unobserve(entry.target);\n }\n });\n };\n const intObserver = new IntersectionObserver(callback, options);\n intObserver.observe(document.getElementsByTagName(`${prefix}-${component}`)[0]);\n});\n// Attach classes to dom elements\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n createDataLayer();\n // Global stuff\n helpers.addBodyClasses(document.body);\n helpers.addGlobalEvents(document.body);\n //helpers.checkElements(document.body);\n // ANav\n Array.from(document.querySelectorAll('.nav')).forEach((arrayElement) => {\n nav(arrayElement);\n });\n // Testimonial\n Array.from(document.querySelectorAll('.testimonial')).forEach((arrayElement) => {\n testimonial(arrayElement);\n });\n // Carousel\n Array.from(document.querySelectorAll('.carousel')).forEach((arrayElement) => {\n carousel(arrayElement);\n });\n // Form\n Array.from(document.querySelectorAll('form')).forEach((arrayElement) => {\n form(arrayElement);\n });\n // YouTube videos\n Array.from(document.querySelectorAll('.youtube-embed')).forEach((arrayElement) => {\n console.log(arrayElement);\n new youtubeVideo(arrayElement);\n });\n window.addEventListener('hashchange', function () {\n const hash = location.hash.replace('#', '');\n const label = document.querySelector(`label[for=\"${hash}\"]`);\n if (label instanceof HTMLElement)\n label.click();\n }, false);\n});\n"],"names":["youtubeVideo","embed","e","target","createEmbed","resolve","reject","image","tag","firstScriptTag","event","video_id","link_id","randLetter","onYouTubeIframeAPIReady","onPlayerReady","onPlayerStateChange","done","link","addBodyClasses","body","addGlobalEvents","checkElements","hash","label","summary","dialog","form","pageInput","button","modalID","closeButton","videoButton","dialogDimensions","btn","parent","dataEvent","popover","position","topOffset","leftOffset","container","createDataLayer","navbar","element","detail","index","testimonial","testimonialElement","scrollTimeout","imagesCarousel","itemCount","setButtons","scrollTo","nextButton","prevButton","scrollWidth","scrollHeight","scrollLeft","scrollDown","carousel","carouselElement","carouselInner","smCols","mdCols","scrollArea","targetSlide","lastItemOffset","el","inputRange","inputWrapper","min","max","input","option","inputRedirect","url","desiredValue","multipleFileUploads","wrapper","clone","addButton","tempClone","formElement","arrayElement","maxAllowedSize","group","selector","value","components","prefix","options","component","callback","entries","entry","module","err","intObserver","helpers.addBodyClasses","helpers.addGlobalEvents","nav"],"mappings":"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"}
|
|
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":";;;+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,QAAQ,IAAIA,EAAO,cAAc,QAAQ,CAAC,EAC1C,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,EACZ,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAS,aACT,GAAMA,EAAO,aAAa,IAAI,CAC9C,CAAa,EAGL,GAAIC,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,6BAA6B,EAAG,CACrG,MAAMD,EAASC,EAAM,OAAO,QAAQ,cAAc,EAClD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAS,aACT,GAAMD,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,MAAM2B,EAAmB3B,EAAO,yBAC5BC,EAAM,QAAU0B,EAAiB,MAAQ1B,EAAM,QAAU0B,EAAiB,OAAS1B,EAAM,QAAU0B,EAAiB,KAAO1B,EAAM,QAAU0B,EAAiB,UAC5J3B,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,IAAI2B,EAAM3B,EAAM,OAAO,QAAQ,2BAA2B,EACtD4B,EAAS5B,EAAM,OAAO,QAAQ,2BAA2B,EAAE,WAC3D6B,EAAY,cACZC,EAAUF,EAAO,cAAc,iBAAiB,EAGpD,GAFI,SAAS,cAAc,cAAc,GAAK,SAAS,cAAc,cAAc,GAAKE,GACpF,SAAS,cAAc,cAAc,EAAE,MAAK,EAC5CA,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,MAEEJ,EAAgBxB,GAAW,CAKpC,GAHIA,EAAO,UAAU,SAAS,eAAe,GAAK,CAACA,EAAO,cAAc,iBAAiB,GACrFuC,EAAsBvC,CAAM,EAE5B,CAACA,EAAO,cAAc,iBAAiB,GAAK,CAACA,EAAO,UAAU,SAAS,eAAe,EAAG,CACzFA,EAAO,UAAY,sBAAsBA,EAAO,kBAChD,IAAIwC,EAAgBxC,EAAO,cAAc,QAAQ,EAC7CyC,EAAezC,EAAO,cAAc,qCAAqC,EAC7E,GAAIyC,EAAc,CACd,IAAIC,EAAkBD,EAAa,gBACnCD,EAAc,OAAOC,CAAY,EAC7BC,GACAD,EAAa,OAAOC,CAAe,GAI1C1C,EAAO,cAAc,6BAA6B,IACnDA,EAAO,UAAY,+CAA+CA,EAAO,YACjF,EACMuC,EAAyBvC,GAAW,CACtC,IAAI2C,EAAU,GACVC,EAAY,MAAM,KAAK5C,EAAO,iBAAiB,sBAAsB,CAAC,EAC1E4C,EAAU,QAAQ,CAACC,EAAUC,IAAU,CACnCH,GAAW,uBAAuBE,EAAS,aAAa,YAAY,2BAA2BC,GAAS,EAAI,SAAW,OAAOD,EAAS,aAAa,YAAY,aAChK,MAAME,EAAa,SAAS,cAAc,KAAK,EAC/CA,EAAW,UAAU,IAAI,cAAc,EACvCF,EAAS,YAAYE,CAAU,EAC3BD,GAAS,IACTC,EAAW,WAAa,uBAAuBH,EAAUE,EAAQ,CAAC,EAAE,aAAa,YAAY,qEAC7FA,GAASF,EAAU,OAAS,IAC5BG,EAAW,WAAa,uBAAuBH,EAAUE,EAAQ,CAAC,EAAE,aAAa,YAAY,+DAC7FA,GAASF,EAAU,OAAS,IAC5BG,EAAW,WAAa,uDACpC,CAAK,EACD/C,EAAO,UAAY,iCAAiC2C,UAAgB3C,EAAO,YAC3EA,EAAO,iBAAiB,QAAUC,GAAU,CACxC,GAAIA,GAASA,EAAM,kBAAkB,aAAeA,EAAM,OAAO,QAAQ,oBAAoB,EAAG,CAC5F,MAAMqB,EAASrB,EAAM,OAAO,QAAQ,oBAAoB,EAClD4C,EAAW7C,EAAO,cAAc,wBAAwBsB,EAAO,aAAa,YAAY,KAAK,EAC7F0B,EAAOhD,EAAO,cAAc,6BAA6BsB,EAAO,aAAa,YAAY,KAAK,EACpG,MAAM,KAAKtB,EAAO,iBAAiB,QAAQ,CAAC,EAAE,QAAQ,CAACsB,EAAQwB,IAAU,CACrExB,EAAO,UAAU,OAAO,QAAQ,CAChD,CAAa,EACD,MAAM,KAAKtB,EAAO,iBAAiB,UAAU,CAAC,EAAE,QAAQ,CAACsB,EAAQwB,IAAU,CACvExB,EAAO,UAAU,OAAO,QAAQ,CAChD,CAAa,EACD0B,EAAK,UAAU,IAAI,QAAQ,EAC3BH,EAAS,UAAU,IAAI,QAAQ,EAGnC,OAAO,IACf,CAAK,CACL,EC3KA,SAASI,GAAkB,CACvB,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAS,WACT,UAAa,SAAS,KAC9B,CAAK,EAED,SAAS,iBAAiB,QAAUhD,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,MAAMiD,EAAUC,GAAY,CACxB,MAAM,KAAKA,EAAQ,iBAAiB,SAAS,CAAC,EAAE,QAAQ,CAACC,EAAQN,IAAU,CACvEM,EAAO,iBAAiB,aAAc,SAAU3B,EAAG,CAC3C,OAAO,WAAW,mBAAmB,EAAE,SACvC2B,EAAO,aAAa,OAAQ,MAAM,CACzC,EAAE,EAAK,EACRA,EAAO,iBAAiB,aAAc,SAAU3B,EAAG,CAC3C,OAAO,WAAW,mBAAmB,EAAE,SACvC2B,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,SAAU/B,EAAG,CACnD,aAAa8B,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,SAAU7B,EAAG,CACtD,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAClE,GAAIA,EAAO,QAAQ,WAAW,EAAG,CAC7B,IAAIqD,EAAW,SAASrD,EAAO,aAAa,SAAS,CAAC,EAClD2D,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,SAAU3C,EAAG,CAClD,aAAa8B,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,CAAC/C,EAAM0B,IAAU,CAC3F1B,EAAK,UAAU,OAAO,QAAQ,CAC9C,CAAa,EACD+C,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,SAAU1C,EAAG,CACnD,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAClE,GAAIA,EAAO,QAAQ,uBAAuB,EAAG,CACzCmB,EAAE,eAAc,EAChB,MAAM,KAAK0C,EAAgB,iBAAiB,uBAAuB,CAAC,EAAE,QAAQ,CAAC/C,EAAM0B,IAAU,CAC3F1B,EAAK,UAAU,OAAO,QAAQ,CAClD,CAAiB,EACDd,EAAO,UAAU,IAAI,QAAQ,EAC7B,MAAMoE,EAAK,SAAS,cAAcpE,EAAO,aAAa,MAAM,CAAC,EAC7D8D,EAAc,OAAO,CACjB,IAAK,EACL,KAAMM,EAAG,WACT,SAAU,QAC9B,CAAiB,EACD,MAGX,EAAE,EAAK,EACRP,EAAgB,iBAAiB,QAAS,SAAU1C,EAAG,CACnD,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAClE,GAAIA,EAAO,QAAQ,sBAAsB,EAAG,CACxCmB,EAAE,eAAc,EAChB,IAAIkC,EAAWrD,EAAO,UAAU,SAAS,UAAU,EAAI8D,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,SAAUnD,EAAG,CACjD,IAAIoD,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,EAAOjC,IAAU,CACpFiC,EAAM,aAAa,MAAOD,CAAG,CACzC,CAAS,EACD,MAAM,KAAKF,EAAa,iBAAiB,kBAAkB,CAAC,EAAE,QAAQ,CAACG,EAAOjC,IAAU,CACpFiC,EAAM,aAAa,MAAOF,CAAG,CACzC,CAAS,EAED,MAAM,KAAKD,EAAa,iBAAiB,0BAA0B,CAAC,EAAE,QAAQ,CAACI,EAAQlC,IAAU,CACzF,SAASkC,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,EAAQlC,IAAU,CACzF,SAASkC,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,SAAUnD,EAAG,CACjD,GAAImD,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,SAAU5D,EAAG,CAC3C,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAAY,CAC9E,GAAIA,EAAO,QAAQ,YAAY,EAAG,CAC9B,MAAMkF,EAAYF,EAAM,UAAU,EAAI,EACtCD,EAAQ,aAAaG,EAAWlF,CAAM,EAClCiF,EAAU,QAAQ,iBAAiB,GAAK,MAAM,KAAKF,EAAQ,iBAAiB,eAAe,CAAC,EAAE,QAAUE,EAAU,QAAQ,UAC1HA,EAAU,aAAa,WAAY,UAAU,EACjD,MAEJ,GAAIjF,EAAO,QAAQ,eAAe,EAAG,CACvBA,EAAO,QAAQ,MAAM,EAC3B,OAAM,EACNiF,EAAU,QAAQ,iBAAiB,GAAK,MAAM,KAAKF,EAAQ,iBAAiB,eAAe,CAAC,EAAE,OAASE,EAAU,QAAQ,UACzHA,EAAU,gBAAgB,UAAU,EACxC,OAGX,EAAE,EAAK,CACZ,CAEA,SAASrF,EAAKuF,EAAa,CAEvB,MAAM,KAAKA,EAAY,iBAAiB,oBAAoB,CAAC,EAAE,QAAQ,CAACC,EAAc5C,IAAU,CAC5F6B,EAAWe,CAAY,CAC/B,CAAK,EACD,MAAM,KAAKD,EAAY,iBAAiB,iBAAiB,CAAC,EAAE,QAAQ,CAACC,EAAc5C,IAAU,CACzFmC,EAAcS,CAAY,CAClC,CAAK,EACD,MAAM,KAAKD,EAAY,iBAAiB,wBAAwB,CAAC,EAAE,QAAQ,CAACC,EAAc5C,IAAU,CAChGsC,EAAoBM,CAAY,CACxC,CAAK,EAEDD,EAAY,iBAAiB,SAAU,SAAUhE,EAAG,CAChD,QAASnB,EAASmB,EAAE,OAAQnB,GAAUA,GAAU,KAAMA,EAASA,EAAO,WAClE,GAAIA,EAAO,QAAQ,8BAA8B,GAAKA,EAAO,OAASA,EAAO,MAAM,CAAC,EAAG,CACnF,MAAMqF,EAAiBrF,EAAO,QAAQ,SAClCA,EAAO,MAAM,CAAC,EAAE,KAAOqF,IACvBrF,EAAO,MAAQ,GACf,MAAM,gBAAgB,GAE1B,MAGX,EAAE,EAAK,EAERmF,EAAY,iBAAiB,SAAU,SAAUhE,EAAG,CAEhD,MAAM,KAAKgE,EAAY,iBAAiB,sEAAsE,CAAC,EAAE,QAAQ,CAACC,EAAc5C,IAAU,CAC9I,IAAI8C,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,EAAc5C,IAAU,CAC7H,IAAI8C,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,EAErCrF,EAAc,SAAS,IAAI,EAE3B,MAAM,KAAK,SAAS,iBAAiB,MAAM,CAAC,EAAE,QAASqE,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,CACpExF,EAAKwF,CAAY,CACzB,CAAK,EAED,MAAM,KAAK,SAAS,iBAAiB,gBAAgB,CAAC,EAAE,QAASA,GAAiB,CAC9E,QAAQ,IAAIA,CAAY,EACxB,IAAItF,EAAasF,CAAY,CACrC,CAAK,EACD,OAAO,iBAAiB,aAAc,UAAY,CAC9C,MAAM7F,EAAO,SAAS,KAAK,QAAQ,IAAK,EAAE,EACpCC,EAAQ,SAAS,cAAc,cAAcD,KAAQ,EACvDC,aAAiB,aACjBA,EAAM,MAAK,CAClB,EAAE,EAAK,CACZ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
2
|
// Modules
|
|
3
3
|
import * as helpers from '../js/modules/helpers.js';
|
|
4
|
+
import extendDialogs from '../js/modules/dialogs.js';
|
|
4
5
|
import createDataLayer from '../js/modules/data-layer.js';
|
|
5
6
|
import nav from '../js/modules/nav.js';
|
|
6
7
|
import * as tableModule from './modules/table.js';
|
|
@@ -19,6 +20,7 @@ document.addEventListener("DOMContentLoaded", function () {
|
|
|
19
20
|
helpers.addBodyClasses(document.body);
|
|
20
21
|
helpers.addGlobalEvents(document.body);
|
|
21
22
|
//helpers.checkElements(document.body);
|
|
23
|
+
extendDialogs(document.body);
|
|
22
24
|
// ANav
|
|
23
25
|
Array.from(document.querySelectorAll('.nav')).forEach((arrayElement) => {
|
|
24
26
|
nav(arrayElement);
|
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
// @ts-nocheck
|
|
2
|
+
import { createEmbed } from "./youtubevideo.js";
|
|
3
|
+
const extendDialogs = (body) => {
|
|
4
|
+
// Dialogs/modals
|
|
5
|
+
body.addEventListener('click', (event) => {
|
|
6
|
+
// Modal
|
|
7
|
+
if (event && event.target instanceof HTMLElement && event.target.closest('[data-modal]')) {
|
|
8
|
+
const button = event.target.closest('[data-modal]');
|
|
9
|
+
const modalID = button.hasAttribute('data-modal') ? button.getAttribute('data-modal') : button.getAttribute('data-filter');
|
|
10
|
+
const dialog = document.querySelector(`dialog#${modalID}`);
|
|
11
|
+
createDialog(dialog);
|
|
12
|
+
// Prevent the user from escaping the model when transactional
|
|
13
|
+
if (dialog.querySelector(':scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child') && !dialog.classList.contains('dialog--multi')) {
|
|
14
|
+
dialog.addEventListener("cancel", (e) => {
|
|
15
|
+
e.preventDefault();
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
// Create the video embed
|
|
19
|
+
let videoButton = dialog.querySelector('.youtube-embed a');
|
|
20
|
+
if (videoButton) {
|
|
21
|
+
createEmbed(videoButton);
|
|
22
|
+
}
|
|
23
|
+
// Open the modal!
|
|
24
|
+
dialog.showModal();
|
|
25
|
+
dialog.focus();
|
|
26
|
+
console.log(dialog.querySelector('button'));
|
|
27
|
+
window.dataLayer = window.dataLayer || [];
|
|
28
|
+
window.dataLayer.push({
|
|
29
|
+
"event": "openModal",
|
|
30
|
+
"id": modalID
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
;
|
|
34
|
+
// Close modal
|
|
35
|
+
if (event && event.target instanceof HTMLElement && event.target.closest('button.dialog__close')) {
|
|
36
|
+
const dialog = event.target.closest('dialog[open]');
|
|
37
|
+
event.preventDefault();
|
|
38
|
+
dialog.close();
|
|
39
|
+
window.dataLayer = window.dataLayer || [];
|
|
40
|
+
window.dataLayer.push({
|
|
41
|
+
"event": "closeModal",
|
|
42
|
+
"id": dialog.getAttribute('id')
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
// Track default close buttons
|
|
46
|
+
if (event && event.target instanceof HTMLElement && event.target.closest('button[formmethod="dialog"]')) {
|
|
47
|
+
const dialog = event.target.closest('dialog[open]');
|
|
48
|
+
window.dataLayer = window.dataLayer || [];
|
|
49
|
+
window.dataLayer.push({
|
|
50
|
+
"event": "closeModal",
|
|
51
|
+
"id": dialog.getAttribute('id')
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
// Close the modal when clicked on the backdrop
|
|
55
|
+
if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')) {
|
|
56
|
+
const dialog = event.target.closest('dialog[open]');
|
|
57
|
+
// Dont allow the backdrop to be clicked when transactional
|
|
58
|
+
if (!dialog.querySelector(':scope > .mh-lg > form:last-child > button:last-child, :scope > .mh-lg > button:last-child') || dialog.classList.contains('dialog--multi')) {
|
|
59
|
+
const dialogDimensions = dialog.getBoundingClientRect();
|
|
60
|
+
if (event.clientX < dialogDimensions.left || event.clientX > dialogDimensions.right || event.clientY < dialogDimensions.top || event.clientY > dialogDimensions.bottom) {
|
|
61
|
+
dialog.close();
|
|
62
|
+
window.dataLayer = window.dataLayer || [];
|
|
63
|
+
window.dataLayer.push({
|
|
64
|
+
"event": "closeModal",
|
|
65
|
+
"id": dialog.getAttribute('id')
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
// Popover
|
|
71
|
+
if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')) {
|
|
72
|
+
// Close existing open popover
|
|
73
|
+
let btn = event.target.closest('.dialog__wrapper > button');
|
|
74
|
+
let parent = event.target.closest('.dialog__wrapper > button').parentNode;
|
|
75
|
+
let dataEvent = "openPopover";
|
|
76
|
+
let popover = parent.querySelector(':scope > dialog');
|
|
77
|
+
if (document.querySelector('dialog[open]') && document.querySelector('dialog[open]') != popover)
|
|
78
|
+
document.querySelector('dialog[open]').close();
|
|
79
|
+
if (popover.hasAttribute('open')) {
|
|
80
|
+
popover.close();
|
|
81
|
+
dataEvent = "closePopover";
|
|
82
|
+
popover.removeAttribute('style');
|
|
83
|
+
btn.classList.remove('active');
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
popover.show();
|
|
87
|
+
btn.classList.add('active');
|
|
88
|
+
var position = btn.getBoundingClientRect();
|
|
89
|
+
let topOffset = position.top;
|
|
90
|
+
let leftOffset = position.left;
|
|
91
|
+
if (btn.closest('iam-table')) {
|
|
92
|
+
let container = btn.closest('iam-table').parentNode.getBoundingClientRect();
|
|
93
|
+
topOffset -= container.top;
|
|
94
|
+
leftOffset -= container.left;
|
|
95
|
+
}
|
|
96
|
+
if (popover.classList.contains('dialog--fix')) {
|
|
97
|
+
popover.setAttribute('style', `position:fixed;top: ${topOffset}px; left: ${leftOffset}px; margin: 3rem 0 0 0;`);
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
// When the dialog is fixed it could dip under the viewport
|
|
101
|
+
// Lets check the dimensions and transform it to appear above
|
|
102
|
+
let boundingRec = popover.getBoundingClientRect();
|
|
103
|
+
let popoverBottom = boundingRec.bottom - window.scrollY;
|
|
104
|
+
let windowPos = window.innerHeight - window.scrollY;
|
|
105
|
+
if (popoverBottom > windowPos) {
|
|
106
|
+
let currentStyle = popover.getAttribute('style');
|
|
107
|
+
popover.setAttribute('style', currentStyle + `transform: translate(0, calc(-100% - 4rem))`);
|
|
108
|
+
}
|
|
109
|
+
window.dataLayer = window.dataLayer || [];
|
|
110
|
+
window.dataLayer.push({
|
|
111
|
+
"event": dataEvent,
|
|
112
|
+
"id": btn.textContent
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
;
|
|
116
|
+
});
|
|
117
|
+
return null;
|
|
118
|
+
};
|
|
119
|
+
export const createDialog = (dialog) => {
|
|
120
|
+
// Multi dialog
|
|
121
|
+
if (dialog.classList.contains('dialog--multi') && !dialog.querySelector(':scope > .steps')) {
|
|
122
|
+
createMultiFormDialog(dialog);
|
|
123
|
+
}
|
|
124
|
+
if (!dialog.querySelector(':scope > .mh-lg') && !dialog.classList.contains('dialog--multi')) {
|
|
125
|
+
dialog.innerHTML = `<div class="mh-lg">${dialog.innerHTML}</div>`;
|
|
126
|
+
let dialogContent = dialog.querySelector('.mh-lg');
|
|
127
|
+
let titleElement = dialog.querySelector('.mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)');
|
|
128
|
+
if (titleElement) {
|
|
129
|
+
let optionalElement = titleElement.previousSibling;
|
|
130
|
+
dialogContent.before(titleElement);
|
|
131
|
+
if (optionalElement)
|
|
132
|
+
titleElement.before(optionalElement);
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
// Create close button is needed
|
|
136
|
+
if (!dialog.querySelector(':scope > button:first-child'))
|
|
137
|
+
dialog.innerHTML = `<button class="dialog__close">Close</button>${dialog.innerHTML}`;
|
|
138
|
+
};
|
|
139
|
+
const createMultiFormDialog = (dialog) => {
|
|
140
|
+
let buttons = "";
|
|
141
|
+
let fieldsets = Array.from(dialog.querySelectorAll('fieldset[data-title]'));
|
|
142
|
+
fieldsets.forEach((fieldset, index) => {
|
|
143
|
+
buttons += `<button data-title="${fieldset.getAttribute('data-title')}" type="button" class="${index == 0 ? "active" : ""}">${fieldset.getAttribute('data-title')}</button>`;
|
|
144
|
+
const btnWrapper = document.createElement("div");
|
|
145
|
+
btnWrapper.classList.add('btn--wrapper');
|
|
146
|
+
fieldset.appendChild(btnWrapper);
|
|
147
|
+
if (index != 0)
|
|
148
|
+
btnWrapper.innerHTML += `<button data-title="${fieldsets[index - 1].getAttribute('data-title')}" class="btn btn-secondary mb-0" type="button">Previous</button>`;
|
|
149
|
+
if (index != fieldsets.length - 1)
|
|
150
|
+
btnWrapper.innerHTML += `<button data-title="${fieldsets[index + 1].getAttribute('data-title')}" class="btn btn-primary mb-0" type="button">Next</button>`;
|
|
151
|
+
if (index == fieldsets.length - 1)
|
|
152
|
+
btnWrapper.innerHTML += `<button class="btn btn-primary mb-0">Submit</button>`;
|
|
153
|
+
});
|
|
154
|
+
dialog.innerHTML = `<div class="steps bg-primary">${buttons}</div>${dialog.innerHTML}`;
|
|
155
|
+
dialog.addEventListener('click', (event) => {
|
|
156
|
+
if (event && event.target instanceof HTMLElement && event.target.closest('button[data-title]')) {
|
|
157
|
+
const button = event.target.closest('button[data-title]');
|
|
158
|
+
const fieldset = dialog.querySelector(`fieldset[data-title="${button.getAttribute('data-title')}"]`);
|
|
159
|
+
const step = dialog.querySelector(`.steps button[data-title="${button.getAttribute('data-title')}"]`);
|
|
160
|
+
Array.from(dialog.querySelectorAll('button')).forEach((button, index) => {
|
|
161
|
+
button.classList.remove('active');
|
|
162
|
+
});
|
|
163
|
+
Array.from(dialog.querySelectorAll('fieldset')).forEach((button, index) => {
|
|
164
|
+
button.classList.remove('active');
|
|
165
|
+
});
|
|
166
|
+
step.classList.add('active');
|
|
167
|
+
fieldset.classList.add('active');
|
|
168
|
+
}
|
|
169
|
+
;
|
|
170
|
+
return null;
|
|
171
|
+
});
|
|
172
|
+
};
|
|
173
|
+
export default extendDialogs;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
// @ts-nocheck
|
|
2
|
-
import { createEmbed } from "./youtubevideo.js";
|
|
3
2
|
/**
|
|
4
3
|
* Global helper functions to help maintain and enhance framework elements.
|
|
5
4
|
* @module Helpers
|
|
@@ -35,7 +34,7 @@ export const addGlobalEvents = (body) => {
|
|
|
35
34
|
checkElements(location.hash);
|
|
36
35
|
window.addEventListener('hashchange', function () { checkElements(location.hash); }, false);
|
|
37
36
|
addEventListener("popstate", (event) => {
|
|
38
|
-
if (event.state.type == "pagination") {
|
|
37
|
+
if (event && event.state.type && event.state.type == "pagination") {
|
|
39
38
|
let form = document.querySelector(`#${event.state.form}`);
|
|
40
39
|
let pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);
|
|
41
40
|
if (pageInput)
|
|
@@ -45,93 +44,6 @@ export const addGlobalEvents = (body) => {
|
|
|
45
44
|
form.dispatchEvent(new Event("submit"));
|
|
46
45
|
}
|
|
47
46
|
});
|
|
48
|
-
// Dialogs/modals
|
|
49
|
-
document.addEventListener('click', (event) => {
|
|
50
|
-
// Modal
|
|
51
|
-
if (event && event.target instanceof HTMLElement && event.target.closest('[data-modal]')) {
|
|
52
|
-
const button = event.target.closest('[data-modal]');
|
|
53
|
-
const modalID = button.hasAttribute('data-modal') ? button.getAttribute('data-modal') : button.getAttribute('data-filter');
|
|
54
|
-
const dialog = document.querySelector(`dialog#${modalID}`);
|
|
55
|
-
// Create close button is needed
|
|
56
|
-
dialog.innerHTML = `<button class="dialog__close">Close</button>${dialog.innerHTML}`;
|
|
57
|
-
// remove close button when dialog is closed
|
|
58
|
-
dialog.addEventListener("close", () => {
|
|
59
|
-
const closeButton = dialog.querySelector('.dialog__close');
|
|
60
|
-
dialog.removeChild(closeButton);
|
|
61
|
-
}, { once: true }); // only adds this once
|
|
62
|
-
let videoButton = dialog.querySelector('.youtube-embed a');
|
|
63
|
-
if (videoButton) {
|
|
64
|
-
createEmbed(videoButton);
|
|
65
|
-
}
|
|
66
|
-
dialog.showModal();
|
|
67
|
-
window.dataLayer = window.dataLayer || [];
|
|
68
|
-
window.dataLayer.push({
|
|
69
|
-
"event": "openModal",
|
|
70
|
-
"id": modalID
|
|
71
|
-
});
|
|
72
|
-
}
|
|
73
|
-
;
|
|
74
|
-
// Close modal
|
|
75
|
-
if (event && event.target instanceof HTMLElement && event.target.closest('button.dialog__close')) {
|
|
76
|
-
const dialog = event.target.closest('dialog[open]');
|
|
77
|
-
event.preventDefault();
|
|
78
|
-
dialog.close();
|
|
79
|
-
window.dataLayer = window.dataLayer || [];
|
|
80
|
-
window.dataLayer.push({
|
|
81
|
-
"event": "closeModal",
|
|
82
|
-
"id": dialog.getAttribute('id')
|
|
83
|
-
});
|
|
84
|
-
}
|
|
85
|
-
if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')) {
|
|
86
|
-
const dialog = event.target.closest('dialog[open]');
|
|
87
|
-
const dialogDimensions = dialog.getBoundingClientRect();
|
|
88
|
-
if (event.clientX < dialogDimensions.left || event.clientX > dialogDimensions.right || event.clientY < dialogDimensions.top || event.clientY > dialogDimensions.bottom) {
|
|
89
|
-
dialog.close();
|
|
90
|
-
window.dataLayer = window.dataLayer || [];
|
|
91
|
-
window.dataLayer.push({
|
|
92
|
-
"event": "closeModal",
|
|
93
|
-
"id": dialog.getAttribute('id')
|
|
94
|
-
});
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
// Popover
|
|
98
|
-
if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')) {
|
|
99
|
-
// Close existing open popover
|
|
100
|
-
let btn = event.target.closest('.dialog__wrapper > button');
|
|
101
|
-
let parent = event.target.closest('.dialog__wrapper > button').parentNode;
|
|
102
|
-
let dataEvent = "openPopover";
|
|
103
|
-
let popover = parent.querySelector(':scope > dialog');
|
|
104
|
-
if (document.querySelector('dialog[open]') && document.querySelector('dialog[open]') != popover)
|
|
105
|
-
document.querySelector('dialog[open]').close();
|
|
106
|
-
if (popover.hasAttribute('open')) {
|
|
107
|
-
popover.close();
|
|
108
|
-
dataEvent = "closePopover";
|
|
109
|
-
popover.removeAttribute('style');
|
|
110
|
-
btn.classList.remove('active');
|
|
111
|
-
}
|
|
112
|
-
else {
|
|
113
|
-
popover.show();
|
|
114
|
-
btn.classList.add('active');
|
|
115
|
-
var position = btn.getBoundingClientRect();
|
|
116
|
-
let topOffset = position.top;
|
|
117
|
-
let leftOffset = position.left;
|
|
118
|
-
if (btn.closest('iam-table')) {
|
|
119
|
-
let container = btn.closest('iam-table').parentNode.getBoundingClientRect();
|
|
120
|
-
topOffset -= container.top;
|
|
121
|
-
leftOffset -= container.left;
|
|
122
|
-
}
|
|
123
|
-
if (popover.classList.contains('dialog--fix')) {
|
|
124
|
-
popover.setAttribute('style', `position:fixed;top: ${topOffset}px; left: ${leftOffset}px; margin: 3rem 0 0 0;`);
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
window.dataLayer = window.dataLayer || [];
|
|
128
|
-
window.dataLayer.push({
|
|
129
|
-
"event": dataEvent,
|
|
130
|
-
"id": btn.textContent
|
|
131
|
-
});
|
|
132
|
-
}
|
|
133
|
-
;
|
|
134
|
-
});
|
|
135
47
|
return null;
|
|
136
48
|
};
|
|
137
49
|
export const isNumeric = function (str) {
|
|
@@ -46,6 +46,8 @@ export const getLargestLastColWidth = (table) => {
|
|
|
46
46
|
export const createMobileButton = (table) => {
|
|
47
47
|
if (table.closest('.table--fullwidth'))
|
|
48
48
|
return false;
|
|
49
|
+
if (table.querySelectorAll('thead tr th').length < 4)
|
|
50
|
+
return false;
|
|
49
51
|
Array.from(table.querySelectorAll('tbody tr')).forEach((row, index) => {
|
|
50
52
|
let firstCol = row.querySelector(':scope > :is(td,th):first-child');
|
|
51
53
|
let colContent = firstCol.textContent;
|
|
@@ -269,11 +271,8 @@ export const filterTable = (table, form, wrapper) => {
|
|
|
269
271
|
element.innerHTML += `(${filters.length})`;
|
|
270
272
|
});
|
|
271
273
|
}
|
|
272
|
-
// Stop function if no filters identified
|
|
273
|
-
if (!Object.keys(searches).length && !Object.keys(filters).length)
|
|
274
|
-
return false;
|
|
275
|
-
table.classList.add('table--filtered');
|
|
276
274
|
// Filter the table
|
|
275
|
+
table.classList.add('table--filtered');
|
|
277
276
|
for (const [key, filterValue] of Object.entries(filters)) {
|
|
278
277
|
Array.from(table.querySelectorAll('tbody tr:not(.filtered)')).forEach((row, index) => {
|
|
279
278
|
let isMatched = false;
|
|
@@ -354,7 +353,8 @@ export const filterTable = (table, form, wrapper) => {
|
|
|
354
353
|
matched++;
|
|
355
354
|
row.classList.add('filtered--matched');
|
|
356
355
|
// pagination bit
|
|
357
|
-
|
|
356
|
+
let matchesPage = Math.ceil(matched / showRows);
|
|
357
|
+
if (matchesPage == parseInt(page))
|
|
358
358
|
row.classList.add('filtered--show');
|
|
359
359
|
});
|
|
360
360
|
if (wrapper) {
|
|
@@ -417,9 +417,11 @@ export const addPaginationEventListeners = function (table, form, pagination, wr
|
|
|
417
417
|
paginationInput.value = newPage;
|
|
418
418
|
wrapper.setAttribute('data-page', newPage);
|
|
419
419
|
form.dispatchEvent(new Event("submit"));
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
420
|
+
if (table.hasAttribute('data-show-history')) {
|
|
421
|
+
const url = new URL(location);
|
|
422
|
+
url.searchParams.set("page", newPage);
|
|
423
|
+
history.pushState({ 'type': 'pagination', 'form': form.getAttribute('id'), 'page': newPage }, "", url);
|
|
424
|
+
}
|
|
423
425
|
}
|
|
424
426
|
if (event && event.target instanceof HTMLElement && event.target.closest('[data-show]')) {
|
|
425
427
|
event.preventDefault();
|
|
@@ -35,11 +35,9 @@ export const setTabsEventHandlers = function (tabsElement) {
|
|
|
35
35
|
let buttons = tabsElement.querySelectorAll(':scope .tabs__links > .link');
|
|
36
36
|
if (tabsElement.shadowRoot)
|
|
37
37
|
buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > .link');
|
|
38
|
-
console.log(buttons);
|
|
39
38
|
// Set the on click for the tab buttons, these will open the details box it matches too
|
|
40
39
|
buttons.forEach((button) => {
|
|
41
40
|
button.addEventListener("click", (e) => {
|
|
42
|
-
console.log('hi');
|
|
43
41
|
e.preventDefault();
|
|
44
42
|
buttons.forEach((buttonLoopItem) => {
|
|
45
43
|
let buttonPressed = buttonLoopItem == button ? true : false;
|