@iamproperty/components 7.1.0--beta7 → 7.2.0

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

@@ -1 +1 @@
-{"version":3,"file":"actionbar.component.min.js","sources":["../../modules/dialogs.js","actionbar.component.js"],"sourcesContent":["// @ts-nocheck\nconst extendDialogs = (body) => {\n    Array.from(body.querySelectorAll('dialog[open]')).forEach((dialog, index) => {\n        const parent = dialog.closest('.dialog__wrapper');\n        if (!parent) {\n            dialog.removeAttribute('open');\n            dialog.showModal();\n            dialog.focus();\n            createDialog(dialog);\n        }\n    });\n    // Dialogs/modals\n    body.addEventListener('click', (event) => {\n        if (event.target.tagName == 'IAM-ACTIONBAR')\n            return false;\n        // Modal\n        if (event && event.target instanceof HTMLElement && event.target.closest('[data-modal]')) {\n            const button = event.target.closest('[data-modal]');\n            const modalID = button.hasAttribute('data-modal')\n                ? button.getAttribute('data-modal')\n                : button.getAttribute('data-filter');\n            const dialog = document.querySelector(`dialog#${modalID}`);\n            createDialog(dialog);\n            // Open the modal!\n            dialog.showModal();\n            dialog.focus();\n            if (!dialog.querySelector('iam-multi-step')) {\n                const firstWidth = dialog.offsetWidth;\n                dialog.setAttribute('style', `max-width: ${firstWidth}px;`);\n            }\n            // When the modal is opened we want to make sure any duplicate checkboxes are matching the originals\n            Array.from(dialog.querySelectorAll('[data-duplicate]')).forEach((element, index) => {\n                const id = element.getAttribute('data-duplicate');\n                const originalInput = document.getElementById(id);\n                if (element.checked != originalInput.checked) {\n                    element.checked = originalInput.checked;\n                    const changeEvent = new Event('change');\n                    element.dispatchEvent(changeEvent);\n                }\n            });\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: 'openModal',\n                id: modalID,\n            });\n        }\n        // Close modal\n        if (event && event.target instanceof HTMLElement && event.target.closest('button.dialog__close')) {\n            const dialog = event.target.closest('dialog[open]');\n            event.preventDefault();\n            dialog.close();\n            // Remove active class from exiting active buttons\n            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement, index) => {\n                btnElement.classList.remove('active');\n            });\n            const closeEvent = new CustomEvent('dialog-closed', {\n                bubbles: true,\n                cancelable: true,\n                detail: { modalId: dialog.id },\n            });\n            event.target.dispatchEvent(closeEvent);\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: 'closeModal',\n                id: dialog.getAttribute('id'),\n            });\n        }\n        // Track default close buttons\n        if (event && event.target instanceof HTMLElement && event.target.closest('button[formmethod=\"dialog\"]')) {\n            const dialog = event.target.closest('dialog[open]');\n            // Remove active class from exiting active buttons\n            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement, index) => {\n                btnElement.classList.remove('active');\n            });\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: 'closeModal',\n                id: dialog.getAttribute('id'),\n            });\n        }\n        // Close the modal when clicked on the backdrop\n        if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')) {\n            let dialog = event.target.closest('dialog[open]');\n            // Small fix to make sure the dialog isn't a dialog inside of a dialog.\n            const style = window.getComputedStyle(dialog);\n            if (style.display === 'contents')\n                dialog = dialog.parentNode.closest('dialog[open]');\n            // Dont allow the backdrop to be clicked when transactional\n            if (!dialog.classList.contains('dialog--transactional') &&\n                !dialog.classList.contains('dialog--acknowledgement')) {\n                const dialogDimensions = dialog.getBoundingClientRect();\n                if (event.clientX < dialogDimensions.left ||\n                    event.clientX > dialogDimensions.right ||\n                    event.clientY < dialogDimensions.top ||\n                    event.clientY > dialogDimensions.bottom) {\n                    if (!event.target.closest('dialog *'))\n                        // Weird bug when interacting with radio input fields within dialogs cuases it to close\n                        dialog.close();\n                    window.dataLayer = window.dataLayer || [];\n                    window.dataLayer.push({\n                        event: 'closeModal',\n                        id: dialog.getAttribute('id'),\n                    });\n                }\n            }\n        }\n        // Popover\n        if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')) {\n            event.stopPropagation();\n            const btn = event.target.closest('.dialog__wrapper > button');\n            const parent = btn.parentNode;\n            let dataEvent = 'openPopover';\n            const popover = parent.querySelector(':scope > dialog');\n            // close open dialogs\n            if (document.querySelector('*:not([data-keep-open]) > dialog[open]') &&\n                document.querySelector('*:not([data-keep-open]) > dialog[open]') != popover) {\n                // Check that the ope dialog isn't a parent of the dialog being opened\n                if (btn.closest('dialog[open]') != document.querySelector('*:not([data-keep-open]) > dialog[open]')) {\n                    document.querySelector('*:not([data-keep-open]) > dialog[open]').close();\n                }\n            }\n            // Remove active class from exiting active buttons\n            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement, index) => {\n                btnElement.removeAttribute('aria-expanded');\n            });\n            if (popover.hasAttribute('open')) {\n                popover.close();\n                dataEvent = 'closePopover';\n                popover.removeAttribute('style');\n                btn.removeAttribute('aria-expanded');\n            }\n            else {\n                popover.show();\n                btn.setAttribute('aria-expanded', true);\n                const position = btn.getBoundingClientRect();\n                let topOffset = position.top;\n                let leftOffset = position.left;\n                if (btn.closest('iam-table')) {\n                    const container = btn.closest('iam-table').parentNode.getBoundingClientRect();\n                    topOffset -= container.top;\n                    leftOffset -= container.left;\n                }\n                if (popover.classList.contains('dialog--fix')) {\n                    popover.setAttribute('style', `position:fixed;top: ${topOffset}px; left: ${leftOffset}px; margin: 3rem 0 0 0;`);\n                }\n            }\n            // When the dialog is fixed it could dip under the viewport\n            // Lets check the dimensions and transform it to appear above\n            let boundingRec = popover.getBoundingClientRect();\n            const popoverBottom = boundingRec.bottom - window.scrollY;\n            const windowPos = window.innerHeight - window.scrollY;\n            if (popoverBottom > windowPos) {\n                const currentStyle = popover.hasAttribute('style') ? popover.getAttribute('style') + ' ' : '';\n                popover.setAttribute('style', currentStyle + `transform: translate(0, calc(-100% - 4rem))`);\n                // Check that the dialog doesn't go over the top of the page\n                boundingRec = popover.getBoundingClientRect();\n                const popoverTop = boundingRec.top - window.scrollY;\n                if (popoverTop < 100)\n                    popover.removeAttribute('style');\n            }\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: dataEvent,\n                id: btn.textContent,\n            });\n        }\n        // Close popovers when clicked away\n        if (event &&\n            event.target instanceof HTMLElement &&\n            !event.target.closest('dialog[open]') &&\n            !event.target.closest('.dialog__wrapper > button')) {\n            if (document.querySelector('.dialog__wrapper:not([data-keep-open]) > dialog[open]'))\n                document.querySelector('.dialog__wrapper:not([data-keep-open]) > dialog[open]').close();\n            Array.from(document.querySelectorAll('.dialog__wrapper:not([data-keep-open]) > button')).forEach((btnElement, index) => {\n                btnElement.removeAttribute('aria-expanded');\n            });\n        }\n    });\n    return null;\n};\nexport const createDialog = (dialog) => {\n    // If you are using Vue eevents and bindings its recommended to add in the .mh-lg div manually to the dialog\n    if (!dialog.querySelector(':scope .mh-lg') && !dialog.querySelector('iam-multi-step')) {\n        dialog.innerHTML = `<div class=\"mh-lg\">${dialog.innerHTML}</div>`;\n        const dialogContent = dialog.querySelector('.mh-lg');\n        const titleElement = dialog.querySelector('.mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)');\n        if (titleElement) {\n            const optionalElement = titleElement.previousSibling;\n            dialogContent.before(titleElement);\n            if (optionalElement)\n                titleElement.before(optionalElement);\n        }\n    }\n    // Create close button is needed\n    if (!dialog.querySelector(':scope > button:first-child'))\n        dialog.insertAdjacentHTML('afterbegin', `<button class=\"dialog__close\">Close</button>`);\n};\nexport default extendDialogs;\n","import extendDialogs from '../../modules/dialogs.js';\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'action bar',\n});\nfunction setSelectAllInput(element, value) {\n    if (element && value == 'all') {\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('input').checked = true;\n        element.querySelector('label').textContent = `Select all`;\n    }\n    else if (element && value == 0) {\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('input').checked = false;\n        element.querySelector('label').textContent = `Select all`;\n    }\n    else if (element && value) {\n        element.querySelector('input').indeterminate = true;\n        element.querySelector('input').checked = false;\n        element.querySelector('label').textContent = `${value} item${value > 1 ? 's' : ''} selected`;\n    }\n    else if (element) {\n        element.querySelector('input').checked = false;\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('label').textContent = `Select all`;\n    }\n}\nclass iamActionbar 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 coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/actionbar.css\";`;\n        const loadExtraCSS = `@import \"${assetLocation}/css/components/actionbar.global.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"actionbar__wrapper\">\n    \n      <div class=\"actionbar\" part=\"actionbar\">\n        <slot name=\"selectall\"></slot>\n        <div class=\"safe-area\">\n          <slot></slot>\n          <div class=\"body\">\n            <div class=\"dialog__wrapper dialog__wrapper--right dialog-overflow d-none show\">\n              <button class=\"btn btn-secondary btn-compact fa-ellipsis-vertical m-0\">More actions</button>\n              <dialog class=\"dialog--list\" part=\"overflow\">\n                <slot name=\"overflow\"></slot>\n                <slot name=\"menu\"></slot>\n              </dialog>\n            </div>\n            <button class=\"btn btn-secondary btn-compact btn-sm fa-search\" data-search=\"\" part=\"search-btn\">Search</button>\n          </div>\n        </div>\n      </div>\n      <div class=\"actionbar--selected\">\n        <div class=\"safe-area\">\n          <slot name=\"selected\"></slot>\n          <div class=\"body\">\n            <div class=\"dialog__wrapper dialog__wrapper--right dialog-overflow d-none show\">\n              <button class=\"btn btn-secondary btn-compact fa-ellipsis-vertical m-0\">More actions</button>\n              <dialog class=\"dialog--list\" part=\"selected-overflow\">\n                <slot name=\"selected-overflow\"></slot>\n              </dialog>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div class=\"actionbar--search\">\n        <button data-search class=\"btn btn-compact fa-xmark-large btn-secondary m-0\" >Close</button>\n\n        <div class=\"search-wrapper\" part=\"search\">\n          <label for=\"search\" class=\"visually-hidden\">Input field label</label>\n          <button class=\"suffix\" part=\"search-btn\"><i class=\"fa-regular fa-search\"></i></button>\n          <input type=\"text\" id=\"search\" name=\"search\" required=\"\" part=\"search-input\">\n        </div>\n\n      </div>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n        // insert extra CSS\n        if (!document.getElementById('actionbarGlobal'))\n            document.head.insertAdjacentHTML('beforeend', `<style id=\"actionbarGlobal\">${loadExtraCSS}</style>`);\n    }\n    connectedCallback() {\n        var _a, _b, _c, _d, _e, _f;\n        const actionbarWrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.actionbar__wrapper');\n        // #region select all\n        if (this.hasAttribute('data-selectall')) {\n            actionbarWrapper === null || actionbarWrapper === void 0 ? void 0 : actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class=\"selectall pb-0\"><input type=\"checkbox\" name=\"selectall\" id=\"selectall\"><label for=\"selectall\" class=\"m-0\">Select all</label></div>`);\n            const selectAll = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.selectall');\n            if (this.hasAttribute('data-selected')) {\n                setSelectAllInput(selectAll, this.getAttribute('data-selected'));\n            }\n            selectAll === null || selectAll === void 0 ? void 0 : selectAll.addEventListener('change', (event) => {\n                var _a;\n                if (event && event.target instanceof HTMLElement && event.target.closest('input')) {\n                    if ((_a = event.target.closest('input')) === null || _a === void 0 ? void 0 : _a.checked)\n                        this.setAttribute('data-selected', 'all');\n                    else\n                        this.setAttribute('data-selected', '0');\n                }\n            });\n            const cancelButton = this.querySelector('button[data-cancel]');\n            if (cancelButton) {\n                cancelButton.addEventListener('click', () => {\n                    this.setAttribute('data-selected', '0');\n                });\n            }\n        }\n        // Wtach div for the select inputs\n        if (this.hasAttribute('data-select-watch')) {\n            const element = document.getElementById(this.getAttribute('data-select-watch'));\n            element === null || element === void 0 ? void 0 : element.setAttribute('data-select-container', 'true');\n            Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                var _a;\n                (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.setAttribute('slot', 'checkbox');\n            });\n            element === null || element === void 0 ? void 0 : element.addEventListener('change', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('[type=\"checkbox\"]')) {\n                    const count = element.querySelectorAll('input[type=\"checkbox\"]').length;\n                    const countChecked = element.querySelectorAll('input[type=\"checkbox\"]:checked').length;\n                    this.setAttribute('data-selected', count == countChecked ? 'all' : String(countChecked));\n                    if (countChecked) {\n                        Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                            var _a;\n                            if (input.closest('iam-card'))\n                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');\n                        });\n                    }\n                    else {\n                        Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                            var _a;\n                            if (input.closest('iam-card'))\n                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');\n                        });\n                    }\n                }\n            });\n        }\n        // #endregion\n        // #region switchviews\n        if (this.hasAttribute('data-switchviews')) {\n            let btns = '';\n            const viewList = (_c = this.getAttribute('data-switchviews')) === null || _c === void 0 ? void 0 : _c.split(',');\n            viewList === null || viewList === void 0 ? void 0 : viewList.forEach((view) => {\n                let icon = 'fa-grid-2';\n                if (view == 'list')\n                    icon = 'fa-grip-lines';\n                else if (view == 'small')\n                    icon = 'fa-bars';\n                btns += `<button class=\"btn btn-action btn-compact mb-0 fa-regular ${icon}\">${view}</button>`;\n            });\n            actionbarWrapper === null || actionbarWrapper === void 0 ? void 0 : actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class=\"views m-0\">${btns}</div>`);\n            const views = (_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.views');\n            views === null || views === void 0 ? void 0 : views.addEventListener('click', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('.btn-action')) {\n                    const btn = event.target.closest('.btn-action');\n                    this.setAttribute('data-view', btn.textContent);\n                    const switchEvent = new CustomEvent('switch-view', { detail: { view: btn.textContent } });\n                    this.dispatchEvent(switchEvent);\n                }\n            });\n        }\n        // #endregion\n        // #region search\n        const searchBar = (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.actionbar--search');\n        if (this.hasAttribute('data-search-value')) {\n            ((_f = this.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('#search')).value = String(this.getAttribute('data-search-value'));\n        }\n        if (this.hasAttribute('data-search') && this.getAttribute('data-search') == 'show')\n            searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add('show');\n        const searchBtn = this.shadowRoot.querySelector('button[data-search]');\n        this.shadowRoot.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button[data-search]')) {\n                searchBar.classList.toggle('show');\n                searchBtn.toggleAttribute('aria-expanded');\n            }\n        });\n        searchBar.addEventListener('keyup', () => {\n            const keyupEvent = new CustomEvent('search-keyup', {\n                detail: { search: searchBar.querySelector('input').value },\n            });\n            this.dispatchEvent(keyupEvent);\n        });\n        searchBar.addEventListener('change', () => {\n            const changeEvent = new CustomEvent('search-change', {\n                detail: { search: searchBar.querySelector('input').value },\n            });\n            this.dispatchEvent(changeEvent);\n        });\n        searchBar.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button.suffix')) {\n                const submitEvent = new CustomEvent('search-submit', {\n                    detail: { search: searchBar.querySelector('input').value },\n                });\n                this.dispatchEvent(submitEvent);\n            }\n        });\n        // #endregion\n        // Make sure dialogs created in the shadow dom work\n        Array.from(this.shadowRoot.querySelectorAll('.body')).forEach((element, index) => {\n            extendDialogs(element);\n        });\n        // #region Reponsive safe area\n        const hideButtons = () => {\n            const wrapperWidth = actionbarWrapper.scrollWidth;\n            const screenWidth = document.documentElement.scrollWidth;\n            let safeAreaWidth = 750;\n            let elementMargin = 16;\n            let tabletSafeWidth = 450;\n            let mobileSafeWidth = (this === null || this === void 0 ? void 0 : this.hasAttribute('data-switchviews')) ? 144 : 210;\n            if (this.hasAttribute('data-large-safe-area')) {\n                safeAreaWidth = 1048;\n                tabletSafeWidth = 620;\n                mobileSafeWidth = 260;\n            }\n            // We need to modify the widths to mimic the CSS's scaling functionality\n            let modifier = 1;\n            if (screenWidth >= 992 && screenWidth <= 1280) {\n                modifier = screenWidth / 1280;\n            }\n            else if (screenWidth >= 576 && screenWidth < 992) {\n                modifier = screenWidth / 768;\n            }\n            else if (screenWidth < 576) {\n                modifier = screenWidth / 375;\n            }\n            // Work out the safe sapce width depending upon the wrappers width and modifier comp\n            if (wrapperWidth >= 992 && wrapperWidth <= 1280) {\n                safeAreaWidth = safeAreaWidth * modifier;\n            }\n            else if (wrapperWidth >= 576 && wrapperWidth < 992) {\n                safeAreaWidth = tabletSafeWidth * modifier;\n            }\n            else if (wrapperWidth < 576) {\n                safeAreaWidth = mobileSafeWidth * modifier;\n            }\n            // Margin in between elements\n            elementMargin = elementMargin * modifier;\n            // If the wrapper width is small we want to reduce the btn sizes by adding or removing btn-compact classes\n            if (wrapperWidth < 576) {\n                Array.from(this.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .dialog__wrapper > .btn[class*=\"fa-\"]:first-child:not(.js-updated)')).forEach((element) => {\n                    element.className = element.className.replace(' btn-compact', ' _btn-compact');\n                    element.classList.add('btn-compact');\n                    element.classList.add('js-updated');\n                });\n            }\n            else {\n                Array.from(this.querySelectorAll(':scope > .btn.js-updated, :scope > .dialog__wrapper > .btn.js-updated:first-child')).forEach((element) => {\n                    element.classList.remove('btn-compact');\n                    element.classList.remove('js-updated');\n                    element.className = element.className.replace(' _btn-compact', ' btn-compact');\n                });\n            }\n            // Reset the elements before we decide what elements become slotted into the overflow\n            Array.from(this.querySelectorAll('[slot]')).forEach((element) => {\n                if (element.getAttribute('slot') == 'overflow')\n                    element.removeAttribute('slot');\n                if (element.getAttribute('slot') == 'selected-overflow')\n                    element.setAttribute('slot', 'selected');\n            });\n            Array.from(this.querySelectorAll('.show')).forEach((element) => {\n                element.classList.remove('show');\n            });\n            // Foreach safe area lets check what elements are slotted in them and if they need an overflow\n            Array.from(this.shadowRoot.querySelectorAll('.safe-area')).forEach((element) => {\n                var _a, _b, _c;\n                // Decide on which overflow slot to use\n                let overflowSlot = 'overflow';\n                if (((_a = element.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.hasAttribute('name')) &&\n                    ((_b = element.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.getAttribute('name')) == 'selected')\n                    overflowSlot = 'selected-overflow';\n                // Get the slotted elements, remember they aren't children of the safe area\n                const elements = (_c = element.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.assignedElements();\n                let tempWidth = 44 * modifier; // Allow space for the overflow button\n                // If search then allow for the search button width\n                if (this.hasAttribute('data-search'))\n                    tempWidth += 44 * modifier;\n                // Foreach element this isn't an action button or dialog wrapper add to the width, these will not be moved into the overflow slot\n                for (let i = 0; i < elements.length; i++) {\n                    if (!elements[i].classList.contains('btn-action') && !elements[i].classList.contains('dialog__wrapper')) {\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin;\n                    }\n                }\n                // Foreach dialog wrapper decide if safe in safe area or move into the overflow slot, dialog wrappers have priority over the action buttons\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('dialog__wrapper')) {\n                        elements[i].classList.add('show');\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin / 2;\n                        // If we have exceeded the safe area then lets break the loop\n                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {\n                            elements[i].classList.remove('show');\n                            break;\n                        }\n                    }\n                }\n                // Foreach action button\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('btn-action')) {\n                        elements[i].classList.add('show');\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin / 2;\n                        // If we have exceeded the safe area then lets break the loop\n                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {\n                            elements[i].classList.remove('show');\n                            break;\n                        }\n                    }\n                }\n                const overflowDialog = element.querySelector('.dialog-overflow');\n                if (overflowDialog)\n                    overflowDialog.classList.add('d-none');\n                // Decide which elements go into the overflow slot\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('btn-action') || elements[i].classList.contains('dialog__wrapper')) {\n                        if (!elements[i].classList.contains('show')) {\n                            // Move to the slot by changing the attribute\n                            elements[i].setAttribute('slot', overflowSlot);\n                            // if an element has been added to overflow slot then make sure we show the overflow menu button\n                            if (overflowDialog)\n                                overflowDialog.classList.remove('d-none');\n                        }\n                    }\n                }\n            });\n        };\n        // Check buttons on load and when the wrapper element gets resized.\n        hideButtons();\n        new ResizeObserver(hideButtons).observe(actionbarWrapper);\n        // #endregion\n    }\n    static get observedAttributes() {\n        return ['data-selected'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-selected': {\n                const selectAll = this.shadowRoot.querySelector('.selectall');\n                if (selectAll)\n                    setSelectAllInput(selectAll, newVal);\n                const event = new CustomEvent('selected', { detail: { selected: newVal } });\n                this.dispatchEvent(event);\n                if (newVal == 'all' && this.hasAttribute('data-select-watch')) {\n                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));\n                    Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                        var _a;\n                        input.checked = true;\n                        if (input.closest('iam-card'))\n                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');\n                    });\n                }\n                if (newVal == '0' && this.hasAttribute('data-select-watch')) {\n                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));\n                    Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                        var _a;\n                        input.checked = false;\n                        if (input.closest('iam-card'))\n                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');\n                    });\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamActionbar;\n"],"names":["extendDialogs","body","dialog","index","createDialog","event","button","modalID","firstWidth","element","id","originalInput","changeEvent","btnElement","closeEvent","dialogDimensions","btn","parent","dataEvent","popover","position","topOffset","leftOffset","container","boundingRec","popoverBottom","windowPos","currentStyle","dialogContent","titleElement","optionalElement","setSelectAllInput","value","iamActionbar","assetLocation","coreCSS","template","_a","_b","_c","_d","_e","_f","actionbarWrapper","selectAll","cancelButton","input","count","countChecked","btns","viewList","view","icon","views","switchEvent","searchBar","searchBtn","keyupEvent","submitEvent","hideButtons","wrapperWidth","screenWidth","safeAreaWidth","elementMargin","tabletSafeWidth","mobileSafeWidth","modifier","overflowSlot","elements","tempWidth","i","overflowDialog","attrName","oldVal","newVal"],"mappings":"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"}
+{"version":3,"file":"actionbar.component.min.js","sources":["../../modules/dialogs.js","actionbar.component.js"],"sourcesContent":["const extendDialogs = (body) => {\n    Array.from(body.querySelectorAll('dialog[open]')).forEach((dialog) => {\n        const parent = dialog.closest('.dialog__wrapper');\n        if (!parent) {\n            dialog.removeAttribute('open');\n            dialog.showModal();\n            dialog.focus();\n            createDialog(dialog);\n        }\n    });\n    // Dialogs/modals\n    body.addEventListener('click', (event) => {\n        if (event.target.tagName == 'IAM-ACTIONBAR')\n            return false;\n        // Modal\n        if (event && event.target instanceof HTMLElement && event.target.closest('[data-modal]')) {\n            const button = event.target.closest('[data-modal]');\n            const modalID = button.hasAttribute('data-modal')\n                ? button.getAttribute('data-modal')\n                : button.getAttribute('data-filter');\n            const dialog = document.querySelector(`dialog#${modalID}`);\n            createDialog(dialog);\n            // Open the modal!\n            dialog.showModal();\n            dialog.focus();\n            if (!dialog.querySelector('iam-multi-step')) {\n                const firstWidth = dialog.offsetWidth;\n                dialog.setAttribute('style', `max-width: ${firstWidth}px;`);\n            }\n            // When the modal is opened we want to make sure any duplicate checkboxes are matching the originals\n            Array.from(dialog.querySelectorAll('[data-duplicate]')).forEach((element) => {\n                const id = element.getAttribute('data-duplicate');\n                const originalInput = document.getElementById(id);\n                if (element.checked != originalInput.checked) {\n                    element.checked = originalInput.checked;\n                    const changeEvent = new Event('change');\n                    element.dispatchEvent(changeEvent);\n                }\n            });\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: 'openModal',\n                id: modalID,\n            });\n        }\n        // Close modal\n        if (event && event.target instanceof HTMLElement && event.target.closest('button.dialog__close')) {\n            const dialog = event.target.closest('dialog[open]');\n            event.preventDefault();\n            dialog.close();\n            // Remove active class from exiting active buttons\n            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement) => {\n                btnElement.classList.remove('active');\n            });\n            const closeEvent = new CustomEvent('dialog-closed', {\n                bubbles: true,\n                cancelable: true,\n                detail: { modalId: dialog.id },\n            });\n            event.target.dispatchEvent(closeEvent);\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: 'closeModal',\n                id: dialog.getAttribute('id'),\n            });\n        }\n        // Track default close buttons\n        if (event && event.target instanceof HTMLElement && event.target.closest('button[formmethod=\"dialog\"]')) {\n            const dialog = event.target.closest('dialog[open]');\n            // Remove active class from exiting active buttons\n            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement) => {\n                btnElement.classList.remove('active');\n            });\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: 'closeModal',\n                id: dialog.getAttribute('id'),\n            });\n        }\n        // Close the modal when clicked on the backdrop\n        if (event && event.target instanceof HTMLElement && event.target.closest('dialog[open]')) {\n            let dialog = event.target.closest('dialog[open]');\n            // Small fix to make sure the dialog isn't a dialog inside of a dialog.\n            const style = window.getComputedStyle(dialog);\n            if (style.display === 'contents')\n                dialog = dialog.parentNode.closest('dialog[open]');\n            // Dont allow the backdrop to be clicked when transactional\n            if (!dialog.classList.contains('dialog--transactional') &&\n                !dialog.classList.contains('dialog--acknowledgement')) {\n                const dialogDimensions = dialog.getBoundingClientRect();\n                if (event.clientX < dialogDimensions.left ||\n                    event.clientX > dialogDimensions.right ||\n                    event.clientY < dialogDimensions.top ||\n                    event.clientY > dialogDimensions.bottom) {\n                    if (!event.target.closest('dialog *'))\n                        // Weird bug when interacting with radio input fields within dialogs cuases it to close\n                        dialog.close();\n                    window.dataLayer = window.dataLayer || [];\n                    window.dataLayer.push({\n                        event: 'closeModal',\n                        id: dialog.getAttribute('id'),\n                    });\n                }\n            }\n        }\n        // Popover\n        if (event && event.target instanceof HTMLElement && event.target.closest('.dialog__wrapper > button')) {\n            event.stopPropagation();\n            const btn = event.target.closest('.dialog__wrapper > button');\n            const parent = btn.parentNode;\n            let dataEvent = 'openPopover';\n            const popover = parent.querySelector(':scope > dialog');\n            // close open dialogs\n            if (document.querySelector('*:not([data-keep-open]) > dialog[open]') &&\n                document.querySelector('*:not([data-keep-open]) > dialog[open]') != popover) {\n                // Check that the ope dialog isn't a parent of the dialog being opened\n                if (btn.closest('dialog[open]') != document.querySelector('*:not([data-keep-open]) > dialog[open]')) {\n                    document.querySelector('*:not([data-keep-open]) > dialog[open]').close();\n                }\n            }\n            // Remove active class from exiting active buttons\n            Array.from(document.querySelectorAll('.dialog__wrapper > button')).forEach((btnElement) => {\n                btnElement.removeAttribute('aria-expanded');\n            });\n            if (popover.hasAttribute('open')) {\n                popover.close();\n                dataEvent = 'closePopover';\n                popover.removeAttribute('style');\n                btn.removeAttribute('aria-expanded');\n            }\n            else {\n                popover.show();\n                btn.setAttribute('aria-expanded', true);\n                const position = btn.getBoundingClientRect();\n                let topOffset = position.top;\n                let leftOffset = position.left;\n                if (btn.closest('iam-table')) {\n                    const container = btn.closest('iam-table').parentNode.getBoundingClientRect();\n                    topOffset -= container.top;\n                    leftOffset -= container.left;\n                }\n                if (popover.classList.contains('dialog--fix')) {\n                    popover.setAttribute('style', `position:fixed;top: ${topOffset}px; left: ${leftOffset}px; margin: 3rem 0 0 0;`);\n                }\n            }\n            // When the dialog is fixed it could dip under the viewport\n            // Lets check the dimensions and transform it to appear above\n            let boundingRec = popover.getBoundingClientRect();\n            const popoverBottom = boundingRec.bottom - window.scrollY;\n            const windowPos = window.innerHeight - window.scrollY;\n            if (popoverBottom > windowPos) {\n                const currentStyle = popover.hasAttribute('style') ? popover.getAttribute('style') + ' ' : '';\n                popover.setAttribute('style', currentStyle + `transform: translate(0, calc(-100% - 4rem))`);\n                // Check that the dialog doesn't go over the top of the page\n                boundingRec = popover.getBoundingClientRect();\n                const popoverTop = boundingRec.top - window.scrollY;\n                if (popoverTop < 100)\n                    popover.removeAttribute('style');\n            }\n            window.dataLayer = window.dataLayer || [];\n            window.dataLayer.push({\n                event: dataEvent,\n                id: btn.textContent,\n            });\n        }\n        // Close popovers when clicked away\n        if (event &&\n            event.target instanceof HTMLElement &&\n            !event.target.closest('dialog[open]') &&\n            !event.target.closest('.dialog__wrapper > button')) {\n            if (document.querySelector('.dialog__wrapper:not([data-keep-open]) > dialog[open]'))\n                document.querySelector('.dialog__wrapper:not([data-keep-open]) > dialog[open]').close();\n            Array.from(document.querySelectorAll('.dialog__wrapper:not([data-keep-open]) > button')).forEach((btnElement) => {\n                btnElement.removeAttribute('aria-expanded');\n            });\n        }\n    });\n    return null;\n};\nexport const createDialog = (dialog) => {\n    // If you are using Vue eevents and bindings its recommended to add in the .mh-lg div manually to the dialog\n    if (!dialog.querySelector(':scope .mh-lg') && !dialog.querySelector('iam-multi-step')) {\n        dialog.innerHTML = `<div class=\"mh-lg\">${dialog.innerHTML}</div>`;\n        const dialogContent = dialog.querySelector('.mh-lg');\n        const titleElement = dialog.querySelector('.mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)');\n        if (titleElement) {\n            const optionalElement = titleElement.previousSibling;\n            dialogContent.before(titleElement);\n            if (optionalElement)\n                titleElement.before(optionalElement);\n        }\n    }\n    // Create close button is needed\n    if (!dialog.querySelector(':scope > button:first-child'))\n        dialog.insertAdjacentHTML('afterbegin', `<button class=\"dialog__close\">Close</button>`);\n};\nexport default extendDialogs;\n","import extendDialogs from '../../modules/dialogs.js';\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'action bar',\n});\nfunction setSelectAllInput(element, value) {\n    if (element && value == 'all') {\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('input').checked = true;\n        element.querySelector('label').textContent = `Select all`;\n    }\n    else if (element && value == 0) {\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('input').checked = false;\n        element.querySelector('label').textContent = `Select all`;\n    }\n    else if (element && value) {\n        element.querySelector('input').indeterminate = true;\n        element.querySelector('input').checked = false;\n        element.querySelector('label').textContent = `${value} item${value > 1 ? 's' : ''} selected`;\n    }\n    else if (element) {\n        element.querySelector('input').checked = false;\n        element.querySelector('input').indeterminate = false;\n        element.querySelector('label').textContent = `Select all`;\n    }\n}\nclass iamActionbar 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 coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/actionbar.component.css\";`;\n        const loadExtraCSS = `@import \"${assetLocation}/css/components/actionbar.global.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\">\n    <div class=\"actionbar__wrapper\">\n    \n      <div class=\"actionbar\" part=\"actionbar\">\n        <slot name=\"selectall\"></slot>\n        <div class=\"safe-area\">\n          <slot></slot>\n          <div class=\"body\">\n            <div class=\"dialog__wrapper dialog__wrapper--right dialog-overflow d-none show\">\n              <button class=\"btn btn-secondary btn-compact fa-ellipsis-vertical m-0\">More actions</button>\n              <dialog class=\"dialog--list\" part=\"overflow\">\n                <slot name=\"overflow\"></slot>\n                <slot name=\"menu\"></slot>\n              </dialog>\n            </div>\n\n\n            <div class=\"dialog__wrapper dialog__wrapper--right filter-columns\">\n              <button class=\"btn btn-secondary btn-compact btn-sm mb-0 me-0 fa-regular fa-table-columns\" title=\"Select colums\">Filter</button>\n              <dialog class=\"dialog--list\">\n                <div class=\"pb-0 mb-0 checklists\">\n                  \n                </div>\n                <div class=\"text-right checklist-btns\"><button id=\"cancelColumns\" class=\"btn btn-action\">Cancel</button><button id=\"saveColumns\" class=\"btn btn-action btn-secondary\">Save</button></div>\n              </dialog>\n            </div>\n\n            <button class=\"btn btn-secondary btn-compact btn-sm fa-search\" data-search=\"\" part=\"search-btn\">Search</button>\n          </div>\n        </div>\n      </div>\n      <div class=\"actionbar--selected\">\n        <div class=\"safe-area\">\n          <slot name=\"selected\"></slot>\n          <div class=\"body\">\n            <div class=\"dialog__wrapper dialog__wrapper--right dialog-overflow d-none show\">\n              <button class=\"btn btn-secondary btn-compact fa-ellipsis-vertical m-0\">More actions</button>\n              <dialog class=\"dialog--list\" part=\"selected-overflow\">\n                <slot name=\"selected-overflow\"></slot>\n              </dialog>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <div class=\"actionbar--search\">\n        <button data-search class=\"btn btn-compact fa-xmark-large btn-secondary m-0\" >Close</button>\n\n        <div class=\"search-wrapper\" part=\"search\">\n          <label for=\"search\" class=\"visually-hidden\">Input field label</label>\n          <button class=\"suffix\" part=\"search-btn\"><i class=\"fa-regular fa-search\"></i></button>\n          <input type=\"text\" id=\"search\" name=\"search\" required=\"\" part=\"search-input\">\n        </div>\n\n      </div>\n    </div>\n    `;\n        this.shadowRoot.appendChild(template.content.cloneNode(true));\n        // insert extra CSS\n        if (!document.getElementById('actionbarGlobal'))\n            document.head.insertAdjacentHTML('beforeend', `<style id=\"actionbarGlobal\">${loadExtraCSS}</style>`);\n    }\n    connectedCallback() {\n        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;\n        const actionbarWrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.actionbar__wrapper');\n        const checklistHolder = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.checklists');\n        // #region select all\n        if (this.hasAttribute('data-selectall')) {\n            actionbarWrapper === null || actionbarWrapper === void 0 ? void 0 : actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class=\"selectall pb-0\"><input type=\"checkbox\" name=\"selectall\" id=\"selectall\"><label for=\"selectall\" class=\"m-0\">Select all</label></div>`);\n            const selectAll = (_c = this.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector('.selectall');\n            if (this.hasAttribute('data-selected')) {\n                setSelectAllInput(selectAll, this.getAttribute('data-selected'));\n            }\n            selectAll === null || selectAll === void 0 ? void 0 : selectAll.addEventListener('change', (event) => {\n                var _a;\n                if (event && event.target instanceof HTMLElement && event.target.closest('input')) {\n                    if ((_a = event.target.closest('input')) === null || _a === void 0 ? void 0 : _a.checked)\n                        this.setAttribute('data-selected', 'all');\n                    else\n                        this.setAttribute('data-selected', '0');\n                }\n            });\n            const cancelButton = this.querySelector('button[data-cancel]');\n            if (cancelButton) {\n                cancelButton.addEventListener('click', () => {\n                    this.setAttribute('data-selected', '0');\n                });\n            }\n        }\n        // Wtach div for the select inputs\n        if (this.hasAttribute('data-select-watch')) {\n            const element = document.getElementById(this.getAttribute('data-select-watch'));\n            element === null || element === void 0 ? void 0 : element.setAttribute('data-select-container', 'true');\n            Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                var _a;\n                (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.setAttribute('slot', 'checkbox');\n            });\n            element === null || element === void 0 ? void 0 : element.addEventListener('change', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('[type=\"checkbox\"]')) {\n                    const count = element.querySelectorAll('input[type=\"checkbox\"]').length;\n                    const countChecked = element.querySelectorAll('input[type=\"checkbox\"]:checked').length;\n                    this.setAttribute('data-selected', count == countChecked ? 'all' : String(countChecked));\n                    if (countChecked) {\n                        Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                            var _a;\n                            if (input.closest('iam-card'))\n                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');\n                        });\n                    }\n                    else {\n                        Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                            var _a;\n                            if (input.closest('iam-card'))\n                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');\n                        });\n                    }\n                }\n            });\n        }\n        // #endregion\n        // #region switchviews\n        if (this.hasAttribute('data-switchviews')) {\n            let btns = '';\n            const viewList = (_d = this.getAttribute('data-switchviews')) === null || _d === void 0 ? void 0 : _d.split(',');\n            viewList === null || viewList === void 0 ? void 0 : viewList.forEach((view) => {\n                let icon = 'fa-grid-2';\n                if (view == 'list')\n                    icon = 'fa-grip-lines';\n                else if (view == 'small')\n                    icon = 'fa-bars';\n                btns += `<button class=\"btn btn-action btn-compact mb-0 fa-regular ${icon}\">${view}</button>`;\n            });\n            actionbarWrapper === null || actionbarWrapper === void 0 ? void 0 : actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class=\"views m-0\">${btns}</div>`);\n            const views = (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.views');\n            views === null || views === void 0 ? void 0 : views.addEventListener('click', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('.btn-action')) {\n                    const btn = event.target.closest('.btn-action');\n                    this.setAttribute('data-view', btn.textContent);\n                    const switchEvent = new CustomEvent('switch-view', { detail: { view: btn.textContent } });\n                    this.dispatchEvent(switchEvent);\n                }\n            });\n        }\n        // #endregion\n        // #region search\n        const searchBar = (_f = this.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('.actionbar--search');\n        if (this.hasAttribute('data-search-value')) {\n            ((_g = this.shadowRoot) === null || _g === void 0 ? void 0 : _g.querySelector('#search')).value = String(this.getAttribute('data-search-value'));\n        }\n        if (this.hasAttribute('data-search') && this.getAttribute('data-search') == 'show')\n            searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add('show');\n        const searchBtn = this.shadowRoot.querySelector('button[data-search]');\n        this.shadowRoot.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button[data-search]')) {\n                searchBar.classList.toggle('show');\n                searchBtn.toggleAttribute('aria-expanded');\n            }\n        });\n        searchBar.addEventListener('keyup', () => {\n            const keyupEvent = new CustomEvent('search-keyup', {\n                detail: { search: searchBar.querySelector('input').value },\n            });\n            this.dispatchEvent(keyupEvent);\n        });\n        searchBar.addEventListener('change', () => {\n            const changeEvent = new CustomEvent('search-change', {\n                detail: { search: searchBar.querySelector('input').value },\n            });\n            this.dispatchEvent(changeEvent);\n        });\n        searchBar.addEventListener('click', (event) => {\n            if (event && event.target instanceof HTMLElement && event.target.closest('button.suffix')) {\n                const submitEvent = new CustomEvent('search-submit', {\n                    detail: { search: searchBar.querySelector('input').value },\n                });\n                this.dispatchEvent(submitEvent);\n            }\n        });\n        // #endregion\n        // Make sure dialogs created in the shadow dom work\n        Array.from(this.shadowRoot.querySelectorAll('.body')).forEach((element) => {\n            extendDialogs(element);\n        });\n        // #region Reponsive safe area\n        const hideButtons = () => {\n            const wrapperWidth = actionbarWrapper.scrollWidth;\n            const screenWidth = document.documentElement.scrollWidth;\n            let safeAreaWidth = 750;\n            let elementMargin = 16;\n            let tabletSafeWidth = 450;\n            let mobileSafeWidth = (this === null || this === void 0 ? void 0 : this.hasAttribute('data-switchviews')) ? 144 : 210;\n            if (this.hasAttribute('data-large-safe-area')) {\n                safeAreaWidth = 1048;\n                tabletSafeWidth = 620;\n                mobileSafeWidth = 260;\n            }\n            // We need to modify the widths to mimic the CSS's scaling functionality\n            let modifier = 1;\n            if (screenWidth >= 992 && screenWidth <= 1280) {\n                modifier = screenWidth / 1280;\n            }\n            else if (screenWidth >= 576 && screenWidth < 992) {\n                modifier = screenWidth / 768;\n            }\n            else if (screenWidth < 576) {\n                modifier = screenWidth / 375;\n            }\n            // Work out the safe sapce width depending upon the wrappers width and modifier comp\n            if (wrapperWidth >= 992 && wrapperWidth <= 1280) {\n                safeAreaWidth = safeAreaWidth * modifier;\n            }\n            else if (wrapperWidth >= 576 && wrapperWidth < 992) {\n                safeAreaWidth = tabletSafeWidth * modifier;\n            }\n            else if (wrapperWidth < 576) {\n                safeAreaWidth = mobileSafeWidth * modifier;\n            }\n            // Margin in between elements\n            elementMargin = elementMargin * modifier;\n            // If the wrapper width is small we want to reduce the btn sizes by adding or removing btn-compact classes\n            if (wrapperWidth < 576) {\n                Array.from(this.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .dialog__wrapper > .btn[class*=\"fa-\"]:first-child:not(.js-updated)')).forEach((element) => {\n                    element.className = element.className.replace(' btn-compact', ' _btn-compact');\n                    element.classList.add('btn-compact');\n                    element.classList.add('js-updated');\n                });\n            }\n            else {\n                Array.from(this.querySelectorAll(':scope > .btn.js-updated, :scope > .dialog__wrapper > .btn.js-updated:first-child')).forEach((element) => {\n                    element.classList.remove('btn-compact');\n                    element.classList.remove('js-updated');\n                    element.className = element.className.replace(' _btn-compact', ' btn-compact');\n                });\n            }\n            // Reset the elements before we decide what elements become slotted into the overflow\n            Array.from(this.querySelectorAll('[slot]')).forEach((element) => {\n                if (element.getAttribute('slot') == 'overflow')\n                    element.removeAttribute('slot');\n                if (element.getAttribute('slot') == 'selected-overflow')\n                    element.setAttribute('slot', 'selected');\n            });\n            Array.from(this.querySelectorAll('.show')).forEach((element) => {\n                element.classList.remove('show');\n            });\n            // Foreach safe area lets check what elements are slotted in them and if they need an overflow\n            Array.from(this.shadowRoot.querySelectorAll('.safe-area')).forEach((element) => {\n                var _a, _b, _c;\n                // Decide on which overflow slot to use\n                let overflowSlot = 'overflow';\n                if (((_a = element.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.hasAttribute('name')) &&\n                    ((_b = element.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.getAttribute('name')) == 'selected')\n                    overflowSlot = 'selected-overflow';\n                // Get the slotted elements, remember they aren't children of the safe area\n                const elements = (_c = element.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.assignedElements();\n                let tempWidth = 44 * modifier; // Allow space for the overflow button\n                // If search then allow for the search button width\n                if (this.hasAttribute('data-search'))\n                    tempWidth += 44 * modifier;\n                // Foreach element this isn't an action button or dialog wrapper add to the width, these will not be moved into the overflow slot\n                for (let i = 0; i < elements.length; i++) {\n                    if (!elements[i].classList.contains('btn-action') && !elements[i].classList.contains('dialog__wrapper')) {\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin;\n                    }\n                }\n                // Foreach dialog wrapper decide if safe in safe area or move into the overflow slot, dialog wrappers have priority over the action buttons\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('dialog__wrapper')) {\n                        elements[i].classList.add('show');\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin / 2;\n                        // If we have exceeded the safe area then lets break the loop\n                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {\n                            elements[i].classList.remove('show');\n                            break;\n                        }\n                    }\n                }\n                // Foreach action button\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('btn-action')) {\n                        elements[i].classList.add('show');\n                        tempWidth += elements[i].offsetWidth;\n                        tempWidth += elementMargin / 2;\n                        // If we have exceeded the safe area then lets break the loop\n                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {\n                            elements[i].classList.remove('show');\n                            break;\n                        }\n                    }\n                }\n                const overflowDialog = element.querySelector('.dialog-overflow');\n                if (overflowDialog)\n                    overflowDialog.classList.add('d-none');\n                // Decide which elements go into the overflow slot\n                for (let i = 0; i < elements.length; i++) {\n                    if (elements[i].classList.contains('btn-action') || elements[i].classList.contains('dialog__wrapper')) {\n                        if (!elements[i].classList.contains('show')) {\n                            // Move to the slot by changing the attribute\n                            elements[i].setAttribute('slot', overflowSlot);\n                            // if an element has been added to overflow slot then make sure we show the overflow menu button\n                            if (overflowDialog)\n                                overflowDialog.classList.remove('d-none');\n                        }\n                    }\n                }\n            });\n        };\n        // Check buttons on load and when the wrapper element gets resized.\n        hideButtons();\n        new ResizeObserver(hideButtons).observe(actionbarWrapper);\n        // #endregion\n        // #region cloumn filters\n        const setColumnFilters = () => {\n            let columnsHidden = '';\n            Array.from(checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.querySelectorAll('label input')).forEach((element, index) => {\n                columnsHidden += this.hasAttribute(`data-hide-col${index + 1}`) ? `${index + 1},` : '';\n            });\n            const dispatchedEvent = new CustomEvent('columm-filters-set', {\n                detail: {\n                    columnsHidden: columnsHidden.slice(0, -1),\n                },\n            });\n            this.dispatchEvent(dispatchedEvent);\n        };\n        if (this.hasAttribute('data-filter-columns') || this.hasAttribute('data-filter-columns-save')) {\n            const columns = this.closest('iam-table').querySelectorAll('thead th');\n            Array.from(columns).forEach((element, index) => {\n                if (element.textContent) {\n                    checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.insertAdjacentHTML('beforeend', `<label class=\"m-0\" title=\"Change the display of \"><input name=\"hideCol${index + 1}\" value=\"${index + 1}\" type=\"checkbox\" ${this.hasAttribute('data-hide-col' + (index + 1)) ? '' : 'checked'} /> ${element.textContent}</label>`);\n                }\n            });\n        }\n        if (this.hasAttribute('data-filter-columns') && !this.hasAttribute('data-filter-columns-save')) {\n            checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.addEventListener('change', (event) => {\n                if (event && event.target instanceof HTMLElement && event.target.closest('input')) {\n                    const checkbox = event.target.closest('input');\n                    if ((checkbox === null || checkbox === void 0 ? void 0 : checkbox.checked) == false) {\n                        this.setAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value), 'true');\n                    }\n                    else {\n                        this.removeAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value));\n                    }\n                    setColumnFilters();\n                }\n            });\n        }\n        if (this.hasAttribute('data-filter-columns-save')) {\n            const checklistHolder = (_h = this.shadowRoot) === null || _h === void 0 ? void 0 : _h.querySelector('.checklists');\n            const checklistSave = (_j = this.shadowRoot) === null || _j === void 0 ? void 0 : _j.querySelector('#saveColumns');\n            const checklistCancel = (_k = this.shadowRoot) === null || _k === void 0 ? void 0 : _k.querySelector('#cancelColumns');\n            checklistSave === null || checklistSave === void 0 ? void 0 : checklistSave.addEventListener('click', (event) => {\n                var _a;\n                Array.from(checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.querySelectorAll('label input')).forEach((checkbox) => {\n                    if ((checkbox === null || checkbox === void 0 ? void 0 : checkbox.checked) == false) {\n                        this.setAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value), 'true');\n                    }\n                    else {\n                        this.removeAttribute('data-hide-col' + (checkbox === null || checkbox === void 0 ? void 0 : checkbox.value));\n                    }\n                });\n                setColumnFilters();\n                (_a = checklistSave.closest('dialog')) === null || _a === void 0 ? void 0 : _a.close();\n            });\n            // Revert back to what was previously saved\n            checklistCancel === null || checklistCancel === void 0 ? void 0 : checklistCancel.addEventListener('click', (event) => {\n                var _a, _b;\n                const checklistHolder = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.checklists');\n                Array.from(checklistHolder === null || checklistHolder === void 0 ? void 0 : checklistHolder.querySelectorAll('label input')).forEach((element, index) => {\n                    element.checked = this.hasAttribute(`data-hide-col${index + 1}`) ? false : true;\n                });\n                setColumnFilters();\n                (_b = checklistSave.closest('dialog')) === null || _b === void 0 ? void 0 : _b.close();\n            });\n        }\n        // #endregion\n    }\n    static get observedAttributes() {\n        return ['data-selected'];\n    }\n    attributeChangedCallback(attrName, oldVal, newVal) {\n        switch (attrName) {\n            case 'data-selected': {\n                const selectAll = this.shadowRoot.querySelector('.selectall');\n                if (selectAll)\n                    setSelectAllInput(selectAll, newVal);\n                const event = new CustomEvent('selected', { detail: { selected: newVal } });\n                this.dispatchEvent(event);\n                if (newVal == 'all' && this.hasAttribute('data-select-watch')) {\n                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));\n                    Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                        var _a;\n                        input.checked = true;\n                        if (input.closest('iam-card'))\n                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');\n                    });\n                }\n                if (newVal == '0' && this.hasAttribute('data-select-watch')) {\n                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));\n                    Array.from(element.querySelectorAll('input[type=\"checkbox\"]')).forEach((input) => {\n                        var _a;\n                        input.checked = false;\n                        if (input.closest('iam-card'))\n                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');\n                    });\n                }\n                break;\n            }\n        }\n    }\n}\nexport default iamActionbar;\n"],"names":["extendDialogs","body","dialog","createDialog","event","button","modalID","firstWidth","element","id","originalInput","changeEvent","btnElement","closeEvent","dialogDimensions","btn","parent","dataEvent","popover","position","topOffset","leftOffset","container","boundingRec","popoverBottom","windowPos","currentStyle","dialogContent","titleElement","optionalElement","setSelectAllInput","value","iamActionbar","assetLocation","coreCSS","template","_a","_b","_c","_d","_e","_f","_g","_h","_j","_k","actionbarWrapper","checklistHolder","selectAll","cancelButton","input","count","countChecked","btns","viewList","view","icon","views","switchEvent","searchBar","searchBtn","keyupEvent","submitEvent","hideButtons","wrapperWidth","screenWidth","safeAreaWidth","elementMargin","tabletSafeWidth","mobileSafeWidth","modifier","overflowSlot","elements","tempWidth","i","overflowDialog","setColumnFilters","columnsHidden","index","dispatchedEvent","columns","checkbox","checklistSave","checklistCancel","attrName","oldVal","newVal"],"mappings":"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"}

