@iamproperty/components 7.7.1--beta6 → 7.7.1--beta8

package/assets/js/components/tabs/tabs.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.component.min.js","sources":["../../modules/helpers.js","../../modules/tabs.js","tabs.component.js"],"sourcesContent":["/**\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};\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        const detail = document.querySelector(`detail${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        else if (detail instanceof HTMLElement)\n            detail.addAttribute('open');\n    };\n    if (location.hash)\n        checkElements(location.hash);\n    window.addEventListener('hashchange', function () {\n        checkElements(location.hash);\n    }, false);\n    addEventListener('popstate', (event) => {\n        if (event && event.state && event.state.type && event.state.type == 'pagination') {\n            const form = document.querySelector(`#${event.state.form}`);\n            const 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    Array.from(document.querySelectorAll('form')).forEach((form) => {\n        if (!(form === null || form === void 0 ? void 0 : form.closest('iam-form'))) {\n            form.addEventListener('submit', (event) => {\n                var _a;\n                if (form.querySelector(':invalid')) {\n                    form.classList.add('was-validated');\n                    (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n                    event.preventDefault();\n                }\n            });\n        }\n    });\n    document.addEventListener('click', (event) => {\n        var _a;\n        if (event && event.target instanceof HTMLElement && event.target.matches('form button:not([type=button])')) {\n            const form = event.target.closest('form');\n            if (!(form === null || form === void 0 ? void 0 : form.closest('iam-form'))) {\n                // Reset password types\n                Array.from(form.querySelectorAll('[data-password-type]')).forEach((input) => {\n                    input.setAttribute('type', 'password');\n                });\n                if (form.querySelector(':invalid') ||\n                    form.querySelector('.pwd-checker[data-strength=\"1\"]') ||\n                    form.querySelector('.pwd-checker[data-strength=\"2\"]')) {\n                    form.classList.add('was-validated');\n                    (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n                    event.preventDefault();\n                }\n                if (form.querySelector('iam-multiselect[data-is-required][data-error]')) {\n                    form.classList.add('was-validated');\n                    event.preventDefault();\n                }\n            }\n        }\n    });\n    document.addEventListener('keydown', (e) => {\n        if (e.key === 'Escape') {\n            if (document.querySelector('.dialog--transactional[open], .dialog--acknowledgement[open]')) {\n                e.preventDefault();\n                e.stopPropagation();\n            }\n        }\n    });\n    Array.from(document.querySelectorAll('label progress')).forEach((progress) => {\n        const label = progress.closest('label');\n        label.setAttribute('data-percent', progress.getAttribute('value'));\n    });\n};\nexport const isNumeric = function (str) {\n    if (typeof str != 'string')\n        return false; // we only process strings!\n    return (!isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n        !isNaN(parseFloat(str))); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str\n    .split(' ')\n    .map((s) => ucfirst(s))\n    .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};\nexport const numberOfDays = function (startDateString, endDateString) {\n    const convertStart = startDateString.split('/');\n    const convertEnd = endDateString.split('/');\n    const dateStart = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);\n    const dateEnd = new Date(convertEnd[1] + '/' + convertEnd[0] + '/' + convertEnd[2]);\n    if (dateStart == 'Invalid Date')\n        throw 'Start date is not a valid date';\n    if (dateEnd == 'Invalid Date')\n        throw 'End date is not a valid date';\n    // To calculate the time difference of two dates\n    const diffTime = dateEnd.getTime() - dateStart.getTime();\n    const numberOfDays = diffTime / (1000 * 3600 * 24) + 1;\n    if (numberOfDays < 0)\n        throw 'The start date should be before the end date';\n    return numberOfDays;\n};\n// Used to get values from nested json objects\nexport const resolvePath = (object, path, defaultValue) => path\n    // eslint-disable-next-line no-useless-escape\n    .split(/[\\.\\[\\]\\'\\\"]/)\n    .filter((p) => p)\n    .reduce((o, p) => (o ? o[p] : defaultValue), object);\nexport const isTraversable = (o) => Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));\nexport const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY) => {\n    const limit = Math.tan(((45 * 1.5) / 180) * Math.PI);\n    const pageWidth = window.innerWidth || document.body.clientWidth;\n    const treshold = Math.max(1, Math.floor(0.01 * pageWidth));\n    const x = touchendX - touchstartX;\n    const y = touchendY - touchstartY;\n    const xy = Math.abs(x / y);\n    const yx = Math.abs(y / x);\n    if (Math.abs(x) > treshold || Math.abs(y) > treshold) {\n        if (yx <= limit) {\n            if (x < 0) {\n                return 'left';\n            }\n            else {\n                return 'right';\n            }\n        }\n        if (xy <= limit) {\n            if (y < 0) {\n                return 'top';\n            }\n            else {\n                return 'bottom';\n            }\n        }\n    }\n    else {\n        return 'tap';\n    }\n};\nexport const uniqueID = (index = 1) => {\n    const ID = Math.floor(Math.random() * Date.now() * (index + 1));\n    return ID;\n};\nexport const isValidPostcode = (searchValue) => {\n    const regexp = /^([A-Z][A-HJ-Y]?[0-9][A-Z0-9]? ?[0-9][A-Z]{2}|GIR ?0A{2})$/gmi;\n    return regexp.test(searchValue.trim());\n};\n","import { getSwipeDirection } from './helpers';\nexport const createTabsLinks = function (tabsElement) {\n    const detailsORLinks = tabsElement.querySelectorAll(':scope > details, :scope > a');\n    let tabLinks = tabsElement.querySelector(':scope > .tabs__links');\n    let tabDropdown = tabsElement.querySelector(':scope .tabs__dropdown');\n    if (tabsElement.shadowRoot && tabsElement.shadowRoot.querySelector('.tabs__links'))\n        tabLinks = tabsElement.shadowRoot.querySelector('.tabs__links');\n    if (!tabLinks) {\n        tabLinks = document.createElement('div');\n        tabLinks.classList.add('tabs__links');\n        const tabLinksWrapper = document.createElement('div');\n        tabLinksWrapper.classList.add('tabs__links__wrapper');\n        tabLinksWrapper.prepend(tabLinks);\n        tabsElement.prepend(tabLinksWrapper);\n    }\n    if (!tabDropdown) {\n        tabDropdown = document.createElement('select');\n        tabDropdown.classList.add('tabs__dropdown');\n        tabsElement.prepend(tabDropdown);\n    }\n    // Create the tab buttons from the summary titles\n    let tabindex = 0;\n    detailsORLinks.forEach((element) => {\n        let button = document.createElement('button');\n        const dropdownOpt = document.createElement('option');\n        if (element.matches('details')) {\n            const summary = element.querySelector(':scope > summary');\n            const isDisabled = summary.classList.contains('disabled');\n            summary.classList.add('visually-hidden');\n            if (element.hasAttribute('id'))\n                button.setAttribute('data-id', `${element.getAttribute('id')}`);\n            if (element.hasAttribute('open')) {\n                button.setAttribute('aria-pressed', true);\n            }\n            button.innerHTML = `${summary.innerText}`;\n            button.classList.add('link');\n            button.setAttribute('data-index', tabindex);\n            button.setAttribute('part', 'tab-link');\n            dropdownOpt.innerHTML = `${summary.innerText}`;\n            dropdownOpt.value = summary.innerText.replace(/\\s+/g, '-').toLowerCase();\n            dropdownOpt.setAttribute('data-index', tabindex);\n            element.setAttribute('tabindex', '-1');\n            if (isDisabled) {\n                button.classList.add('disabled');\n            }\n            tabindex++;\n        }\n        else if (element.matches('a')) {\n            button = element;\n        }\n        button.classList.add('link');\n        tabLinks.appendChild(button);\n        tabDropdown.appendChild(dropdownOpt);\n    });\n};\nexport const setTabsEventHandlers = function (tabsElement) {\n    const details = tabsElement.querySelectorAll(':scope > details');\n    const summaries = tabsElement.querySelectorAll(':scope > details > summary');\n    let buttonWrapper = tabsElement.querySelector(':scope .tabs__links');\n    let buttons = tabsElement.querySelectorAll(':scope .tabs__links > button');\n    const tabDropdown = tabsElement.querySelector(':scope .tabs__dropdown');\n    let nextButton = tabsElement.querySelector(':scope .tabs__next');\n    let scrollTimeout;\n    window.isClicked = false;\n    window.isScrolling = false;\n    if (tabsElement.shadowRoot) {\n        buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');\n        buttonWrapper = tabsElement.shadowRoot.querySelector('.tabs__links');\n        nextButton = tabsElement.shadowRoot.querySelector('.tabs__next');\n    }\n    // Set the on click for the tab buttons, these will open the details box it matches too\n    buttons.forEach((button) => {\n        button.addEventListener('click', (e) => {\n            e.preventDefault();\n            window.isClicked = true;\n            if (button.classList.contains('disabled'))\n                return false;\n            buttons.forEach((buttonLoopItem) => {\n                const buttonPressed = buttonLoopItem == button ? true : false;\n                buttonLoopItem.setAttribute('aria-pressed', buttonPressed);\n            });\n            buttonWrapper.scroll({\n                top: 0,\n                left: button.offsetLeft,\n                behavior: 'smooth',\n            });\n            //Handles showing correct content\n            toggleTab(details, button);\n            // Data layer Open Event\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: 'openTab',\n                tabTitle: button.textContent,\n            });\n            if (button.matches(':last-child')) {\n                nextButton === null || nextButton === void 0 ? void 0 : nextButton.setAttribute('disabled', 'disabled');\n            }\n            else {\n                nextButton === null || nextButton === void 0 ? void 0 : nextButton.removeAttribute('disabled');\n            }\n        });\n        dropdownTabSelector(details, tabDropdown);\n    });\n    buttonWrapper.addEventListener('scrollend', () => {\n        clearTimeout(scrollTimeout);\n        scrollTimeout = setTimeout(function () {\n            let buttonToClick = buttons[0];\n            let closestOffset = Math.abs(buttonToClick.getBoundingClientRect().left);\n            buttons.forEach((button) => {\n                if (Math.abs(button.getBoundingClientRect().left) < closestOffset) {\n                    closestOffset = Math.abs(button.getBoundingClientRect().left);\n                    buttonToClick = button;\n                }\n            });\n            if (window.isClicked) {\n                window.isClicked = false;\n                return false;\n            }\n            else {\n                buttonToClick.click();\n            }\n            buttonToClick.focus();\n        }, 500);\n    });\n    // Make sure we dont loose existing summary functionality\n    summaries.forEach((summary, index) => {\n        summary.addEventListener('click', (e) => {\n            e.preventDefault();\n            buttons[index].click();\n        });\n    });\n    nextButton === null || nextButton === void 0 ? void 0 : nextButton.addEventListener('click', (e) => {\n        e.preventDefault();\n        const currentTab = buttonWrapper.querySelector('[aria-pressed=\"true\"]');\n        const nextTab = currentTab.nextSibling;\n        if (nextTab)\n            nextTab.click();\n    });\n    if (tabsElement.classList.contains('tabs--guided')) {\n        let touchstartX = 0;\n        let touchstartY = 0;\n        let touchendX = 0;\n        let touchendY = 0;\n        details.forEach((detail) => {\n            detail.addEventListener('touchstart', (event) => {\n                event.stopPropagation();\n                touchstartX = event.changedTouches[0].screenX;\n                touchstartY = event.changedTouches[0].screenY;\n            });\n            detail.addEventListener('touchend', (event) => {\n                event.stopPropagation();\n                touchendX = event.changedTouches[0].screenX;\n                touchendY = event.changedTouches[0].screenY;\n                const direction = getSwipeDirection(touchstartX, touchstartY, touchendX, touchendY);\n                const currentTab = buttonWrapper.querySelector('[aria-pressed=\"true\"]');\n                const nextTab = currentTab.nextSibling;\n                const prevTab = currentTab.previousSibling;\n                switch (direction) {\n                    case 'left':\n                        if (nextTab)\n                            nextTab.click();\n                        break;\n                    case 'right':\n                        if (prevTab)\n                            prevTab.click();\n                        break;\n                }\n            });\n        });\n    }\n};\nexport const toggleTab = function (details, button) {\n    details.forEach((detail, detailsIndex) => {\n        const detailsOpen = button.getAttribute('data-index') == detailsIndex ? true : false;\n        if (detailsOpen)\n            detail.setAttribute('open', detailsOpen);\n        else\n            detail.removeAttribute('open');\n    });\n};\nexport const dropdownTabSelector = function (details, dropdown) {\n    dropdown.addEventListener('change', (e) => {\n        e.preventDefault();\n        const selected = dropdown.options[dropdown.selectedIndex];\n        toggleTab(details, selected);\n        // Data layer Open Event\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push({\n            event: 'openTab',\n            tabTitle: selected.innerText,\n        });\n    });\n};\nexport const openFirstTab = function (tabsElement) {\n    if (!tabsElement.querySelector(':scope > details'))\n        return false;\n    const details = tabsElement.querySelectorAll(':scope > details');\n    const buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');\n    if (location.hash &&\n        tabsElement.shadowRoot.querySelector(`.tabs__links [data-id=\"${location.hash.replace('#', '')}\"]`)) {\n        tabsElement.shadowRoot\n            .querySelector(`[data-id=\"${location.hash.replace('#', '')}\"]`)\n            .setAttribute('aria-pressed', true);\n        tabsElement.querySelector(`details[id=\"${location.hash.replace('#', '')}\"]`).setAttribute('open', true);\n    }\n    else if (!tabsElement.querySelector(`details[open]`)) {\n        details[0].setAttribute('open', true);\n        buttons[0].setAttribute('aria-pressed', true);\n    }\n};\nconst tabs = function (tabsElement) {\n    createTabsLinks(tabsElement);\n    setTabsEventHandlers(tabsElement);\n    openFirstTab(tabsElement);\n};\nexport default tabs;\n","import tabs from '../../modules/tabs';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'tabs',\n});\nclass iamTabs extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/tabs.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\r\n    <style>\r\n    \r\n    ${loadCSS}\r\n    \r\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\r\n    </style>\r\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/8bd0fca975.css\" crossorigin=\"anonymous\">\r\n    <div class=\"tabs\" part=\"tabs\">\r\n      <div class=\"tabs__dropdown\" part=\"tab-dropdown\"></div>\r\n\r\n      <div class=\"tabs__links__wrapper\" part=\"wrapper\">\r\n        <div class=\"tabs__links\" part=\"tab-links\"></div>\r\n      </div>\r\n      <slot></slot>\r\n      <button part=\"next-button\" class=\"btn btn-secondary btn-sm btn-compact fa-regular fa-chevron-right tabs__next\">Next</button>\r\n    </div>\r\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const classList = this.classList.toString().replace('container', '');\n        this.shadowRoot.querySelector('.tabs').setAttribute('class', `tabs ${classList}`);\n        tabs(this);\n        // #region Allow togle tags to control the tabs\n        Array.from(this.querySelectorAll('details[id]')).forEach((details) => {\n            const detailsID = details.getAttribute('id');\n            Array.from(document.querySelectorAll(`[command=\"show-tab\"][commandfor=\"${detailsID}\"]`)).forEach((radioField) => {\n                radioField.closest('label').addEventListener('click', (e) => {\n                    details.setAttribute('open', 'open');\n                    Array.from(document.querySelectorAll(`input[type=\"radio\"][command=\"show-tab\"][commandfor=\"${detailsID}\"]`)).forEach((input) => {\n                        input.checked = true;\n                    });\n                });\n            });\n        });\n        // #endregion\n    }\n}\nexport default iamTabs;\n"],"names":["getSwipeDirection","touchstartX","touchstartY","touchendX","touchendY","limit","pageWidth","treshold","x","y","xy","yx","createTabsLinks","tabsElement","detailsORLinks","tabLinks","tabDropdown","tabLinksWrapper","tabindex","element","button","dropdownOpt","summary","isDisabled","setTabsEventHandlers","details","summaries","buttonWrapper","buttons","nextButton","scrollTimeout","e","buttonLoopItem","buttonPressed","toggleTab","dropdownTabSelector","buttonToClick","closestOffset","index","nextTab","detail","event","direction","currentTab","prevTab","detailsIndex","detailsOpen","dropdown","selected","openFirstTab","tabs","iamTabs","template","classList","detailsID","radioField","input"],"mappings":"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"}
+{"version":3,"file":"tabs.component.min.js","sources":["../../modules/helpers.js","../../modules/tabs.js","tabs.component.js"],"sourcesContent":["/**\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};\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        const detail = document.querySelector(`detail${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        else if (detail instanceof HTMLElement)\n            detail.addAttribute('open');\n    };\n    if (location.hash)\n        checkElements(location.hash);\n    window.addEventListener('hashchange', function () {\n        checkElements(location.hash);\n    }, false);\n    addEventListener('popstate', (event) => {\n        if (event && event.state && event.state.type && event.state.type == 'pagination') {\n            const form = document.querySelector(`#${event.state.form}`);\n            const 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    Array.from(document.querySelectorAll('form')).forEach((form) => {\n        if (!(form === null || form === void 0 ? void 0 : form.closest('iam-form'))) {\n            form.addEventListener('submit', (event) => {\n                var _a;\n                if (form.querySelector(':invalid')) {\n                    form.classList.add('was-validated');\n                    (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n                    event.preventDefault();\n                }\n            });\n        }\n    });\n    document.addEventListener('click', (event) => {\n        var _a;\n        if (event && event.target instanceof HTMLElement && event.target.matches('form button:not([type=button])')) {\n            const form = event.target.closest('form');\n            if (!(form === null || form === void 0 ? void 0 : form.closest('iam-form'))) {\n                // Reset password types\n                Array.from(form.querySelectorAll('[data-password-type]')).forEach((input) => {\n                    input.setAttribute('type', 'password');\n                });\n                if (form.querySelector(':invalid') ||\n                    form.querySelector('.pwd-checker[data-strength=\"1\"]') ||\n                    form.querySelector('.pwd-checker[data-strength=\"2\"]')) {\n                    form.classList.add('was-validated');\n                    (_a = form === null || form === void 0 ? void 0 : form.querySelector('input:invalid')) === null || _a === void 0 ? void 0 : _a.scrollIntoView();\n                    event.preventDefault();\n                }\n                if (form.querySelector('iam-multiselect[data-is-required][data-error]')) {\n                    form.classList.add('was-validated');\n                    event.preventDefault();\n                }\n            }\n        }\n    });\n    document.addEventListener('keydown', (e) => {\n        if (e.key === 'Escape') {\n            if (document.querySelector('.dialog--transactional[open], .dialog--acknowledgement[open]')) {\n                e.preventDefault();\n                e.stopPropagation();\n            }\n        }\n    });\n    Array.from(document.querySelectorAll('label progress')).forEach((progress) => {\n        const label = progress.closest('label');\n        label.setAttribute('data-percent', progress.getAttribute('value'));\n    });\n};\nexport const isNumeric = function (str) {\n    if (typeof str != 'string')\n        return false; // we only process strings!\n    return (!isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n        !isNaN(parseFloat(str))); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str\n    .split(' ')\n    .map((s) => ucfirst(s))\n    .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};\nexport const numberOfDays = function (startDateString, endDateString) {\n    const convertStart = startDateString.split('/');\n    const convertEnd = endDateString.split('/');\n    const dateStart = new Date(convertStart[1] + '/' + convertStart[0] + '/' + convertStart[2]);\n    const dateEnd = new Date(convertEnd[1] + '/' + convertEnd[0] + '/' + convertEnd[2]);\n    if (dateStart == 'Invalid Date')\n        throw 'Start date is not a valid date';\n    if (dateEnd == 'Invalid Date')\n        throw 'End date is not a valid date';\n    // To calculate the time difference of two dates\n    const diffTime = dateEnd.getTime() - dateStart.getTime();\n    const numberOfDays = diffTime / (1000 * 3600 * 24) + 1;\n    if (numberOfDays < 0)\n        throw 'The start date should be before the end date';\n    return numberOfDays;\n};\n// Used to get values from nested json objects\nexport const resolvePath = (object, path, defaultValue) => path\n    // eslint-disable-next-line no-useless-escape\n    .split(/[\\.\\[\\]\\'\\\"]/)\n    .filter((p) => p)\n    .reduce((o, p) => (o ? o[p] : defaultValue), object);\nexport const isTraversable = (o) => Array.isArray(o) || (o !== null && ['function', 'object'].includes(typeof o));\nexport const getSwipeDirection = (touchstartX, touchstartY, touchendX, touchendY) => {\n    const limit = Math.tan(((45 * 1.5) / 180) * Math.PI);\n    const pageWidth = window.innerWidth || document.body.clientWidth;\n    const treshold = Math.max(1, Math.floor(0.01 * pageWidth));\n    const x = touchendX - touchstartX;\n    const y = touchendY - touchstartY;\n    const xy = Math.abs(x / y);\n    const yx = Math.abs(y / x);\n    if (Math.abs(x) > treshold || Math.abs(y) > treshold) {\n        if (yx <= limit) {\n            if (x < 0) {\n                return 'left';\n            }\n            else {\n                return 'right';\n            }\n        }\n        if (xy <= limit) {\n            if (y < 0) {\n                return 'top';\n            }\n            else {\n                return 'bottom';\n            }\n        }\n    }\n    else {\n        return 'tap';\n    }\n};\nexport const uniqueID = (index = 1) => {\n    const ID = Math.floor(Math.random() * Date.now() * (index + 1));\n    return ID;\n};\nexport const isValidPostcode = (searchValue) => {\n    const regexp = /^([A-Z][A-HJ-Y]?[0-9][A-Z0-9]? ?[0-9][A-Z]{2}|GIR ?0A{2})$/gmi;\n    return regexp.test(searchValue.trim());\n};\n","import { getSwipeDirection } from './helpers';\nexport const createTabsLinks = function (tabsElement) {\n    const detailsORLinks = tabsElement.querySelectorAll(':scope > details, :scope > a');\n    let tabLinks = tabsElement.querySelector(':scope > .tabs__links');\n    let tabDropdown = tabsElement.querySelector(':scope .tabs__dropdown');\n    if (tabsElement.shadowRoot && tabsElement.shadowRoot.querySelector('.tabs__links'))\n        tabLinks = tabsElement.shadowRoot.querySelector('.tabs__links');\n    if (!tabLinks) {\n        tabLinks = document.createElement('div');\n        tabLinks.classList.add('tabs__links');\n        const tabLinksWrapper = document.createElement('div');\n        tabLinksWrapper.classList.add('tabs__links__wrapper');\n        tabLinksWrapper.prepend(tabLinks);\n        tabsElement.prepend(tabLinksWrapper);\n    }\n    if (!tabDropdown) {\n        tabDropdown = document.createElement('select');\n        tabDropdown.classList.add('tabs__dropdown');\n        tabsElement.prepend(tabDropdown);\n    }\n    // Create the tab buttons from the summary titles\n    let tabindex = 0;\n    detailsORLinks.forEach((element) => {\n        let button = document.createElement('button');\n        const dropdownOpt = document.createElement('option');\n        if (element.matches('details')) {\n            const summary = element.querySelector(':scope > summary');\n            const isDisabled = summary.classList.contains('disabled');\n            summary.classList.add('visually-hidden');\n            if (element.hasAttribute('id'))\n                button.setAttribute('data-id', `${element.getAttribute('id')}`);\n            if (element.hasAttribute('open')) {\n                button.setAttribute('aria-pressed', true);\n            }\n            button.innerHTML = `${summary.innerText}`;\n            button.classList.add('link');\n            button.setAttribute('data-index', tabindex);\n            button.setAttribute('part', 'tab-link');\n            dropdownOpt.innerHTML = `${summary.innerText}`;\n            dropdownOpt.value = summary.innerText.replace(/\\s+/g, '-').toLowerCase();\n            dropdownOpt.setAttribute('data-index', tabindex);\n            element.setAttribute('tabindex', '-1');\n            if (isDisabled) {\n                button.classList.add('disabled');\n            }\n            tabindex++;\n        }\n        else if (element.matches('a')) {\n            button = element;\n        }\n        button.classList.add('link');\n        tabLinks.appendChild(button);\n        tabDropdown.appendChild(dropdownOpt);\n    });\n};\nexport const setTabsEventHandlers = function (tabsElement) {\n    const details = tabsElement.querySelectorAll(':scope > details');\n    const summaries = tabsElement.querySelectorAll(':scope > details > summary');\n    let buttonWrapper = tabsElement.querySelector(':scope .tabs__links');\n    let buttons = tabsElement.querySelectorAll(':scope .tabs__links > button');\n    const tabDropdown = tabsElement.querySelector(':scope .tabs__dropdown');\n    let nextButton = tabsElement.querySelector(':scope .tabs__next');\n    let scrollTimeout;\n    window.isClicked = false;\n    window.isScrolling = false;\n    if (tabsElement.shadowRoot) {\n        buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');\n        buttonWrapper = tabsElement.shadowRoot.querySelector('.tabs__links');\n        nextButton = tabsElement.shadowRoot.querySelector('.tabs__next');\n    }\n    // Set the on click for the tab buttons, these will open the details box it matches too\n    buttons.forEach((button) => {\n        button.addEventListener('click', (e) => {\n            e.preventDefault();\n            window.isClicked = true;\n            if (button.classList.contains('disabled'))\n                return false;\n            buttons.forEach((buttonLoopItem) => {\n                const buttonPressed = buttonLoopItem == button ? true : false;\n                buttonLoopItem.setAttribute('aria-pressed', buttonPressed);\n            });\n            buttonWrapper.scroll({\n                top: 0,\n                left: button.offsetLeft,\n                behavior: 'smooth',\n            });\n            //Handles showing correct content\n            toggleTab(details, button);\n            // Data layer Open Event\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: 'openTab',\n                tabTitle: button.textContent,\n            });\n            if (button.matches(':last-child')) {\n                nextButton === null || nextButton === void 0 ? void 0 : nextButton.setAttribute('disabled', 'disabled');\n            }\n            else {\n                nextButton === null || nextButton === void 0 ? void 0 : nextButton.removeAttribute('disabled');\n            }\n        });\n        dropdownTabSelector(details, tabDropdown);\n    });\n    buttonWrapper.addEventListener('scrollend', () => {\n        clearTimeout(scrollTimeout);\n        scrollTimeout = setTimeout(function () {\n            let buttonToClick = buttons[0];\n            let closestOffset = Math.abs(buttonToClick.getBoundingClientRect().left);\n            buttons.forEach((button) => {\n                if (Math.abs(button.getBoundingClientRect().left) < closestOffset) {\n                    closestOffset = Math.abs(button.getBoundingClientRect().left);\n                    buttonToClick = button;\n                }\n            });\n            if (window.isClicked) {\n                window.isClicked = false;\n                return false;\n            }\n            else {\n                buttonToClick.click();\n            }\n            buttonToClick.focus();\n        }, 500);\n    });\n    // Make sure we dont loose existing summary functionality\n    summaries.forEach((summary, index) => {\n        summary.addEventListener('click', (e) => {\n            e.preventDefault();\n            buttons[index].click();\n        });\n    });\n    nextButton === null || nextButton === void 0 ? void 0 : nextButton.addEventListener('click', (e) => {\n        e.preventDefault();\n        const currentTab = buttonWrapper.querySelector('[aria-pressed=\"true\"]');\n        const nextTab = currentTab.nextSibling;\n        if (nextTab)\n            nextTab.click();\n    });\n    if (tabsElement.classList.contains('tabs--guided')) {\n        let touchstartX = 0;\n        let touchstartY = 0;\n        let touchendX = 0;\n        let touchendY = 0;\n        details.forEach((detail) => {\n            detail.addEventListener('touchstart', (event) => {\n                event.stopPropagation();\n                touchstartX = event.changedTouches[0].screenX;\n                touchstartY = event.changedTouches[0].screenY;\n            });\n            detail.addEventListener('touchend', (event) => {\n                event.stopPropagation();\n                touchendX = event.changedTouches[0].screenX;\n                touchendY = event.changedTouches[0].screenY;\n                const direction = getSwipeDirection(touchstartX, touchstartY, touchendX, touchendY);\n                const currentTab = buttonWrapper.querySelector('[aria-pressed=\"true\"]');\n                const nextTab = currentTab.nextSibling;\n                const prevTab = currentTab.previousSibling;\n                switch (direction) {\n                    case 'left':\n                        if (nextTab)\n                            nextTab.click();\n                        break;\n                    case 'right':\n                        if (prevTab)\n                            prevTab.click();\n                        break;\n                }\n            });\n        });\n    }\n};\nexport const toggleTab = function (details, button) {\n    details.forEach((detail, detailsIndex) => {\n        const detailsOpen = button.getAttribute('data-index') == detailsIndex ? true : false;\n        if (detailsOpen)\n            detail.setAttribute('open', detailsOpen);\n        else\n            detail.removeAttribute('open');\n    });\n};\nexport const dropdownTabSelector = function (details, dropdown) {\n    dropdown.addEventListener('change', (e) => {\n        e.preventDefault();\n        const selected = dropdown.options[dropdown.selectedIndex];\n        toggleTab(details, selected);\n        // Data layer Open Event\n        window.dataLayer = window.dataLayer || [];\n        window.dataLayer.push({\n            event: 'openTab',\n            tabTitle: selected.innerText,\n        });\n    });\n};\nexport const openFirstTab = function (tabsElement) {\n    if (!tabsElement.querySelector(':scope > details'))\n        return false;\n    const details = tabsElement.querySelectorAll(':scope > details');\n    const buttons = tabsElement.shadowRoot.querySelectorAll('.tabs__links > button');\n    if (location.hash &&\n        tabsElement.shadowRoot.querySelector(`.tabs__links [data-id=\"${location.hash.replace('#', '')}\"]`)) {\n        tabsElement.shadowRoot\n            .querySelector(`[data-id=\"${location.hash.replace('#', '')}\"]`)\n            .setAttribute('aria-pressed', true);\n        tabsElement.querySelector(`details[id=\"${location.hash.replace('#', '')}\"]`).setAttribute('open', true);\n    }\n    else if (!tabsElement.querySelector(`details[open]`)) {\n        details[0].setAttribute('open', true);\n        buttons[0].setAttribute('aria-pressed', true);\n    }\n};\nconst tabs = function (tabsElement) {\n    createTabsLinks(tabsElement);\n    setTabsEventHandlers(tabsElement);\n    openFirstTab(tabsElement);\n};\nexport default tabs;\n","import tabs from '../../modules/tabs';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'tabs',\n});\nclass iamTabs extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/tabs.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    \n    ${loadCSS}\n    \n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/8bd0fca975.css\" crossorigin=\"anonymous\">\n    <div class=\"tabs\" part=\"tabs\">\n      <div class=\"tabs__dropdown\" part=\"tab-dropdown\"></div>\n\n      <div class=\"tabs__links__wrapper\" part=\"wrapper\">\n        <div class=\"tabs__links\" part=\"tab-links\"></div>\n      </div>\n      <slot></slot>\n      <button part=\"next-button\" class=\"btn btn-secondary btn-sm btn-compact fa-regular fa-chevron-right tabs__next\">Next</button>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const classList = this.classList.toString().replace('container', '');\n        this.shadowRoot.querySelector('.tabs').setAttribute('class', `tabs ${classList}`);\n        tabs(this);\n        // #region Allow togle tags to control the tabs\n        Array.from(this.querySelectorAll('details[id]')).forEach((details) => {\n            const detailsID = details.getAttribute('id');\n            Array.from(document.querySelectorAll(`[command=\"show-tab\"][commandfor=\"${detailsID}\"]`)).forEach((radioField) => {\n                radioField.closest('label').addEventListener('click', (e) => {\n                    details.setAttribute('open', 'open');\n                    Array.from(document.querySelectorAll(`input[type=\"radio\"][command=\"show-tab\"][commandfor=\"${detailsID}\"]`)).forEach((input) => {\n                        input.checked = true;\n                    });\n                });\n            });\n        });\n        // #endregion\n    }\n}\nexport default iamTabs;\n"],"names":["getSwipeDirection","touchstartX","touchstartY","touchendX","touchendY","limit","pageWidth","treshold","x","y","xy","yx","createTabsLinks","tabsElement","detailsORLinks","tabLinks","tabDropdown","tabLinksWrapper","tabindex","element","button","dropdownOpt","summary","isDisabled","setTabsEventHandlers","details","summaries","buttonWrapper","buttons","nextButton","scrollTimeout","e","buttonLoopItem","buttonPressed","toggleTab","dropdownTabSelector","buttonToClick","closestOffset","index","nextTab","detail","event","direction","currentTab","prevTab","detailsIndex","detailsOpen","dropdown","selected","openFirstTab","tabs","iamTabs","template","classList","detailsID","radioField","input"],"mappings":"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"}

package/assets/js/components/tag/tag.component.js

@@ -10,18 +10,18 @@ class iamTag extends HTMLElement {
             : '/assets';
         const loadCSS = `@import "${assetLocation}/css/components/tag.component.css";`;
         const template = document.createElement('template');
-        template.innerHTML = `
-    <style>
-
-    ${loadCSS}
-    </style>
-    <div class="wrapper">
-      <input type="text" name="search" autocomplete="off" />
-      <slot name="checked"></slot>
-      <div class="admin-panel dropdown" part="dropdown">
-        <slot></slot>
-      </div>
-    </div>
+        template.innerHTML = `
+    <style>
+
+    ${loadCSS}
+    </style>
+    <div class="wrapper">
+      <input type="text" name="search" autocomplete="off" />
+      <slot name="checked"></slot>
+      <div class="admin-panel dropdown" part="dropdown">
+        <slot></slot>
+      </div>
+    </div>
     `;
         this.shadowRoot.appendChild(template.content.cloneNode(true));
     }

package/assets/js/components/tag/tag.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta6
+  * iamKey v7.7.1--beta8
   * Copyright 2022-2026 iamproperty
   */const v=e=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:e})};/*! js-cookie v3.0.5 | MIT */function h(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)e[i]=t[i]}return e}var f={read:function(e){return e[0]==='"'&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}};function u(e,a){function t(o,l,r){if(!(typeof document>"u")){r=h({},a,r),typeof r.expires=="number"&&(r.expires=new Date(Date.now()+r.expires*864e5)),r.expires&&(r.expires=r.expires.toUTCString()),o=encodeURIComponent(o).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var n in r)r[n]&&(c+="; "+n,r[n]!==!0&&(c+="="+r[n].split(";")[0]));return document.cookie=o+"="+e.write(l,o)+c}}function i(o){if(!(typeof document>"u"||arguments.length&&!o)){for(var l=document.cookie?document.cookie.split("; "):[],r={},c=0;c<l.length;c++){var n=l[c].split("="),p=n.slice(1).join("=");try{var d=decodeURIComponent(n[0]);if(r[d]=e.read(p,d),o===d)break}catch{}}return o?r[o]:r}}return Object.create({set:t,get:i,remove:function(o,l){t(o,"",h({},l,{expires:-1}))},withAttributes:function(o){return u(this.converter,h({},this.attributes,o))},withConverter:function(o){return u(h({},this.converter,o),this.attributes)}},{attributes:{value:Object.freeze(a)},converter:{value:Object.freeze(e)}})}var y=u(f,{path:"/"}),k=function(e,a,t,i){function o(l){return l instanceof t?l:new t(function(r){r(l)})}return new(t||(t=Promise))(function(l,r){function c(d){try{p(i.next(d))}catch(s){r(s)}}function n(d){try{p(i.throw(d))}catch(s){r(s)}}function p(d){d.done?l(d.value):o(d.value).then(c,n)}p((i=i.apply(e,a||[])).next())})};const b=(e,a)=>{Array.from(e.querySelectorAll('label:not([slot="checked"])')).forEach(t=>{const o=t.querySelector("input").value,l=t.textContent;o.toLowerCase().includes(a.value.toLowerCase())||l.toLowerCase().includes(a.value.toLowerCase())?t.removeAttribute("slot"):t.setAttribute("slot","notmatched")})},x=(e,a,t)=>k(void 0,void 0,void 0,function*(){const i=a.value,o=e.getAttribute("data-url"),l=e.querySelector("input");console.log(l);const r=l&&l.hasAttribute("type")?l.getAttribute("type"):"checkbox";let c=l&&l.hasAttribute("name")?l.getAttribute("name"):"tags";e.hasAttribute("data-name")&&(c=e.hasAttribute("data-name"));const n=`${o}?search_query=${encodeURI(i)}`;window.controller||(window.controller=[]),window.controller[n]&&window.controller[n].abort(),window.controller[n]=new AbortController;const{signal:p}=controller[n];try{yield fetch(n,{signal:p,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":y.get("XSRF-TOKEN")})}).then(d=>d.json()).then(d=>{let s="";for(let m=0;m<d.data.length;m++)e.querySelector(`[value="${d.data[m].value}"]`)||(s+=`<label class="tag dropdown__option"><input type="${r}" name="${e.hasAttribute("data-name")?e.getAttribute("data-name"):c}" value="${d.data[m].value}"/>${d.data[m].title}</label>`);return e.insertAdjacentHTML("beforeend",`${s}`),t(e,a),d})}catch(d){console.log(d)}}),g=e=>{const a=e.querySelector(":checked"),t=a?.getAttribute("name");e.setAttribute("slot","checked"),e.setAttribute("data-content",e.textContent);let i=[];localStorage.getItem("tags-"+t)!=null&&(i=JSON.parse(localStorage.getItem("tags-"+t))),i.includes(e.textContent)||(i.push(e.textContent),localStorage.setItem("tags-"+t,JSON.stringify(i)));let o=i.indexOf(e.textContent)+1;o>23&&(o=1),e?.classList.add(`wider-colour-${o+1}`)},w=(e,a)=>{a.addEventListener("keydown",t=>{var i;switch(t.keyCode){case 40:t.stopPropagation(),t.preventDefault(),(i=e.querySelector('label:not([slot="checked"]) input'))===null||i===void 0||i.focus();break}}),e.addEventListener("keydown",t=>{var i,o,l;const r=e.querySelectorAll(':scope > a, :scope > button, :scope > details > summary, :scope > label:not([slot="checked"]) > input'),c=e.querySelectorAll('a, button, input, label:not([slot="checked"]) > input');if(t&&t.target instanceof HTMLElement&&t.target.closest('a, button, summary, label:not([slot="checked"]) > input')){const n=document.activeElement,p=Array.from(r).indexOf(n)-1,d=Array.from(r).indexOf(n)+1;switch(t.keyCode){case 27:n.closest("details")?(t.stopPropagation(),t.preventDefault(),n.closest("details").removeAttribute("open"),n.closest("details").querySelector(":scope summary").focus()):t.stopPropagation();break;case 32:case 13:break;case 35:t.stopPropagation(),t.preventDefault(),(i=e.querySelector("details[open]"))===null||i===void 0||i.removeAttribute("open"),Array.from(c)[c.length-1].focus();break;case 36:t.stopPropagation(),t.preventDefault(),(o=e.querySelector("details[open]"))===null||o===void 0||o.removeAttribute("open"),Array.from(c)[0].focus();break;case 38:if(t.stopPropagation(),t.preventDefault(),Array.from(r).indexOf(n)>-1)Array.from(r)[p]!=null?Array.from(r)[p].focus():Array.from(r)[r.length-1].focus();else if(n.closest("details")){const s=n.closest("details").querySelectorAll("a, button, :scope details > summary");subPrevIndex=Array.from(s).indexOf(n)-1,Array.from(s)[subPrevIndex]!=null?Array.from(s)[subPrevIndex].focus():Array.from(s)[s.length-1].focus()}break;case 40:if(t.stopPropagation(),t.preventDefault(),Array.from(r).indexOf(n)>-1)Array.from(r)[d]!=null?Array.from(r)[d].focus():Array.from(r)[0].focus();else if(n.closest("details")){const s=(l=n.closest("details"))===null||l===void 0?void 0:l.querySelectorAll("a, button, :scope details > summary");subNextIndex=Array.from(s).indexOf(n)+1,Array.from(s)[subNextIndex]!=null?Array.from(s)[subNextIndex].focus():Array.from(s)[0].focus()}break}}})};v("iam-tag");class z extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const a=document.createElement("template");a.innerHTML=`
     <style>

package/assets/js/components/tag/tag.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag.component.min.js","sources":["../_global.js","../../../../node_modules/js-cookie/dist/js.cookie.mjs","../../modules/dropdown.js","tag.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","/*! js-cookie v3.0.5 | MIT */\n/* eslint-disable no-var */\nfunction assign (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n    for (var key in source) {\n      target[key] = source[key];\n    }\n  }\n  return target\n}\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\nvar defaultConverter = {\n  read: function (value) {\n    if (value[0] === '\"') {\n      value = value.slice(1, -1);\n    }\n    return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n  },\n  write: function (value) {\n    return encodeURIComponent(value).replace(\n      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n      decodeURIComponent\n    )\n  }\n};\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\n\nfunction init (converter, defaultAttributes) {\n  function set (name, value, attributes) {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    attributes = assign({}, defaultAttributes, attributes);\n\n    if (typeof attributes.expires === 'number') {\n      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n    }\n    if (attributes.expires) {\n      attributes.expires = attributes.expires.toUTCString();\n    }\n\n    name = encodeURIComponent(name)\n      .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n      .replace(/[()]/g, escape);\n\n    var stringifiedAttributes = '';\n    for (var attributeName in attributes) {\n      if (!attributes[attributeName]) {\n        continue\n      }\n\n      stringifiedAttributes += '; ' + attributeName;\n\n      if (attributes[attributeName] === true) {\n        continue\n      }\n\n      // Considers RFC 6265 section 5.2:\n      // ...\n      // 3.  If the remaining unparsed-attributes contains a %x3B (\";\")\n      //     character:\n      // Consume the characters of the unparsed-attributes up to,\n      // not including, the first %x3B (\";\") character.\n      // ...\n      stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n    }\n\n    return (document.cookie =\n      name + '=' + converter.write(value, name) + stringifiedAttributes)\n  }\n\n  function get (name) {\n    if (typeof document === 'undefined' || (arguments.length && !name)) {\n      return\n    }\n\n    // To prevent the for loop in the first place assign an empty array\n    // in case there are no cookies at all.\n    var cookies = document.cookie ? document.cookie.split('; ') : [];\n    var jar = {};\n    for (var i = 0; i < cookies.length; i++) {\n      var parts = cookies[i].split('=');\n      var value = parts.slice(1).join('=');\n\n      try {\n        var found = decodeURIComponent(parts[0]);\n        jar[found] = converter.read(value, found);\n\n        if (name === found) {\n          break\n        }\n      } catch (e) {}\n    }\n\n    return name ? jar[name] : jar\n  }\n\n  return Object.create(\n    {\n      set,\n      get,\n      remove: function (name, attributes) {\n        set(\n          name,\n          '',\n          assign({}, attributes, {\n            expires: -1\n          })\n        );\n      },\n      withAttributes: function (attributes) {\n        return init(this.converter, assign({}, this.attributes, attributes))\n      },\n      withConverter: function (converter) {\n        return init(assign({}, this.converter, converter), this.attributes)\n      }\n    },\n    {\n      attributes: { value: Object.freeze(defaultAttributes) },\n      converter: { value: Object.freeze(converter) }\n    }\n  )\n}\n\nvar api = init(defaultConverter, { path: '/' });\n/* eslint-enable no-var */\n\nexport { api as default };\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport Cookies from '../../../node_modules/js-cookie/dist/js.cookie.mjs';\nexport const filterList = (component, search) => {\n    Array.from(component.querySelectorAll(`label:not([slot=\"checked\"])`)).forEach((label) => {\n        const checkbox = label.querySelector('input');\n        const searchValue = checkbox.value;\n        const labelText = label.textContent;\n        if (searchValue.toLowerCase().includes(search.value.toLowerCase()) ||\n            labelText.toLowerCase().includes(search.value.toLowerCase())) {\n            label.removeAttribute('slot');\n        }\n        else {\n            label.setAttribute('slot', 'notmatched');\n        }\n    });\n};\nexport const searchAjax = (component, search, callback) => __awaiter(void 0, void 0, void 0, function* () {\n    const searchterm = search.value;\n    const ajaxURL = component.getAttribute('data-url');\n    const firstInput = component.querySelector('input');\n    console.log(firstInput);\n    const inputType = firstInput && firstInput.hasAttribute('type') ? firstInput.getAttribute('type') : 'checkbox';\n    let inputName = firstInput && firstInput.hasAttribute('name') ? firstInput.getAttribute('name') : 'tags';\n    if (component.hasAttribute('data-name'))\n        inputName = component.hasAttribute('data-name');\n    const searchAjaxURL = `${ajaxURL}?search_query=${encodeURI(searchterm)}`;\n    // Setup controller vars if not already set\n    if (!window.controller)\n        window.controller = [];\n    // Abort if controller already present for this url\n    if (window.controller[searchAjaxURL])\n        window.controller[searchAjaxURL].abort();\n    // Create a new controller so it can be aborted if new fetch made\n    window.controller[searchAjaxURL] = new AbortController();\n    const { signal } = controller[searchAjaxURL];\n    try {\n        yield fetch(searchAjaxURL, {\n            signal: signal,\n            method: 'get',\n            credentials: 'same-origin',\n            headers: new Headers({\n                'Content-Type': 'application/json',\n                Accept: 'application/json',\n                'X-Requested-With': 'XMLHttpRequest',\n                'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),\n            }),\n        })\n            .then((response) => response.json())\n            .then((response) => {\n            let items = '';\n            for (let i = 0; i < response['data'].length; i++) {\n                if (!component.querySelector(`[value=\"${response['data'][i].value}\"]`))\n                    items += `<label class=\"tag dropdown__option\"><input type=\"${inputType}\" name=\"${component.hasAttribute('data-name') ? component.getAttribute('data-name') : inputName}\" value=\"${response['data'][i].value}\"/>${response['data'][i].title}</label>`;\n            }\n            component.insertAdjacentHTML('beforeend', `${items}`);\n            callback(component, search);\n            return response;\n        });\n    }\n    catch (error) {\n        console.log(error);\n    }\n});\nexport const setTag = (tag) => {\n    const input = tag.querySelector(':checked');\n    const inputName = input === null || input === void 0 ? void 0 : input.getAttribute('name');\n    tag.setAttribute('slot', 'checked');\n    tag.setAttribute('data-content', tag.textContent);\n    let tags = [];\n    if (localStorage.getItem('tags-' + inputName) != null)\n        tags = JSON.parse(localStorage.getItem('tags-' + inputName));\n    if (!tags.includes(tag.textContent)) {\n        tags.push(tag.textContent);\n        localStorage.setItem('tags-' + inputName, JSON.stringify(tags));\n    }\n    let tagIndex = tags.indexOf(tag.textContent) + 1;\n    if (tagIndex > 23)\n        tagIndex = 1;\n    tag === null || tag === void 0 ? void 0 : tag.classList.add(`wider-colour-${tagIndex + 1}`);\n};\nexport const addKeyboardEvents = (dropdown, search) => {\n    search.addEventListener('keydown', (e) => {\n        var _a;\n        switch (e.keyCode) {\n            case 40: // down\n                e.stopPropagation();\n                e.preventDefault();\n                (_a = dropdown.querySelector('label:not([slot=\"checked\"]) input')) === null || _a === void 0 ? void 0 : _a.focus();\n                break;\n        }\n    });\n    dropdown.addEventListener('keydown', (event) => {\n        var _a, _b, _c;\n        const topLevelmenuItems = dropdown.querySelectorAll(':scope > a, :scope > button, :scope > details > summary, :scope > label:not([slot=\"checked\"]) > input');\n        const menuItems = dropdown.querySelectorAll('a, button, input, label:not([slot=\"checked\"]) > input');\n        const activeElement = document.activeElement;\n        if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary, label:not([slot=\"checked\"]) > input')) {\n            const activeItem = document.activeElement;\n            const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n            const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n            switch (event.keyCode // change to event.key to key to use the above variable\n            ) {\n                case 27: // Esc\n                    if (activeItem.closest('details')) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                        activeItem.closest('details').removeAttribute('open');\n                        activeItem.closest('details').querySelector(':scope summary').focus();\n                    }\n                    else {\n                        event.stopPropagation();\n                        //menuButton.focus();\n                    }\n                    break;\n                case 32: // Space\n                case 13: // Enter\n                    break;\n                case 35: // end\n                    event.stopPropagation();\n                    event.preventDefault();\n                    (_a = dropdown.querySelector('details[open]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('open');\n                    Array.from(menuItems)[menuItems.length - 1].focus();\n                    break;\n                case 36: // home\n                    event.stopPropagation();\n                    event.preventDefault();\n                    (_b = dropdown.querySelector('details[open]')) === null || _b === void 0 ? void 0 : _b.removeAttribute('open');\n                    Array.from(menuItems)[0].focus();\n                    break;\n                case 38: // up\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                        if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n                            Array.from(topLevelmenuItems)[prevIndex].focus();\n                        else\n                            Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n                    }\n                    else if (activeItem.closest('details')) {\n                        const subMenuItems = activeItem\n                            .closest('details')\n                            .querySelectorAll('a, button, :scope details > summary');\n                        subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n                        if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n                            Array.from(subMenuItems)[subPrevIndex].focus();\n                        else\n                            Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n                    }\n                    break;\n                case 40: // down\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                        if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n                            Array.from(topLevelmenuItems)[nextIndex].focus();\n                        else\n                            Array.from(topLevelmenuItems)[0].focus();\n                    }\n                    else if (activeItem.closest('details')) {\n                        const subMenuItems = (_c = activeItem.closest('details')) === null || _c === void 0 ? void 0 : _c.querySelectorAll('a, button, :scope details > summary');\n                        subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n                        if (Array.from(subMenuItems)[subNextIndex] != undefined)\n                            Array.from(subMenuItems)[subNextIndex].focus();\n                        else\n                            Array.from(subMenuItems)[0].focus();\n                    }\n                    break;\n            }\n        }\n    });\n};\n","import { trackComponentRegistered } from '../_global';\nimport { searchAjax, filterList, setTag, addKeyboardEvents } from '../../modules/dropdown';\ntrackComponentRegistered('iam-tag');\nclass iamTag extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/tag.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\r\n    <style>\r\n\r\n    ${loadCSS}\r\n    </style>\r\n    <div class=\"wrapper\">\r\n      <input type=\"text\" name=\"search\" autocomplete=\"off\" />\r\n      <slot name=\"checked\"></slot>\r\n      <div class=\"admin-panel dropdown\" part=\"dropdown\">\r\n        <slot></slot>\r\n      </div>\r\n    </div>\r\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const search = this.shadowRoot.querySelector('input');\n        const input = this.querySelector(':checked');\n        const inputName = input === null || input === void 0 ? void 0 : input.getAttribute('name');\n        let tag = this.querySelector('label:has(:checked)');\n        setTag(tag);\n        // Make sure the dropdown options are set\n        Array.from(this.querySelectorAll(':scope > label')).forEach((label) => {\n            label.classList.add('dropdown__option');\n        });\n        this.addEventListener('click', () => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('label:has(:checked)')) {\n                search.focus();\n            }\n        });\n        search.addEventListener('input', () => {\n            if (this.hasAttribute('data-url')) {\n                if (search.value.length == 3) {\n                    searchAjax(this, search, filterList);\n                }\n            }\n            else {\n                filterList(this, search);\n            }\n        });\n        this.addEventListener('change', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('input[type=\"radio\"],input[type=\"checkbox\"]')) {\n                const checkbox = event.target.closest('input[type=\"radio\"],input[type=\"checkbox\"]');\n                tag.checked = false;\n                tag.removeAttribute('slot');\n                // Set the new tag\n                tag = this.querySelector('label:has(:checked)');\n                setTag(tag);\n                search === null || search === void 0 ? void 0 : search.blur();\n                search === null || search === void 0 ? void 0 : search.value = '';\n                filterList(this, search);\n                // dispatch event\n                const changeEvent = new CustomEvent('tag-changed', {\n                    detail: {\n                        value: tag === null || tag === void 0 ? void 0 : tag.querySelector(':checked').value,\n                        title: tag === null || tag === void 0 ? void 0 : tag.textContent\n                    }\n                });\n                this === null || this === void 0 ? void 0 : this.dispatchEvent(changeEvent);\n            }\n        });\n        // TODO Add keyboard actions\n        addKeyboardEvents(this, search);\n    }\n}\nexport default iamTag;\n"],"names":["trackComponentRegistered","componentName","assign","target","i","source","key","defaultConverter","value","init","converter","defaultAttributes","set","name","attributes","stringifiedAttributes","attributeName","get","cookies","jar","parts","found","api","__awaiter","thisArg","_arguments","P","generator","adopt","resolve","reject","fulfilled","step","e","rejected","result","filterList","component","search","label","searchValue","labelText","searchAjax","callback","searchterm","ajaxURL","firstInput","inputType","inputName","searchAjaxURL","signal","Cookies","response","items","error","setTag","tag","input","tags","tagIndex","addKeyboardEvents","dropdown","_a","event","_b","_c","topLevelmenuItems","menuItems","activeItem","prevIndex","nextIndex","subMenuItems","iamTag","template","changeEvent"],"mappings":"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","x_google_ignoreList":[1]}
+{"version":3,"file":"tag.component.min.js","sources":["../_global.js","../../../../node_modules/js-cookie/dist/js.cookie.mjs","../../modules/dropdown.js","tag.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","/*! js-cookie v3.0.5 | MIT */\n/* eslint-disable no-var */\nfunction assign (target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = arguments[i];\n    for (var key in source) {\n      target[key] = source[key];\n    }\n  }\n  return target\n}\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\nvar defaultConverter = {\n  read: function (value) {\n    if (value[0] === '\"') {\n      value = value.slice(1, -1);\n    }\n    return value.replace(/(%[\\dA-F]{2})+/gi, decodeURIComponent)\n  },\n  write: function (value) {\n    return encodeURIComponent(value).replace(\n      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,\n      decodeURIComponent\n    )\n  }\n};\n/* eslint-enable no-var */\n\n/* eslint-disable no-var */\n\nfunction init (converter, defaultAttributes) {\n  function set (name, value, attributes) {\n    if (typeof document === 'undefined') {\n      return\n    }\n\n    attributes = assign({}, defaultAttributes, attributes);\n\n    if (typeof attributes.expires === 'number') {\n      attributes.expires = new Date(Date.now() + attributes.expires * 864e5);\n    }\n    if (attributes.expires) {\n      attributes.expires = attributes.expires.toUTCString();\n    }\n\n    name = encodeURIComponent(name)\n      .replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent)\n      .replace(/[()]/g, escape);\n\n    var stringifiedAttributes = '';\n    for (var attributeName in attributes) {\n      if (!attributes[attributeName]) {\n        continue\n      }\n\n      stringifiedAttributes += '; ' + attributeName;\n\n      if (attributes[attributeName] === true) {\n        continue\n      }\n\n      // Considers RFC 6265 section 5.2:\n      // ...\n      // 3.  If the remaining unparsed-attributes contains a %x3B (\";\")\n      //     character:\n      // Consume the characters of the unparsed-attributes up to,\n      // not including, the first %x3B (\";\") character.\n      // ...\n      stringifiedAttributes += '=' + attributes[attributeName].split(';')[0];\n    }\n\n    return (document.cookie =\n      name + '=' + converter.write(value, name) + stringifiedAttributes)\n  }\n\n  function get (name) {\n    if (typeof document === 'undefined' || (arguments.length && !name)) {\n      return\n    }\n\n    // To prevent the for loop in the first place assign an empty array\n    // in case there are no cookies at all.\n    var cookies = document.cookie ? document.cookie.split('; ') : [];\n    var jar = {};\n    for (var i = 0; i < cookies.length; i++) {\n      var parts = cookies[i].split('=');\n      var value = parts.slice(1).join('=');\n\n      try {\n        var found = decodeURIComponent(parts[0]);\n        jar[found] = converter.read(value, found);\n\n        if (name === found) {\n          break\n        }\n      } catch (e) {}\n    }\n\n    return name ? jar[name] : jar\n  }\n\n  return Object.create(\n    {\n      set,\n      get,\n      remove: function (name, attributes) {\n        set(\n          name,\n          '',\n          assign({}, attributes, {\n            expires: -1\n          })\n        );\n      },\n      withAttributes: function (attributes) {\n        return init(this.converter, assign({}, this.attributes, attributes))\n      },\n      withConverter: function (converter) {\n        return init(assign({}, this.converter, converter), this.attributes)\n      }\n    },\n    {\n      attributes: { value: Object.freeze(defaultAttributes) },\n      converter: { value: Object.freeze(converter) }\n    }\n  )\n}\n\nvar api = init(defaultConverter, { path: '/' });\n/* eslint-enable no-var */\n\nexport { api as default };\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport Cookies from '../../../node_modules/js-cookie/dist/js.cookie.mjs';\nexport const filterList = (component, search) => {\n    Array.from(component.querySelectorAll(`label:not([slot=\"checked\"])`)).forEach((label) => {\n        const checkbox = label.querySelector('input');\n        const searchValue = checkbox.value;\n        const labelText = label.textContent;\n        if (searchValue.toLowerCase().includes(search.value.toLowerCase()) ||\n            labelText.toLowerCase().includes(search.value.toLowerCase())) {\n            label.removeAttribute('slot');\n        }\n        else {\n            label.setAttribute('slot', 'notmatched');\n        }\n    });\n};\nexport const searchAjax = (component, search, callback) => __awaiter(void 0, void 0, void 0, function* () {\n    const searchterm = search.value;\n    const ajaxURL = component.getAttribute('data-url');\n    const firstInput = component.querySelector('input');\n    console.log(firstInput);\n    const inputType = firstInput && firstInput.hasAttribute('type') ? firstInput.getAttribute('type') : 'checkbox';\n    let inputName = firstInput && firstInput.hasAttribute('name') ? firstInput.getAttribute('name') : 'tags';\n    if (component.hasAttribute('data-name'))\n        inputName = component.hasAttribute('data-name');\n    const searchAjaxURL = `${ajaxURL}?search_query=${encodeURI(searchterm)}`;\n    // Setup controller vars if not already set\n    if (!window.controller)\n        window.controller = [];\n    // Abort if controller already present for this url\n    if (window.controller[searchAjaxURL])\n        window.controller[searchAjaxURL].abort();\n    // Create a new controller so it can be aborted if new fetch made\n    window.controller[searchAjaxURL] = new AbortController();\n    const { signal } = controller[searchAjaxURL];\n    try {\n        yield fetch(searchAjaxURL, {\n            signal: signal,\n            method: 'get',\n            credentials: 'same-origin',\n            headers: new Headers({\n                'Content-Type': 'application/json',\n                Accept: 'application/json',\n                'X-Requested-With': 'XMLHttpRequest',\n                'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN'),\n            }),\n        })\n            .then((response) => response.json())\n            .then((response) => {\n            let items = '';\n            for (let i = 0; i < response['data'].length; i++) {\n                if (!component.querySelector(`[value=\"${response['data'][i].value}\"]`))\n                    items += `<label class=\"tag dropdown__option\"><input type=\"${inputType}\" name=\"${component.hasAttribute('data-name') ? component.getAttribute('data-name') : inputName}\" value=\"${response['data'][i].value}\"/>${response['data'][i].title}</label>`;\n            }\n            component.insertAdjacentHTML('beforeend', `${items}`);\n            callback(component, search);\n            return response;\n        });\n    }\n    catch (error) {\n        console.log(error);\n    }\n});\nexport const setTag = (tag) => {\n    const input = tag.querySelector(':checked');\n    const inputName = input === null || input === void 0 ? void 0 : input.getAttribute('name');\n    tag.setAttribute('slot', 'checked');\n    tag.setAttribute('data-content', tag.textContent);\n    let tags = [];\n    if (localStorage.getItem('tags-' + inputName) != null)\n        tags = JSON.parse(localStorage.getItem('tags-' + inputName));\n    if (!tags.includes(tag.textContent)) {\n        tags.push(tag.textContent);\n        localStorage.setItem('tags-' + inputName, JSON.stringify(tags));\n    }\n    let tagIndex = tags.indexOf(tag.textContent) + 1;\n    if (tagIndex > 23)\n        tagIndex = 1;\n    tag === null || tag === void 0 ? void 0 : tag.classList.add(`wider-colour-${tagIndex + 1}`);\n};\nexport const addKeyboardEvents = (dropdown, search) => {\n    search.addEventListener('keydown', (e) => {\n        var _a;\n        switch (e.keyCode) {\n            case 40: // down\n                e.stopPropagation();\n                e.preventDefault();\n                (_a = dropdown.querySelector('label:not([slot=\"checked\"]) input')) === null || _a === void 0 ? void 0 : _a.focus();\n                break;\n        }\n    });\n    dropdown.addEventListener('keydown', (event) => {\n        var _a, _b, _c;\n        const topLevelmenuItems = dropdown.querySelectorAll(':scope > a, :scope > button, :scope > details > summary, :scope > label:not([slot=\"checked\"]) > input');\n        const menuItems = dropdown.querySelectorAll('a, button, input, label:not([slot=\"checked\"]) > input');\n        const activeElement = document.activeElement;\n        if (event && event.target instanceof HTMLElement && event.target.closest('a, button, summary, label:not([slot=\"checked\"]) > input')) {\n            const activeItem = document.activeElement;\n            const prevIndex = Array.from(topLevelmenuItems).indexOf(activeItem) - 1;\n            const nextIndex = Array.from(topLevelmenuItems).indexOf(activeItem) + 1;\n            switch (event.keyCode // change to event.key to key to use the above variable\n            ) {\n                case 27: // Esc\n                    if (activeItem.closest('details')) {\n                        event.stopPropagation();\n                        event.preventDefault();\n                        activeItem.closest('details').removeAttribute('open');\n                        activeItem.closest('details').querySelector(':scope summary').focus();\n                    }\n                    else {\n                        event.stopPropagation();\n                        //menuButton.focus();\n                    }\n                    break;\n                case 32: // Space\n                case 13: // Enter\n                    break;\n                case 35: // end\n                    event.stopPropagation();\n                    event.preventDefault();\n                    (_a = dropdown.querySelector('details[open]')) === null || _a === void 0 ? void 0 : _a.removeAttribute('open');\n                    Array.from(menuItems)[menuItems.length - 1].focus();\n                    break;\n                case 36: // home\n                    event.stopPropagation();\n                    event.preventDefault();\n                    (_b = dropdown.querySelector('details[open]')) === null || _b === void 0 ? void 0 : _b.removeAttribute('open');\n                    Array.from(menuItems)[0].focus();\n                    break;\n                case 38: // up\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                        if (Array.from(topLevelmenuItems)[prevIndex] != undefined)\n                            Array.from(topLevelmenuItems)[prevIndex].focus();\n                        else\n                            Array.from(topLevelmenuItems)[topLevelmenuItems.length - 1].focus();\n                    }\n                    else if (activeItem.closest('details')) {\n                        const subMenuItems = activeItem\n                            .closest('details')\n                            .querySelectorAll('a, button, :scope details > summary');\n                        subPrevIndex = Array.from(subMenuItems).indexOf(activeItem) - 1;\n                        if (Array.from(subMenuItems)[subPrevIndex] != undefined)\n                            Array.from(subMenuItems)[subPrevIndex].focus();\n                        else\n                            Array.from(subMenuItems)[subMenuItems.length - 1].focus();\n                    }\n                    break;\n                case 40: // down\n                    event.stopPropagation();\n                    event.preventDefault();\n                    if (Array.from(topLevelmenuItems).indexOf(activeItem) > -1) {\n                        if (Array.from(topLevelmenuItems)[nextIndex] != undefined)\n                            Array.from(topLevelmenuItems)[nextIndex].focus();\n                        else\n                            Array.from(topLevelmenuItems)[0].focus();\n                    }\n                    else if (activeItem.closest('details')) {\n                        const subMenuItems = (_c = activeItem.closest('details')) === null || _c === void 0 ? void 0 : _c.querySelectorAll('a, button, :scope details > summary');\n                        subNextIndex = Array.from(subMenuItems).indexOf(activeItem) + 1;\n                        if (Array.from(subMenuItems)[subNextIndex] != undefined)\n                            Array.from(subMenuItems)[subNextIndex].focus();\n                        else\n                            Array.from(subMenuItems)[0].focus();\n                    }\n                    break;\n            }\n        }\n    });\n};\n","import { trackComponentRegistered } from '../_global';\nimport { searchAjax, filterList, setTag, addKeyboardEvents } from '../../modules/dropdown';\ntrackComponentRegistered('iam-tag');\nclass iamTag extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/tag.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n\n    ${loadCSS}\n    </style>\n    <div class=\"wrapper\">\n      <input type=\"text\" name=\"search\" autocomplete=\"off\" />\n      <slot name=\"checked\"></slot>\n      <div class=\"admin-panel dropdown\" part=\"dropdown\">\n        <slot></slot>\n      </div>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        const search = this.shadowRoot.querySelector('input');\n        const input = this.querySelector(':checked');\n        const inputName = input === null || input === void 0 ? void 0 : input.getAttribute('name');\n        let tag = this.querySelector('label:has(:checked)');\n        setTag(tag);\n        // Make sure the dropdown options are set\n        Array.from(this.querySelectorAll(':scope > label')).forEach((label) => {\n            label.classList.add('dropdown__option');\n        });\n        this.addEventListener('click', () => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('label:has(:checked)')) {\n                search.focus();\n            }\n        });\n        search.addEventListener('input', () => {\n            if (this.hasAttribute('data-url')) {\n                if (search.value.length == 3) {\n                    searchAjax(this, search, filterList);\n                }\n            }\n            else {\n                filterList(this, search);\n            }\n        });\n        this.addEventListener('change', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('input[type=\"radio\"],input[type=\"checkbox\"]')) {\n                const checkbox = event.target.closest('input[type=\"radio\"],input[type=\"checkbox\"]');\n                tag.checked = false;\n                tag.removeAttribute('slot');\n                // Set the new tag\n                tag = this.querySelector('label:has(:checked)');\n                setTag(tag);\n                search === null || search === void 0 ? void 0 : search.blur();\n                search === null || search === void 0 ? void 0 : search.value = '';\n                filterList(this, search);\n                // dispatch event\n                const changeEvent = new CustomEvent('tag-changed', {\n                    detail: {\n                        value: tag === null || tag === void 0 ? void 0 : tag.querySelector(':checked').value,\n                        title: tag === null || tag === void 0 ? void 0 : tag.textContent\n                    }\n                });\n                this === null || this === void 0 ? void 0 : this.dispatchEvent(changeEvent);\n            }\n        });\n        // TODO Add keyboard actions\n        addKeyboardEvents(this, search);\n    }\n}\nexport default iamTag;\n"],"names":["trackComponentRegistered","componentName","assign","target","i","source","key","defaultConverter","value","init","converter","defaultAttributes","set","name","attributes","stringifiedAttributes","attributeName","get","cookies","jar","parts","found","api","__awaiter","thisArg","_arguments","P","generator","adopt","resolve","reject","fulfilled","step","e","rejected","result","filterList","component","search","label","searchValue","labelText","searchAjax","callback","searchterm","ajaxURL","firstInput","inputType","inputName","searchAjaxURL","signal","Cookies","response","items","error","setTag","tag","input","tags","tagIndex","addKeyboardEvents","dropdown","_a","event","_b","_c","topLevelmenuItems","menuItems","activeItem","prevIndex","nextIndex","subMenuItems","iamTag","template","changeEvent"],"mappings":"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","x_google_ignoreList":[1]}

package/assets/js/components/tooltip/tooltip.component.js

@@ -9,14 +9,14 @@ class iamTooltip extends HTMLElement {
             : '/assets';
         const loadCSS = `@import "${assetLocation}/css/components/popover.component.css";`;
         const template = document.createElement('template');
-        template.innerHTML = `
-    <style>
-    ${loadCSS}
-    </style>
-    <slot></slot>
-    <div class="tooltip__anchor">
-    </div>
-    <div class="tooltip__content" id="tooltip"></div>
+        template.innerHTML = `
+    <style>
+    ${loadCSS}
+    </style>
+    <slot></slot>
+    <div class="tooltip__anchor">
+    </div>
+    <div class="tooltip__content" id="tooltip"></div>
     `;
         this.shadowRoot.appendChild(template.content.cloneNode(true));
     }

package/assets/js/components/tooltip/tooltip.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta6
+  * iamKey v7.7.1--beta8
   * Copyright 2022-2026 iamproperty
   */const a=n=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:n})};a("iam-tooltip");class l extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"}),document.body.hasAttribute("data-assets-location")&&document.body.getAttribute("data-assets-location");const t=document.createElement("template");t.innerHTML=`
     <style>

package/assets/js/components/tooltip/tooltip.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.component.min.js","sources":["../_global.js","tooltip.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-tooltip');\nclass iamTooltip extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/popover.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\r\n    <style>\r\n    ${loadCSS}\r\n    </style>\r\n    <slot></slot>\r\n    <div class=\"tooltip__anchor\">\r\n    </div>\r\n    <div class=\"tooltip__content\" id=\"tooltip\"></div>\r\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a, _b, _c;\n        const contentWrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tooltip__content');\n        const anchor = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tooltip__anchor');\n        if (this.hasAttribute('data-heading'))\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.innerHTML += `<strong>${this.getAttribute('data-heading')}</strong>`;\n        contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.innerHTML += this.getAttribute('title');\n        this.removeAttribute('title');\n        contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');\n        this === null || this === void 0 ? void 0 : this.addEventListener('mouseenter', (event) => {\n            contentWrapper.showPopover();\n        });\n        this === null || this === void 0 ? void 0 : this.addEventListener('mouseleave', (event) => {\n            if (!(contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.contains('show-popover')))\n                contentWrapper.hidePopover();\n        });\n        // Check if th component sets the tooltip open by default\n        if (this.classList.contains('show-popover')) {\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.add('show-popover');\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover\n            contentWrapper.showPopover();\n        }\n        this === null || this === void 0 ? void 0 : this.addEventListener('click', (event) => {\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.toggle('show-popover');\n            if (contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.contains('show-popover')) {\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover\n                contentWrapper.showPopover();\n            }\n            else {\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');\n                contentWrapper.hidePopover();\n            }\n        });\n        // Used for documentation\n        (_c = this === null || this === void 0 ? void 0 : this.parentNode) === null || _c === void 0 ? void 0 : _c.addEventListener('update', (event) => {\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');\n            contentWrapper.hidePopover();\n            setTimeout(() => {\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.add('show-popover');\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover\n                contentWrapper.showPopover();\n            }, 100);\n        });\n    }\n}\nexport default iamTooltip;\n"],"names":["trackComponentRegistered","componentName","iamTooltip","template","_a","_b","_c","contentWrapper","event"],"mappings":";;;IAAO,MAAMA,EAA4BC,GAAkB,CAEvD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAASA,CACjB,CAAK,CACL,ECNAD,EAAyB,aAAa,EACtC,MAAME,UAAmB,WAAY,CACjC,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASrB,KAAK,WAAW,YAAYA,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CAChB,IAAIC,EAAIC,EAAIC,EACZ,MAAMC,GAAkBH,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,mBAAmB,GACvGC,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,cAAc,kBAAkB,EAC1G,KAAK,aAAa,cAAc,IAChCE,GAAmB,OAA6CA,EAAe,WAAa,WAAW,KAAK,aAAa,cAAc,CAAC,cAC5IA,GAAmB,OAA6CA,EAAe,WAAa,KAAK,aAAa,OAAO,GACrH,KAAK,gBAAgB,OAAO,EACoCA,GAAe,aAAa,UAAW,MAAM,EAC7G,OAAS,MAAQ,OAAS,QAAkB,KAAK,iBAAiB,aAAeC,GAAU,CACvFD,EAAe,YAAW,CAC9B,CAAC,EACD,OAAS,MAAQ,OAAS,QAAkB,KAAK,iBAAiB,aAAeC,GAAU,CACjBD,GAAe,UAAU,SAAS,cAAc,GAClHA,EAAe,YAAW,CAClC,CAAC,EAEG,KAAK,UAAU,SAAS,cAAc,IAC0BA,GAAe,UAAU,IAAI,cAAc,EAC3CA,GAAe,aAAa,UAAW,QAAQ,EAC/GA,EAAe,YAAW,GAE9B,OAAS,MAAQ,OAAS,QAAkB,KAAK,iBAAiB,QAAUC,GAAU,CAClBD,GAAe,UAAU,OAAO,cAAc,EAC1CA,GAAe,UAAU,SAAS,cAAc,GAChDA,GAAe,aAAa,UAAW,QAAQ,EAC/GA,EAAe,YAAW,IAGsCA,GAAe,aAAa,UAAW,MAAM,EAC7GA,EAAe,YAAW,EAElC,CAAC,GAEAD,EAAK,OAAS,MAAQ,OAAS,OAAS,OAAS,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,iBAAiB,SAAWE,GAAU,CAC7ED,GAAe,aAAa,UAAW,MAAM,EAC7GA,EAAe,YAAW,EAC1B,WAAW,IAAM,CACmDA,GAAe,UAAU,IAAI,cAAc,EAC3CA,GAAe,aAAa,UAAW,QAAQ,EAC/GA,EAAe,YAAW,CAC9B,EAAG,GAAG,CACV,CAAC,CACL,CACJ"}
+{"version":3,"file":"tooltip.component.min.js","sources":["../_global.js","tooltip.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","import { trackComponentRegistered } from '../_global';\ntrackComponentRegistered('iam-tooltip');\nclass iamTooltip extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/popover.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    ${loadCSS}\n    </style>\n    <slot></slot>\n    <div class=\"tooltip__anchor\">\n    </div>\n    <div class=\"tooltip__content\" id=\"tooltip\"></div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        var _a, _b, _c;\n        const contentWrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.tooltip__content');\n        const anchor = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.tooltip__anchor');\n        if (this.hasAttribute('data-heading'))\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.innerHTML += `<strong>${this.getAttribute('data-heading')}</strong>`;\n        contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.innerHTML += this.getAttribute('title');\n        this.removeAttribute('title');\n        contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');\n        this === null || this === void 0 ? void 0 : this.addEventListener('mouseenter', (event) => {\n            contentWrapper.showPopover();\n        });\n        this === null || this === void 0 ? void 0 : this.addEventListener('mouseleave', (event) => {\n            if (!(contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.contains('show-popover')))\n                contentWrapper.hidePopover();\n        });\n        // Check if th component sets the tooltip open by default\n        if (this.classList.contains('show-popover')) {\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.add('show-popover');\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover\n            contentWrapper.showPopover();\n        }\n        this === null || this === void 0 ? void 0 : this.addEventListener('click', (event) => {\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.toggle('show-popover');\n            if (contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.contains('show-popover')) {\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover\n                contentWrapper.showPopover();\n            }\n            else {\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');\n                contentWrapper.hidePopover();\n            }\n        });\n        // Used for documentation\n        (_c = this === null || this === void 0 ? void 0 : this.parentNode) === null || _c === void 0 ? void 0 : _c.addEventListener('update', (event) => {\n            contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'auto');\n            contentWrapper.hidePopover();\n            setTimeout(() => {\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.classList.add('show-popover');\n                contentWrapper === null || contentWrapper === void 0 ? void 0 : contentWrapper.setAttribute('popover', 'manual'); // Switch popover type first before showing popover\n                contentWrapper.showPopover();\n            }, 100);\n        });\n    }\n}\nexport default iamTooltip;\n"],"names":["trackComponentRegistered","componentName","iamTooltip","template","_a","_b","_c","contentWrapper","event"],"mappings":";;;IAAO,MAAMA,EAA4BC,GAAkB,CAEvD,OAAO,UAAY,OAAO,WAAa,CAAA,EACvC,OAAO,UAAU,KAAK,CAClB,MAAO,0BACP,QAASA,CACjB,CAAK,CACL,ECNAD,EAAyB,aAAa,EACtC,MAAME,UAAmB,WAAY,CACjC,aAAc,CACV,MAAK,EACL,KAAK,aAAa,CAAE,KAAM,MAAM,CAAE,EACZ,SAAS,KAAK,aAAa,sBAAsB,GACjE,SAAS,KAAK,aAAa,sBAAsB,EAGvD,MAAMC,EAAW,SAAS,cAAc,UAAU,EAClDA,EAAS,UAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MASrB,KAAK,WAAW,YAAYA,EAAS,QAAQ,UAAU,EAAI,CAAC,CAChE,CACA,mBAAoB,CAChB,IAAIC,EAAIC,EAAIC,EACZ,MAAMC,GAAkBH,EAAK,KAAK,cAAgB,MAAQA,IAAO,OAAS,OAASA,EAAG,cAAc,mBAAmB,GACvGC,EAAK,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,cAAc,kBAAkB,EAC1G,KAAK,aAAa,cAAc,IAChCE,GAAmB,OAA6CA,EAAe,WAAa,WAAW,KAAK,aAAa,cAAc,CAAC,cAC5IA,GAAmB,OAA6CA,EAAe,WAAa,KAAK,aAAa,OAAO,GACrH,KAAK,gBAAgB,OAAO,EACoCA,GAAe,aAAa,UAAW,MAAM,EAC7G,OAAS,MAAQ,OAAS,QAAkB,KAAK,iBAAiB,aAAeC,GAAU,CACvFD,EAAe,YAAW,CAC9B,CAAC,EACD,OAAS,MAAQ,OAAS,QAAkB,KAAK,iBAAiB,aAAeC,GAAU,CACjBD,GAAe,UAAU,SAAS,cAAc,GAClHA,EAAe,YAAW,CAClC,CAAC,EAEG,KAAK,UAAU,SAAS,cAAc,IAC0BA,GAAe,UAAU,IAAI,cAAc,EAC3CA,GAAe,aAAa,UAAW,QAAQ,EAC/GA,EAAe,YAAW,GAE9B,OAAS,MAAQ,OAAS,QAAkB,KAAK,iBAAiB,QAAUC,GAAU,CAClBD,GAAe,UAAU,OAAO,cAAc,EAC1CA,GAAe,UAAU,SAAS,cAAc,GAChDA,GAAe,aAAa,UAAW,QAAQ,EAC/GA,EAAe,YAAW,IAGsCA,GAAe,aAAa,UAAW,MAAM,EAC7GA,EAAe,YAAW,EAElC,CAAC,GAEAD,EAAK,OAAS,MAAQ,OAAS,OAAS,OAAS,KAAK,cAAgB,MAAQA,IAAO,QAAkBA,EAAG,iBAAiB,SAAWE,GAAU,CAC7ED,GAAe,aAAa,UAAW,MAAM,EAC7GA,EAAe,YAAW,EAC1B,WAAW,IAAM,CACmDA,GAAe,UAAU,IAAI,cAAc,EAC3CA,GAAe,aAAa,UAAW,QAAQ,EAC/GA,EAAe,YAAW,CAC9B,EAAG,GAAG,CACV,CAAC,CACL,CACJ"}

package/assets/js/components/video/video.component.js

@@ -19,15 +19,15 @@ class iamVideo extends HTMLElement {
             : '/assets';
         const loadCSS = `@import "${assetLocation}/css/components/video.component.css";`;
         const template = document.createElement('template');
-        template.innerHTML = /*HTML*/ `
-    <style>
-    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
-    
-    ${loadCSS}
-    </style>
-
-    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous" />
-    ${videoHTML}
+        template.innerHTML = /*HTML*/ `
+    <style>
+    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
+    
+    ${loadCSS}
+    </style>
+
+    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous" />
+    ${videoHTML}
     `;
         this.shadowRoot.appendChild(template.content.cloneNode(true));
     }

package/assets/js/components/video/video.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta6
+  * iamKey v7.7.1--beta8
   * Copyright 2022-2026 iamproperty
   */const p=n=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:n})};var m=function(n,t,r,o){function i(e){return e instanceof r?e:new r(function(c){c(e)})}return new(r||(r=Promise))(function(e,c){function l(a){try{s(o.next(a))}catch(u){c(u)}}function d(a){try{s(o.throw(a))}catch(u){c(u)}}function s(a){a.done?e(a.value):i(a.value).then(l,d)}s((o=o.apply(n,t||[])).next())})};const v=`<div class="video-wrapper">
   <slot name="video"></slot>

package/assets/js/components/video/video.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"video.component.min.js","sources":["../_global.js","../../modules/videos.js","video.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nconst videoSupport = (body) => __awaiter(void 0, void 0, void 0, function* () {\n    if (document.querySelector('.youtube-link[data-youtube]') && !document.body.classList.contains('youtubeLoaded')) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const loaded = yield loadYouTubeScripts();\n    }\n    setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {\n        if (document.querySelector('.youtube-link[data-youtube]') && !document.body.classList.contains('youtubeLoaded')) {\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            const loaded = yield loadYouTubeScripts();\n        }\n    }), '2000');\n    body.addEventListener('click', (event) => __awaiter(void 0, void 0, void 0, function* () {\n        let target = event.target.closest('.youtube-link[data-youtube]');\n        if (!target) {\n            target = event.target.closest('.vimeo-link[data-vimeo]');\n        }\n        if (target && target.hasAttribute('data-youtube')) {\n            event.preventDefault();\n            if (!document.body.classList.contains('youtubeLoaded')) {\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                const loaded = yield loadYouTubeScripts();\n            }\n            const link_id = 'youtube-' + target.getAttribute('data-youtube');\n            if (!document.getElementById(`${link_id}-dialog`)) {\n                document.body.insertAdjacentHTML('beforeend', `<dialog id=\"${link_id}-dialog\"><div class=\"embed\" id=\"${link_id}\"></div></dialog>`);\n            }\n            const dialog = document.getElementById(`${link_id}-dialog`);\n            const embed = document.getElementById(link_id);\n            const customEvent = new CustomEvent('play-video', {\n                detail: { 'Video Type': 'YoutTube', ID: target.getAttribute('data-youtube') },\n            });\n            target.dispatchEvent(customEvent);\n            window.dataLayer.push(customEvent.detail);\n            createYoutTubeVideo(embed, target.getAttribute('data-youtube'));\n            dialog.showModal();\n            dialog.addEventListener('close', () => {\n                if (window.player[embed.getAttribute('id')] &&\n                    typeof window.player[embed.getAttribute('id')].pauseVideo == 'function') {\n                    window.player[embed.getAttribute('id')].pauseVideo();\n                }\n                const customEvent = new CustomEvent('close-video', {\n                    detail: { 'Video Type': 'YoutTube', ID: target.getAttribute('data-youtube') },\n                });\n                target.dispatchEvent(customEvent);\n                window.dataLayer.push(customEvent.detail);\n            });\n        }\n        else if (target && target.hasAttribute('data-vimeo')) {\n            event.preventDefault();\n            const link_id = 'vimeo-' + target.getAttribute('data-youtube');\n            if (!document.getElementById(`${link_id}-dialog`)) {\n                document.body.insertAdjacentHTML('beforeend', `<dialog id=\"${link_id}-dialog\"><div class=\"embed\" id=\"${link_id}\"></div></dialog>`);\n            }\n            const dialog = document.getElementById(`${link_id}-dialog`);\n            const embed = document.getElementById(link_id);\n            const videoId = target.getAttribute('data-vimeo');\n            const customEvent = new CustomEvent('play-video', {\n                detail: { 'Video Type': 'Vimeo', ID: videoId },\n            });\n            target.dispatchEvent(customEvent);\n            window.dataLayer.push(customEvent.detail);\n            if (!embed.querySelector('iframe'))\n                embed.innerHTML = `<iframe src=\"https://player.vimeo.com/video/${videoId}?autoplay=1\" width=\"100%\" height=\"100%\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\n            dialog.showModal();\n            dialog.addEventListener('close', () => {\n                embed.innerHTML = ``; // Remove the video since we cant pause it\n                const customEvent = new CustomEvent('close-video', {\n                    detail: { 'Video Type': 'Vimeo', ID: target.getAttribute('data-vimeo') },\n                });\n                target.dispatchEvent(customEvent);\n                window.dataLayer.push(customEvent.detail);\n            });\n        }\n    }));\n});\nexport const videoHTML = `<div class=\"video-wrapper\">\r\n  <slot name=\"video\"></slot>\r\n  <picture>\r\n    <img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"\" lazy=\"\" />\r\n  </picture>\r\n  <button class=\"btn btn-compact fa-play m-0 colour-success\">Play</button>\r\n</div>`;\nexport const loadYouTubeScripts = () => __awaiter(void 0, void 0, void 0, function* () {\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            const tag = document.createElement('script');\n            tag.src = 'https://www.youtube.com/iframe_api';\n            const firstScriptTag = document.getElementsByTagName('script')[0];\n            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n            document.body.classList.add('youtubeLoaded');\n            resolve(true);\n        };\n        image.onerror = function () {\n            reject(false);\n        };\n        image.src = 'https://youtube.com/favicon.ico';\n    });\n});\nexport const createYoutTubeVideo = (target, video_id) => __awaiter(void 0, void 0, void 0, function* () {\n    if (typeof window.player == 'undefined') {\n        window.player = [];\n    }\n    //const link_id = target.getAttribute('id');\n    if (typeof window.player[video_id] != 'undefined' && typeof window.player[video_id].pauseVideo == 'function') {\n        window.player[video_id].playVideo();\n        return false;\n    }\n    console.log('hi2');\n    // This function creates an <iframe> (and YouTube player) after the API code downloads.\n    //function onYouTubeIframeAPIReady() {\n    window.player[video_id] = new YT.Player(video_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    let done = false;\n    function onPlayerStateChange(event) {\n        if (event.data == YT.PlayerState.PLAYING && !done) {\n            const link = document.getElementById(video_id);\n            link.classList.add('player-ready');\n            done = true;\n        }\n    }\n});\nexport const openYoutubeVideo = (component) => __awaiter(void 0, void 0, void 0, function* () {\n    const embed = component.shadowRoot.querySelector('.embed');\n    const youtubeId = component.getAttribute('data-youtube');\n    let loaded;\n    if (!document.body.classList.contains('youtubeLoaded')) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        loaded = yield loadYouTubeScripts();\n    }\n    const customEvent = new CustomEvent('play-video', {\n        detail: { 'Video Type': 'YoutTube', ID: youtubeId },\n    });\n    component.dispatchEvent(customEvent);\n    const interval = setInterval(() => {\n        if (typeof YT != \"undefined\") {\n            clearInterval(interval);\n            createYoutTubeVideo(embed, youtubeId);\n        }\n    }, 200);\n    // Limit the number of calls\n    setTimeout(function () {\n        clearInterval(interval);\n    }, 2000);\n});\nexport const openVimeoVideo = (component) => __awaiter(void 0, void 0, void 0, function* () {\n    const embed = component.querySelector('.embed');\n    const vimeoId = component.getAttribute('data-vimeo');\n    const customEvent = new CustomEvent('play-video', {\n        detail: { 'Video Type': 'Vimeo', ID: vimeoId },\n    });\n    component.dispatchEvent(customEvent);\n    window.dataLayer.push(customEvent.detail);\n    if (!embed.querySelector('iframe'))\n        embed.innerHTML = `<iframe src=\"https://player.vimeo.com/video/${vimeoId}?autoplay=1\" width=\"100%\" height=\"100%\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\n});\nexport default videoSupport;\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { trackComponentRegistered } from '../_global';\nimport { videoHTML, openYoutubeVideo, openVimeoVideo } from '../../modules/videos';\ntrackComponentRegistered('iam-video-modal');\nclass iamVideo extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/video.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = /*HTML*/ `\r\n    <style>\r\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\r\n    \r\n    ${loadCSS}\r\n    </style>\r\n\r\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/8bd0fca975.css\" crossorigin=\"anonymous\" />\r\n    ${videoHTML}\r\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            var _a, _b;\n            const id = this.getAttribute('id');\n            const button = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button');\n            const videoWrapper = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.video-wrapper');\n            const img = this.shadowRoot.querySelector('img');\n            this.innerHTML = `<div class=\"embed\" slot=\"video\"></div>`;\n            const embed = this.querySelector('.embed');\n            videoWrapper.tabIndex = 6;\n            button === null || button === void 0 ? void 0 : button.tabIndex = -1;\n            if (this.hasAttribute('data-youtube')) {\n                const youtubeId = this.getAttribute('data-youtube');\n                img.setAttribute('src', `http://img.youtube.com/vi/${youtubeId}/hqdefault.jpg`);\n                videoWrapper.addEventListener('click', (e) => __awaiter(this, void 0, void 0, function* () {\n                    embed === null || embed === void 0 ? void 0 : embed.setAttribute('id', youtubeId);\n                    openYoutubeVideo(this);\n                    button === null || button === void 0 ? void 0 : button.remove();\n                    img === null || img === void 0 ? void 0 : img.remove();\n                }));\n            }\n            else if (this.hasAttribute('data-vimeo')) {\n                const vimeoId = this.getAttribute('data-vimeo');\n                img.setAttribute('src', `https://vumbnail.com/${vimeoId}.jpg`);\n                videoWrapper.addEventListener('click', (e) => __awaiter(this, void 0, void 0, function* () {\n                    openVimeoVideo(this);\n                    button === null || button === void 0 ? void 0 : button.remove();\n                    img === null || img === void 0 ? void 0 : img.remove();\n                }));\n            }\n        });\n    }\n}\nexport default iamVideo;\n"],"names":["trackComponentRegistered","componentName","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","videoHTML","loadYouTubeScripts","image","tag","firstScriptTag","createYoutTubeVideo","target","video_id","onPlayerReady","onPlayerStateChange","event","done","openYoutubeVideo","component","embed","youtubeId","customEvent","interval","openVimeoVideo","vimeoId","iamVideo","template","_a","_b","button","videoWrapper","img"],"mappings":"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"}
+{"version":3,"file":"video.component.min.js","sources":["../_global.js","../../modules/videos.js","video.component.js"],"sourcesContent":["export const trackComponentRegistered = (componentName) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementRegistered',\n        element: componentName,\n    });\n};\nexport const trackComponent = (component, componentName, trackEvents) => {\n    // Data layer Web component created\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n        event: 'customElementAdded',\n        element: componentName,\n    });\n    trackEvents.forEach((eventName) => {\n        component.addEventListener(eventName, function (event) {\n            const eventDetails = {\n                event: eventName,\n                element: componentName,\n                target: event.target,\n            };\n            Object.keys(event.detail).forEach((eventKey) => {\n                const eventDetail = event.detail[eventKey];\n                eventDetails[eventKey] = eventDetail;\n            });\n            window.dataLayer.push(eventDetails);\n        });\n    });\n    return true;\n};\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nconst videoSupport = (body) => __awaiter(void 0, void 0, void 0, function* () {\n    if (document.querySelector('.youtube-link[data-youtube]') && !document.body.classList.contains('youtubeLoaded')) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        const loaded = yield loadYouTubeScripts();\n    }\n    setTimeout(() => __awaiter(void 0, void 0, void 0, function* () {\n        if (document.querySelector('.youtube-link[data-youtube]') && !document.body.classList.contains('youtubeLoaded')) {\n            // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            const loaded = yield loadYouTubeScripts();\n        }\n    }), '2000');\n    body.addEventListener('click', (event) => __awaiter(void 0, void 0, void 0, function* () {\n        let target = event.target.closest('.youtube-link[data-youtube]');\n        if (!target) {\n            target = event.target.closest('.vimeo-link[data-vimeo]');\n        }\n        if (target && target.hasAttribute('data-youtube')) {\n            event.preventDefault();\n            if (!document.body.classList.contains('youtubeLoaded')) {\n                // eslint-disable-next-line @typescript-eslint/no-unused-vars\n                const loaded = yield loadYouTubeScripts();\n            }\n            const link_id = 'youtube-' + target.getAttribute('data-youtube');\n            if (!document.getElementById(`${link_id}-dialog`)) {\n                document.body.insertAdjacentHTML('beforeend', `<dialog id=\"${link_id}-dialog\"><div class=\"embed\" id=\"${link_id}\"></div></dialog>`);\n            }\n            const dialog = document.getElementById(`${link_id}-dialog`);\n            const embed = document.getElementById(link_id);\n            const customEvent = new CustomEvent('play-video', {\n                detail: { 'Video Type': 'YoutTube', ID: target.getAttribute('data-youtube') },\n            });\n            target.dispatchEvent(customEvent);\n            window.dataLayer.push(customEvent.detail);\n            createYoutTubeVideo(embed, target.getAttribute('data-youtube'));\n            dialog.showModal();\n            dialog.addEventListener('close', () => {\n                if (window.player[embed.getAttribute('id')] &&\n                    typeof window.player[embed.getAttribute('id')].pauseVideo == 'function') {\n                    window.player[embed.getAttribute('id')].pauseVideo();\n                }\n                const customEvent = new CustomEvent('close-video', {\n                    detail: { 'Video Type': 'YoutTube', ID: target.getAttribute('data-youtube') },\n                });\n                target.dispatchEvent(customEvent);\n                window.dataLayer.push(customEvent.detail);\n            });\n        }\n        else if (target && target.hasAttribute('data-vimeo')) {\n            event.preventDefault();\n            const link_id = 'vimeo-' + target.getAttribute('data-youtube');\n            if (!document.getElementById(`${link_id}-dialog`)) {\n                document.body.insertAdjacentHTML('beforeend', `<dialog id=\"${link_id}-dialog\"><div class=\"embed\" id=\"${link_id}\"></div></dialog>`);\n            }\n            const dialog = document.getElementById(`${link_id}-dialog`);\n            const embed = document.getElementById(link_id);\n            const videoId = target.getAttribute('data-vimeo');\n            const customEvent = new CustomEvent('play-video', {\n                detail: { 'Video Type': 'Vimeo', ID: videoId },\n            });\n            target.dispatchEvent(customEvent);\n            window.dataLayer.push(customEvent.detail);\n            if (!embed.querySelector('iframe'))\n                embed.innerHTML = `<iframe src=\"https://player.vimeo.com/video/${videoId}?autoplay=1\" width=\"100%\" height=\"100%\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\n            dialog.showModal();\n            dialog.addEventListener('close', () => {\n                embed.innerHTML = ``; // Remove the video since we cant pause it\n                const customEvent = new CustomEvent('close-video', {\n                    detail: { 'Video Type': 'Vimeo', ID: target.getAttribute('data-vimeo') },\n                });\n                target.dispatchEvent(customEvent);\n                window.dataLayer.push(customEvent.detail);\n            });\n        }\n    }));\n});\nexport const videoHTML = `<div class=\"video-wrapper\">\n  <slot name=\"video\"></slot>\n  <picture>\n    <img src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7\" alt=\"\" lazy=\"\" />\n  </picture>\n  <button class=\"btn btn-compact fa-play m-0 colour-success\">Play</button>\n</div>`;\nexport const loadYouTubeScripts = () => __awaiter(void 0, void 0, void 0, function* () {\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            const tag = document.createElement('script');\n            tag.src = 'https://www.youtube.com/iframe_api';\n            const firstScriptTag = document.getElementsByTagName('script')[0];\n            firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);\n            document.body.classList.add('youtubeLoaded');\n            resolve(true);\n        };\n        image.onerror = function () {\n            reject(false);\n        };\n        image.src = 'https://youtube.com/favicon.ico';\n    });\n});\nexport const createYoutTubeVideo = (target, video_id) => __awaiter(void 0, void 0, void 0, function* () {\n    if (typeof window.player == 'undefined') {\n        window.player = [];\n    }\n    //const link_id = target.getAttribute('id');\n    if (typeof window.player[video_id] != 'undefined' && typeof window.player[video_id].pauseVideo == 'function') {\n        window.player[video_id].playVideo();\n        return false;\n    }\n    console.log('hi2');\n    // This function creates an <iframe> (and YouTube player) after the API code downloads.\n    //function onYouTubeIframeAPIReady() {\n    window.player[video_id] = new YT.Player(video_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    let done = false;\n    function onPlayerStateChange(event) {\n        if (event.data == YT.PlayerState.PLAYING && !done) {\n            const link = document.getElementById(video_id);\n            link.classList.add('player-ready');\n            done = true;\n        }\n    }\n});\nexport const openYoutubeVideo = (component) => __awaiter(void 0, void 0, void 0, function* () {\n    const embed = component.shadowRoot.querySelector('.embed');\n    const youtubeId = component.getAttribute('data-youtube');\n    let loaded;\n    if (!document.body.classList.contains('youtubeLoaded')) {\n        // eslint-disable-next-line @typescript-eslint/no-unused-vars\n        loaded = yield loadYouTubeScripts();\n    }\n    const customEvent = new CustomEvent('play-video', {\n        detail: { 'Video Type': 'YoutTube', ID: youtubeId },\n    });\n    component.dispatchEvent(customEvent);\n    const interval = setInterval(() => {\n        if (typeof YT != \"undefined\") {\n            clearInterval(interval);\n            createYoutTubeVideo(embed, youtubeId);\n        }\n    }, 200);\n    // Limit the number of calls\n    setTimeout(function () {\n        clearInterval(interval);\n    }, 2000);\n});\nexport const openVimeoVideo = (component) => __awaiter(void 0, void 0, void 0, function* () {\n    const embed = component.querySelector('.embed');\n    const vimeoId = component.getAttribute('data-vimeo');\n    const customEvent = new CustomEvent('play-video', {\n        detail: { 'Video Type': 'Vimeo', ID: vimeoId },\n    });\n    component.dispatchEvent(customEvent);\n    window.dataLayer.push(customEvent.detail);\n    if (!embed.querySelector('iframe'))\n        embed.innerHTML = `<iframe src=\"https://player.vimeo.com/video/${vimeoId}?autoplay=1\" width=\"100%\" height=\"100%\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\n});\nexport default videoSupport;\n","var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n    return new (P || (P = Promise))(function (resolve, reject) {\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\n    });\n};\nimport { trackComponentRegistered } from '../_global';\nimport { videoHTML, openYoutubeVideo, openVimeoVideo } from '../../modules/videos';\ntrackComponentRegistered('iam-video-modal');\nclass iamVideo extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location')\n            ? document.body.getAttribute('data-assets-location')\n            : '/assets';\n        const loadCSS = `@import \"${assetLocation}/css/components/video.component.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = /*HTML*/ `\n    <style>\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    \n    ${loadCSS}\n    </style>\n\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/8bd0fca975.css\" crossorigin=\"anonymous\" />\n    ${videoHTML}\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            var _a, _b;\n            const id = this.getAttribute('id');\n            const button = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button');\n            const videoWrapper = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.video-wrapper');\n            const img = this.shadowRoot.querySelector('img');\n            this.innerHTML = `<div class=\"embed\" slot=\"video\"></div>`;\n            const embed = this.querySelector('.embed');\n            videoWrapper.tabIndex = 6;\n            button === null || button === void 0 ? void 0 : button.tabIndex = -1;\n            if (this.hasAttribute('data-youtube')) {\n                const youtubeId = this.getAttribute('data-youtube');\n                img.setAttribute('src', `http://img.youtube.com/vi/${youtubeId}/hqdefault.jpg`);\n                videoWrapper.addEventListener('click', (e) => __awaiter(this, void 0, void 0, function* () {\n                    embed === null || embed === void 0 ? void 0 : embed.setAttribute('id', youtubeId);\n                    openYoutubeVideo(this);\n                    button === null || button === void 0 ? void 0 : button.remove();\n                    img === null || img === void 0 ? void 0 : img.remove();\n                }));\n            }\n            else if (this.hasAttribute('data-vimeo')) {\n                const vimeoId = this.getAttribute('data-vimeo');\n                img.setAttribute('src', `https://vumbnail.com/${vimeoId}.jpg`);\n                videoWrapper.addEventListener('click', (e) => __awaiter(this, void 0, void 0, function* () {\n                    openVimeoVideo(this);\n                    button === null || button === void 0 ? void 0 : button.remove();\n                    img === null || img === void 0 ? void 0 : img.remove();\n                }));\n            }\n        });\n    }\n}\nexport default iamVideo;\n"],"names":["trackComponentRegistered","componentName","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","videoHTML","loadYouTubeScripts","image","tag","firstScriptTag","createYoutTubeVideo","target","video_id","onPlayerReady","onPlayerStateChange","event","done","openYoutubeVideo","component","embed","youtubeId","customEvent","interval","openVimeoVideo","vimeoId","iamVideo","template","_a","_b","button","videoWrapper","img"],"mappings":"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"}

package/assets/js/components/video-card/video-card.component.js

@@ -21,18 +21,18 @@ class iamVideoCard extends HTMLElement {
             : '/assets';
         const loadCSS = `@import "${assetLocation}/css/components/video-card.component.css";`;
         const template = document.createElement('template');
-        template.innerHTML = `
-    <style>
-    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
-    
-    ${loadCSS}
-    </style>
-    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous" />
-    ${cardHTML}
-    <dialog>
-      ${closeButtonHtml}
-      ${videoHTML}
-    </dialog>
+        template.innerHTML = `
+    <style>
+    ${this.hasAttribute('css') ? `@import "${this.getAttribute('css')}";` : ``}
+    
+    ${loadCSS}
+    </style>
+    <link rel="stylesheet" href="https://kit.fontawesome.com/8bd0fca975.css" crossorigin="anonymous" />
+    ${cardHTML}
+    <dialog>
+      ${closeButtonHtml}
+      ${videoHTML}
+    </dialog>
     `;
         this.shadowRoot.appendChild(template.content.cloneNode(true));
     }

package/assets/js/components/video-card/video-card.component.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.7.1--beta6
+  * iamKey v7.7.1--beta8
   * Copyright 2022-2026 iamproperty
   */const b=t=>{window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:t})},g=(t,e,r)=>(window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementAdded",element:e}),r.forEach(o=>{t.addEventListener(o,function(a){const i={event:o,element:e,target:a.target};Object.keys(a.detail).forEach(n=>{const c=a.detail[n];i[n]=c}),window.dataLayer.push(i)})}),!0),h=`<div class="card__head" part="head">
   <slot name="head"></slot>