@iamproperty/components 5.1.0-beta → 5.1.0-beta10

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

@@ -1 +1 @@
-{"version":3,"file":"nav.component.min.js","sources":["nav.component.js"],"sourcesContent":["// @ts-nocheck\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    \"event\": \"customElementRegistered\",\n    \"element\": \"nav\"\n});\nclass iamNav extends HTMLElement {\n    constructor() {\n        super();\n        const shadowRoot = this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';\n        const coreCSS = document.body.hasAttribute('data-core-css') ? document.body.getAttribute('data-core-css') : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/nav.css\";`;\n        const loadExtraCSS = `@import \"${assetLocation}/css/components/nav.global.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style class=\"styles\">\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"container\">\n      <slot name=\"logo\"></slot>\n      <div class=\"buttons-holder\"></div>\n      <button class=\"btn-menu\">Menu<i class=\"fa-regular fa-bars\"></i><i class=\"fa-regular fa-xmark-large\"></i></button>\n\n      <div class=\"menu__outer\">\n        <div class=\"menu closed\">\n            \n          <div class=\"menu__primary\">\n            <slot></slot>\n            <slot name=\"dual\"></slot>\n          </div>\n          <div class=\"dialog__wrapper d-none\" id=\"search-wrapper\"></div>\n          <slot name=\"actions\"></slot>\n          <div class=\"menu__secondary\">\n            <div class=\"container\">\n            <slot name=\"secondary\"></slot>\n            </div>\n          </div>\n        </div>\n        <slot name=\"menus\"></slot>\n      </div>      \n    </div>\n    <div class=\"lists\"></div>\n    <div class=\"backdrop\" part=\"backdrop\"></div>\n    `;\n        shadowRoot.appendChild(template.content.cloneNode(true));\n        // insert extra CSS\n        if (!document.getElementById('navGlobal'))\n            document.head.insertAdjacentHTML('beforeend', `<style id=\"navGlobal\">${loadExtraCSS}</style>`);\n    }\n    connectedCallback() {\n        // Load external CSS if needed\n        if (this.hasAttribute('data-css'))\n            this.shadowRoot.querySelector('.styles').insertAdjacentHTML('beforeend', `@import \"${this.getAttribute('data-css')}\";`);\n        const menuButton = this.shadowRoot.querySelector('.btn-menu');\n        const menu = this.shadowRoot.querySelector('.menu');\n        const iamNav = this;\n        const backdrop = this.shadowRoot.querySelector('.backdrop');\n        const buttonsHolder = this.shadowRoot.querySelector('.buttons-holder');\n        // Check the content \n        this.querySelectorAll(':scope > *').forEach(function (element) {\n            let tagname = element.tagName;\n            switch (tagname) {\n                case \"BUTTON\":\n                    element.setAttribute('slot', 'actions');\n                    menu.classList.add('has-actions');\n                    break;\n            }\n            // Create menu button\n            if (element.classList.contains('nav--menu') && element.hasAttribute('data-title') && element.hasAttribute('data-icon')) {\n                const title = element.getAttribute('data-title');\n                const iconClass = element.getAttribute('data-icon');\n                // Create the menu button that sits seperately to the menu\n                const button = document.createElement('button');\n                button.setAttribute('slot', title);\n                button.classList.add('btn-menu');\n                button.innerHTML = `<span class=\"btn btn-primary\"><span>${title}</span><i class=\"${iconClass}\"></i><i class=\"fa-regular fa-xmark-large\"></i></span>`;\n                buttonsHolder.insertAdjacentElement('beforeend', button);\n                const mdButton = button.querySelector('.btn-primary');\n                // Make sure the menu is added to the right part of the component\n                element.setAttribute('slot', 'menus');\n                // If open we need to make sure the main mobile menu is closed, the new button has the right state and the backdrop is shown\n                if (element.classList.contains('open')) {\n                    button.setAttribute('aria-expanded', true);\n                    mdButton.classList.toggle('active');\n                    iamNav.classList.add('open');\n                    backdrop.classList.add('show');\n                }\n                else {\n                    element.classList.add('closed'); // closed class is added to prevent the elements being tabbed into, this causes visual issues\n                }\n                // Click event\n                button.addEventListener('click', function (e) {\n                    e.preventDefault();\n                    button.toggleAttribute('aria-expanded');\n                    element.classList.toggle('open');\n                    mdButton.classList.toggle('active');\n                    // Close desktop menus\n                    let openMenu = iamNav.querySelector(':scope > details[open]');\n                    if (openMenu)\n                        openMenu.removeAttribute('open');\n                    // Close the main menu and fix states on the button, iamNav component and backdrop\n                    if (element.classList.contains('open')) {\n                        menu.classList.remove('open');\n                        menuButton.removeAttribute('aria-expanded');\n                        setTimeout(function () { menu.classList.add('closed'); }, 1000); // Delay until its close so the animation is broken\n                        iamNav.classList.add('open');\n                        backdrop.classList.add('show');\n                        element.classList.remove('closed');\n                    }\n                    else {\n                        iamNav.classList.remove('open');\n                        backdrop.classList.remove('show');\n                        setTimeout(function () { element.classList.add('closed'); }, 1000);\n                    }\n                    // Close any open menus\n                    iamNav.querySelectorAll('.nav--menu.open').forEach(function (openmenu) {\n                        if (openmenu != element) {\n                            openmenu.classList.remove('open');\n                        }\n                    });\n                    iamNav.shadowRoot.querySelectorAll('.buttons-holder .btn-menu[aria-expanded]').forEach(function (selectedButton) {\n                        if (selectedButton != button) {\n                            selectedButton.removeAttribute('aria-expanded');\n                            let innerBtn = selectedButton.querySelector('.btn-primary');\n                            innerBtn.classList.remove('active');\n                        }\n                    });\n                }, false);\n            }\n        });\n        // Has secondary link\n        if (this.querySelector('a[slot=\"secondary\"]')) {\n            menu.classList.add('has-secondary');\n        }\n        // Create a scroll width variable to help with the sizing of the menu with in the CSS\n        document.documentElement.style.setProperty('--scrollbar-width', (window.innerWidth - document.documentElement.offsetWidth) + 'px');\n        // Open and close the menu\n        menuButton.addEventListener('click', function (e) {\n            e.preventDefault();\n            menuButton.toggleAttribute('aria-expanded');\n            menu.classList.toggle('open');\n            // Close any other menus\n            iamNav.querySelectorAll('.nav--menu.open').forEach(function (element) {\n                element.classList.remove('open');\n                setTimeout(function () { element.classList.add('closed'); }, 1000);\n            });\n            iamNav.shadowRoot.querySelectorAll('.buttons-holder .btn-menu[aria-expanded]').forEach(function (element) {\n                element.removeAttribute('aria-expanded');\n                let innerBtn = element.querySelector('.btn-primary');\n                innerBtn.classList.remove('active');\n            });\n            if (menu.classList.contains('open')) {\n                iamNav.classList.add('open');\n                menu.classList.remove('closed');\n            }\n            else {\n                iamNav.classList.remove('open');\n                setTimeout(function () { menu.classList.add('closed'); }, 1000);\n            }\n        }, false);\n        // Allow outside JS to close the menu\n        this.addEventListener(\"request-close\", (event) => {\n            menuButton.removeAttribute('aria-expanded');\n            menu.classList.remove('open');\n            iamNav.classList.remove('open');\n        });\n        // Close the menu on the click of the backdrop on desktop\n        backdrop.addEventListener(\"click\", (event) => {\n            let openMenu = this.querySelector('details[open] summary');\n            if (openMenu)\n                openMenu.click();\n            iamNav.querySelectorAll('.nav--menu.open').forEach(function (element) {\n                element.classList.remove('open');\n            });\n            iamNav.shadowRoot.querySelectorAll('.buttons-holder .btn-menu[aria-expanded]').forEach(function (element) {\n                element.removeAttribute('aria-expanded');\n                let innerBtn = element.querySelector('.btn-primary');\n                innerBtn.classList.remove('active');\n            });\n            backdrop.classList.remove('show');\n        });\n        // On desktop close other menu's (details) when one is clicked\n        this.addEventListener(\"click\", (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('summary')) {\n                if (window.innerWidth > 992) {\n                    let summary = event.target.closest('summary');\n                    let details = summary.closest('details');\n                    let wrapper = details.parentNode;\n                    if (details.hasAttribute('open'))\n                        details.removeAttribute('open');\n                    else\n                        details.setAttribute('open', 'true');\n                    // Close any bespoke menus\n                    iamNav.querySelectorAll('.nav--menu.open').forEach(function (element) {\n                        element.classList.remove('open');\n                        setTimeout(function () { menu.classList.add('closed'); }, 1000);\n                    });\n                    iamNav.shadowRoot.querySelectorAll('.buttons-holder .btn-menu[aria-expanded]').forEach(function (element) {\n                        element.removeAttribute('aria-expanded');\n                        let innerBtn = element.querySelector('.btn-primary');\n                        innerBtn.classList.remove('active');\n                    });\n                    // Close any other dropdowns on the same level\n                    Array.from(wrapper.querySelectorAll(':scope > details')).forEach((detailsArrayElement, index) => {\n                        if (detailsArrayElement != details)\n                            detailsArrayElement.removeAttribute('open');\n                    });\n                    if (this.querySelectorAll(':scope > details[open]').length) {\n                        backdrop.classList.add('show');\n                        iamNav.classList.add('open');\n                    }\n                    else {\n                        backdrop.classList.remove('show');\n                        iamNav.classList.remove('open');\n                    }\n                    event.preventDefault();\n                }\n            }\n            ;\n        });\n        // Mega menu title\n        this.querySelectorAll('details').forEach((detailsElement) => {\n            let summary = detailsElement.querySelector('summary');\n            let containerDiv = detailsElement.querySelector(':Scope > div');\n            containerDiv.setAttribute('data-title', summary.textContent);\n        });\n        // Search \n        if (this.hasAttribute('data-search')) {\n            menu.classList.add('has-search');\n            let searchWrapper = this.shadowRoot.querySelector('#search-wrapper');\n            searchWrapper.classList.remove('d-none');\n            searchWrapper.insertAdjacentHTML('afterbegin', `<button class=\"btn btn-secondary btn-compact fa-search me-0 mb-0\" id=\"search-button\" aria-controls=\"search-dialog\">Open Search field</button>\n      <dialog id=\"search-dialog\">\n      <div class=\"container\">\n        <form action=\"${this.hasAttribute('data-search') ? this.getAttribute('data-search') : ''}\" class=\"row\" id=\"search-form\">\n          <div class=\"col mb-0 ms-auto col-md-7\">\n            <label for=\"search\" class=\"visually-hidden\">Search</label>\n            <button class=\"suffix me-0 mb-0\"><i class=\"fa-regular fa-search\"></i></button>\n            <input type=\"search\" class=\"\" id=\"search\" name=\"search\" required=\"\" autocomplete=\"off\" data-list=\"${this.hasAttribute('data-list') ? this.getAttribute('data-list') : ''}\" />\n          </div>\n          <div class=\"col d-none d-md-block mw-fit-content ms-3\">\n            <button class=\"btn btn-compact btn-secondary fa-xmark-large m-0 mb-0\" type=\"button\" id=\"search-close\">Close search field</button>\n          </div>\n        </form>\n      </div>\n      </dialog>`);\n            let searchButton = this.shadowRoot.querySelector('#search-button');\n            let searchClose = this.shadowRoot.querySelector('#search-close');\n            let searchDialog = this.shadowRoot.querySelector('#search-dialog');\n            let searchInput = this.shadowRoot.querySelector('#search');\n            let searchForm = this.shadowRoot.querySelector('#search-form');\n            if (this.hasAttribute('data-search-open')) {\n                searchDialog.setAttribute('open', 'open');\n                this.classList.add('search-open');\n                searchButton.setAttribute('aria-expanded', true);\n            }\n            searchButton.addEventListener(\"click\", (event) => {\n                searchDialog.setAttribute('open', 'open');\n                this.classList.add('search-open');\n                searchButton.setAttribute('aria-expanded', true);\n            });\n            searchClose.addEventListener(\"click\", (event) => {\n                searchDialog.removeAttribute('open');\n                this.classList.remove('search-open');\n                searchButton.removeAttribute('aria-expanded');\n            });\n            // Search events\n            searchInput.addEventListener('keydown', (event) => {\n                const keyupEvent = new CustomEvent(\"search-keydown\", { detail: { search: searchInput.value } });\n                this.dispatchEvent(keyupEvent);\n            });\n            searchInput.addEventListener('keyup', (event) => {\n                if (searchInput.value.length >= 3 && searchInput.hasAttribute('data-list'))\n                    searchInput.setAttribute(\"list\", searchInput.getAttribute('data-list'));\n                else\n                    searchInput.removeAttribute(\"list\");\n                const keyupEvent = new CustomEvent(\"search-keyup\", { detail: { search: searchInput.value } });\n                this.dispatchEvent(keyupEvent);\n            });\n            searchInput.addEventListener('change', (event) => {\n                const changeEvent = new CustomEvent(\"search-change\", { detail: { search: searchInput.value } });\n                this.dispatchEvent(changeEvent);\n            });\n            searchForm.addEventListener('submit', (event) => {\n                if (this.hasAttribute('data-prevent-search'))\n                    event.preventDefault();\n                const submitEvent = new CustomEvent(\"search-submit\", { detail: { search: searchInput.value } });\n                this.dispatchEvent(submitEvent);\n            });\n            // Make sure any child lists are available to the search input\n            this.querySelectorAll('datalist').forEach((list) => {\n                iamNav.shadowRoot.querySelector('.lists').insertAdjacentElement('beforeend', list);\n            });\n        }\n    }\n}\nexport default iamNav;\n"],"names":["iamNav","shadowRoot","assetLocation","coreCSS","template","menuButton","menu","backdrop","buttonsHolder","element","title","iconClass","button","mdButton","e","openMenu","openmenu","selectedButton","event","details","wrapper","detailsArrayElement","index","detailsElement","summary","searchWrapper","searchButton","searchClose","searchDialog","searchInput","searchForm","keyupEvent","changeEvent","submitEvent","list"],"mappings":"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"}
+{"version":3,"file":"nav.component.min.js","sources":["nav.component.js"],"sourcesContent":["// @ts-nocheck\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    \"event\": \"customElementRegistered\",\n    \"element\": \"nav\"\n});\nclass iamNav extends HTMLElement {\n    constructor() {\n        super();\n        const shadowRoot = this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';\n        const coreCSS = document.body.hasAttribute('data-core-css') ? document.body.getAttribute('data-core-css') : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/nav.css\";`;\n        const loadExtraCSS = `@import \"${assetLocation}/css/components/nav.global.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style class=\"styles\">\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"container\">\n      <slot name=\"logo\"></slot>\n      <div class=\"buttons-holder\"></div>\n      <button class=\"btn-menu\">Menu<i class=\"fa-regular fa-bars\"></i><i class=\"fa-regular fa-xmark-large\"></i></button>\n\n      <div class=\"menu__outer\">\n        <div class=\"menu closed\">\n            \n          <div class=\"menu__primary\">\n            <slot></slot>\n            <slot name=\"dual\"></slot>\n          </div>\n          <div class=\"dialog__wrapper d-none\" id=\"search-wrapper\"></div>\n          <slot name=\"actions\"></slot>\n          <div class=\"menu__secondary\">\n            <div class=\"container\">\n            <slot name=\"secondary\"></slot>\n            </div>\n          </div>\n        </div>\n        <slot name=\"menus\"></slot>\n      </div>      \n    </div>\n    <div class=\"backdrop\" part=\"backdrop\"></div>\n    `;\n        shadowRoot.appendChild(template.content.cloneNode(true));\n        // insert extra CSS\n        if (!document.getElementById('navGlobal'))\n            document.head.insertAdjacentHTML('beforeend', `<style id=\"navGlobal\">${loadExtraCSS}</style>`);\n    }\n    connectedCallback() {\n        // Load external CSS if needed\n        if (this.hasAttribute('data-css'))\n            this.shadowRoot.querySelector('.styles').insertAdjacentHTML('beforeend', `@import \"${this.getAttribute('data-css')}\";`);\n        const menuButton = this.shadowRoot.querySelector('.btn-menu');\n        const menu = this.shadowRoot.querySelector('.menu');\n        const iamNav = this;\n        const backdrop = this.shadowRoot.querySelector('.backdrop');\n        const buttonsHolder = this.shadowRoot.querySelector('.buttons-holder');\n        // Check the content \n        this.querySelectorAll(':scope > *').forEach(function (element) {\n            let tagname = element.tagName;\n            switch (tagname) {\n                case \"BUTTON\":\n                    element.setAttribute('slot', 'actions');\n                    menu.classList.add('has-actions');\n                    break;\n            }\n            // Create menu button\n            if (element.classList.contains('nav--menu') && element.hasAttribute('data-title') && element.hasAttribute('data-icon')) {\n                const title = element.getAttribute('data-title');\n                const iconClass = element.getAttribute('data-icon');\n                // Create the menu button that sits seperately to the menu\n                const button = document.createElement('button');\n                button.setAttribute('slot', title);\n                button.classList.add('btn-menu');\n                button.innerHTML = `<span class=\"btn btn-primary\"><span>${title}</span><i class=\"${iconClass}\"></i><i class=\"fa-regular fa-xmark-large\"></i></span>`;\n                buttonsHolder.insertAdjacentElement('beforeend', button);\n                const mdButton = button.querySelector('.btn-primary');\n                // Make sure the menu is added to the right part of the component\n                element.setAttribute('slot', 'menus');\n                // If open we need to make sure the main mobile menu is closed, the new button has the right state and the backdrop is shown\n                if (element.classList.contains('open')) {\n                    button.setAttribute('aria-expanded', true);\n                    mdButton.classList.toggle('active');\n                    iamNav.classList.add('open');\n                    backdrop.classList.add('show');\n                }\n                else {\n                    element.classList.add('closed'); // closed class is added to prevent the elements being tabbed into, this causes visual issues\n                }\n                // Click event\n                button.addEventListener('click', function (e) {\n                    e.preventDefault();\n                    button.toggleAttribute('aria-expanded');\n                    element.classList.toggle('open');\n                    mdButton.classList.toggle('active');\n                    // Close desktop menus\n                    let openMenu = iamNav.querySelector(':scope > details[open]');\n                    if (openMenu)\n                        openMenu.removeAttribute('open');\n                    // Close the main menu and fix states on the button, iamNav component and backdrop\n                    if (element.classList.contains('open')) {\n                        menu.classList.remove('open');\n                        menuButton.removeAttribute('aria-expanded');\n                        setTimeout(function () { menu.classList.add('closed'); }, 1000); // Delay until its close so the animation is broken\n                        iamNav.classList.add('open');\n                        backdrop.classList.add('show');\n                        element.classList.remove('closed');\n                    }\n                    else {\n                        iamNav.classList.remove('open');\n                        backdrop.classList.remove('show');\n                        setTimeout(function () { element.classList.add('closed'); }, 1000);\n                    }\n                    // Close any open menus\n                    iamNav.querySelectorAll('.nav--menu.open').forEach(function (openmenu) {\n                        if (openmenu != element) {\n                            openmenu.classList.remove('open');\n                        }\n                    });\n                    iamNav.shadowRoot.querySelectorAll('.buttons-holder .btn-menu[aria-expanded]').forEach(function (selectedButton) {\n                        if (selectedButton != button) {\n                            selectedButton.removeAttribute('aria-expanded');\n                            let innerBtn = selectedButton.querySelector('.btn-primary');\n                            innerBtn.classList.remove('active');\n                        }\n                    });\n                }, false);\n            }\n        });\n        // Has secondary link\n        if (this.querySelector('a[slot=\"secondary\"]')) {\n            menu.classList.add('has-secondary');\n        }\n        // Create a scroll width variable to help with the sizing of the menu with in the CSS\n        document.documentElement.style.setProperty('--scrollbar-width', (window.innerWidth - document.documentElement.offsetWidth) + 'px');\n        // Open and close the menu\n        menuButton.addEventListener('click', function (e) {\n            e.preventDefault();\n            menuButton.toggleAttribute('aria-expanded');\n            menu.classList.toggle('open');\n            // Close any other menus\n            iamNav.querySelectorAll('.nav--menu.open').forEach(function (element) {\n                element.classList.remove('open');\n                setTimeout(function () { element.classList.add('closed'); }, 1000);\n            });\n            iamNav.shadowRoot.querySelectorAll('.buttons-holder .btn-menu[aria-expanded]').forEach(function (element) {\n                element.removeAttribute('aria-expanded');\n                let innerBtn = element.querySelector('.btn-primary');\n                innerBtn.classList.remove('active');\n            });\n            if (menu.classList.contains('open')) {\n                iamNav.classList.add('open');\n                menu.classList.remove('closed');\n            }\n            else {\n                iamNav.classList.remove('open');\n                setTimeout(function () { menu.classList.add('closed'); }, 1000);\n            }\n        }, false);\n        // Allow outside JS to close the menu\n        this.addEventListener(\"request-close\", (event) => {\n            menuButton.removeAttribute('aria-expanded');\n            menu.classList.remove('open');\n            iamNav.classList.remove('open');\n        });\n        // Close the menu on the click of the backdrop on desktop\n        backdrop.addEventListener(\"click\", (event) => {\n            let openMenu = this.querySelector('details[open] summary');\n            if (openMenu)\n                openMenu.click();\n            iamNav.querySelectorAll('.nav--menu.open').forEach(function (element) {\n                element.classList.remove('open');\n            });\n            iamNav.shadowRoot.querySelectorAll('.buttons-holder .btn-menu[aria-expanded]').forEach(function (element) {\n                element.removeAttribute('aria-expanded');\n                let innerBtn = element.querySelector('.btn-primary');\n                innerBtn.classList.remove('active');\n            });\n            backdrop.classList.remove('show');\n        });\n        // On desktop close other menu's (details) when one is clicked\n        this.addEventListener(\"click\", (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('summary')) {\n                if (window.innerWidth > 992) {\n                    let summary = event.target.closest('summary');\n                    let details = summary.closest('details');\n                    let wrapper = details.parentNode;\n                    if (details.hasAttribute('open'))\n                        details.removeAttribute('open');\n                    else\n                        details.setAttribute('open', 'true');\n                    // Close any bespoke menus\n                    iamNav.querySelectorAll('.nav--menu.open').forEach(function (element) {\n                        element.classList.remove('open');\n                        setTimeout(function () { menu.classList.add('closed'); }, 1000);\n                    });\n                    iamNav.shadowRoot.querySelectorAll('.buttons-holder .btn-menu[aria-expanded]').forEach(function (element) {\n                        element.removeAttribute('aria-expanded');\n                        let innerBtn = element.querySelector('.btn-primary');\n                        innerBtn.classList.remove('active');\n                    });\n                    // Close any other dropdowns on the same level\n                    Array.from(wrapper.querySelectorAll(':scope > details')).forEach((detailsArrayElement, index) => {\n                        if (detailsArrayElement != details)\n                            detailsArrayElement.removeAttribute('open');\n                    });\n                    if (this.querySelectorAll(':scope > details[open]').length) {\n                        backdrop.classList.add('show');\n                        iamNav.classList.add('open');\n                    }\n                    else {\n                        backdrop.classList.remove('show');\n                        iamNav.classList.remove('open');\n                    }\n                    event.preventDefault();\n                }\n            }\n            ;\n        });\n        // Mega menu title\n        this.querySelectorAll('details').forEach((detailsElement) => {\n            let summary = detailsElement.querySelector('summary');\n            let containerDiv = detailsElement.querySelector(':Scope > div');\n            containerDiv.setAttribute('data-title', summary.textContent);\n        });\n        // Search \n        if (this.querySelector('[slot=\"search\"]')) {\n            menu.classList.add('has-search');\n            let searchWrapper = this.shadowRoot.querySelector('#search-wrapper');\n            searchWrapper.classList.remove('d-none');\n            searchWrapper.insertAdjacentHTML('afterbegin', `<button class=\"btn btn-secondary btn-compact fa-search me-0 mb-0\" id=\"search-button\" aria-controls=\"search-dialog\">Open Search field</button>\n      <dialog id=\"search-dialog\">\n      <div class=\"container\">\n        <div class=\"row\">\n          <div class=\"col mb-0 ms-auto col-md-7\">\n            <slot name=\"search\"></slot>\n          </div>\n          <div class=\"col d-none d-md-block mw-fit-content ms-3\">\n            <button class=\"btn btn-compact btn-secondary fa-xmark-large m-0 mb-0\" type=\"button\" id=\"search-close\">Close search field</button>\n          </div>\n        </div>\n      </div>\n      </dialog>`);\n            let searchButton = this.shadowRoot.querySelector('#search-button');\n            let searchClose = this.shadowRoot.querySelector('#search-close');\n            let searchDialog = this.shadowRoot.querySelector('#search-dialog');\n            if (this.hasAttribute('data-search-open')) {\n                searchDialog.setAttribute('open', 'open');\n                this.classList.add('search-open');\n                searchButton.setAttribute('aria-expanded', true);\n            }\n            searchButton.addEventListener(\"click\", (event) => {\n                searchDialog.setAttribute('open', 'open');\n                this.classList.add('search-open');\n                searchButton.setAttribute('aria-expanded', true);\n            });\n            searchClose.addEventListener(\"click\", (event) => {\n                searchDialog.removeAttribute('open');\n                this.classList.remove('search-open');\n                searchButton.removeAttribute('aria-expanded');\n            });\n        }\n    }\n}\nexport default iamNav;\n"],"names":["iamNav","shadowRoot","assetLocation","coreCSS","template","menuButton","menu","backdrop","buttonsHolder","element","title","iconClass","button","mdButton","e","openMenu","openmenu","selectedButton","event","details","wrapper","detailsArrayElement","index","detailsElement","summary","searchWrapper","searchButton","searchClose","searchDialog"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v5.1.0-beta
+  * iamKey v5.1.0-beta10
   * Copyright 2022-2023 iamproperty
   */function r(i){if(i.hasAttribute("data-type")&&i.getAttribute("data-type")=="toast"){let t=document.querySelector(".notification__holder");t||(t=document.createElement("div"),t.classList.add("notification__holder"),t.classList.add("container"),document.querySelector("body").appendChild(t)),i.closest(".notification__holder")||t.appendChild(i)}if(i.setAttribute("role","alert"),i.addEventListener("click",function(t){event&&event.target instanceof HTMLElement&&event.target.closest("[data-dismiss-button]")&&(t.preventDefault(),a(i))},!1),i.hasAttribute("data-timeout")){let t=i.getAttribute("data-timeout");var n=new c(function(){a(i)},t);i.addEventListener("mouseenter",o=>{n.pause()}),i.addEventListener("mouseleave",o=>{n.resume()})}}function c(i,n){var t,o,e=n;this.pause=function(){window.clearTimeout(t),e-=new Date-o},this.resume=function(){o=new Date,window.clearTimeout(t),t=window.setTimeout(i,e)},this.resume()}const a=function(i){i.classList.add("d-none")};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Notification"});class d extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const n=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${n}/css/core.min.css`,o=this.querySelectorAll("a,button");Array.from(o).forEach((s,l)=>{s.setAttribute("slot","btns"),s.classList.add("link")}),(o.length||this.hasAttribute("data-dismiss"))&&this.classList.add("notification--dismissable");const e=document.createElement("template");e.innerHTML=`
     <style>

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

@@ -1,10 +1,10 @@
 /*!
-  * iamKey v5.1.0-beta
+  * iamKey v5.1.0-beta10
   * Copyright 2022-2023 iamproperty
   */class v extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const i=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",t=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${i}/css/core.min.css`,e=document.createElement("template");e.innerHTML=`
     <style>
     @import "${t}";
-    :host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:3.25rem;line-height:3.25rem;margin-left:-1rem;padding-left:1rem;font-weight:bold}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"\uF054";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-light)}*:where(.prev,.next):is(:active):not(:disabled){background-color:#e0e0e0}@media screen and (prefers-color-scheme: dark){*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-canvas)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--colour-canvas)}}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"\uF053";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
+    :host{container-type:inline-size;display:block}.pagination{display:block}@container (width > 23.4375em){.pagination{display:flex;align-items:center;justify-content:space-between !important;padding-top:2rem}}.pagination>div{display:flex;align-items:center}.pagination div:is(.page-jump,.per-page){border:1px solid var(--colour-light);height:3.25rem;display:none;align-items:center;padding-inline:1rem}.pagination div:is(.page-jump,.per-page) .select--minimal{height:3.25rem;line-height:3.25rem;margin-left:-1rem;padding-left:1rem;font-weight:bold}.pagination div:is(.page-jump,.per-page) div:has(>select){margin-bottom:0}.page-jump{border-right:none !important}.total-pages{white-space:nowrap}:host([data-page-jump][data-minimal]) .page-jump{display:flex !important}@container (width > 23.4375em){:host([data-page-jump]) .page-jump{display:flex !important}}@container (width > 23.4375em){:host([data-per-page]:not([data-page-jump][data-item-count])) .per-page{display:flex !important}}@container (width > 48em){:host([data-per-page][data-page-jump][data-item-count]) .per-page{display:flex !important}}.pagination>.item-count{display:block;text-align:center;margin-bottom:1rem;margin-inline:auto}@container (width > 23.4375em){.pagination>.item-count{display:none}:host([data-item-count]) .pagination>.item-count{display:flex !important;margin:0}}*:where(.prev,.next){border:1px solid var(--colour-light);line-height:3.25rem;height:3.25rem;margin:0;display:none;background:none;padding-inline:1rem}@container (width > 23.4375em){*:where(.prev,.next){display:inline-block}}*:where(.prev,.next):after{margin-left:.5em;font-size:.8rem;content:"\uF054";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-light)}*:where(.prev,.next):is(:active):not(:disabled){background-color:#e0e0e0}@media screen and (prefers-color-scheme: dark){*:where(.prev,.next):is(:hover,:focus):not(:disabled){background-color:var(--colour-canvas)}*:where(.prev,.next):is(:active):not(:disabled){background-color:var(--colour-canvas)}}*:where(.prev,.next):disabled:after,*:where(.prev,.next):disabled:before{color:inherit !important}:host([data-minimal]) .pagination{justify-content:flex-end}@container (width > 23.4375em){:host([data-minimal]) .pagination{justify-content:space-between}}:host([data-minimal]) *:where(.prev,.next){display:inline-block !important}.prev{border-right:none}.prev:after{display:none}.prev:before{margin-right:.5em;font-size:.8rem;content:"\uF053";font-family:"Font Awesome 6 Pro";color:var(--colour-info)}.mobile-controls{display:block}:host([data-minimal]) .pagination{padding-top:1.5rem;display:flex;align-items:center;justify-content:flex-end}:host([data-minimal]) *:is(.mobile-controls,.item-count){display:none}@container (width > 23.4375em){.mobile-controls{display:none !important}:host([data-item-count]) .item-count{display:flex !important}}.fa-spin{display:none !important;font-size:3rem;color:var(--colour-info)}:host([data-loading]) .mobile-controls{padding-top:2rem}:host([data-loading]) .item-count,:host([data-loading]) .mobile-controls>*:not(.fa-spin){display:none !important}:host([data-loading]) .fa-spin{display:block !important;margin:auto}/*# sourceMappingURL=assets/css/components/pagination.css.map */
 
     
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}