package/assets/js/components/address-lookup/address-lookup.component.js

@@ -66,8 +66,6 @@ class iamAddressLookup extends HTMLElement {
     }
     connectedCallback() {
         return __awaiter(this, void 0, void 0, function* () {
-            const component = this;
-            const wrapper = this.shadowRoot.querySelector('.wrapper');
             const lookup = this.shadowRoot.querySelector('[name="postcode"]');
             const lookupWrapper = this.shadowRoot.querySelector('.postcode-lookup');
             const manualWrapper = this.shadowRoot.querySelector('.manual-address');
@@ -77,14 +75,15 @@ class iamAddressLookup extends HTMLElement {
             const switchLookupBtn = this.shadowRoot.querySelector('.switch-to-lookup-btn');
             const title = this.hasAttribute('data-title') ? this.getAttribute('data-title') : 'Property address';
             const preFilledAddressBtn = this.shadowRoot.querySelector('.pre-filled-address + button');
-            Array.from(this.shadowRoot.querySelectorAll('.title')).forEach((titleElement, index) => {
+            const dataDisplayText = this.hasAttribute('data-display-text');
+            Array.from(this.shadowRoot.querySelectorAll('.title')).forEach((titleElement) => {
                 titleElement.innerHTML = title;
             });
             function checkFilled(component) {
                 const preFilledAddress = component.shadowRoot.querySelector('.pre-filled-address');
                 let preFilled = true;
                 preFilledAddress.innerHTML = '';
-                Array.from(component.querySelectorAll('input[required],input[data-required],select[required],select[data-required]')).forEach((input, index) => {
+                Array.from(component.querySelectorAll('input[required],input[data-required],select[required],select[data-required]')).forEach((input) => {
                     const value = input.value;
                     if (!value)
                         preFilled = false;
@@ -99,7 +98,7 @@ class iamAddressLookup extends HTMLElement {
                 }
             }
             checkFilled(this);
-            this.addEventListener('filled', (event) => {
+            this.addEventListener('filled', () => {
                 checkFilled(this);
             });
             if (this.hasAttribute('data-use')) {
@@ -113,7 +112,7 @@ class iamAddressLookup extends HTMLElement {
                             lookupWrapper.classList.add('js-hide');
                             manualWrapper.classList.remove('js-hide');
                             const values = JSON.parse(this.getAttribute('data-use'));
-                            Object.keys(values).forEach((key, index) => {
+                            Object.keys(values).forEach((key) => {
                                 const value = values[key];
                                 if (this.querySelector(`[data-name="${key}"]`))
                                     this.querySelector(`[data-name="${key}"]`).value = value;
@@ -127,42 +126,42 @@ class iamAddressLookup extends HTMLElement {
             if (this.hasAttribute('data-manual')) {
                 lookupWrapper.classList.add('js-hide');
                 manualWrapper.classList.remove('js-hide');
-                Array.from(manualWrapper.querySelectorAll('[data-required]')).forEach((input, index) => {
+                Array.from(manualWrapper.querySelectorAll('[data-required]')).forEach((input) => {
                     input.setAttribute('required', 'true');
                 });
             }
             function openManualWrapper() {
                 lookupWrapper.classList.add('js-hide');
                 manualWrapper.classList.remove('js-hide');
-                Array.from(manualWrapper.querySelectorAll('[data-required]')).forEach((input, index) => {
+                Array.from(manualWrapper.querySelectorAll('[data-required]')).forEach((input) => {
                     input.setAttribute('required', 'true');
                 });
                 manualWrapper.scrollIntoView();
             }
-            preFilledAddressBtn.addEventListener('click', (event) => {
+            preFilledAddressBtn.addEventListener('click', () => {
                 preFilledWrapper.classList.add('js-hide');
                 openManualWrapper();
             });
-            switchManualBtn.addEventListener('click', (event) => {
+            switchManualBtn.addEventListener('click', () => {
                 openManualWrapper();
             });
-            switchLookupBtn.addEventListener('click', (event) => {
+            switchLookupBtn.addEventListener('click', () => {
                 lookupWrapper.classList.remove('js-hide');
                 manualWrapper.classList.add('js-hide');
                 lookupWrapper.scrollIntoView();
             });
-            lookup.addEventListener('keyup', (event) => {
+            lookup.addEventListener('keyup', () => {
                 if (lookup.value.length >= 3)
                     search(lookup.value);
             });
-            lookup.addEventListener('change', (event) => {
+            lookup.addEventListener('change', () => {
                 if (lookup.value.length >= 3) {
                     search(lookup.value);
                     if (list.querySelector(`[value="${lookup.value}"]`)) {
                         lookupWrapper.classList.add('js-hide');
                         manualWrapper.classList.remove('js-hide');
                         const values = JSON.parse(list.querySelector(`[value="${lookup.value}"]`).getAttribute('data-values'));
-                        Object.keys(values).forEach((key, index) => {
+                        Object.keys(values).forEach((key) => {
                             const value = values[key];
                             if (this.querySelector(`[data-name="${key}"]`) && value != '')
                                 this.querySelector(`[data-name="${key}"]`).value = value;
@@ -175,7 +174,7 @@ class iamAddressLookup extends HTMLElement {
                         });
                         // Focus on first input
                         this.querySelector('[name]').focus();
-                        Array.from(this.querySelectorAll('[data-required]')).forEach((input, index) => {
+                        Array.from(this.querySelectorAll('[data-required]')).forEach((input) => {
                             input.setAttribute('required', 'true');
                         });
                         lookup.removeAttribute('required');
@@ -212,7 +211,7 @@ class iamAddressLookup extends HTMLElement {
                         .then((response) => {
                         // populate datalist
                         let listString = '';
-                        response.forEach((address, index) => {
+                        response.forEach((address) => {
                             // Deal with agent platform response
                             if (typeof address.value == 'object') {
                                 const values = JSON.stringify(address.value);
@@ -220,8 +219,8 @@ class iamAddressLookup extends HTMLElement {
                             }
                             else {
                                 const values = JSON.stringify(address);
-                                if (component.hasAttribute('data-display-text')) {
-                                    listString += `<option value="${address[component.getAttribute('data-display-text')]}, ${postcode}" data-values='${values}'></option>`;
+                                if (dataDisplayText) {
+                                    listString += `<option value="${address[dataDisplayText]}, ${postcode}" data-values='${values}'></option>`;
                                 }
                                 else {
                                     let itemString = '';

package/assets/js/components/address-lookup/address-lookup.component.min.js

@@ -1,10 +1,10 @@
 /*!
-  * iamKey v7.1.0--beta7
+  * iamKey v7.2.0
   * Copyright 2022-2025 iamproperty
-  */import x from"js-cookie";var g=function(S,c,a,i){function n(u){return u instanceof a?u:new a(function(p){p(u)})}return new(a||(a=Promise))(function(u,p){function b(d){try{m(i.next(d))}catch(f){p(f)}}function v(d){try{m(i.throw(d))}catch(f){p(f)}}function m(d){d.done?u(d.value):n(d.value).then(b,v)}m((i=i.apply(S,c||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Address Lookup"});class j extends HTMLElement{constructor(){var c;super(),this.attachShadow({mode:"open"});const a=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",i=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${a}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
+  */import g from"js-cookie";var $=function(L,o,r,a){function u(d){return d instanceof r?d:new r(function(h){h(d)})}return new(r||(r=Promise))(function(d,h){function b(n){try{m(a.next(n))}catch(f){h(f)}}function v(n){try{m(a.throw(n))}catch(f){h(f)}}function m(n){n.done?d(n.value):u(n.value).then(b,v)}m((a=a.apply(L,o||[])).next())})};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Address Lookup"});class j extends HTMLElement{constructor(){var o;super(),this.attachShadow({mode:"open"});const r=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",a=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${r}/css/core.min.css`,u=document.createElement("template");u.innerHTML=`
     <style>
-    @import "${i}";
-    :host{margin-bottom:1rem;display:block}input[name=postcode]{border-color:var(--error-border, var(--colour-primary)) !important}:is([name=postcode]):is(:focus,.focus):not(:disabled){border-color:var(--colour-info) !important}div:has(input[name=postcode]) .suffix{border-color:var(--error-border, var(--colour-primary)) !important}.invalid-feedback{display:var(--error-display, none) !important}.optional{display:var(--req-display, inline-block) !important}.pre-filled p{padding-bottom:1rem}.pre-filled button{border:none;background:none;cursor:pointer}/*# sourceMappingURL=assets/css/components/address-lookup.css.map */
+    @import "${a}";
+    .js-hide{display:none !important}:host{margin-bottom:1rem;display:block}input[name=postcode]{border-color:var(--error-border, var(--colour-primary)) !important}:is([name=postcode]):is(:focus,.focus):not(:disabled){border-color:var(--colour-info) !important}div:has(input[name=postcode]) .suffix{border-color:var(--error-border, var(--colour-primary)) !important}.invalid-feedback{display:var(--error-display, none) !important}.optional{display:var(--req-display, inline-block) !important}.pre-filled p{padding-bottom:1rem}.pre-filled button{border:none;background:none;cursor:pointer}/*# sourceMappingURL=assets/css/components/address-lookup.css.map */
 
     
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
@@ -37,5 +37,5 @@
         <p><span class="pre-filled-address"></span><button class="text-primary text-decoration-none ms-1 cursor-pointer" type="button"><i class="fa-regular fa-pen-to-square"></i><span class="visually-hidden">Edit</span></button><slot name="prefilled"></slot></p>
       </div>
     </div>
-    `,(c=this.shadowRoot)===null||c===void 0||c.appendChild(n.content.cloneNode(!0))}connectedCallback(){return g(this,void 0,void 0,function*(){const c=this;this.shadowRoot.querySelector(".wrapper");const a=this.shadowRoot.querySelector('[name="postcode"]'),i=this.shadowRoot.querySelector(".postcode-lookup"),n=this.shadowRoot.querySelector(".manual-address"),u=this.shadowRoot.querySelector(".pre-filled"),p=this.shadowRoot.querySelector("datalist"),b=this.shadowRoot.querySelector(".switch-to-manual-btn"),v=this.shadowRoot.querySelector(".switch-to-lookup-btn"),m=this.hasAttribute("data-title")?this.getAttribute("data-title"):"Property address",d=this.shadowRoot.querySelector(".pre-filled-address + button");Array.from(this.shadowRoot.querySelectorAll(".title")).forEach((t,s)=>{t.innerHTML=m});function f(t){const s=t.shadowRoot.querySelector(".pre-filled-address");let e=!0;s.innerHTML="",Array.from(t.querySelectorAll("input[required],input[data-required],select[required],select[data-required]")).forEach((l,o)=>{const r=l.value;r?s.innerHTML+=r+(/^-?\d+$/.test(r)?" ":", "):e=!1}),s.innerHTML=s.innerHTML.slice(0,-2),e&&(u.classList.remove("js-hide"),i.classList.add("js-hide"),n.classList.add("js-hide"))}if(f(this),this.addEventListener("filled",t=>{f(this)}),this.hasAttribute("data-use")){const s=`<div><input type="checkbox" name="use" id="use" value="yes"><label for="use">${this.hasAttribute("data-use-label")?this.getAttribute("data-use-label"):"Use saved address"}</label></div>`;i.insertAdjacentHTML("afterbegin",s),this.shadowRoot.addEventListener("change",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest('[name="use"]')&&e.target.closest('[name="use"]').checked){i.classList.add("js-hide"),n.classList.remove("js-hide");const o=JSON.parse(this.getAttribute("data-use"));Object.keys(o).forEach((r,$)=>{const h=o[r];this.querySelector(`[data-name="${r}"]`)?this.querySelector(`[data-name="${r}"]`).value=h:this.querySelector(`[name="${r}"]`)&&(this.querySelector(`[name="${r}"]`).value=h)})}})}this.hasAttribute("data-manual")&&(i.classList.add("js-hide"),n.classList.remove("js-hide"),Array.from(n.querySelectorAll("[data-required]")).forEach((t,s)=>{t.setAttribute("required","true")}));function L(){i.classList.add("js-hide"),n.classList.remove("js-hide"),Array.from(n.querySelectorAll("[data-required]")).forEach((t,s)=>{t.setAttribute("required","true")}),n.scrollIntoView()}d.addEventListener("click",t=>{u.classList.add("js-hide"),L()}),b.addEventListener("click",t=>{L()}),v.addEventListener("click",t=>{i.classList.remove("js-hide"),n.classList.add("js-hide"),i.scrollIntoView()}),a.addEventListener("keyup",t=>{a.value.length>=3&&A(a.value)}),a.addEventListener("change",t=>{if(a.value.length>=3&&(A(a.value),p.querySelector(`[value="${a.value}"]`))){i.classList.add("js-hide"),n.classList.remove("js-hide");const s=JSON.parse(p.querySelector(`[value="${a.value}"]`).getAttribute("data-values"));Object.keys(s).forEach((e,l)=>{const o=s[e];this.querySelector(`[data-name="${e}"]`)&&o!=""?this.querySelector(`[data-name="${e}"]`).value=o:this.querySelector(`[data-name-alt="${e}"]`)&&o!=""?this.querySelector(`[data-name-alt="${e}"]`).value=o:this.querySelector(`[name="${e}"]`)&&o!=""&&(this.querySelector(`[name="${e}"]`).value=o),this.querySelector(`[data-name-2="${e}"]`)&&(this.querySelector(`[data-name-2="${e}"]`).value+=" "+o)}),this.querySelector("[name]").focus(),Array.from(this.querySelectorAll("[data-required]")).forEach((e,l)=>{e.setAttribute("required","true")}),a.removeAttribute("required"),this.shadowRoot.querySelector('[name="use"]')&&(this.shadowRoot.querySelector('[name="use"]').checked=!1)}});const A=t=>g(this,void 0,void 0,function*(){let s=this.getAttribute("data-url");s+=`${encodeURI(t)}`,window.controller||(window.controller=[]),window.controller[s]&&window.controller[s].abort(),window.controller[s]=new AbortController;const{signal:e}=controller[s];try{yield fetch(s,{signal:e,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":x.get("XSRF-TOKEN")})}).then(l=>l.json()).then(l=>{let o="";return l.forEach((r,$)=>{if(typeof r.value=="object"){const h=JSON.stringify(r.value);o+=`<option value="${r.label}, ${t}" data-values='${h}'></option>`}else{const h=JSON.stringify(r);if(c.hasAttribute("data-display-text"))o+=`<option value="${r[c.getAttribute("data-display-text")]}, ${t}" data-values='${h}'></option>`;else{let y="";for(const[w,q]of Object.entries(r))w=="address_number_name"?y+=`${q} `:w!="postcode"&&w!="address_title"&&(y+=`${q}${/^-?\d+$/.test(q)?"":","} `);o+=`<option value="${y}${t}" data-values='${h}'></option>`}}}),p.innerHTML=o,l})}catch(l){console.log(l)}})})}}export{j as default};
+    `,(o=this.shadowRoot)===null||o===void 0||o.appendChild(u.content.cloneNode(!0))}connectedCallback(){return $(this,void 0,void 0,function*(){const o=this.shadowRoot.querySelector('[name="postcode"]'),r=this.shadowRoot.querySelector(".postcode-lookup"),a=this.shadowRoot.querySelector(".manual-address"),u=this.shadowRoot.querySelector(".pre-filled"),d=this.shadowRoot.querySelector("datalist"),h=this.shadowRoot.querySelector(".switch-to-manual-btn"),b=this.shadowRoot.querySelector(".switch-to-lookup-btn"),v=this.hasAttribute("data-title")?this.getAttribute("data-title"):"Property address",m=this.shadowRoot.querySelector(".pre-filled-address + button"),n=this.hasAttribute("data-display-text");Array.from(this.shadowRoot.querySelectorAll(".title")).forEach(t=>{t.innerHTML=v});function f(t){const e=t.shadowRoot.querySelector(".pre-filled-address");let s=!0;e.innerHTML="",Array.from(t.querySelectorAll("input[required],input[data-required],select[required],select[data-required]")).forEach(c=>{const l=c.value;l?e.innerHTML+=l+(/^-?\d+$/.test(l)?" ":", "):s=!1}),e.innerHTML=e.innerHTML.slice(0,-2),s&&(u.classList.remove("js-hide"),r.classList.add("js-hide"),a.classList.add("js-hide"))}if(f(this),this.addEventListener("filled",()=>{f(this)}),this.hasAttribute("data-use")){const e=`<div><input type="checkbox" name="use" id="use" value="yes"><label for="use">${this.hasAttribute("data-use-label")?this.getAttribute("data-use-label"):"Use saved address"}</label></div>`;r.insertAdjacentHTML("afterbegin",e),this.shadowRoot.addEventListener("change",s=>{if(s&&s.target instanceof HTMLElement&&s.target.closest('[name="use"]')&&s.target.closest('[name="use"]').checked){r.classList.add("js-hide"),a.classList.remove("js-hide");const l=JSON.parse(this.getAttribute("data-use"));Object.keys(l).forEach(i=>{const p=l[i];this.querySelector(`[data-name="${i}"]`)?this.querySelector(`[data-name="${i}"]`).value=p:this.querySelector(`[name="${i}"]`)&&(this.querySelector(`[name="${i}"]`).value=p)})}})}this.hasAttribute("data-manual")&&(r.classList.add("js-hide"),a.classList.remove("js-hide"),Array.from(a.querySelectorAll("[data-required]")).forEach(t=>{t.setAttribute("required","true")}));function S(){r.classList.add("js-hide"),a.classList.remove("js-hide"),Array.from(a.querySelectorAll("[data-required]")).forEach(t=>{t.setAttribute("required","true")}),a.scrollIntoView()}m.addEventListener("click",()=>{u.classList.add("js-hide"),S()}),h.addEventListener("click",()=>{S()}),b.addEventListener("click",()=>{r.classList.remove("js-hide"),a.classList.add("js-hide"),r.scrollIntoView()}),o.addEventListener("keyup",()=>{o.value.length>=3&&A(o.value)}),o.addEventListener("change",()=>{if(o.value.length>=3&&(A(o.value),d.querySelector(`[value="${o.value}"]`))){r.classList.add("js-hide"),a.classList.remove("js-hide");const t=JSON.parse(d.querySelector(`[value="${o.value}"]`).getAttribute("data-values"));Object.keys(t).forEach(e=>{const s=t[e];this.querySelector(`[data-name="${e}"]`)&&s!=""?this.querySelector(`[data-name="${e}"]`).value=s:this.querySelector(`[data-name-alt="${e}"]`)&&s!=""?this.querySelector(`[data-name-alt="${e}"]`).value=s:this.querySelector(`[name="${e}"]`)&&s!=""&&(this.querySelector(`[name="${e}"]`).value=s),this.querySelector(`[data-name-2="${e}"]`)&&(this.querySelector(`[data-name-2="${e}"]`).value+=" "+s)}),this.querySelector("[name]").focus(),Array.from(this.querySelectorAll("[data-required]")).forEach(e=>{e.setAttribute("required","true")}),o.removeAttribute("required"),this.shadowRoot.querySelector('[name="use"]')&&(this.shadowRoot.querySelector('[name="use"]').checked=!1)}});const A=t=>$(this,void 0,void 0,function*(){let e=this.getAttribute("data-url");e+=`${encodeURI(t)}`,window.controller||(window.controller=[]),window.controller[e]&&window.controller[e].abort(),window.controller[e]=new AbortController;const{signal:s}=controller[e];try{yield fetch(e,{signal:s,method:"get",credentials:"same-origin",headers:new Headers({"Content-Type":"application/json",Accept:"application/json","X-Requested-With":"XMLHttpRequest","X-XSRF-TOKEN":g.get("XSRF-TOKEN")})}).then(c=>c.json()).then(c=>{let l="";return c.forEach(i=>{if(typeof i.value=="object"){const p=JSON.stringify(i.value);l+=`<option value="${i.label}, ${t}" data-values='${p}'></option>`}else{const p=JSON.stringify(i);if(n)l+=`<option value="${i[n]}, ${t}" data-values='${p}'></option>`;else{let y="";for(const[w,q]of Object.entries(i))w=="address_number_name"?y+=`${q} `:w!="postcode"&&w!="address_title"&&(y+=`${q}${/^-?\d+$/.test(q)?"":","} `);l+=`<option value="${y}${t}" data-values='${p}'></option>`}}}),d.innerHTML=l,c})}catch(c){console.log(c)}})})}}export{j as default};
 //# sourceMappingURL=address-lookup.component.min.js.map

package/assets/js/components/address-lookup/address-lookup.component.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"address-lookup.component.min.js","sources":["address-lookup.component.js"],"sourcesContent":["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 'js-cookie';\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'Address Lookup',\n});\nclass iamAddressLookup extends HTMLElement {\n    constructor() {\n        var _a;\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 coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/address-lookup.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    \n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\" />\n    <div class=\"wrapper\">\n\n      <div class=\"postcode-lookup\">\n        <div>\n        <label class=\"mb-2\">Search <span class=\"title text-lowercase\"></span> <span class=\"optional\">(Optional)</span>\n          <span>\n          <input type=\"text\" name=\"postcode\" list=\"address-lookup__addressess\" autocomplete=\"off\" aria-autocomplete=\"none\" placeholder=\"Postcode\" />\n          <span class=\"suffix fa-regular fa-search\"></span>\n          </span>\n          <span class=\"invalid-feedback\">Required Adddress fields missing</span>\n        </label>\n\n        </div>\n        <button class=\"btn btn-tertiary switch-to-manual-btn\" type=\"button\">Or enter address manually</button>\n      </div>\n      <datalist id=\"address-lookup__addressess\"></datalist>\n\n      <div class=\"manual-address pb-2 js-hide\">\n        <slot></slot>\n        <button class=\"btn btn-tertiary switch-to-lookup-btn\" type=\"button\">Use postcode lookup</button>\n        <slot name=\"after\"></slot>\n      </div>\n      <div class=\"pre-filled pb-2 js-hide\">\n        <strong class=\"title text-primary d-block\"></strong>\n        <p><span class=\"pre-filled-address\"></span><button class=\"text-primary text-decoration-none ms-1 cursor-pointer\" type=\"button\"><i class=\"fa-regular fa-pen-to-square\"></i><span class=\"visually-hidden\">Edit</span></button><slot name=\"prefilled\"></slot></p>\n      </div>\n    </div>\n    `;\n        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            const component = this;\n            const wrapper = this.shadowRoot.querySelector('.wrapper');\n            const lookup = this.shadowRoot.querySelector('[name=\"postcode\"]');\n            const lookupWrapper = this.shadowRoot.querySelector('.postcode-lookup');\n            const manualWrapper = this.shadowRoot.querySelector('.manual-address');\n            const preFilledWrapper = this.shadowRoot.querySelector('.pre-filled');\n            const list = this.shadowRoot.querySelector('datalist');\n            const switchManualBtn = this.shadowRoot.querySelector('.switch-to-manual-btn');\n            const switchLookupBtn = this.shadowRoot.querySelector('.switch-to-lookup-btn');\n            const title = this.hasAttribute('data-title') ? this.getAttribute('data-title') : 'Property address';\n            const preFilledAddressBtn = this.shadowRoot.querySelector('.pre-filled-address + button');\n            Array.from(this.shadowRoot.querySelectorAll('.title')).forEach((titleElement, index) => {\n                titleElement.innerHTML = title;\n            });\n            function checkFilled(component) {\n                const preFilledAddress = component.shadowRoot.querySelector('.pre-filled-address');\n                let preFilled = true;\n                preFilledAddress.innerHTML = '';\n                Array.from(component.querySelectorAll('input[required],input[data-required],select[required],select[data-required]')).forEach((input, index) => {\n                    const value = input.value;\n                    if (!value)\n                        preFilled = false;\n                    else\n                        preFilledAddress.innerHTML += value + (/^-?\\d+$/.test(value) ? ' ' : ', ');\n                });\n                preFilledAddress.innerHTML = preFilledAddress.innerHTML.slice(0, -2);\n                if (preFilled) {\n                    preFilledWrapper.classList.remove('js-hide');\n                    lookupWrapper.classList.add('js-hide');\n                    manualWrapper.classList.add('js-hide');\n                }\n            }\n            checkFilled(this);\n            this.addEventListener('filled', (event) => {\n                checkFilled(this);\n            });\n            if (this.hasAttribute('data-use')) {\n                const useLabel = this.hasAttribute('data-use-label') ? this.getAttribute('data-use-label') : 'Use saved address';\n                const useCheckbox = `<div><input type=\"checkbox\" name=\"use\" id=\"use\" value=\"yes\"><label for=\"use\">${useLabel}</label></div>`;\n                lookupWrapper.insertAdjacentHTML('afterbegin', useCheckbox);\n                this.shadowRoot.addEventListener('change', (event) => {\n                    if (event && event.target instanceof HTMLElement && event.target.closest('[name=\"use\"]')) {\n                        const checkbox = event.target.closest('[name=\"use\"]');\n                        if (checkbox.checked) {\n                            lookupWrapper.classList.add('js-hide');\n                            manualWrapper.classList.remove('js-hide');\n                            const values = JSON.parse(this.getAttribute('data-use'));\n                            Object.keys(values).forEach((key, index) => {\n                                const value = values[key];\n                                if (this.querySelector(`[data-name=\"${key}\"]`))\n                                    this.querySelector(`[data-name=\"${key}\"]`).value = value;\n                                else if (this.querySelector(`[name=\"${key}\"]`))\n                                    this.querySelector(`[name=\"${key}\"]`).value = value;\n                            });\n                        }\n                    }\n                });\n            }\n            if (this.hasAttribute('data-manual')) {\n                lookupWrapper.classList.add('js-hide');\n                manualWrapper.classList.remove('js-hide');\n                Array.from(manualWrapper.querySelectorAll('[data-required]')).forEach((input, index) => {\n                    input.setAttribute('required', 'true');\n                });\n            }\n            function openManualWrapper() {\n                lookupWrapper.classList.add('js-hide');\n                manualWrapper.classList.remove('js-hide');\n                Array.from(manualWrapper.querySelectorAll('[data-required]')).forEach((input, index) => {\n                    input.setAttribute('required', 'true');\n                });\n                manualWrapper.scrollIntoView();\n            }\n            preFilledAddressBtn.addEventListener('click', (event) => {\n                preFilledWrapper.classList.add('js-hide');\n                openManualWrapper();\n            });\n            switchManualBtn.addEventListener('click', (event) => {\n                openManualWrapper();\n            });\n            switchLookupBtn.addEventListener('click', (event) => {\n                lookupWrapper.classList.remove('js-hide');\n                manualWrapper.classList.add('js-hide');\n                lookupWrapper.scrollIntoView();\n            });\n            lookup.addEventListener('keyup', (event) => {\n                if (lookup.value.length >= 3)\n                    search(lookup.value);\n            });\n            lookup.addEventListener('change', (event) => {\n                if (lookup.value.length >= 3) {\n                    search(lookup.value);\n                    if (list.querySelector(`[value=\"${lookup.value}\"]`)) {\n                        lookupWrapper.classList.add('js-hide');\n                        manualWrapper.classList.remove('js-hide');\n                        const values = JSON.parse(list.querySelector(`[value=\"${lookup.value}\"]`).getAttribute('data-values'));\n                        Object.keys(values).forEach((key, index) => {\n                            const value = values[key];\n                            if (this.querySelector(`[data-name=\"${key}\"]`) && value != '')\n                                this.querySelector(`[data-name=\"${key}\"]`).value = value;\n                            else if (this.querySelector(`[data-name-alt=\"${key}\"]`) && value != '')\n                                this.querySelector(`[data-name-alt=\"${key}\"]`).value = value;\n                            else if (this.querySelector(`[name=\"${key}\"]`) && value != '')\n                                this.querySelector(`[name=\"${key}\"]`).value = value;\n                            if (this.querySelector(`[data-name-2=\"${key}\"]`))\n                                this.querySelector(`[data-name-2=\"${key}\"]`).value += ' ' + value;\n                        });\n                        // Focus on first input\n                        this.querySelector('[name]').focus();\n                        Array.from(this.querySelectorAll('[data-required]')).forEach((input, index) => {\n                            input.setAttribute('required', 'true');\n                        });\n                        lookup.removeAttribute('required');\n                        if (this.shadowRoot.querySelector('[name=\"use\"]'))\n                            this.shadowRoot.querySelector('[name=\"use\"]').checked = false;\n                    }\n                }\n            });\n            const search = (postcode) => __awaiter(this, void 0, void 0, function* () {\n                let ajaxURL = this.getAttribute('data-url');\n                ajaxURL += `${encodeURI(postcode)}`;\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())\n                        .then((response) => {\n                        // populate datalist\n                        let listString = '';\n                        response.forEach((address, index) => {\n                            // Deal with agent platform response\n                            if (typeof address.value == 'object') {\n                                const values = JSON.stringify(address.value);\n                                listString += `<option value=\"${address['label']}, ${postcode}\" data-values='${values}'></option>`;\n                            }\n                            else {\n                                const values = JSON.stringify(address);\n                                if (component.hasAttribute('data-display-text')) {\n                                    listString += `<option value=\"${address[component.getAttribute('data-display-text')]}, ${postcode}\" data-values='${values}'></option>`;\n                                }\n                                else {\n                                    let itemString = '';\n                                    for (const [key, value] of Object.entries(address)) {\n                                        if (key == 'address_number_name')\n                                            itemString += `${value} `;\n                                        else if (key != 'postcode' && key != 'address_title')\n                                            itemString += `${value}${/^-?\\d+$/.test(value) ? '' : ','} `;\n                                    }\n                                    listString += `<option value=\"${itemString}${postcode}\" data-values='${values}'></option>`;\n                                }\n                            }\n                        });\n                        list.innerHTML = listString;\n                        return response;\n                    });\n                }\n                catch (error) {\n                    console.log(error);\n                }\n            });\n        });\n    }\n}\nexport default iamAddressLookup;\n"],"names":["__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamAddressLookup","_a","assetLocation","coreCSS","template","component","lookup","lookupWrapper","manualWrapper","preFilledWrapper","list","switchManualBtn","switchLookupBtn","title","preFilledAddressBtn","titleElement","index","checkFilled","preFilledAddress","preFilled","input","event","useCheckbox","values","key","openManualWrapper","search","postcode","ajaxURL","signal","Cookies","response","listString","address","itemString","error"],"mappings":"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"}
+{"version":3,"file":"address-lookup.component.min.js","sources":["address-lookup.component.js"],"sourcesContent":["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 'js-cookie';\nwindow.dataLayer = window.dataLayer || [];\nwindow.dataLayer.push({\n    event: 'customElementRegistered',\n    element: 'Address Lookup',\n});\nclass iamAddressLookup extends HTMLElement {\n    constructor() {\n        var _a;\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 coreCSS = document.body.hasAttribute('data-core-css')\n            ? document.body.getAttribute('data-core-css')\n            : `${assetLocation}/css/core.min.css`;\n        const loadCSS = `@import \"${assetLocation}/css/components/address-lookup.css\";`;\n        const template = document.createElement('template');\n        template.innerHTML = `\n    <style>\n    @import \"${coreCSS}\";\n    ${loadCSS}\n    \n    ${this.hasAttribute('css') ? `@import \"${this.getAttribute('css')}\";` : ``}\n    </style>\n    <link rel=\"stylesheet\" href=\"https://kit.fontawesome.com/26fdbf0179.css\" crossorigin=\"anonymous\" />\n    <div class=\"wrapper\">\n\n      <div class=\"postcode-lookup\">\n        <div>\n        <label class=\"mb-2\">Search <span class=\"title text-lowercase\"></span> <span class=\"optional\">(Optional)</span>\n          <span>\n          <input type=\"text\" name=\"postcode\" list=\"address-lookup__addressess\" autocomplete=\"off\" aria-autocomplete=\"none\" placeholder=\"Postcode\" />\n          <span class=\"suffix fa-regular fa-search\"></span>\n          </span>\n          <span class=\"invalid-feedback\">Required Adddress fields missing</span>\n        </label>\n\n        </div>\n        <button class=\"btn btn-tertiary switch-to-manual-btn\" type=\"button\">Or enter address manually</button>\n      </div>\n      <datalist id=\"address-lookup__addressess\"></datalist>\n\n      <div class=\"manual-address pb-2 js-hide\">\n        <slot></slot>\n        <button class=\"btn btn-tertiary switch-to-lookup-btn\" type=\"button\">Use postcode lookup</button>\n        <slot name=\"after\"></slot>\n      </div>\n      <div class=\"pre-filled pb-2 js-hide\">\n        <strong class=\"title text-primary d-block\"></strong>\n        <p><span class=\"pre-filled-address\"></span><button class=\"text-primary text-decoration-none ms-1 cursor-pointer\" type=\"button\"><i class=\"fa-regular fa-pen-to-square\"></i><span class=\"visually-hidden\">Edit</span></button><slot name=\"prefilled\"></slot></p>\n      </div>\n    </div>\n    `;\n        (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));\n    }\n    connectedCallback() {\n        return __awaiter(this, void 0, void 0, function* () {\n            const lookup = this.shadowRoot.querySelector('[name=\"postcode\"]');\n            const lookupWrapper = this.shadowRoot.querySelector('.postcode-lookup');\n            const manualWrapper = this.shadowRoot.querySelector('.manual-address');\n            const preFilledWrapper = this.shadowRoot.querySelector('.pre-filled');\n            const list = this.shadowRoot.querySelector('datalist');\n            const switchManualBtn = this.shadowRoot.querySelector('.switch-to-manual-btn');\n            const switchLookupBtn = this.shadowRoot.querySelector('.switch-to-lookup-btn');\n            const title = this.hasAttribute('data-title') ? this.getAttribute('data-title') : 'Property address';\n            const preFilledAddressBtn = this.shadowRoot.querySelector('.pre-filled-address + button');\n            const dataDisplayText = this.hasAttribute('data-display-text');\n            Array.from(this.shadowRoot.querySelectorAll('.title')).forEach((titleElement) => {\n                titleElement.innerHTML = title;\n            });\n            function checkFilled(component) {\n                const preFilledAddress = component.shadowRoot.querySelector('.pre-filled-address');\n                let preFilled = true;\n                preFilledAddress.innerHTML = '';\n                Array.from(component.querySelectorAll('input[required],input[data-required],select[required],select[data-required]')).forEach((input) => {\n                    const value = input.value;\n                    if (!value)\n                        preFilled = false;\n                    else\n                        preFilledAddress.innerHTML += value + (/^-?\\d+$/.test(value) ? ' ' : ', ');\n                });\n                preFilledAddress.innerHTML = preFilledAddress.innerHTML.slice(0, -2);\n                if (preFilled) {\n                    preFilledWrapper.classList.remove('js-hide');\n                    lookupWrapper.classList.add('js-hide');\n                    manualWrapper.classList.add('js-hide');\n                }\n            }\n            checkFilled(this);\n            this.addEventListener('filled', () => {\n                checkFilled(this);\n            });\n            if (this.hasAttribute('data-use')) {\n                const useLabel = this.hasAttribute('data-use-label') ? this.getAttribute('data-use-label') : 'Use saved address';\n                const useCheckbox = `<div><input type=\"checkbox\" name=\"use\" id=\"use\" value=\"yes\"><label for=\"use\">${useLabel}</label></div>`;\n                lookupWrapper.insertAdjacentHTML('afterbegin', useCheckbox);\n                this.shadowRoot.addEventListener('change', (event) => {\n                    if (event && event.target instanceof HTMLElement && event.target.closest('[name=\"use\"]')) {\n                        const checkbox = event.target.closest('[name=\"use\"]');\n                        if (checkbox.checked) {\n                            lookupWrapper.classList.add('js-hide');\n                            manualWrapper.classList.remove('js-hide');\n                            const values = JSON.parse(this.getAttribute('data-use'));\n                            Object.keys(values).forEach((key) => {\n                                const value = values[key];\n                                if (this.querySelector(`[data-name=\"${key}\"]`))\n                                    this.querySelector(`[data-name=\"${key}\"]`).value = value;\n                                else if (this.querySelector(`[name=\"${key}\"]`))\n                                    this.querySelector(`[name=\"${key}\"]`).value = value;\n                            });\n                        }\n                    }\n                });\n            }\n            if (this.hasAttribute('data-manual')) {\n                lookupWrapper.classList.add('js-hide');\n                manualWrapper.classList.remove('js-hide');\n                Array.from(manualWrapper.querySelectorAll('[data-required]')).forEach((input) => {\n                    input.setAttribute('required', 'true');\n                });\n            }\n            function openManualWrapper() {\n                lookupWrapper.classList.add('js-hide');\n                manualWrapper.classList.remove('js-hide');\n                Array.from(manualWrapper.querySelectorAll('[data-required]')).forEach((input) => {\n                    input.setAttribute('required', 'true');\n                });\n                manualWrapper.scrollIntoView();\n            }\n            preFilledAddressBtn.addEventListener('click', () => {\n                preFilledWrapper.classList.add('js-hide');\n                openManualWrapper();\n            });\n            switchManualBtn.addEventListener('click', () => {\n                openManualWrapper();\n            });\n            switchLookupBtn.addEventListener('click', () => {\n                lookupWrapper.classList.remove('js-hide');\n                manualWrapper.classList.add('js-hide');\n                lookupWrapper.scrollIntoView();\n            });\n            lookup.addEventListener('keyup', () => {\n                if (lookup.value.length >= 3)\n                    search(lookup.value);\n            });\n            lookup.addEventListener('change', () => {\n                if (lookup.value.length >= 3) {\n                    search(lookup.value);\n                    if (list.querySelector(`[value=\"${lookup.value}\"]`)) {\n                        lookupWrapper.classList.add('js-hide');\n                        manualWrapper.classList.remove('js-hide');\n                        const values = JSON.parse(list.querySelector(`[value=\"${lookup.value}\"]`).getAttribute('data-values'));\n                        Object.keys(values).forEach((key) => {\n                            const value = values[key];\n                            if (this.querySelector(`[data-name=\"${key}\"]`) && value != '')\n                                this.querySelector(`[data-name=\"${key}\"]`).value = value;\n                            else if (this.querySelector(`[data-name-alt=\"${key}\"]`) && value != '')\n                                this.querySelector(`[data-name-alt=\"${key}\"]`).value = value;\n                            else if (this.querySelector(`[name=\"${key}\"]`) && value != '')\n                                this.querySelector(`[name=\"${key}\"]`).value = value;\n                            if (this.querySelector(`[data-name-2=\"${key}\"]`))\n                                this.querySelector(`[data-name-2=\"${key}\"]`).value += ' ' + value;\n                        });\n                        // Focus on first input\n                        this.querySelector('[name]').focus();\n                        Array.from(this.querySelectorAll('[data-required]')).forEach((input) => {\n                            input.setAttribute('required', 'true');\n                        });\n                        lookup.removeAttribute('required');\n                        if (this.shadowRoot.querySelector('[name=\"use\"]'))\n                            this.shadowRoot.querySelector('[name=\"use\"]').checked = false;\n                    }\n                }\n            });\n            const search = (postcode) => __awaiter(this, void 0, void 0, function* () {\n                let ajaxURL = this.getAttribute('data-url');\n                ajaxURL += `${encodeURI(postcode)}`;\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())\n                        .then((response) => {\n                        // populate datalist\n                        let listString = '';\n                        response.forEach((address) => {\n                            // Deal with agent platform response\n                            if (typeof address.value == 'object') {\n                                const values = JSON.stringify(address.value);\n                                listString += `<option value=\"${address['label']}, ${postcode}\" data-values='${values}'></option>`;\n                            }\n                            else {\n                                const values = JSON.stringify(address);\n                                if (dataDisplayText) {\n                                    listString += `<option value=\"${address[dataDisplayText]}, ${postcode}\" data-values='${values}'></option>`;\n                                }\n                                else {\n                                    let itemString = '';\n                                    for (const [key, value] of Object.entries(address)) {\n                                        if (key == 'address_number_name')\n                                            itemString += `${value} `;\n                                        else if (key != 'postcode' && key != 'address_title')\n                                            itemString += `${value}${/^-?\\d+$/.test(value) ? '' : ','} `;\n                                    }\n                                    listString += `<option value=\"${itemString}${postcode}\" data-values='${values}'></option>`;\n                                }\n                            }\n                        });\n                        list.innerHTML = listString;\n                        return response;\n                    });\n                }\n                catch (error) {\n                    console.log(error);\n                }\n            });\n        });\n    }\n}\nexport default iamAddressLookup;\n"],"names":["__awaiter","thisArg","_arguments","P","generator","adopt","value","resolve","reject","fulfilled","step","e","rejected","result","iamAddressLookup","_a","assetLocation","coreCSS","template","lookup","lookupWrapper","manualWrapper","preFilledWrapper","list","switchManualBtn","switchLookupBtn","title","preFilledAddressBtn","dataDisplayText","titleElement","checkFilled","component","preFilledAddress","preFilled","input","useCheckbox","event","values","key","openManualWrapper","search","postcode","ajaxURL","signal","Cookies","response","listString","address","itemString","error"],"mappings":"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"}

package/assets/js/components/applied-filters/applied-filters.component.js

@@ -1,4 +1,3 @@
-// @ts-nocheck
 import createAppliedFilters from '../../modules/applied-filters.js';
 // Data layer Web component created
 window.dataLayer = window.dataLayer || [];