@iamproperty/components 7.2.1--beta3 → 7.2.1

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":["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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"}
+{"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 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    ${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 btn-sm 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 btn-sm 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    <div class=\"no-columns\">\n      <span class=\"d-block\">No columns selected</span>\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 btn-sm 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            this.setAttribute('data-columns-shown', checklistHolder.querySelectorAll('input:checked').length);\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        this.setAttribute('data-columns-shown', checklistHolder.querySelectorAll('input:checked').length);\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","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.min.js

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.2.1--beta3
+  * iamKey v7.2.1
   * Copyright 2022-2025 iamproperty
   */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>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.2.1--beta3
+  * iamKey v7.2.1
   * Copyright 2022-2025 iamproperty
   */function A(o,l){function p(t,e,c=!0){let m=!1,s=e.getAttribute("name");if(!s)return!1;s.includes("[]")&&(s=s.replace("[]",`[${e.value}]`));let a=t.querySelector(`[data-name="${s}"]`);a&&e.getAttribute("type")=="checkbox"&&(m=!e.checked);const h=e.getAttribute("data-filter-text");if(a||(a=document.createElement("button"),t.appendChild(a)),a.setAttribute("type","button"),a.classList.add("filter"),a.classList.add("tag"),c&&a.classList.add("tag--not-set"),a.setAttribute("data-name",s),a.innerHTML=h.replace("$value",e.value),(!e.value||m)&&a.remove(),e.parentNode.closest("[data-filter-text]")){const n=e.parentNode.closest("[data-filter-text]");let i=!0;if(s="",n.querySelectorAll("input").forEach((r,d)=>{const f=r.getAttribute("name");if(s+=`${d!=0?",":""}${f}`,t.querySelector(`[data-name="${f}"]`)&&t.querySelector(`[data-name="${f}"]`).remove(),r.value){const u=document.createElement("button");u.setAttribute("type","button"),u.classList.add("filter"),u.classList.add("tag"),c&&a.classList.add("tag--not-set"),u.setAttribute("data-name",f),u.innerHTML=h.replace("$value",r.value),t.appendChild(u)}else i=!1}),t.querySelector(`[data-name="${s}"]`)&&t.querySelector(`[data-name="${s}"]`).remove(),i){let r=n.getAttribute("data-filter-text");n.querySelectorAll("input").forEach((f,u)=>{const y=f.getAttribute("name");t.querySelector(`[data-name="${y}"]`)&&t.querySelector(`[data-name="${y}"]`).remove(),r=r.replace(`$${u+1}`,f.value)});const d=document.createElement("button");d.setAttribute("type","button"),d.classList.add("filter"),d.classList.add("tag"),c&&a.classList.add("tag--not-set"),d.setAttribute("data-name",s),d.innerHTML=r,t.appendChild(d)}}}Array.from(o.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(t=>{p(l,t,!1)});const b=o.closest("dialog");b&&new MutationObserver(function(e){e[0].attributeName=="open"&&Array.from(o.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(c=>{p(l,c,!1)})}).observe(b,{attributes:!0}),o.addEventListener("tags-set",function(){l.innerHTML="",Array.from(o.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(t=>{p(l,t,!1)})}),Array.from(o.querySelectorAll('input[type="checkbox"]:checked, input:not([type="checkbox"]):not([type="radio"])')).forEach(t=>{t.addEventListener("change",function(e){o.hasAttribute("data-keep-same")||p(l,t),e.stopPropagation()})}),o.addEventListener("change",function(t){if(t&&t.target instanceof HTMLElement&&t.target.closest("input[data-filter-text]")){const e=t.target.closest("input[data-filter-text]");o.hasAttribute("data-keep-same")||p(l,e)}}),l.addEventListener("click",function(t){if(t&&t.target instanceof HTMLElement&&t.target.closest(".filter")){const e=t.target.closest(".filter"),c=e.getAttribute("data-name").split(",");for(let m=0;m<c.length;m++){const s=c[m];let a=`[name="${s}"]`;s.match(/\[(.*)\]/)&&(a=`[value="${s.replace(/.*\[(.*)\]/,"$1")}"]`);const h=o.querySelectorAll(a);for(let n=0;n<h.length;n++){const i=h[n];if(i.getAttribute("type")!="radio"&&i.getAttribute("type")!="checkbox"){i.value="";const r=new Event("force");o.hasAttribute("data-nosubmit")||i.closest("form").dispatchEvent(r)}else{i.checked=!1;const r=new Event("force");o.hasAttribute("data-nosubmit")||i.closest("form").dispatchEvent(r)}}}e.remove()}},!1)}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"Applied Filters"});class g extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const l=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",p=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${l}/css/core.min.css`,b=this.classList.toString(),t=document.createElement("template");t.innerHTML=`
     <style>

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

@@ -1,5 +1,5 @@
 /*!
-  * iamKey v7.2.1--beta3
+  * iamKey v7.2.1
   * Copyright 2022-2025 iamproperty
   */const L=t=>t.charAt(0).toUpperCase()+t.slice(1),M=t=>t.replace(/_/g," "),E=(t,r)=>{for(let e=1;e<=10;e++){if(t.hasAttribute(`data-colour-${e}`)){const a=t.getAttribute(`data-colour-${e}`);t.style.setProperty(`--chart-colour-${e}`,`var(--chart-colour-${a})`),t.style.setProperty(`--chart-colour-${e}-hover`,`var(--chart-colour-${a}-hover)`)}Array.from(r.querySelectorAll(`[data-colour-${e}]`)).forEach(a=>{const o=a.getAttribute(`data-colour-${e}`);a.style.setProperty(`--chart-colour-${e}-set`,`var(--chart-colour-${o})`),a.style.setProperty(`--chart-colour-${e}-hover`,`var(--chart-colour-${o}-hover)`)})}return!0},k=(t,r,e)=>{if(t.tagName=="IAM-DOUGHNUTCHART")return P(t,r,e),!0;const a=r.querySelector(".chart__key");a.innerHTML="";const o=r.querySelector(".chart__guidelines");o.innerHTML="";const n=r.querySelector(".chart__yaxis");n.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(i=>{i.remove()});const{xaxis:c}=f(t);return A(t,e),T(r,e,a),K(t,o),X(t,n),c&&Y(r),!0},P=(t,r,e)=>{const a=r.querySelector(".chart__key");return a.innerHTML="",Array.from(r.querySelectorAll(':scope > input[type="checkbox"],:scope > input[type="radio"]')).map(o=>{o.remove()}),A(t,e),T(r,e,a),F(r),!0},N=function(t,r){const e=r.querySelector(".chart");e.addEventListener("mousemove",c=>{if(c&&c.target instanceof HTMLElement&&c.target.closest("td:not(:first-child")){const h=c.target.closest("td:not(:first-child").getBoundingClientRect(),s=c.clientX-h.left,l=c.clientY-h.top;e.setAttribute("style",`--cursor-x: ${s}px; --cursor-y: ${l}px;`)}});const a=r.querySelectorAll("label");Array.from(a).forEach(c=>{r.querySelector(`input#${c.getAttribute("for")}`).checked?c.setAttribute("part","key-checked"):c.setAttribute("part","key-unchecked")});const o=t.querySelector("table"),n=r.querySelector("table");r.addEventListener("change",function(c){const i=c.target,h=new CustomEvent("view-change",{detail:{"data-dataset":i.getAttribute("data-dataset"),label:i.getAttribute("data-label"),checked:i.checked}});t.dispatchEvent(h),Array.from(a).forEach(s=>{var l;!((l=r.querySelector(`input#${s.getAttribute("for")}`))===null||l===void 0)&&l.checked?s.setAttribute("part","key-checked"):s.setAttribute("part","key-unchecked")}),n.innerHTML=o.innerHTML,A(t,n),t.tagName=="IAM-DOUGHNUTCHART"&&F(r)})},R=function(t,r){const e=t.querySelector("table"),a=r.querySelector("table"),o=(h,s)=>{s.disconnect(),i.disconnect();for(const l of h)(l.attributeName=="class"||l.type==="attributes"||l.type==="attributes")&&(a.innerHTML=e.innerHTML,k(t,r,a));s.observe(e,{characterData:!0,subtree:!0}),i.observe(t,{attributes:!0})},n=(h,s)=>{s.disconnect(),i.disconnect();for(const l of h)(l.type=="characterData"||l.type=="childList"&&l.addedNodes.length)&&(a.innerHTML=e.innerHTML,k(t,r,a));s.observe(e,{characterData:!0,subtree:!0}),i.observe(t,{attributes:!0})},c=new MutationObserver(n),i=new MutationObserver(o);return c.observe(e,{characterData:!0,subtree:!0}),i.observe(t,{attributes:!0}),!0};function q(t,r){r>1&&(t=t-.25);const e=Math.cos(2*Math.PI*t),a=Math.sin(2*Math.PI*t);return[e*100,a*100]}const f=function(t){const r=t.shadowRoot.querySelector(".chart__wrapper table"),e=t.hasAttribute("data-min")?t.getAttribute("data-min"):0,a=t.hasAttribute("data-max")?t.getAttribute("data-max"):V(t,r),o=t.hasAttribute("data-yaxis")?t.getAttribute("data-yaxis").split(","):[],n=t.hasAttribute("data-guidelines")?t.getAttribute("data-guidelines").split(","):[],c=t.hasAttribute("data-xaxis")?t.getAttribute("data-xaxis").split(","):null;return{min:e,max:a,yaxis:o,xaxis:c,guidelines:n}};function V(t,r){const e=t.classList.contains("chart--stacked")?"tbody tr":"tbody td:not(:first-child)",a=Array.from(r.querySelectorAll(e)).map(n=>n.getAttribute("data-numeric")),o=Math.max(...a);return Math.ceil(o)}const x=function(t,r,e,a){let o=String(t);o=o.replace("\xA3",""),o=o.replace("%",""),o=o.replace(",",""),o=Number.parseFloat(o);let n=(o-r)/(e-r)*100,c=n,i=0;return a&&a!=0&&(i=(a-r)/(e-r)*100),r<0&&(i=Math.abs(r/(e-r)*100),o<0?(n=i-n,i=i-n,c=i):(n=n-i,c=n+i)),{percent:n,axis:c,bottom:i}},A=function(t,r){Array.from(r.querySelectorAll("tbody tr")).forEach(o=>{let n=0;Array.from(o.querySelectorAll("td:not(:first-child)")).forEach(c=>{const i=c.cloneNode(!0);Array.from(i.querySelectorAll("*")).forEach(l=>{l.remove()});const h=parseFloat(i.textContent.replace("\xA3","").replace("%","").replace(",",""));c.setAttribute("data-numeric",h),c.setAttribute("data-value",i.textContent),getComputedStyle(c).display!="none"&&(n+=h),Array.from(c.querySelectorAll("a, button")).forEach((l,m)=>{m==0&&l.insertAdjacentHTML("beforeBegin","<hr/>"),l.classList.add("btn"),l.classList.add("btn-tertiary")})}),o.setAttribute("data-numeric",n)});const{min:e,max:a}=f(t);Array.from(r.querySelectorAll("tbody tr")).forEach((o,n)=>{const c=o.querySelector("td:first-child, th:first-child")?o.querySelector("td:first-child, th:first-child").textContent:"";o.setAttribute("part","group");const i=(o.getAttribute("data-numeric")-e)/(a-e)*100;o.style.setProperty("--percent",`${i}%`),Array.from(o.querySelectorAll("td:not([data-label])")).forEach((l,m)=>{m==0?l.setAttribute("part","xaxis-label"):l.setAttribute("part","value"),o.querySelectorAll("td").length>2&&l.setAttribute("data-label",r.querySelectorAll("thead th")[m].textContent)});const h=o.hasAttribute("data-min")?o.getAttribute("data-min"):e,s=o.hasAttribute("data-max")?o.getAttribute("data-max"):a;if(h<0){const l=Math.abs(h/(s-h)*100);t.setAttribute("style",`--min-bottom: ${l}%;`)}o.style.setProperty("--row-index",n+1),Array.from(o.querySelectorAll('td[data-numeric]:not([data-label="Min"]):not([data-label="Max"]):not(:first-child)')).forEach(l=>{if(getComputedStyle(l).display=="none")return;const y=l.innerHTML,g=Number.parseFloat(l.getAttribute("data-numeric")),d=Number.parseFloat(l.getAttribute("data-start"));if(l.querySelector("span[data-group]")||(l.innerHTML=`<span data-group="${c}" ${l.hasAttribute("data-label")?`data-label="${l.getAttribute("data-label")}"`:""} part="popover">${y}</span>`),!l.hasAttribute("style")){const{percent:u,bottom:v,axis:p}=x(g,h,s,d);l.setAttribute("data-percent",u),l.setAttribute("style",`--bottom:${v}%;--percent:${u}%;--axis:${p}%;`)}})})},U=function(t){const r=t.querySelector(".chart__wrapper"),e=t.querySelector(".chart__spacer span"),a=t.querySelector(".chart table");let o="";Array.from(a.querySelectorAll("tbody tr td:first-child")).forEach(n=>{typeof n.textContent<"u"&&n.textContent.length>o.length&&(o=n.textContent)}),r.setAttribute("data-longest-label",o),e.innerHTML=o},I=function(t){const r=t.querySelector(".chart__wrapper"),e=t.querySelector(".chart table");let a="";Array.from(e.querySelectorAll("tbody tr td:not(:first-child)")).forEach(o=>{typeof o.getAttribute("data-value")<"u"&&o.getAttribute("data-value").length>a.length&&(a=o.getAttribute("data-value"))}),r.setAttribute("data-longest-value",a)},T=function(t,r,e){const a=`chart-${Date.now()+(Math.floor(Math.random()*100)+1)}`;let o;const n=Array.from(r.querySelectorAll("thead th"));return n.forEach((c,i)=>{i!=0&&(o=j(a,i,c.textContent,e,t,o)),i==50&&(n.length=i+1)}),!0};function j(t,r,e,a,o,n){var c;const i=document.createElement("input");i.setAttribute("name",`${t}-dataset-${r}`),i.setAttribute("id",`${t}-dataset-${r}`),i.setAttribute("data-dataset",`${r}`),i.setAttribute("data-label",`${e}`),i.checked=!0,i.setAttribute("type","checkbox"),r==1?o.prepend(i):o.insertBefore(i,n.nextSibling),n=i;const h=document.createElement("label");h.setAttribute("class","key btn btn-action"),h.setAttribute("for",`${t}-dataset-${r}`),h.setAttribute("data-label",`${e}`),h.setAttribute("part","key");const s=(c=o.querySelector(`tbody tr td:nth-child(${r+1})`))===null||c===void 0?void 0:c.getAttribute("data-numeric");return h.setAttribute("data-numeric",s),h.innerHTML=`${e}`,a.append(h),n}const K=function(t,r){const{min:e,max:a,yaxis:o}=f(t);let{guidelines:n}=f(t);n.length||(n=o),r.innerHTML="";for(let c=0;c<n.length;c++){const i=parseFloat(n[c].replace("\xA3","").replace("%","").replace(",","")),{axis:h}=x(i,e,a);r.innerHTML+=`<div class="guideline" style="--percent:${h}%;">${o.indexOf(n[c])!=-1?`<span>${n[c]}</span>`:""}</div>`}},X=function(t,r){const{min:e,max:a,yaxis:o}=f(t);r.innerHTML="";for(let n=0;n<o.length;n++){const c=parseFloat(o[n].replace("\xA3","").replace("%","")),{axis:i}=x(c,e,a);r.innerHTML+=`<div class="axis__point" style="--percent:${i}%;"><span>${o[n]}</span></div>`}},Y=function(t){const r=t.querySelector(".chart");let e=t.querySelector(".chart__xaxis");e||(e=document.createElement("div"),e.setAttribute("class","chart__xaxis")),r.prepend(e)},G=function(t){const r=t.querySelectorAll("thead th[title], tbody th[title]:first-child, tbody td[title]:first-child");Array.from(r).forEach(e=>{const a=`tooltip-${Date.now()}-${Math.floor(Math.random()*100)}`;e.innerHTML=`<button class="tooltip" popovertarget="${a}" part="tooltip" style="anchor-name: --${a};">${e.textContent}</button><span id="${a}" style="position-anchor: --${a};" popover part="tooltip__content" class="tooltip__content">${e.getAttribute("title")}</span>`})},F=function(t){let r="";const e=t.querySelector(".chart");let a=t.querySelector(".doughnuts");a||(a=document.createElement("div"),a.setAttribute("class","doughnuts"),e.append(a)),Array.from(e.querySelectorAll("tbody tr")).forEach((o,n)=>{let c="",i="",h=0,s=0;const m=o.querySelectorAll("td")[0].innerHTML;let y=0;const g=o.getAttribute("data-numeric");Array.from(o.querySelectorAll("td")).forEach((d,u)=>{const v=getComputedStyle(d).display;if(u!=0&&v!="none"){let p=d.getAttribute("data-numeric");p=p.replace("\xA3",""),p=p.replace("%",""),p=p.replace(",",""),p=Number.parseInt(p),s+=p,y++}}),Array.from(o.querySelectorAll("td")).forEach((d,u)=>{var v,p;const _=getComputedStyle(d).display;if(u!=0&&y==1&&_!="none")c+=`<path d="M 0 0 L 100 0 A 100 100 0 1 1 100 -0.01 L 0 0" style="${d.getAttribute("style")} --path-index: ${u};"></path>`,i+=`<span class="h5 mb-0" part="popover">${L(M(d.getAttribute("data-label"))).trim()}<br/>${d.hasAttribute("data-second")?`${d.getAttribute("data-second-label")}: ${d.getAttribute("data-second")}<br/>`:""}${(v=d.querySelector('[part="popover"]'))===null||v===void 0?void 0:v.innerHTML}</span>`;else if(u!=0){let b=d.getAttribute("data-numeric");const H=_=="none"?"display: none;":"";b=b.replace("\xA3",""),b=b.replace("%",""),b=b.replace(",",""),b=Number.parseInt(b);const w=b/s,[z,$]=q(h,y),[S,C]=q(h+w,y),D=w>.5?1:0,B=["M 0 0",`L ${z?z.toFixed(0):0} ${$?$.toFixed(0):0}`,`A 100 100 0 ${D} 1 ${S?S.toFixed(0):0} ${C?C.toFixed(0):0}`,"L 0 0"].join(" ");c+=`<path d="${B}" style="${d.getAttribute("style")} --path-index: ${u};${H}"></path>`,i+=`<span class="h5 mb-0" part="popover">${L(M(d.getAttribute("data-label"))).trim()}<br/>${d.hasAttribute("data-second")?`${d.getAttribute("data-second-label")}: ${d.getAttribute("data-second")}<br/>`:""}${(p=d.querySelector('[part="popover"]'))===null||p===void 0?void 0:p.innerHTML}</span>`,_!="none"&&(h+=w)}}),r+=`<div class="doughnut">
   <svg viewBox="-105 -105 210 210" preserveAspectRatio="none" style="--row-index: ${n+1};">${c}</svg>
@@ -9,7 +9,7 @@
     <style>
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
     
-    :host{--chart-colour-1-set: var(--chart-colour-1, #BEE8F8);--chart-colour-2-set: var(--chart-colour-2, #A6DCC7);--chart-colour-3-set: var(--chart-colour-3, #FAD0DA);--chart-colour-4-set: var(--chart-colour-4, #AFCCF2);--chart-colour-5-set: var(--chart-colour-5, #FFD2B4);--chart-colour-6-set: var(--chart-colour-6, #CDF0F2);--chart-colour-7-set: var(--chart-colour-7, #FFABC2);--chart-colour-8-set: var(--chart-colour-8, #DCEAF2);--chart-colour-9-set: var(--chart-colour-9, #EEBCB3);--chart-colour-10-set: var(--chart-colour-10, #F0BDFF);--chart-colour-1-hover: var(--chart-colour-1, #B6DEED);--chart-colour-2-hover: var(--chart-colour-2, #98CBB7);--chart-colour-3-hover: var(--chart-colour-3, #EFC8D1);--chart-colour-4-hover: var(--chart-colour-4, #A6C1E5);--chart-colour-5-hover: var(--chart-colour-5, #F4CAAF);--chart-colour-6-hover: var(--chart-colour-6, #C2E3E5);--chart-colour-7-hover: var(--chart-colour-7, #F5A2B9);--chart-colour-8-hover: var(--chart-colour-8, #CFDCE3);--chart-colour-9-hover: var(--chart-colour-9, #E3B2A9);--chart-colour-10-hover: var(--chart-colour-10, #E3B2F2);--chart-colour-success: #d2f0c9 !important;--chart-colour-success-hover: #8ad873 !important;--chart-colour-danger: #f5c2c7 !important;--chart-colour-danger-hover: #f5c2e7 !important;--chart-colour-warning: #ffd280 !important;--chart-colour-warning-hover: #ffb020 !important}.chart__key .key:nth-child(11n-10),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-9){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__outer table tbody tr:nth-child(1):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__key .key:nth-child(11n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-8){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__outer table tbody tr:nth-child(2):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__key .key:nth-child(11n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-7){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__outer table tbody tr:nth-child(3):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__key .key:nth-child(11n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-6){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__outer table tbody tr:nth-child(4):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__key .key:nth-child(11n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-5){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__outer table tbody tr:nth-child(5):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__key .key:nth-child(11n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-4){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__outer table tbody tr:nth-child(6):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__key .key:nth-child(11n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-3){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__outer table tbody tr:nth-child(7):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__key .key:nth-child(11n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-2){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__outer table tbody tr:nth-child(8):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__key .key:nth-child(11n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-1){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__outer table tbody tr:nth-child(9):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__key .key:nth-child(11n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-0){--chart-colour: var(--chart-colour-10-set);--chart-colour-hover: var(--chart-colour-10-hover)}.chart__outer table tbody tr:nth-child(10):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-10-set);--chart-colour-hover: var(--chart-colour-10-hover)}::slotted(table){display:none !important}:host{container-type:inline-size;margin-bottom:2rem;display:block}.chart__outer{display:flex;flex-direction:column;position:relative;font-weight:var(--chart-font-weight, bold);color:var(--chart-text-color, black);--body-colour-set: var(--body-colour, Canvas);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 7.5rem);--chart-height-lg-set: var(--chart-height-lg, 12.5rem);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem)}.chart__outer>*{display:block;order:2}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}@container (min-width: 23.4375em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg-set);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%)}}@container (min-width: 48em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}.chart__outer .chart__wrapper{--label-size: 0.875rem;--line-thickness: 0.5px}}.chart__outer .chart__spacer span{opacity:0}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none;bottom:50%;left:50%}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;gap:.5rem}.chart__key:has(label:first-child:last-child){display:var(--single-key-display, none)}.chart__key .key{margin:0 !important}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em !important;background-color:var(--chart-colour);display:inline-block;border-radius:var(--key-border-radius, 4px)}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer input[type=checkbox]:focus:nth-child(1)~.chart__key .key:nth-child(1){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(2)~.chart__key .key:nth-child(2){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(3)~.chart__key .key:nth-child(3){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(4)~.chart__key .key:nth-child(4){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(5)~.chart__key .key:nth-child(5){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(6)~.chart__key .key:nth-child(6){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(7)~.chart__key .key:nth-child(7){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(8)~.chart__key .key:nth-child(8){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(9)~.chart__key .key:nth-child(9){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__key .key:nth-of-type(10){opacity:.25}:host([data-yaxis]){--yaxis-display: flex}.chart__yaxis{display:var(--yaxis-display, none);flex-direction:column-reverse;width:var(--yaxis-width)}.chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-weight:var(--chart-yaxis-fw, normal);font-size:var(--chart-yaxis-fs, 0.75rem);color:var(--colour-body)}.chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}[part=popover]{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;display:block;white-space:pre;text-align:left;box-shadow:var(--chart-details-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.25));transform:translate(-50%, -100%)}[part=popover]::before{content:attr(data-group) "\\a"}[part=popover][data-label]::before{content:attr(data-group) "\\a" attr(data-label) "\\a"}[part=popover]:has(:is(a,button)){top:0;left:50%;transform:translate(-50%, -100%);font-size:.9rem}[part=popover] hr{margin:0;opacity:0}[part=popover] :is(a,button){display:inline-block !important;clear:both !important;float:left !important;margin-top:1rem !important;margin-right:1rem !important;margin-bottom:.25em !important;font-size:1em !important}[part=popover] :is(a,button)+:is(a,button){margin-top:0 !important}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:var(--chart-bar-alignment, left);align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:0%;width:fit-content;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 48em){.chart__wrapper table tbody tr td:first-child{display:block}}.chart__wrapper table tbody tr td:first-child button{all:unset;cursor:pointer}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:7.5rem;position:relative;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}@media screen and (prefers-color-scheme: dark){.chart__wrapper table tbody tr td:not(:first-child){background:color-mix(in oklab, var(--chart-colour), black 20%)}}.chart__wrapper table tbody tr td:not(:first-child):hover{background:var(--chart-colour-hover)}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child):hover [part=popover]{opacity:1;z-index:var(--index-above);pointer-events:all}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (min-width: 48em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 23.4375em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(2n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(2n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n+1)) td:first-child{display:block !important}}:host(.chart-colour--success) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success,.chart-colour--success td{--chart-colour: var(--chart-colour-success) !important}:host(.chart-colour--success) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success:hover,.chart-colour--success td:hover{--chart-colour-hover: var(--chart-colour-success-hover) !important}:host(.chart-colour--danger) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger,.chart-colour--danger,.chart-colour--danger td{--chart-colour: var(--chart-colour-danger) !important}:host(.chart-colour--danger) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger:hover,.chart-colour--danger:hover,.chart-colour--danger td:hover{--chart-colour-hover: var(--chart-colour-danger-hover) !important}:host(.chart-colour--warning) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning,.chart-colour--warning,.chart-colour--warning td{--chart-colour: var(--chart-colour-warning) !important}:host(.chart-colour--warning) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning:hover,.chart-colour--warning:hover,.chart-colour--warning td:hover{--chart-colour-hover: var(--chart-colour-warning-hover) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(11){display:none;opacity:0}@layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"\uF00C";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:bold;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}:host(.chart--horizontal) .chart__outer tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}:host(.chart--horizontal) .chart__outer .chart__guidelines{position:absolute}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em);opacity:1}:host(.chart--horizontal) .chart__outer .chart__yaxis{display:none}:host(.chart--horizontal) .chart__outer table{padding-top:0}:host(.chart--horizontal) .chart__outer table tbody{flex-direction:column;position:relative}:host(.chart--horizontal) .chart__outer table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0;min-height:1.5rem}:host(.chart--horizontal) .chart__outer table tbody tr td{height:var(--bar-height, 1.5rem);bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}:host(.chart--horizontal) .chart__outer table tbody tr td:first-child{position:static;transform:none;display:block !important;height:var(--bar-height, 1.5rem);line-height:var(--bar-height, 1.5rem);max-width:var(--xaxis-max-width, none)}:host(.chart--horizontal) .chart__outer table tbody tr td:first-child>*:not([popover]){max-width:100%;text-overflow:ellipsis;overflow:hidden}:host(.chart--horizontal) .chart__outer table tbody:has(td:first-child strong) td:first-child{font-weight:normal !important}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap;width:var(--xaxis-max-width, none)}:host(.chart--horizontal) .chart__outer:has(td .tooltip) .chart__wrapper[data-longest-label]:before{padding-right:2em;width:calc(var(--xaxis-max-width, none) - 1rem)}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:0%;left:auto !important;right:100% !important;padding-right:.5em;width:fit-content}:host(.chart--horizontal) .chart__outer .chart__spacer span{display:none !important}:host(.chart--stacked) .chart__wrapper table tbody tr{--bar-gap: 0;flex-direction:column-reverse;justify-content:flex-start;align-items:center}:host(.chart--stacked) .chart__wrapper table tbody tr td{border-radius:0 !important}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr{flex-direction:row}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr::after{content:attr(data-numeric);position:absolute;opacity:1 !important;bottom:100%;left:50%;transform:translate(-50%, 0);display:block !important;height:fit-content;margin:0;bottom:50%;left:calc(var(--percent) + .5rem);transform:translate(0, 50%)}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr td:after{content:none}.chart--animate.animating.inview{--animation-left: 2s}.chart--animate.animating.inview table tbody tr td:not(:first-child){transition:height 2s ease-out,width 2s ease-out,bottom 2s ease-out,left var(--animation-left) ease-out;transition-delay:calc(var(--row-index)*.1s)}.chart--animate:not(.inview) table tbody tr td:not(:first-child){--bottom: var(--min-bottom, 0%) !important;--percent: 0% !important;--axis: 0% !important;--comparison: 0% !important}.chart--animate.animating table tbody tr td:not(:first-child){overflow:hidden}:host(.chart--display-data) table tbody tr td:not(:first-child):after{content:attr(data-value);position:absolute;opacity:1 !important;bottom:100%;left:50%;transform:translate(-50%, 0);display:block !important;height:fit-content;margin:0}:host(.chart--display-data.chart--horizontal) table tbody tr td:not(:first-child):after{bottom:50%;left:calc(100% + .5rem);transform:translate(0, 50%)}:host(.chart--display-data.chart--horizontal) .chart__wrapper[data-longest-value]:after{display:block;content:attr(data-longest-value);font-size:var(--label-size);padding-left:.5em;opacity:0;pointer-events:none;white-space:nowrap}:host(.chart--display-data.chart--fit-content:not(.chart--horizontal)) .chart__outer{padding-top:1rem}:host(.chart--fit-content:not(.chart--horizontal)){width:100%;display:block}:host(.chart--fit-content:not(.chart--horizontal)) .chart__wrapper{width:fit-content}:host(.chart--fit-content:not(.chart--horizontal)) table{width:fit-content !important;padding-top:0;height:var(--chart-height-resp, 7.5rem)}:host(.chart--fit-content:not(.chart--horizontal)) tbody{position:relative}:host(.chart--fit-content:not(.chart--horizontal)) [part=group]{min-width:fit-content;width:fit-content;max-width:fit-content;padding-right:var(--fc-group-width, 1rem)}:host(.chart--fit-content:not(.chart--horizontal)) [part=value]{min-width:var(--fc-value-width, 0.75rem);width:var(--fc-value-width, 0.75rem);max-width:var(--fc-value-width, 0.75rem)}:host(.chart--fit-content:not(.chart--horizontal).chart--no-scale){--fc-group-width: 1.375rem;--fc-value-width: 1.5rem}:host(.chart--fit-content:not(.chart--horizontal).chart--no-scale) table{height:var(--chart-height-lg-set, 7.5rem)}@container (min-width: 23.4375em){.chart__wrapper{--fc-group-width: 1.375rem;--fc-value-width: 1.5rem}}button.tooltip:after{content:"?";margin-left:.25rem;display:inline-block;border:1px solid currentColor}.tooltip__content[popover]{z-index:var(--index-floating);background:var(--colour-primary);color:var(--colour-white);padding:1.5rem;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.11);white-space:normal;position:fixed;border:none;margin:0;box-sizing:border-box;inset-area:bottom center;overflow:visible;width:calc(anchor-size(width) + var(--container-padding-x) + var(--container-padding-x) + 1.5rem) !important}.tooltip__content[popover]::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-0.25rem;border-width:.5rem;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--colour-primary) rgba(0,0,0,0);margin-bottom:-1px}/*# sourceMappingURL=assets/css/components/barchart.component.css.map */
+    :host{--chart-colour-1-set: var(--chart-colour-1, #BEE8F8);--chart-colour-2-set: var(--chart-colour-2, #A6DCC7);--chart-colour-3-set: var(--chart-colour-3, #FAD0DA);--chart-colour-4-set: var(--chart-colour-4, #AFCCF2);--chart-colour-5-set: var(--chart-colour-5, #FFD2B4);--chart-colour-6-set: var(--chart-colour-6, #CDF0F2);--chart-colour-7-set: var(--chart-colour-7, #FFABC2);--chart-colour-8-set: var(--chart-colour-8, #DCEAF2);--chart-colour-9-set: var(--chart-colour-9, #EEBCB3);--chart-colour-10-set: var(--chart-colour-10, #F0BDFF);--chart-colour-1-hover: var(--chart-colour-1, #B6DEED);--chart-colour-2-hover: var(--chart-colour-2, #98CBB7);--chart-colour-3-hover: var(--chart-colour-3, #EFC8D1);--chart-colour-4-hover: var(--chart-colour-4, #A6C1E5);--chart-colour-5-hover: var(--chart-colour-5, #F4CAAF);--chart-colour-6-hover: var(--chart-colour-6, #C2E3E5);--chart-colour-7-hover: var(--chart-colour-7, #F5A2B9);--chart-colour-8-hover: var(--chart-colour-8, #CFDCE3);--chart-colour-9-hover: var(--chart-colour-9, #E3B2A9);--chart-colour-10-hover: var(--chart-colour-10, #E3B2F2);--chart-colour-success: #d2f0c9 !important;--chart-colour-success-hover: #8ad873 !important;--chart-colour-danger: #f5c2c7 !important;--chart-colour-danger-hover: #f5c2e7 !important;--chart-colour-warning: #ffd280 !important;--chart-colour-warning-hover: #ffb020 !important}.chart__key .key:nth-child(11n-10),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-9){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__outer table tbody tr:nth-child(1):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-1-set);--chart-colour-hover: var(--chart-colour-1-hover)}.chart__key .key:nth-child(11n-9),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-8){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__outer table tbody tr:nth-child(2):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-2-set);--chart-colour-hover: var(--chart-colour-2-hover)}.chart__key .key:nth-child(11n-8),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-7){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__outer table tbody tr:nth-child(3):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-3-set);--chart-colour-hover: var(--chart-colour-3-hover)}.chart__key .key:nth-child(11n-7),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-6){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__outer table tbody tr:nth-child(4):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-4-set);--chart-colour-hover: var(--chart-colour-4-hover)}.chart__key .key:nth-child(11n-6),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-5){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__outer table tbody tr:nth-child(5):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-5-set);--chart-colour-hover: var(--chart-colour-5-hover)}.chart__key .key:nth-child(11n-5),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-4){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__outer table tbody tr:nth-child(6):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-6-set);--chart-colour-hover: var(--chart-colour-6-hover)}.chart__key .key:nth-child(11n-4),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-3){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__outer table tbody tr:nth-child(7):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-7-set);--chart-colour-hover: var(--chart-colour-7-hover)}.chart__key .key:nth-child(11n-3),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-2){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__outer table tbody tr:nth-child(8):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-8-set);--chart-colour-hover: var(--chart-colour-8-hover)}.chart__key .key:nth-child(11n-2),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-1){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__outer table tbody tr:nth-child(9):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-9-set);--chart-colour-hover: var(--chart-colour-9-hover)}.chart__key .key:nth-child(11n-1),.chart__outer table tbody tr td:not(:first-child):nth-child(11n-0){--chart-colour: var(--chart-colour-10-set);--chart-colour-hover: var(--chart-colour-10-hover)}.chart__outer table tbody tr:nth-child(10):has(td:nth-child(2):last-child):not([data-colour]):not([data-colour-1]) td:nth-child(2){--chart-colour: var(--chart-colour-10-set);--chart-colour-hover: var(--chart-colour-10-hover)}::slotted(table){display:none !important}:host{container-type:inline-size;margin-bottom:2rem;display:block}.chart__outer{display:flex;flex-direction:column;position:relative;font-weight:var(--chart-font-weight, bold);color:var(--chart-text-color, black);--body-colour-set: var(--body-colour, Canvas);--text-colour-set: var(--text-colour, black);--chart-height-set: var(--chart-height, 7.5rem);--chart-height-lg-set: var(--chart-height-lg, 12.5rem);--chart-height-resp: var(--chart-height-set);--index-below: -1;--index-base: 0;--index-focus: 2;--index-above: 10;--index-floating: 100;--index-menu: 200;--index-overlay: 1000;--key-label-width: 100%;--label-size: 0.75rem;--line-thickness: 1px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%);--bar-gap: min(10%, 0.75rem)}.chart__outer>*{display:block;order:2}.chart__outer tbody{--chart-direction: 360deg;--chart-day-bg-pos: 100% calc(var(--single-day) * 7)}@container (min-width: 23.4375em){.chart__outer :has(tr:nth-child(5) td:nth-child(4)),.chart__outer :has(tr:nth-child(10)){--yaxis-width: 0;--yaxis-point-display: none;--yaxis-last-point-transform: translate(0, -100%);--bar-gap: 0}.chart__outer .chart__wrapper{--chart-height-resp: var(--chart-height-lg-set);--line-thickness: 0.8px;--yaxis-width: auto;--yaxis-point-display: block;--yaxis-last-point-transform: translate(0, -50%)}}@container (min-width: 48em){.chart__outer :has(tr:nth-child(10)){--bar-gap: 0}.chart__outer .chart__wrapper{--label-size: 0.875rem;--line-thickness: 0.5px}}.chart__outer .chart__spacer span{opacity:0}.chart__outer>input[type=checkbox]{opacity:0;position:absolute;pointer-events:none;bottom:50%;left:50%}.chart__key{padding:0 0 0 0;margin-bottom:1.5rem;display:flex;overflow:auto;scroll-snap-type:x mandatory;scroll-padding:.75rem;gap:.5rem}.chart__key:has(label:first-child:last-child){display:var(--single-key-display, none)}.chart__key .key{margin:0 !important}.chart__key .key:before{content:"";height:.8em;width:.8em;margin-right:.3em !important;background-color:var(--chart-colour);display:inline-block;border-radius:var(--key-border-radius, 4px)}.chart__key .key[data-label=Min],.chart__key .key[data-label=Max]{display:none}.chart__key .key .chart__total{display:none}.chart__outer input[type=checkbox]:focus:nth-child(1)~.chart__key .key:nth-child(1){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(2)~.chart__key .key:nth-child(2){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(3)~.chart__key .key:nth-child(3){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(4)~.chart__key .key:nth-child(4){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(5)~.chart__key .key:nth-child(5){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(6)~.chart__key .key:nth-child(6){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(7)~.chart__key .key:nth-child(7){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(8)~.chart__key .key:nth-child(8){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer input[type=checkbox]:focus:nth-child(9)~.chart__key .key:nth-child(9){background:var(--colour-btn-action-hover-bg) !important;border:var(--btn-border-width) solid var(--colour-muted) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__key .key:nth-of-type(1){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__key .key:nth-of-type(2){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__key .key:nth-of-type(3){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__key .key:nth-of-type(4){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__key .key:nth-of-type(5){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__key .key:nth-of-type(6){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__key .key:nth-of-type(7){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__key .key:nth-of-type(8){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__key .key:nth-of-type(9){opacity:.25}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__key .key:nth-of-type(10){opacity:.25}:host([data-yaxis]){--yaxis-display: flex}.chart__yaxis{display:var(--yaxis-display, none);flex-direction:column-reverse;width:var(--yaxis-width)}.chart__yaxis .axis__point{bottom:var(--percent);position:relative;height:0;white-space:nowrap}.chart__yaxis .axis__point:not(:last-child){display:var(--yaxis-point-display)}.chart__yaxis .axis__point span{display:block;transform:translate(0, -50%);padding-right:.25rem;text-align:right;font-weight:var(--chart-yaxis-fw, normal);font-size:var(--chart-yaxis-fs, 0.75rem);color:var(--colour-body)}.chart__yaxis .axis__point:last-child span{transform:var(--yaxis-last-point-transform)}.chart__xaxis{margin-bottom:1rem;display:flex;flex-direction:column-reverse;width:100%;position:absolute;left:0;bottom:-1rem}.chart__xaxis .axis__point{left:var(--percent);width:1px;position:absolute;height:0;white-space:nowrap}.chart__xaxis .axis__point span{display:block;transform:translate(-50%, 0%);text-align:center;font-size:var(--label-size);position:absolute;left:50%}.chart__guidelines{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column-reverse;pointer-events:none}.chart__guidelines .guideline{bottom:var(--percent);position:absolute;right:0;width:100%;height:0px;margin-bottom:-1px;border-bottom:1px dashed #eee;pointer-events:none;z-index:var(--index-below)}.chart__guidelines .guideline:not(.guideline--target) span{display:none}.chart__guidelines .guideline--target{border-bottom:1px dashed #000;z-index:var(--index-above);text-shadow:1px solid #fff;overflow:visible}.chart__guidelines .guideline--target span{position:absolute;bottom:0;font-size:var(--label-size);text-shadow:1px 1px 2px #fff;background:hsla(0,0%,100%,.6)}.chart__guidelines [data-value="0"]{border-bottom:1px solid var(--colour-primary)}.chart__guidelines [data-value="0"]:not(:first-child){border-bottom:1px dashed var(--colour-primary)}[part=popover]{position:absolute;top:var(--cursor-y, 50%);left:var(--cursor-x, 50%);font-size:var(--label-size);line-height:1.2;background:var(--chart-details-bg, var(--colour-canvas-2, Canvas));opacity:0;pointer-events:none;padding:.5rem;border-radius:.5rem;margin-bottom:.25rem;display:block;white-space:pre;text-align:left;box-shadow:var(--chart-details-shadow, 0 0.125rem 0.75rem rgba(0, 0, 0, 0.25));transform:translate(-50%, -100%)}[part=popover]::before{content:attr(data-group) "\\a"}[part=popover][data-label]::before{content:attr(data-group) "\\a" attr(data-label) "\\a"}[part=popover]:has(:is(a,button)){top:0;left:50%;transform:translate(-50%, -100%);font-size:.9rem}[part=popover] hr{margin:0;opacity:0}[part=popover] :is(a,button){display:inline-block !important;clear:both !important;float:left !important;margin-top:1rem !important;margin-right:1rem !important;margin-bottom:.25em !important;font-size:1em !important}[part=popover] :is(a,button)+:is(a,button){margin-top:0 !important}.chart__wrapper{display:block;display:flex;flex-direction:row;position:relative}.chart__wrapper .chart{position:relative;flex-grow:1}.chart__wrapper table{display:block;width:100% !important;padding-top:var(--chart-height-resp);position:relative;margin-bottom:0;overflow:visible}.chart__wrapper table thead{display:none}.chart__wrapper table tbody{display:flex;position:absolute;width:100%;height:100%;top:0;left:0;flex-direction:row;border:none}.chart__wrapper table tbody tr{display:flex;flex-direction:row;justify-content:var(--chart-bar-alignment, left);align-items:flex-end;border:none;width:100%;height:100%;position:relative;padding:0 2px;gap:var(--bar-gap)}.chart__wrapper table tbody tr td{font-weight:inherit}.chart__wrapper table tbody tr td:first-child{position:absolute;top:100%;left:0%;width:fit-content;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--label-size);text-align:center}@container (min-width: 48em){.chart__wrapper table tbody tr td:first-child{display:block}}.chart__wrapper table tbody tr td:first-child button{all:unset;cursor:pointer}.chart__wrapper table tbody tr td[data-label=Min],.chart__wrapper table tbody tr td[data-label=Max]{display:none}.chart__wrapper table tbody tr:first-child td:first-child,.chart__wrapper table tbody tr:last-child td:first-child{display:block}.chart__wrapper table tbody tr td:not(:first-child){height:100%;height:var(--percent, 0%);bottom:var(--bottom, 0%);width:100%;max-width:7.5rem;position:relative;padding:0;background:var(--chart-colour);border-top-right-radius:4px;border-top-left-radius:4px}@media screen and (prefers-color-scheme: dark){.chart__wrapper table tbody tr td:not(:first-child){background:color-mix(in oklab, var(--chart-colour), black 20%)}}.chart__wrapper table tbody tr td:not(:first-child):hover{background:var(--chart-colour-hover)}.chart__wrapper table tbody tr td:not(:first-child):has(span:empty),.chart__wrapper table tbody tr td:not(:first-child):empty{display:none}.chart__wrapper table tbody tr td:not(:first-child)[data-label]:before{display:none}.chart__wrapper table tbody tr td:not(:first-child):hover [part=popover]{opacity:1;z-index:var(--index-above);pointer-events:all}.chart__wrapper table tbody tr td:first-child[data-label]:before{display:none}@container (min-width: 48em){.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr td:first-child{display:none}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:first-child{left:0%;transform:translate(0, 0);display:block;text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:first-child,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:first-child{left:100%;transform:translate(-100%, 0);display:block;text-align:right}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:first-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:first-child td:not(:first-child) span{left:-20%;transform:translate(0%, 0);text-align:left}.chart__wrapper table tbody:has(tr:nth-child(5) td:nth-child(4)) tr:last-child td:not(:first-child) span,.chart__wrapper table tbody:has(tr:nth-child(10)) tr:last-child td:not(:first-child) span{left:120%;transform:translate(-100%, 0);text-align:right}}@container (min-width: 23.4375em){.chart__wrapper table tbody:has(tr:nth-child(25)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(25)) tr:is(:first-child,:nth-child(2n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(2n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(50)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(50)) tr:is(:first-child,:nth-child(10n+1)) td:first-child{display:block !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(10n+1)) td:first-child,.chart__wrapper table tbody:has(tr:nth-child(100)) tr td:first-child{display:none !important}.chart__wrapper table tbody:has(tr:nth-child(100)) tr:is(:first-child,:nth-child(20n+1)) td:first-child{display:block !important}}:host(.chart-colour--success) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success,.chart-colour--success td{--chart-colour: var(--chart-colour-success) !important}:host(.chart-colour--success) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--success:hover,.chart-colour--success td:hover{--chart-colour-hover: var(--chart-colour-success-hover) !important}:host(.chart-colour--danger) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger,.chart-colour--danger,.chart-colour--danger td{--chart-colour: var(--chart-colour-danger) !important}:host(.chart-colour--danger) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--danger:hover,.chart-colour--danger:hover,.chart-colour--danger td:hover{--chart-colour-hover: var(--chart-colour-danger-hover) !important}:host(.chart-colour--warning) td,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning,.chart-colour--warning,.chart-colour--warning td{--chart-colour: var(--chart-colour-warning) !important}:host(.chart-colour--warning) td:hover,:host(:is(.chart-colour--success,.chart-colour--danger,.chart-colour--wraning)) td.chart-colour--warning:hover,.chart-colour--warning:hover,.chart-colour--warning td:hover{--chart-colour-hover: var(--chart-colour-warning-hover) !important}.chart__outer>input[type=checkbox]:nth-of-type(1):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(2){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(2):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(3){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(3):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(4){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(4):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(5){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(5):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(6){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(6):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(7){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(7):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(8){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(8):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(9){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(9):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(10){display:none;opacity:0}.chart__outer>input[type=checkbox]:nth-of-type(10):not(:checked)~.chart__wrapper table tbody tr td:not(:first-child):nth-child(11){display:none;opacity:0}@layer elements{*,*::before,*::after{box-sizing:border-box}button{border-radius:0;text-transform:none;margin:0;font-family:inherit;font-size:inherit;line-height:inherit}[role=button]{cursor:pointer}button:focus:not(:focus-visible){outline:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button:not(:disabled),[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled){cursor:pointer}.btn{--btn-margin: 1rem;--btn-padding-block: 0.75rem;--btn-padding-inline: 2.5rem;--btn-border-width: 0.125rem;--btn-font-size: 1.125rem;--btn-line-height: 1.25rem;display:inline-block;font-weight:bold;text-align:left;text-decoration:none;vertical-align:middle;cursor:pointer;user-select:none;color:var(--colour-btn);font-size:var(--btn-font-size);line-height:var(--btn-line-height);padding:var(--btn-padding-block) var(--btn-padding-inline);border-radius:1.5rem;margin-bottom:var(--btn-margin);background:none;transition:border .5s,background .5s,color .5s;height:auto;max-width:fit-content;appearance:none;white-space:nowrap}@media screen and (min-width: 36em){.btn{--btn-margin: 1.5rem}}.btn:not(.btn-secondary)[class*=colour-]{--colour-btn-bg: var(--colour);--colour-btn-border: var(--colour)}.btn:is(.colour-primary,.colour-dark,.colour-danger,.colour-black){--colour-btn: #fcfcfc}.btn:not(.border-0){background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border)}.btn:not(:last-child){margin-right:var(--btn-margin)}a:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn,.btn:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){outline:0;text-decoration:none;background:var(--colour-btn-bg-hover);color:var(--colour-btn-hover);border-radius:1.5rem}a:is(:active,.active):not([disabled]) .btn,.btn:is(:active,.active):not([disabled]){filter:brightness(85%);transition:background .1s,color .1s;color:var(--colour-btn);border-radius:1.5rem}a:disabled .btn,.btn:disabled,[disabled] .btn,.btn[disabled]{opacity:.4;cursor:not-allowed}.btn.colour-success{--colour-btn-bg-hover: var(--colour);--colour-btn-border-hover: var(--colour);--colour-btn-hover: var(--colour-primary-theme);position:relative;padding-left:3.5rem;padding-right:3.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active){padding-left:2.5rem;padding-right:2.5rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.colour-success:before,.btn.colour-success:is(:hover,:focus,.hover):not([disabled],:active,.active):before{content:"\uF00C";font-family:"Font Awesome 6 Pro";margin-right:1rem;font-style:inherit;width:1rem;display:inline-block;height:var(--btn-line-height);vertical-align:bottom}.btn.btn-sm{--btn-padding-block: 0.5rem;--btn-padding-inline: 2rem;--btn-margin: 0.5rem;--btn-font-size: 1rem}.btn[class*=fa-]:before{content:var(--fa);font-family:"Font Awesome 6 Pro";line-height:1em}.btn.btn[class*=fa-after]{padding-right:4rem}.btn.btn[class*=fa-after]:before{margin-right:0;margin-right:0.375rem;position:absolute;right:1.5rem;top:50%;transform:translate(0, -50%)}.btn:not(.btn-compact):before{margin-right:1rem}.btn i[class*=fa-]{font-family:"Font Awesome 6 Pro";margin-right:1rem;line-height:1em;font-style:inherit}.btn i[class*=fa-]:not(:first-child){margin-left:1rem;margin-right:0}.btn.btn--prompt:after{content:"";height:var(--btn-line-height);width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem}a:is(:hover,:focus,.hover):not([disabled],:active,.active) .btn.btn--prompt:after,.btn.btn--prompt:is(:hover,:focus,.hover):not([disabled],:active,.active):after{margin-left:1.5rem;margin-right:-0.5rem}.btn:has(select){position:relative;padding-right:3.5rem}.btn:has(select):not(.mw-100){max-width:13rem}.btn:has(select) select{all:unset !important;margin:calc(-0.75rem) calc(-2.5rem) !important;padding:var(--btn-padding-block) var(--btn-padding-inline) !important;padding-right:3.5rem !important;margin-right:-3.5rem !important;border-radius:1.5rem !important;appearance:none !important;background:none !important;border:none !important;color:currentColor !important;display:block;max-width:100% !important;outline:none;font-weight:bold;font-size:var(--btn-font-size) !important;line-height:var(--btn-line-height) !important}.btn:has(select) select option{padding:0;text-align:left;color:var(--colour-primary)}.btn:has(select):after{position:absolute;top:0.625rem;right:2rem;content:"";height:1.5rem;width:1rem;display:inline-block;background:currentColor;mask-image:var(--icon-arrow);mask-size:100%;mask-repeat:no-repeat;mask-position:50% 50%;-webkit-mask-image:var(--icon-arrow);-webkit-mask-size:100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:50% 50%;vertical-align:bottom;margin-left:1rem;transform:rotate(90deg);pointer-events:none}.btn:has(select).active:after{transform:rotate(-90deg)}.btn:has(select:focus):after{transform:rotate(-90deg)}.btn-filter:after{content:"\uF1DE";display:inline-block;margin-left:1em;margin-bottom:-0.15em;height:1em;width:1em;z-index:var(--index-focus);color:currentColor;font-weight:300;font-family:"Font Awesome 6 Pro"}}@layer elements{.btn-secondary{color:var(--colour-btn-secondary)}.btn-secondary:not(.border-0){background:var(--colour-btn-secondary-bg);border:2px solid var(--colour-btn-secondary-border)}a:is(:hover,:focus,.hover,:active,.active):not([disabled]) .btn-secondary,.btn-secondary:is(:hover,:focus,.hover,:focus-within,:active,.active):not([disabled]){background:var(--colour-btn-secondary-bg-hover);color:var(--colour-btn-secondary-hover)}}@layer elements{.btn.btn-tertiary{background-color:rgba(0,0,0,0);border:none;color:var(--colour-link);margin:0 var(--btn-margin) var(--btn-margin) 0;padding:0;font-size:1.125rem;font-weight:normal;line-height:1.5rem;min-height:1.5rem;position:relative}.btn.btn-tertiary:after{position:absolute;content:"";top:100%;left:50%;height:2px;width:100%;transform:translate(-50%, 0);background:var(--colour-underline);transition:width .5s}.btn.btn-tertiary.text-decoration-none:after{width:0%}.btn.btn-tertiary [class*=fa-]{margin-left:0;margin-right:.5rem}.btn.btn-tertiary [class*=fa-]:not(:first-child){margin-left:.5rem;margin-right:0}.btn.btn-tertiary:is(:hover,:focus,.hover,:focus-within):not([disabled],:disabled,:active,.active):after{width:60% !important}.btn.btn-tertiary:is(:active,.active):not([disabled],:disabled){color:var(--colour-active)}}@layer elements{.btn-action{--btn-border-width: 0.0625rem;--btn-padding-block: 0.3125rem;--btn-padding-inline: 0.3125rem;--btn-margin: 0.5rem;border-radius:0.25rem !important;font-weight:400 !important;font-size:1rem;line-height:1.25rem}.btn-action:not(.btn-primary){color:var(--colour-heading)}.btn-action:not(.btn-primary):not(.border-0){background-color:var(--colour-canvas-2);border:var(--btn-border-width) solid var(--colour-muted)}.btn-action.btn[class*=fa-]:before{content:var(--fa);margin-right:0.375rem}a:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action:not(.btn-primary):is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){background:var(--colour-btn-action-hover-bg)}.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active) .btn-action,.btn-action.btn-primary:is(:hover,:focus,.hover,:focus-within):not([disabled],:active,.active){filter:brightness(90%);background:var(--colour-btn-bg);border:var(--btn-border-width) solid var(--colour-btn-border);color:var(--colour-btn)}a:is(:active,.active):not([disabled]):not(.btn-primary) .btn-action,.btn-action:is(:active,.active):not([disabled]):not(.btn-primary){filter:brightness(85%);transition:all .1s;color:var(--colour-heading)}}@layer elements{.btn-compact{--compact-size: 3rem;padding:0 !important;margin-bottom:0.5rem;text-align:center;width:var(--compact-size);min-width:var(--compact-size);max-width:var(--compact-size);height:var(--compact-size) !important;min-height:var(--compact-size) !important;max-height:var(--compact-size) !important;line-height:var(--compact-size) !important;text-indent:-500px;overflow:hidden;position:relative;font-size:1rem}.btn-compact:not(:last-child){margin-right:0.5rem}.btn-compact:before{content:var(--fa);position:absolute;top:0;left:0;width:100%;height:100%;text-indent:0;line-height:calc(var(--compact-size) - 0.25rem);font-weight:900}.btn-compact[class*=fa-]:before{line-height:calc(var(--compact-size) - 0.25rem)}.btn-compact.btn-sm{--compact-size: 2.5rem;font-size:1rem;padding:0 !important}.btn-compact.btn-action{--compact-size: 2rem;font-size:1rem}.btn-compact.btn-action:before{font-size:1em;font-weight:400}.btn-compact.btn-secondary{--colour-btn-bg: transparent;--colour-btn-border: transparent;border-color:rgba(0,0,0,0)}.btn-compact.btn-secondary:not([class*=colour-]){--colour: var(--colour-light)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse){background-color:var(--colour);color:var(--colour-primary-theme);border-color:var(--colour)}.btn-compact.btn-secondary:is(:hover,:focus,.hover,:active,.active,[aria-expanded],:focus-within):not([disabled]):not(.btn-collapse):is(.colour-primary,.colour-dark,.colour-danger,.colour-black){color:var(--colour-inverted)}.btn-compact[data-number]{position:relative}.btn-compact[data-number]:after{content:attr(data-number);position:absolute;top:.5em;z-index:99;background:var(--colour-danger);height:1.5em;width:1.5em;border-radius:50%;text-indent:0;left:50%;font-size:.5em;line-height:1.5em;text-align:center;color:#fff;letter-spacing:-0.1em;font-family:arial,sans-serif}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:not(:hover,:focus,.hover,:focus-within):not(.btn-collapse){background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse),.invert-colours .btn-compact.btn-secondary:is(:hover,:focus,.hover,:focus-within):not([disabled]):not(.btn-collapse){background-color:rgba(0,0,0,0);border-color:var(--colour-inverted) !important;color:var(--colour-inverted)}[class*=bg-]:not(.bg-info):not(.bg-success):not(.bg-light):not(.bg-warning):not(.bg-white):not(.bg-admin):not(.bg-canvas):not(.bg-canvas-2):not(.prevent-invert) .btn-compact.btn-secondary[disabled],.invert-colours .btn-compact.btn-secondary[disabled]{background-color:var(--colour-inverted) !important;border-color:var(--colour-inverted) !important;color:var(--colour-primary-theme) !important}}:host(.chart--horizontal) .chart__outer tbody{--chart-direction: 90deg;--chart-day-bg-pos: calc(var(--single-day) * 7) 100%;--bar-gap: 0}:host(.chart--horizontal) .chart__outer .chart__guidelines{position:absolute}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline{bottom:auto;left:var(--percent);height:100%;border-left:1px dashed #eee;width:0}:host(.chart--horizontal) .chart__outer .chart__guidelines .guideline span{display:block;font-size:var(--label-size);position:absolute;top:100%;transform:translate(-50%, 0.2em);opacity:1}:host(.chart--horizontal) .chart__outer .chart__yaxis{display:none}:host(.chart--horizontal) .chart__outer table{padding-top:0}:host(.chart--horizontal) .chart__outer table tbody{flex-direction:column;position:relative}:host(.chart--horizontal) .chart__outer table tbody tr{flex-direction:column;align-items:flex-start;margin-bottom:.5rem;padding:0;min-height:1.5rem}:host(.chart--horizontal) .chart__outer table tbody tr td{height:var(--bar-height, 1.5rem);bottom:0;left:var(--bottom, 0%);width:var(--comparison, var(--percent));max-width:100%;border-top-left-radius:0;border-bottom-right-radius:4px}:host(.chart--horizontal) .chart__outer table tbody tr td:first-child{position:static;transform:none;display:block !important;height:var(--bar-height, 1.5rem);line-height:var(--bar-height, 1.5rem);max-width:var(--xaxis-max-width, none)}:host(.chart--horizontal) .chart__outer table tbody tr td:first-child>*:not([popover]){max-width:100%;text-overflow:ellipsis;overflow:hidden}:host(.chart--horizontal) .chart__outer table tbody:has(td:first-child strong) td:first-child{font-weight:normal !important}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label]:before{display:block;content:attr(data-longest-label);font-size:var(--label-size);padding-right:.5em;opacity:0;pointer-events:none;white-space:nowrap;width:var(--xaxis-max-width, none)}:host(.chart--horizontal) .chart__outer:has(td .tooltip) .chart__wrapper[data-longest-label]:before{padding-right:2em;width:calc(var(--xaxis-max-width, none) - 1rem)}:host(.chart--horizontal) .chart__outer .chart__wrapper[data-longest-label] table tbody tr td:first-child{position:absolute;display:block !important;max-height:1.5rem;z-index:var(--index-above);top:0%;left:auto !important;right:100% !important;padding-right:.5em;width:fit-content}:host(.chart--horizontal) .chart__outer .chart__spacer span{display:none !important}:host(.chart--stacked) .chart__wrapper table tbody tr{--bar-gap: 0;flex-direction:column-reverse;justify-content:flex-start;align-items:center}:host(.chart--stacked) .chart__wrapper table tbody tr td{border-radius:0 !important}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr{flex-direction:row}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr::after{content:attr(data-numeric);position:absolute;opacity:1 !important;bottom:100%;left:50%;transform:translate(-50%, 0);display:block !important;height:fit-content;margin:0;bottom:50%;left:calc(var(--percent) + .5rem);transform:translate(0, 50%)}:host(.chart--stacked.chart--horizontal) .chart__wrapper table tbody tr td:after{content:none}.chart--animate.animating.inview{--animation-left: 2s}.chart--animate.animating.inview table tbody tr td:not(:first-child){transition:height 2s ease-out,width 2s ease-out,bottom 2s ease-out,left var(--animation-left) ease-out;transition-delay:calc(var(--row-index)*.1s)}.chart--animate:not(.inview) table tbody tr td:not(:first-child){--bottom: var(--min-bottom, 0%) !important;--percent: 0% !important;--axis: 0% !important;--comparison: 0% !important}.chart--animate.animating table tbody tr td:not(:first-child){overflow:hidden}:host(.chart--display-data) table tbody tr td:not(:first-child):after{content:attr(data-value);position:absolute;opacity:1 !important;bottom:100%;left:50%;transform:translate(-50%, 0);display:block !important;height:fit-content;margin:0}:host(.chart--display-data.chart--horizontal) table tbody tr td:not(:first-child):after{bottom:50%;left:calc(100% + .5rem);transform:translate(0, 50%)}:host(.chart--display-data.chart--horizontal) .chart__wrapper[data-longest-value]:after{display:block;content:attr(data-longest-value);font-size:var(--label-size);padding-left:.5em;opacity:0;pointer-events:none;white-space:nowrap}:host(.chart--display-data.chart--fit-content:not(.chart--horizontal)) .chart__outer{padding-top:1rem}:host(.chart--fit-content:not(.chart--horizontal)){width:100%;display:block}:host(.chart--fit-content:not(.chart--horizontal)) .chart__wrapper{width:fit-content}:host(.chart--fit-content:not(.chart--horizontal)) table{width:fit-content !important;padding-top:0;height:var(--chart-height-resp, 7.5rem)}:host(.chart--fit-content:not(.chart--horizontal)) tbody{position:relative}:host(.chart--fit-content:not(.chart--horizontal)) [part=group]{min-width:fit-content;width:fit-content;max-width:fit-content;padding-right:var(--fc-group-width, 1rem)}:host(.chart--fit-content:not(.chart--horizontal)) [part=value]{min-width:var(--fc-value-width, 0.75rem);width:var(--fc-value-width, 0.75rem);max-width:var(--fc-value-width, 0.75rem)}:host(.chart--fit-content:not(.chart--horizontal).chart--no-scale){--fc-group-width: 1.375rem;--fc-value-width: 1.5rem}:host(.chart--fit-content:not(.chart--horizontal).chart--no-scale) table{height:var(--chart-height-lg-set, 7.5rem)}@container (min-width: 23.4375em){.chart__wrapper{--fc-group-width: 1.375rem;--fc-value-width: 1.5rem}}button.tooltip:after{content:"?";margin-left:.25rem;display:inline-block;border:1px solid currentColor}.tooltip__content[popover]{z-index:var(--index-floating);background:var(--colour-primary);color:var(--colour-white);padding:1.5rem;border-radius:.5rem;box-shadow:0px 2px 9px rgba(0,0,0,.11);white-space:normal;position:fixed;border:none;margin:0;box-sizing:border-box;inset-area:bottom center;overflow:visible;width:calc(anchor-size(width) + var(--container-padding-x) + var(--container-padding-x) + 1.5rem) !important}.tooltip__content[popover]::after{content:"";position:absolute;bottom:100%;left:50%;margin-left:-0.25rem;border-width:.5rem;border-style:solid;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--colour-primary) rgba(0,0,0,0);margin-bottom:-1px}/*# sourceMappingURL=assets/css/components/barchart.component.css.map */
 
     </style>
     <div class="chart__outer" part="outer">

package/assets/js/components/bento-grid/bento-grid.component.js

@@ -1,9 +1,9 @@
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
     event: 'customElementRegistered',
-    element: 'accordion',
+    element: 'bento-grid',
 });
-class iamAccordion extends HTMLElement {
+class iamBentoGrid extends HTMLElement {
     constructor() {
         var _a;
         super();
@@ -12,6 +12,7 @@ class iamAccordion extends HTMLElement {
             ? document.body.getAttribute('data-assets-location')
             : '/assets';
         const loadCSS = `@import "${assetLocation}/css/components/bento-grid.component.css";`;
+        const loadExtraCSS = `@import "${assetLocation}/css/components/bento-grid.global.css";`;
         const template = document.createElement('template');
         template.innerHTML = `
     <style>
@@ -24,6 +25,8 @@ class iamAccordion extends HTMLElement {
     </div>
     `;
         (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.appendChild(template.content.cloneNode(true));
+        if (!document.getElementById('bentogridGlobal'))
+            document.head.insertAdjacentHTML('beforeend', `<style id="bentogridGlobal">${loadExtraCSS}</style>`);
     }
     connectedCallback() {
         this.classList.add('loaded');
@@ -43,8 +46,24 @@ class iamAccordion extends HTMLElement {
                 setTimeout(() => {
                     details === null || details === void 0 ? void 0 : details.classList.remove('animating');
                 }, 1100);
+                if (details === null || details === void 0 ? void 0 : details.hasAttribute('open')) {
+                    const customEvent = new CustomEvent('item-closed', {
+                        detail: {
+                            title: summary === null || summary === void 0 ? void 0 : summary.textContent,
+                        },
+                    });
+                    this.dispatchEvent(customEvent);
+                }
+                else {
+                    const customEvent = new CustomEvent('item-opened', {
+                        detail: {
+                            title: summary === null || summary === void 0 ? void 0 : summary.textContent,
+                        },
+                    });
+                    this.dispatchEvent(customEvent);
+                }
             }
         });
     }
 }
-export default iamAccordion;
+export default iamBentoGrid;