package/assets/js/components/search/search.component.js

@@ -0,0 +1,148 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+// @ts-nocheck
+import Cookies from 'js-cookie';
+import { safeID, resolvePath, isTraversable } from '../../modules/helpers.js';
+// Data layer Web component created
+window.dataLayer = window.dataLayer || [];
+window.dataLayer.push({
+    "event": "customElementRegistered",
+    "element": "Search"
+});
+class iamSearch extends HTMLElement {
+    constructor() {
+        super();
+        this.attachShadow({ mode: 'open' });
+        const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';
+        const coreCSS = document.body.hasAttribute('data-core-css') ? document.body.getAttribute('data-core-css') : `${assetLocation}/css/core.min.css`;
+        const template = document.createElement('template');
+        template.innerHTML = `
+    <style>
+    @import "${coreCSS}";
+    
+    </style>
+    <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous" />
+    <slot></slot>
+    `;
+        this.shadowRoot.appendChild(template.content.cloneNode(true));
+    }
+    connectedCallback() {
+        return __awaiter(this, void 0, void 0, function* () {
+            const searchWrapper = this;
+            const inputField = this.querySelector('input');
+            const valueSchema = this.hasAttribute('data-value-schema') ? this.getAttribute('data-value-schema') : 'value';
+            const displaySchema = this.hasAttribute('data-display-schema') ? this.getAttribute('data-display-schema') : 'label';
+            const loopSchema = this.hasAttribute('data-schema') ? this.getAttribute('data-schema') : '';
+            let datalist = this.querySelector('datalist');
+            let searched = [];
+            // Clone original input field, re-name and use for display purposes
+            const displayInputField = inputField.cloneNode();
+            displayInputField.setAttribute('name', `${inputField.getAttribute('name')}Alt`);
+            inputField.removeAttribute('data-change-events');
+            displayInputField.removeAttribute('id');
+            inputField.after(displayInputField);
+            // Hide original input field
+            inputField.setAttribute('type', 'hidden');
+            // if data list does not exist then create one and append
+            if (!datalist) {
+                datalist = document.createElement("datalist");
+                let listID = safeID('list');
+                datalist.setAttribute('id', listID);
+                searchWrapper.appendChild(datalist);
+                displayInputField.setAttribute('list', listID);
+            }
+            // on change update oringinal field with the actual value and use displayed input for the nice display text
+            displayInputField.addEventListener('change', (event) => {
+                let match = datalist.querySelector(`option[value="${displayInputField.value}"]`);
+                if (match) {
+                    inputField.value = match.getAttribute('data-value');
+                }
+            });
+            // Search the endpoint when 3 characters has been added
+            if (searchWrapper.hasAttribute('data-url')) {
+                displayInputField.addEventListener('keyup', (event) => {
+                    if (displayInputField.value.length == 3 && !searched.includes(displayInputField.value)) {
+                        search(displayInputField.value);
+                        searched.push(displayInputField.value);
+                    }
+                });
+                displayInputField.addEventListener('change', (event) => {
+                    if (displayInputField.value.length >= 3 && !searched.includes(displayInputField.value.substring(0, 3))) {
+                        search(displayInputField.value.substring(0, 3));
+                        searched.push(displayInputField.value.substring(0, 3));
+                    }
+                });
+            }
+            const search = (searchterm) => __awaiter(this, void 0, void 0, function* () {
+                let ajaxURL = searchWrapper.getAttribute('data-url');
+                ajaxURL += `${encodeURI(searchterm)}`;
+                // Setup controller vars if not already set
+                if (!window.controller)
+                    window.controller = [];
+                // Abort if controller already present for this url
+                if (window.controller[ajaxURL])
+                    window.controller[ajaxURL].abort();
+                // Create a new controller so it can be aborted if new fetch made
+                window.controller[ajaxURL] = new AbortController();
+                const { signal } = controller[ajaxURL];
+                try {
+                    yield fetch(ajaxURL, {
+                        signal: signal,
+                        method: 'get',
+                        credentials: 'same-origin',
+                        headers: new Headers({
+                            'Content-Type': 'application/json',
+                            Accept: 'application/json',
+                            'X-Requested-With': 'XMLHttpRequest',
+                            'X-XSRF-TOKEN': Cookies.get('XSRF-TOKEN')
+                        })
+                    })
+                        .then((response) => response.json()).then((response) => {
+                        // populate datalist
+                        let listString = '';
+                        let loopValues = resolvePath(response, loopSchema, '');
+                        if (isTraversable(loopValues) && typeof loopValues.forEach == 'function') {
+                            loopValues.forEach((item, index) => {
+                                let actualValue = resolvePath(item, valueSchema, '');
+                                let displayValue = resolvePath(item, displaySchema, '').replace('\n', ', ');
+                                if (!datalist.querySelector(`option[data-value="${actualValue}"]`))
+                                    listString += `<option value="${displayValue}" data-value='${actualValue}'></option>`;
+                            });
+                        }
+                        else if (typeof loopValues == 'object') {
+                            for (const [key, value] of Object.entries(loopValues)) {
+                                if (isTraversable(value) && typeof value.forEach == 'function') {
+                                    value.forEach((item, index) => {
+                                        let actualValue = resolvePath(item, valueSchema, '');
+                                        let displayValue = resolvePath(item, displaySchema, '').replace('\n', ', ');
+                                        if (!datalist.querySelector(`option[data-value="${actualValue}"]`))
+                                            listString += `<option value="${key}: ${displayValue}" data-value='${actualValue}'></option>`;
+                                    });
+                                }
+                            }
+                        }
+                        datalist.innerHTML += listString;
+                        return response;
+                    });
+                }
+                catch (error) {
+                    console.log(error);
+                }
+            });
+            if (searchWrapper.hasAttribute('data-prevent-submit')) {
+                const form = searchWrapper.closest('form');
+                form.addEventListener('submit', (e) => {
+                    e.preventDefault();
+                });
+            }
+        });
+    }
+}
+export default iamSearch;

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

@@ -0,0 +1,14 @@
+/*!
+  * iamKey v5.1.0-beta10
+  * Copyright 2022-2023 iamproperty
+  */import $ from"js-cookie";const C=t=>t.replace(/ /g,"_"),R=function(t){return t=t.toLowerCase(),t=C(t),t=t.replace(/\W/g,""),t},m=(t,l,n)=>l.split(/[\.\[\]\'\"]/).filter(o=>o).reduce((o,c)=>o?o[c]:n,t),g=t=>Array.isArray(t)||t!==null&&["function","object"].includes(typeof t);var S=function(t,l,n,o){function c(r){return r instanceof n?r:new n(function(s){s(r)})}return new(n||(n=Promise))(function(r,s){function u(a){try{d(o.next(a))}catch(i){s(i)}}function e(a){try{d(o.throw(a))}catch(i){s(i)}}function d(a){a.done?r(a.value):c(a.value).then(u,e)}d((o=o.apply(t,l||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Search"});class j extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const l=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",n=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${l}/css/core.min.css`,o=document.createElement("template");o.innerHTML=`
+    <style>
+    @import "${n}";
+    
+    </style>
+    <link rel="stylesheet" href="https://kit.fontawesome.com/26fdbf0179.css" crossorigin="anonymous" />
+    <slot></slot>
+    `,this.shadowRoot.appendChild(o.content.cloneNode(!0))}connectedCallback(){return S(this,void 0,void 0,function*(){const l=this,n=this.querySelector("input"),o=this.hasAttribute("data-value-schema")?this.getAttribute("data-value-schema"):"value",c=this.hasAttribute("data-display-schema")?this.getAttribute("data-display-schema"):"label",r=this.hasAttribute("data-schema")?this.getAttribute("data-schema"):"";let s=this.querySelector("datalist"),u=[];const e=n.cloneNode();if(e.setAttribute("name",`${n.getAttribute("name")}Alt`),n.removeAttribute("data-change-events"),e.removeAttribute("id"),n.after(e),n.setAttribute("type","hidden"),!s){s=document.createElement("datalist");let a=R("list");s.setAttribute("id",a),l.appendChild(s),e.setAttribute("list",a)}e.addEventListener("change",a=>{let i=s.querySelector(`option[value="${e.value}"]`);i&&(n.value=i.getAttribute("data-value"))}),l.hasAttribute("data-url")&&(e.addEventListener("keyup",a=>{e.value.length==3&&!u.includes(e.value)&&(d(e.value),u.push(e.value))}),e.addEventListener("change",a=>{e.value.length>=3&&!u.includes(e.value.substring(0,3))&&(d(e.value.substring(0,3)),u.push(e.value.substring(0,3)))}));const d=a=>S(this,void 0,void 0,function*(){let i=l.getAttribute("data-url");i+=`${encodeURI(a)}`,window.controller||(window.controller=[]),window.controller[i]&&window.controller[i].abort(),window.controller[i]=new AbortController;const{signal:E}=controller[i];try{yield fetch(i,{signal:E,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":$.get("XSRF-TOKEN")})}).then(h=>h.json()).then(h=>{let y="",p=m(h,r,"");if(g(p)&&typeof p.forEach=="function")p.forEach((v,b)=>{let f=m(v,o,""),w=m(v,c,"").replace(`
+`,", ");s.querySelector(`option[data-value="${f}"]`)||(y+=`<option value="${w}" data-value='${f}'></option>`)});else if(typeof p=="object")for(const[v,b]of Object.entries(p))g(b)&&typeof b.forEach=="function"&&b.forEach((f,w)=>{let A=m(f,o,""),L=m(f,c,"").replace(`
+`,", ");s.querySelector(`option[data-value="${A}"]`)||(y+=`<option value="${v}: ${L}" data-value='${A}'></option>`)});return s.innerHTML+=y,h})}catch(h){console.log(h)}});l.hasAttribute("data-prevent-submit")&&l.closest("form").addEventListener("submit",i=>{i.preventDefault()})})}}export{j as default};
+//# sourceMappingURL=search.component.min.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"search.component.min.js","sources":["../../modules/helpers.js","search.component.js"],"sourcesContent":["// @ts-nocheck\n/**\n * Global helper functions to help maintain and enhance framework elements.\n * @module Helpers\n */\n/**\n * Add global classes used by the CSS and later JavaScript.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addBodyClasses = (body) => {\n    body.classList.add(\"js-enabled\");\n    if (navigator.userAgent.indexOf('MSIE') !== -1 || navigator.appVersion.indexOf('Trident/') > 0) {\n        body.classList.add(\"ie\");\n    }\n    return null;\n};\n/**\n * Add global events.\n * @param {HTMLElement} body Dom element, this doesn't have to be the body but it is recommended.\n */\nexport const addGlobalEvents = (body) => {\n    const checkElements = function (hash) {\n        const label = document.querySelector(`label[for=\"${hash.replace('#', '')}\"]`);\n        const summary = document.querySelector(hash + ' summary');\n        const dialog = document.querySelector(`dialog${hash}`);\n        if (label instanceof HTMLElement)\n            label.click();\n        else if (summary instanceof HTMLElement)\n            summary.click();\n        else if (dialog instanceof HTMLElement)\n            dialog.showModal();\n    };\n    if (location.hash)\n        checkElements(location.hash);\n    window.addEventListener('hashchange', function () { checkElements(location.hash); }, false);\n    addEventListener(\"popstate\", (event) => {\n        if (event && event.state && event.state.type && event.state.type == \"pagination\") {\n            let form = document.querySelector(`#${event.state.form}`);\n            let pageInput = document.querySelector(`#${event.state.form} [data-pagination]`);\n            if (pageInput)\n                pageInput.value = event.state.page;\n            else\n                form.innerHTML += `<input name=\"page\" type=\"hidden\" data-pagination=\"true\" value=\"${event.state.page}\" />`;\n            form.dispatchEvent(new Event(\"submit\"));\n        }\n    });\n    document.addEventListener(\"submit\", (event) => {\n        if (event && event.target instanceof HTMLElement && event.target.matches('form')) {\n            let form = event.target;\n            if (form.querySelector(':invalid')) {\n                form.classList.add('was-validated');\n                event.preventDefault();\n            }\n        }\n    });\n    return null;\n};\nexport const isNumeric = function (str) {\n    if (typeof str != \"string\")\n        return false; // we only process strings!  \n    return !isNaN(str) && // use type coercion to parse the _entirety_ of the string (`parseFloat` alone does not do this)...\n        !isNaN(parseFloat(str)); // ...and ensure strings of whitespace fail\n};\nexport const zeroPad = (num, places) => String(num).padStart(places, '0');\nexport const ucfirst = (str) => str.charAt(0).toUpperCase() + str.slice(1);\nexport const ucwords = (str) => str.split(' ').map(s => ucfirst(s)).join(' ');\nexport const unsnake = (str) => str.replace(/_/g, ' ');\nexport const snake = (str) => str.replace(/ /g, '_');\nexport const safeID = function (str) {\n    str = str.toLowerCase();\n    str = snake(str);\n    str = str.replace(/\\W/g, '');\n    return str;\n};\n// Used to get values from nested json objects\nexport const resolvePath = (object, path, defaultValue) => path.split(/[\\.\\[\\]\\'\\\"]/).filter(p => p).reduce((o, p) => o ? o[p] : defaultValue, object);\nexport const isTraversable = o => Array.isArray(o) || o !== null && ['function', 'object'].includes(typeof o);\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};\n// @ts-nocheck\nimport Cookies from 'js-cookie';\nimport { safeID, resolvePath, isTraversable } from '../../modules/helpers.js';\n// Data layer Web component created\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    \"event\": \"customElementRegistered\",\n    \"element\": \"Search\"\n});\nclass iamSearch extends HTMLElement {\n    constructor() {\n        super();\n        this.attachShadow({ mode: 'open' });\n        const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';\n        const coreCSS = document.body.hasAttribute('data-core-css') ? document.body.getAttribute('data-core-css') : `${assetLocation}/css/core.min.css`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    \n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\" />\n    <slot></slot>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            const searchWrapper = this;\n            const inputField = this.querySelector('input');\n            const valueSchema = this.hasAttribute('data-value-schema') ? this.getAttribute('data-value-schema') : 'value';\n            const displaySchema = this.hasAttribute('data-display-schema') ? this.getAttribute('data-display-schema') : 'label';\n            const loopSchema = this.hasAttribute('data-schema') ? this.getAttribute('data-schema') : '';\n            let datalist = this.querySelector('datalist');\n            let searched = [];\n            // Clone original input field, re-name and use for display purposes\n            const displayInputField = inputField.cloneNode();\n            displayInputField.setAttribute('name', `${inputField.getAttribute('name')}Alt`);\n            inputField.removeAttribute('data-change-events');\n            displayInputField.removeAttribute('id');\n            inputField.after(displayInputField);\n            // Hide original input field\n            inputField.setAttribute('type', 'hidden');\n            // if data list does not exist then create one and append\n            if (!datalist) {\n                datalist = document.createElement(\"datalist\");\n                let listID = safeID('list');\n                datalist.setAttribute('id', listID);\n                searchWrapper.appendChild(datalist);\n                displayInputField.setAttribute('list', listID);\n            }\n            // on change update oringinal field with the actual value and use displayed input for the nice display text\n            displayInputField.addEventListener('change', (event) => {\n                let match = datalist.querySelector(`option[value=\"${displayInputField.value}\"]`);\n                if (match) {\n                    inputField.value = match.getAttribute('data-value');\n                }\n            });\n            // Search the endpoint when 3 characters has been added\n            if (searchWrapper.hasAttribute('data-url')) {\n                displayInputField.addEventListener('keyup', (event) => {\n                    if (displayInputField.value.length == 3 && !searched.includes(displayInputField.value)) {\n                        search(displayInputField.value);\n                        searched.push(displayInputField.value);\n                    }\n                });\n                displayInputField.addEventListener('change', (event) => {\n                    if (displayInputField.value.length >= 3 && !searched.includes(displayInputField.value.substring(0, 3))) {\n                        search(displayInputField.value.substring(0, 3));\n                        searched.push(displayInputField.value.substring(0, 3));\n                    }\n                });\n            }\n            const search = (searchterm) => __awaiter(this, void 0, void 0, function* () {\n                let ajaxURL = searchWrapper.getAttribute('data-url');\n                ajaxURL += `${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[ajaxURL])\n                    window.controller[ajaxURL].abort();\n                // Create a new controller so it can be aborted if new fetch made\n                window.controller[ajaxURL] = new AbortController();\n                const { signal } = controller[ajaxURL];\n                try {\n                    yield fetch(ajaxURL, {\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()).then((response) => {\n                        // populate datalist\n                        let listString = '';\n                        let loopValues = resolvePath(response, loopSchema, '');\n                        if (isTraversable(loopValues) && typeof loopValues.forEach == 'function') {\n                            loopValues.forEach((item, index) => {\n                                let actualValue = resolvePath(item, valueSchema, '');\n                                let displayValue = resolvePath(item, displaySchema, '').replace('\\n', ', ');\n                                if (!datalist.querySelector(`option[data-value=\"${actualValue}\"]`))\n                                    listString += `<option value=\"${displayValue}\" data-value='${actualValue}'></option>`;\n                            });\n                        }\n                        else if (typeof loopValues == 'object') {\n                            for (const [key, value] of Object.entries(loopValues)) {\n                                if (isTraversable(value) && typeof value.forEach == 'function') {\n                                    value.forEach((item, index) => {\n                                        let actualValue = resolvePath(item, valueSchema, '');\n                                        let displayValue = resolvePath(item, displaySchema, '').replace('\\n', ', ');\n                                        if (!datalist.querySelector(`option[data-value=\"${actualValue}\"]`))\n                                            listString += `<option value=\"${key}: ${displayValue}\" data-value='${actualValue}'></option>`;\n                                    });\n                                }\n                            }\n                        }\n                        datalist.innerHTML += listString;\n                        return response;\n                    });\n                }\n                catch (error) {\n                    console.log(error);\n                }\n            });\n            if (searchWrapper.hasAttribute('data-prevent-submit')) {\n                const form = searchWrapper.closest('form');\n                form.addEventListener('submit', (e) => {\n                    e.preventDefault();\n                });\n            }\n        });\n    }\n}\nexport default iamSearch;\n"],"names":["snake","str","safeID","resolvePath","object","path","defaultValue","p","isTraversable","o","__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamSearch","assetLocation","coreCSS","template","searchWrapper","inputField","valueSchema","displaySchema","loopSchema","datalist","searched","displayInputField","listID","event","match","search","searchterm","ajaxURL","signal","Cookies","response","listString","loopValues","item","index","actualValue","displayValue","key","error"],"mappings":"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"}