@iamproperty/components 7.0.0 → 7.1.0--beta2

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

@@ -1,13 +1,11 @@
-// @ts-nocheck
-import extendDialogs from "../../modules/dialogs.js";
-// Data layer Web component created
+import extendDialogs from '../../modules/dialogs.js';
 window.dataLayer = window.dataLayer || [];
 window.dataLayer.push({
-    "event": "customElementRegistered",
-    "element": "action bar"
+    event: 'customElementRegistered',
+    element: 'action bar',
 });
 function setSelectAllInput(element, value) {
-    if (element && value == "all") {
+    if (element && value == 'all') {
         element.querySelector('input').indeterminate = false;
         element.querySelector('input').checked = true;
         element.querySelector('label').textContent = `Select all`;
@@ -32,8 +30,12 @@ class iamActionbar extends HTMLElement {
     constructor() {
         super();
         this.attachShadow({ mode: 'open' });
-        const assetLocation = document.body.hasAttribute('data-assets-location') ? document.body.getAttribute('data-assets-location') : '/assets';
-        const coreCSS = document.body.hasAttribute('data-core-css') ? document.body.getAttribute('data-core-css') : `${assetLocation}/css/core.min.css`;
+        const assetLocation = document.body.hasAttribute('data-assets-location')
+            ? document.body.getAttribute('data-assets-location')
+            : '/assets';
+        const coreCSS = document.body.hasAttribute('data-core-css')
+            ? document.body.getAttribute('data-core-css')
+            : `${assetLocation}/css/core.min.css`;
         const loadCSS = `@import "${assetLocation}/css/components/actionbar.css";`;
         const loadExtraCSS = `@import "${assetLocation}/css/components/actionbar.global.css";`;
         const template = document.createElement('template');
@@ -93,91 +95,93 @@ class iamActionbar extends HTMLElement {
             document.head.insertAdjacentHTML('beforeend', `<style id="actionbarGlobal">${loadExtraCSS}</style>`);
     }
     connectedCallback() {
-        let that = this;
-        const actionbarWrapper = this.shadowRoot.querySelector('.actionbar__wrapper');
+        var _a, _b, _c, _d, _e, _f;
+        const actionbarWrapper = (_a = this.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.actionbar__wrapper');
         // #region select all
         if (this.hasAttribute('data-selectall')) {
-            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>`);
-            let selectAll = this.shadowRoot.querySelector('.selectall');
+            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>`);
+            const selectAll = (_b = this.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.selectall');
             if (this.hasAttribute('data-selected')) {
                 setSelectAllInput(selectAll, this.getAttribute('data-selected'));
             }
-            selectAll.addEventListener('change', (event) => {
+            selectAll === null || selectAll === void 0 ? void 0 : selectAll.addEventListener('change', (event) => {
+                var _a;
                 if (event && event.target instanceof HTMLElement && event.target.closest('input')) {
-                    if (event.target.closest('input').checked)
+                    if ((_a = event.target.closest('input')) === null || _a === void 0 ? void 0 : _a.checked)
                         this.setAttribute('data-selected', 'all');
                     else
-                        this.setAttribute('data-selected', 0);
+                        this.setAttribute('data-selected', '0');
                 }
             });
-            let cancelButton = this.querySelector('button[data-cancel]');
+            const cancelButton = this.querySelector('button[data-cancel]');
             if (cancelButton) {
-                cancelButton.addEventListener('click', (event) => {
-                    this.setAttribute('data-selected', 0);
+                cancelButton.addEventListener('click', () => {
+                    this.setAttribute('data-selected', '0');
                 });
             }
         }
         // Wtach div for the select inputs
         if (this.hasAttribute('data-select-watch')) {
             const element = document.getElementById(this.getAttribute('data-select-watch'));
-            element.setAttribute('data-select-container', 'true');
-            Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input, index) => {
-                input.parentElement.setAttribute('slot', 'checkbox');
+            element === null || element === void 0 ? void 0 : element.setAttribute('data-select-container', 'true');
+            Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input) => {
+                var _a;
+                (_a = input.parentElement) === null || _a === void 0 ? void 0 : _a.setAttribute('slot', 'checkbox');
             });
-            element.addEventListener('change', (event) => {
+            element === null || element === void 0 ? void 0 : element.addEventListener('change', (event) => {
                 if (event && event.target instanceof HTMLElement && event.target.closest('[type="checkbox"]')) {
-                    let count = element.querySelectorAll('input[type="checkbox"]').length;
-                    let countChecked = element.querySelectorAll('input[type="checkbox"]:checked').length;
-                    that.setAttribute('data-selected', count == countChecked ? "all" : countChecked);
-                    let input = event.target.closest('[type="checkbox"]');
+                    const count = element.querySelectorAll('input[type="checkbox"]').length;
+                    const countChecked = element.querySelectorAll('input[type="checkbox"]:checked').length;
+                    this.setAttribute('data-selected', count == countChecked ? 'all' : String(countChecked));
                     if (countChecked) {
-                        Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input, index) => {
+                        Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input) => {
+                            var _a;
                             if (input.closest('iam-card'))
-                                input.closest('iam-card').setAttribute('data-selected', 'true');
+                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');
                         });
                     }
                     else {
-                        Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input, index) => {
+                        Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input) => {
+                            var _a;
                             if (input.closest('iam-card'))
-                                input.closest('iam-card').removeAttribute('data-selected');
+                                (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');
                         });
                     }
                 }
-                ;
             });
         }
         // #endregion
         // #region switchviews
         if (this.hasAttribute('data-switchviews')) {
             let btns = '';
-            let viewList = this.getAttribute('data-switchviews').split(',');
-            viewList.forEach((view, index) => {
+            const viewList = (_c = this.getAttribute('data-switchviews')) === null || _c === void 0 ? void 0 : _c.split(',');
+            viewList === null || viewList === void 0 ? void 0 : viewList.forEach((view) => {
                 let icon = 'fa-grid-2';
-                if (view == "list")
+                if (view == 'list')
                     icon = 'fa-grip-lines';
-                else if (view == "small")
+                else if (view == 'small')
                     icon = 'fa-bars';
                 btns += `<button class="btn btn-action btn-compact mb-0 fa-regular ${icon}">${view}</button>`;
             });
-            actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class="views m-0">${btns}</div>`);
-            let views = this.shadowRoot.querySelector('.views');
-            views.addEventListener('click', (event) => {
+            actionbarWrapper === null || actionbarWrapper === void 0 ? void 0 : actionbarWrapper.insertAdjacentHTML('afterbegin', `<div class="views m-0">${btns}</div>`);
+            const views = (_d = this.shadowRoot) === null || _d === void 0 ? void 0 : _d.querySelector('.views');
+            views === null || views === void 0 ? void 0 : views.addEventListener('click', (event) => {
                 if (event && event.target instanceof HTMLElement && event.target.closest('.btn-action')) {
-                    let btn = event.target.closest('.btn-action');
+                    const btn = event.target.closest('.btn-action');
                     this.setAttribute('data-view', btn.textContent);
-                    const switchEvent = new CustomEvent("switch-view", { detail: { view: btn.textContent } });
+                    const switchEvent = new CustomEvent('switch-view', { detail: { view: btn.textContent } });
                     this.dispatchEvent(switchEvent);
                 }
             });
         }
         // #endregion
         // #region search
-        const searchBar = this.shadowRoot.querySelector('.actionbar--search');
+        const searchBar = (_e = this.shadowRoot) === null || _e === void 0 ? void 0 : _e.querySelector('.actionbar--search');
         if (this.hasAttribute('data-search-value')) {
-            this.shadowRoot.querySelector('#search').value = this.getAttribute('data-search-value');
+            ((_f = this.shadowRoot) === null || _f === void 0 ? void 0 : _f.querySelector('#search')).value = String(this.getAttribute('data-search-value'));
         }
         if (this.hasAttribute('data-search') && this.getAttribute('data-search') == 'show')
-            searchBar.classList.add('show');
+            searchBar === null || searchBar === void 0 ? void 0 : searchBar.classList.add('show');
         const searchBtn = this.shadowRoot.querySelector('button[data-search]');
         this.shadowRoot.addEventListener('click', (event) => {
             if (event && event.target instanceof HTMLElement && event.target.closest('button[data-search]')) {
@@ -185,17 +189,23 @@ class iamActionbar extends HTMLElement {
                 searchBtn.toggleAttribute('aria-expanded');
             }
         });
-        searchBar.addEventListener('keyup', (event) => {
-            const keyupEvent = new CustomEvent("search-keyup", { detail: { search: searchBar.querySelector('input').value } });
+        searchBar.addEventListener('keyup', () => {
+            const keyupEvent = new CustomEvent('search-keyup', {
+                detail: { search: searchBar.querySelector('input').value },
+            });
             this.dispatchEvent(keyupEvent);
         });
-        searchBar.addEventListener('change', (event) => {
-            const changeEvent = new CustomEvent("search-change", { detail: { search: searchBar.querySelector('input').value } });
+        searchBar.addEventListener('change', () => {
+            const changeEvent = new CustomEvent('search-change', {
+                detail: { search: searchBar.querySelector('input').value },
+            });
             this.dispatchEvent(changeEvent);
         });
         searchBar.addEventListener('click', (event) => {
             if (event && event.target instanceof HTMLElement && event.target.closest('button.suffix')) {
-                const submitEvent = new CustomEvent("search-submit", { detail: { search: searchBar.querySelector('input').value } });
+                const submitEvent = new CustomEvent('search-submit', {
+                    detail: { search: searchBar.querySelector('input').value },
+                });
                 this.dispatchEvent(submitEvent);
             }
         });
@@ -205,14 +215,14 @@ class iamActionbar extends HTMLElement {
             extendDialogs(element);
         });
         // #region Reponsive safe area
-        function hideButtons() {
+        const hideButtons = () => {
             const wrapperWidth = actionbarWrapper.scrollWidth;
             const screenWidth = document.documentElement.scrollWidth;
             let safeAreaWidth = 750;
             let elementMargin = 16;
             let tabletSafeWidth = 450;
-            let mobileSafeWidth = that.hasAttribute('data-switchviews') ? 144 : 210;
-            if (that.hasAttribute('data-large-safe-area')) {
+            let mobileSafeWidth = (this === null || this === void 0 ? void 0 : this.hasAttribute('data-switchviews')) ? 144 : 210;
+            if (this.hasAttribute('data-large-safe-area')) {
                 safeAreaWidth = 1048;
                 tabletSafeWidth = 620;
                 mobileSafeWidth = 260;
@@ -242,42 +252,44 @@ class iamActionbar extends HTMLElement {
             elementMargin = elementMargin * modifier;
             // If the wrapper width is small we want to reduce the btn sizes by adding or removing btn-compact classes
             if (wrapperWidth < 576) {
-                Array.from(that.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .dialog__wrapper > .btn[class*="fa-"]:first-child:not(.js-updated)')).forEach((element, index) => {
+                Array.from(this.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .dialog__wrapper > .btn[class*="fa-"]:first-child:not(.js-updated)')).forEach((element) => {
                     element.className = element.className.replace(' btn-compact', ' _btn-compact');
                     element.classList.add('btn-compact');
                     element.classList.add('js-updated');
                 });
             }
             else {
-                Array.from(that.querySelectorAll(':scope > .btn.js-updated, :scope > .dialog__wrapper > .btn.js-updated:first-child')).forEach((element, index) => {
+                Array.from(this.querySelectorAll(':scope > .btn.js-updated, :scope > .dialog__wrapper > .btn.js-updated:first-child')).forEach((element) => {
                     element.classList.remove('btn-compact');
                     element.classList.remove('js-updated');
                     element.className = element.className.replace(' _btn-compact', ' btn-compact');
                 });
             }
             // Reset the elements before we decide what elements become slotted into the overflow
-            Array.from(that.querySelectorAll('[slot]')).forEach((element, index) => {
-                if (element.getAttribute("slot") == "overflow")
+            Array.from(this.querySelectorAll('[slot]')).forEach((element) => {
+                if (element.getAttribute('slot') == 'overflow')
                     element.removeAttribute('slot');
-                if (element.getAttribute("slot") == "selected-overflow")
+                if (element.getAttribute('slot') == 'selected-overflow')
                     element.setAttribute('slot', 'selected');
             });
-            Array.from(that.querySelectorAll('.show')).forEach((element, index) => {
+            Array.from(this.querySelectorAll('.show')).forEach((element) => {
                 element.classList.remove('show');
             });
             // Foreach safe area lets check what elements are slotted in them and if they need an overflow
-            Array.from(that.shadowRoot.querySelectorAll('.safe-area')).forEach((element, index) => {
+            Array.from(this.shadowRoot.querySelectorAll('.safe-area')).forEach((element) => {
+                var _a, _b, _c;
                 // Decide on which overflow slot to use
-                let overflowSlot = "overflow";
-                if (element.querySelector('slot').hasAttribute('name') && element.querySelector('slot').getAttribute('name') == "selected")
-                    overflowSlot = "selected-overflow";
+                let overflowSlot = 'overflow';
+                if (((_a = element.querySelector('slot')) === null || _a === void 0 ? void 0 : _a.hasAttribute('name')) &&
+                    ((_b = element.querySelector('slot')) === null || _b === void 0 ? void 0 : _b.getAttribute('name')) == 'selected')
+                    overflowSlot = 'selected-overflow';
                 // Get the slotted elements, remember they aren't children of the safe area
-                let elements = element.querySelector('slot').assignedElements();
+                const elements = (_c = element.querySelector('slot')) === null || _c === void 0 ? void 0 : _c.assignedElements();
                 let tempWidth = 44 * modifier; // Allow space for the overflow button
                 // If search then allow for the search button width
-                if (that.hasAttribute('data-search'))
+                if (this.hasAttribute('data-search'))
                     tempWidth += 44 * modifier;
-                // Foreach element that isn't an action button or dialog wrapper add to the width, these will not be moved into the overflow slot
+                // Foreach element this isn't an action button or dialog wrapper add to the width, these will not be moved into the overflow slot
                 for (let i = 0; i < elements.length; i++) {
                     if (!elements[i].classList.contains('btn-action') && !elements[i].classList.contains('dialog__wrapper')) {
                         tempWidth += elements[i].offsetWidth;
@@ -289,28 +301,28 @@ class iamActionbar extends HTMLElement {
                     if (elements[i].classList.contains('dialog__wrapper')) {
                         elements[i].classList.add('show');
                         tempWidth += elements[i].offsetWidth;
-                        tempWidth += (elementMargin / 2);
+                        tempWidth += elementMargin / 2;
                         // If we have exceeded the safe area then lets break the loop
-                        if (tempWidth - (elementMargin / 2) > safeAreaWidth) {
+                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {
                             elements[i].classList.remove('show');
                             break;
                         }
                     }
                 }
-                // Foreach action button 
+                // Foreach action button
                 for (let i = 0; i < elements.length; i++) {
                     if (elements[i].classList.contains('btn-action')) {
                         elements[i].classList.add('show');
                         tempWidth += elements[i].offsetWidth;
-                        tempWidth += (elementMargin / 2);
+                        tempWidth += elementMargin / 2;
                         // If we have exceeded the safe area then lets break the loop
-                        if (tempWidth - (elementMargin / 2) > safeAreaWidth) {
+                        if (tempWidth - elementMargin / 2 > safeAreaWidth) {
                             elements[i].classList.remove('show');
                             break;
                         }
                     }
                 }
-                let overflowDialog = element.querySelector('.dialog-overflow');
+                const overflowDialog = element.querySelector('.dialog-overflow');
                 if (overflowDialog)
                     overflowDialog.classList.add('d-none');
                 // Decide which elements go into the overflow slot
@@ -326,37 +338,39 @@ class iamActionbar extends HTMLElement {
                     }
                 }
             });
-        }
+        };
         // Check buttons on load and when the wrapper element gets resized.
         hideButtons();
         new ResizeObserver(hideButtons).observe(actionbarWrapper);
         // #endregion
     }
     static get observedAttributes() {
-        return ["data-selected"];
+        return ['data-selected'];
     }
     attributeChangedCallback(attrName, oldVal, newVal) {
         switch (attrName) {
-            case "data-selected": {
-                let selectAll = this.shadowRoot.querySelector('.selectall');
+            case 'data-selected': {
+                const selectAll = this.shadowRoot.querySelector('.selectall');
                 if (selectAll)
                     setSelectAllInput(selectAll, newVal);
-                const event = new CustomEvent("selected", { detail: { selected: newVal } });
+                const event = new CustomEvent('selected', { detail: { selected: newVal } });
                 this.dispatchEvent(event);
-                if (newVal == "all" && this.hasAttribute('data-select-watch')) {
-                    const element = document.getElementById(this.getAttribute('data-select-watch'));
-                    Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input, index) => {
+                if (newVal == 'all' && this.hasAttribute('data-select-watch')) {
+                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));
+                    Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input) => {
+                        var _a;
                         input.checked = true;
                         if (input.closest('iam-card'))
-                            input.closest('iam-card').setAttribute('data-selected', 'true');
+                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.setAttribute('data-selected', 'true');
                     });
                 }
-                if (newVal == "0" && this.hasAttribute('data-select-watch')) {
-                    const element = document.getElementById(this.getAttribute('data-select-watch'));
-                    Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input, index) => {
+                if (newVal == '0' && this.hasAttribute('data-select-watch')) {
+                    const element = document.getElementById(String(this.getAttribute('data-select-watch')));
+                    Array.from(element.querySelectorAll('input[type="checkbox"]')).forEach((input) => {
+                        var _a;
                         input.checked = false;
                         if (input.closest('iam-card'))
-                            input.closest('iam-card').removeAttribute('data-selected', 'true');
+                            (_a = input.closest('iam-card')) === null || _a === void 0 ? void 0 : _a.removeAttribute('data-selected');
                     });
                 }
                 break;

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

@@ -1,9 +1,9 @@
 /*!
-  * iamKey v7.0.0
+  * iamKey v7.1.0--beta2
   * Copyright 2022-2025 iamproperty
-  */const _=i=>(Array.from(i.querySelectorAll("dialog[open]")).forEach((t,h)=>{t.closest(".dialog__wrapper")||(t.removeAttribute("open"),t.showModal(),t.focus(),v(t))}),i.addEventListener("click",t=>{if(t.target.tagName=="IAM-ACTIONBAR")return!1;if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-modal]")){const o=t.target.closest("[data-modal]"),d=o.hasAttribute("data-modal")?o.getAttribute("data-modal"):o.getAttribute("data-filter"),a=document.querySelector(`dialog#${d}`);if(v(a),a.showModal(),a.focus(),!a.querySelector("iam-multi-step")){let e=a.offsetWidth;a.setAttribute("style",`max-width: ${e}px;`)}Array.from(a.querySelectorAll("[data-duplicate]")).forEach((e,s)=>{const l=e.getAttribute("data-duplicate"),b=document.getElementById(l);if(e.checked!=b.checked){e.checked=b.checked;let p=new Event("change");e.dispatchEvent(p)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:d})}if(t&&t.target instanceof HTMLElement&&t.target.closest("button.dialog__close")){const o=t.target.closest("dialog[open]");t.preventDefault(),o.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((a,e)=>{a.classList.remove("active")});let d=new CustomEvent("dialog-closed",{bubbles:!0,cancelable:!0,detail:{modalId:o.id}});t.target.dispatchEvent(d),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:o.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest('button[formmethod="dialog"]')){const o=t.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((d,a)=>{d.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:o.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest("dialog[open]")){let o=t.target.closest("dialog[open]");var h=window.getComputedStyle(o);if(h.display==="contents"&&(o=o.parentNode.closest("dialog[open]")),!o.classList.contains("dialog--transactional")&&!o.classList.contains("dialog--acknowledgement")){const d=o.getBoundingClientRect();(t.clientX<d.left||t.clientX>d.right||t.clientY<d.top||t.clientY>d.bottom)&&(t.target.closest("dialog *")||o.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:o.getAttribute("id")}))}}if(t&&t.target instanceof HTMLElement&&t.target.closest(".dialog__wrapper > button")){t.stopPropagation();let o=t.target.closest(".dialog__wrapper > button"),d=o.parentNode,a="openPopover",e=d.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=e&&o.closest("dialog[open]")!=document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((p,u)=>{p.removeAttribute("aria-expanded")}),e.hasAttribute("open"))e.close(),a="closePopover",e.removeAttribute("style"),o.removeAttribute("aria-expanded");else{e.show(),o.setAttribute("aria-expanded",!0);var n=o.getBoundingClientRect();let p=n.top,u=n.left;if(o.closest("iam-table")){let c=o.closest("iam-table").parentNode.getBoundingClientRect();p-=c.top,u-=c.left}e.classList.contains("dialog--fix")&&e.setAttribute("style",`position:fixed;top: ${p}px; left: ${u}px; margin: 3rem 0 0 0;`)}let s=e.getBoundingClientRect(),l=s.bottom-window.scrollY,b=window.innerHeight-window.scrollY;if(l>b){let p=e.hasAttribute("style")?e.getAttribute("style")+" ":"";e.setAttribute("style",p+"transform: translate(0, calc(-100% - 4rem))"),s=e.getBoundingClientRect(),s.top-window.scrollY<100&&e.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:a,id:o.textContent})}t&&t.target instanceof HTMLElement&&!t.target.closest("dialog[open]")&&!t.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((o,d)=>{o.removeAttribute("aria-expanded")}))}),null),v=i=>{if(!i.querySelector(":scope .mh-lg")&&!i.querySelector("iam-multi-step")){i.innerHTML=`<div class="mh-lg">${i.innerHTML}</div>`;let t=i.querySelector(".mh-lg"),h=i.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(h){let n=h.previousSibling;t.before(h),n&&h.before(n)}}i.querySelector(":scope > button:first-child")||i.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function A(i,t){i&&t=="all"?(i.querySelector("input").indeterminate=!1,i.querySelector("input").checked=!0,i.querySelector("label").textContent="Select all"):i&&t==0?(i.querySelector("input").indeterminate=!1,i.querySelector("input").checked=!1,i.querySelector("label").textContent="Select all"):i&&t?(i.querySelector("input").indeterminate=!0,i.querySelector("input").checked=!1,i.querySelector("label").textContent=`${t} item${t>1?"s":""} selected`):i&&(i.querySelector("input").checked=!1,i.querySelector("input").indeterminate=!1,i.querySelector("label").textContent="Select all")}class k extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=document.body.hasAttribute("data-assets-location")?document.body.getAttribute("data-assets-location"):"/assets",h=document.body.hasAttribute("data-core-css")?document.body.getAttribute("data-core-css"):`${t}/css/core.min.css`,n=document.createElement("template");n.innerHTML=`
+  */const M=o=>(Array.from(o.querySelectorAll("dialog[open]")).forEach((t,a)=>{t.closest(".dialog__wrapper")||(t.removeAttribute("open"),t.showModal(),t.focus(),E(t))}),o.addEventListener("click",t=>{if(t.target.tagName=="IAM-ACTIONBAR")return!1;if(t&&t.target instanceof HTMLElement&&t.target.closest("[data-modal]")){const a=t.target.closest("[data-modal]"),s=a.hasAttribute("data-modal")?a.getAttribute("data-modal"):a.getAttribute("data-filter"),n=document.querySelector(`dialog#${s}`);if(E(n),n.showModal(),n.focus(),!n.querySelector("iam-multi-step")){const i=n.offsetWidth;n.setAttribute("style",`max-width: ${i}px;`)}Array.from(n.querySelectorAll("[data-duplicate]")).forEach((i,f)=>{const h=i.getAttribute("data-duplicate"),d=document.getElementById(h);if(i.checked!=d.checked){i.checked=d.checked;const w=new Event("change");i.dispatchEvent(w)}}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"openModal",id:s})}if(t&&t.target instanceof HTMLElement&&t.target.closest("button.dialog__close")){const a=t.target.closest("dialog[open]");t.preventDefault(),a.close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((n,i)=>{n.classList.remove("active")});const s=new CustomEvent("dialog-closed",{bubbles:!0,cancelable:!0,detail:{modalId:a.id}});t.target.dispatchEvent(s),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:a.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest('button[formmethod="dialog"]')){const a=t.target.closest("dialog[open]");Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((s,n)=>{s.classList.remove("active")}),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:a.getAttribute("id")})}if(t&&t.target instanceof HTMLElement&&t.target.closest("dialog[open]")){let a=t.target.closest("dialog[open]");if(window.getComputedStyle(a).display==="contents"&&(a=a.parentNode.closest("dialog[open]")),!a.classList.contains("dialog--transactional")&&!a.classList.contains("dialog--acknowledgement")){const n=a.getBoundingClientRect();(t.clientX<n.left||t.clientX>n.right||t.clientY<n.top||t.clientY>n.bottom)&&(t.target.closest("dialog *")||a.close(),window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"closeModal",id:a.getAttribute("id")}))}}if(t&&t.target instanceof HTMLElement&&t.target.closest(".dialog__wrapper > button")){t.stopPropagation();const a=t.target.closest(".dialog__wrapper > button"),s=a.parentNode;let n="openPopover";const i=s.querySelector(":scope > dialog");if(document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]")!=i&&a.closest("dialog[open]")!=document.querySelector("*:not([data-keep-open]) > dialog[open]")&&document.querySelector("*:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper > button")).forEach((w,_)=>{w.removeAttribute("aria-expanded")}),i.hasAttribute("open"))i.close(),n="closePopover",i.removeAttribute("style"),a.removeAttribute("aria-expanded");else{i.show(),a.setAttribute("aria-expanded",!0);const w=a.getBoundingClientRect();let _=w.top,e=w.left;if(a.closest("iam-table")){const r=a.closest("iam-table").parentNode.getBoundingClientRect();_-=r.top,e-=r.left}i.classList.contains("dialog--fix")&&i.setAttribute("style",`position:fixed;top: ${_}px; left: ${e}px; margin: 3rem 0 0 0;`)}let f=i.getBoundingClientRect();const h=f.bottom-window.scrollY,d=window.innerHeight-window.scrollY;if(h>d){const w=i.hasAttribute("style")?i.getAttribute("style")+" ":"";i.setAttribute("style",w+"transform: translate(0, calc(-100% - 4rem))"),f=i.getBoundingClientRect(),f.top-window.scrollY<100&&i.removeAttribute("style")}window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:n,id:a.textContent})}t&&t.target instanceof HTMLElement&&!t.target.closest("dialog[open]")&&!t.target.closest(".dialog__wrapper > button")&&(document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]")&&document.querySelector(".dialog__wrapper:not([data-keep-open]) > dialog[open]").close(),Array.from(document.querySelectorAll(".dialog__wrapper:not([data-keep-open]) > button")).forEach((a,s)=>{a.removeAttribute("aria-expanded")}))}),null),E=o=>{if(!o.querySelector(":scope .mh-lg")&&!o.querySelector("iam-multi-step")){o.innerHTML=`<div class="mh-lg">${o.innerHTML}</div>`;const t=o.querySelector(".mh-lg"),a=o.querySelector(".mh-lg :is(.h1,.h2,.h3,.h4,.h5,.h6)");if(a){const s=a.previousSibling;t.before(a),s&&a.before(s)}}o.querySelector(":scope > button:first-child")||o.insertAdjacentHTML("afterbegin",'<button class="dialog__close">Close</button>')};window.dataLayer=window.dataLayer||[],window.dataLayer.push({event:"customElementRegistered",element:"action bar"});function q(o,t){o&&t=="all"?(o.querySelector("input").indeterminate=!1,o.querySelector("input").checked=!0,o.querySelector("label").textContent="Select all"):o&&t==0?(o.querySelector("input").indeterminate=!1,o.querySelector("input").checked=!1,o.querySelector("label").textContent="Select all"):o&&t?(o.querySelector("input").indeterminate=!0,o.querySelector("input").checked=!1,o.querySelector("label").textContent=`${t} item${t>1?"s":""} selected`):o&&(o.querySelector("input").checked=!1,o.querySelector("input").indeterminate=!1,o.querySelector("label").textContent="Select all")}class C extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"});const t=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"):`${t}/css/core.min.css`,s=document.createElement("template");s.innerHTML=`
     <style>
-    @import "${h}";
+    @import "${a}";
     :host{background-color:#fcfcfc}.actionbar__wrapper{position:relative;z-index:10;height:4.25rem;container-type:inline-size}.views,.selectall,slot[name=selectall]{display:block;position:absolute !important;top:50%;left:1.5rem;margin-left:0;transform:translate(0, -50%);z-index:10}@media screen and (min-width: 36em){.views,.selectall,slot[name=selectall]{left:2rem}}.views .btn-action:not(:last-child),.selectall .btn-action:not(:last-child),slot[name=selectall] .btn-action:not(:last-child){margin-right:0.25rem !important}.selectall,slot[name=selectall]{width:2.5rem;overflow:hidden}.selectall label,slot[name=selectall] label{height:2.5rem}@media screen and (min-width: 36em){.selectall,slot[name=selectall]{width:auto;overflow:visible}}.actionbar [data-search]{display:none}:host([data-search]) .actionbar [data-search]{display:block;margin:0 0 0 1rem}:is(.actionbar,.actionbar--selected,.actionbar--search){border-top-left-radius:var(--actionbar-radius, 0.625rem);border-top-right-radius:var(--actionbar-radius, 0.625rem);padding:0 1.5rem;flex-wrap:nowrap;justify-content:flex-end;align-items:center;height:4.25rem;inset:0}@supports selector(:has(*)){:is(.actionbar,.actionbar--selected,.actionbar--search){position:absolute}}@container (width > 23.4375em){:is(.actionbar,.actionbar--selected,.actionbar--search){padding:0 2rem}}.actionbar{display:flex}.actionbar--selected{background-color:var(--colour-canvas);display:flex;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--selected{background-color:#e6eaec}}@supports selector(:has(*)){.actionbar--selected{opacity:0}}.actionbar--search{background-color:var(--colour-canvas);display:flex;z-index:2;position:relative;opacity:0;pointer-events:none}@media screen and (prefers-color-scheme: light){.actionbar--search{background-color:#e6eaec}}.actionbar{opacity:var(--selectall-actionbar-opacity, 1);pointer-events:var(--selectall-actionbar-pe, all)}.actionbar--selected{opacity:var(--selectall-opacity, 0);pointer-events:var(--selectall-pe, none)}.selectall:has(input:checked)~.actionbar,.selectall:has(input:indeterminate)~.actionbar{opacity:0;pointer-events:none}.selectall:has(input:checked)~.actionbar--selected,.selectall:has(input:indeterminate)~.actionbar--selected{opacity:1;pointer-events:all}.actionbar--search.show{opacity:1;pointer-events:all}.actionbar__wrapper:has(.actionbar--search.show)>*:not(.actionbar--search.show){opacity:0;pointer-events:none}::slotted(.btn){margin-top:0 !important;margin-bottom:0 !important;margin-left:1rem !important;margin-right:0 !important}::slotted(.btn:not(.btn-action)){order:2}::slotted([data-single]){pointer-events:none;opacity:.5}:host([data-selected="1"]) ::slotted([data-single]){pointer-events:all;opacity:1}::slotted(hr){height:2rem;color:#9d9d9d !important;width:1px;display:none;margin-left:1rem !important}@container (width > 48em){::slotted(hr){display:block}}.safe-area{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:center;width:13.125rem;overflow:visible;position:relative}@container (width > 23.4375em){.safe-area{width:28.125rem}}@container (width > 48em){.safe-area{width:46.875rem}}.safe-area .body{display:contents}:host([data-large-safe-area]) .safe-area{width:16.25rem}@container (width > 23.4375em){:host([data-large-safe-area]) .safe-area{width:38.75rem}}@container (width > 48em){:host([data-large-safe-area]) .safe-area{width:65.5rem}}:host([data-switchviews]) .safe-area{width:9rem}::slotted(.btn-compact[slot=selected-overflow]),::slotted(.btn-compact[slot=overflow]){max-width:none !important;text-indent:0 !important;width:auto !important;text-align:left !important;padding-left:0 !important;background:none !important;border:none !important}::slotted(.btn-compact[slot=selected-overflow]):before,::slotted(.btn-compact[slot=overflow]):before{position:static !important;line-height:inherit !important}.dialog__wrapper.dialog-overflow{margin-left:.5rem;margin-right:-0.5rem}.actionbar--search .btn{margin:0;margin-left:-0.75rem !important;margin-right:auto !important}.search-wrapper{width:calc(100% - 3.25rem);max-width:21.875rem !important;margin:0 !important}@container (width > 48em){.search-wrapper{max-width:28.125rem !important}}.search-wrapper input{padding-top:0.5rem;padding-bottom:0.5rem;min-height:2.5rem !important;max-height:2.5rem !important}.search-wrapper :is(.prefix,.suffix){padding:0.5rem !important;min-height:2.5rem !important;max-height:2.5rem !important;min-width:2.5rem !important;max-width:2.5rem !important;line-height:1.5rem !important}/*# sourceMappingURL=assets/css/components/actionbar.css.map */
 
     ${this.hasAttribute("css")?`@import "${this.getAttribute("css")}";`:""}
@@ -51,6 +51,6 @@
 
       </div>
     </div>
-    `,this.shadowRoot.appendChild(n.content.cloneNode(!0)),document.getElementById("actionbarGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="actionbarGlobal">iam-actionbar{background-color:#fcfcfc;display:block;border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;--actionbar-radius: 0}@media screen and (prefers-color-scheme: dark){iam-actionbar{background-color:var(--colour-canvas)}}main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{border-radius:0.5rem;margin:var(--container-padding);margin-bottom:2rem;box-shadow:2px 6px 12px rgba(0,0,0,.2)}@media screen and (prefers-color-scheme: light){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{background-color:#e6eaec}}main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar:first-child{padding-top:0}@media screen and (min-width: 36em){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{box-shadow:none;margin-inline:0;border-radius:0}}@media screen and (min-width: 62em){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{padding-inline:calc(50% - 34.75rem - 2rem)}}iam-table iam-actionbar{margin-left:1.5rem;margin-right:1.5rem}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){iam-table iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:1rem}}iam-actionbar~:is([data-view=square],[data-view=list],[data-view=small]){display:none}iam-actionbar[data-view=square]~[data-view=square]{display:block}iam-actionbar[data-view=list]~[data-view=list]{display:block}iam-actionbar[data-view=small]~[data-view=small]{display:block}iam-actionbar .actionbar__text{font-size:1.125rem;line-height:2.5rem;color:var(--colour-heading);display:inline-block}iam-actionbar .dialog__wrapper[slot=selected-overflow]>button,iam-actionbar .dialog__wrapper[slot=overflow]>button{background:none;border:none;text-indent:0;width:100%;display:block;max-width:100%;text-align:left;padding:0}iam-actionbar .dialog__wrapper[slot=selected-overflow]>button:before,iam-actionbar .dialog__wrapper[slot=overflow]>button:before{position:static}iam-actionbar button[slot=overflow],iam-actionbar button[slot=selected-overflow]{background:none;border:none;margin:0 !important}iam-actionbar .dialog__wrapper[slot=selected-overflow] dialog[open],iam-actionbar .dialog__wrapper[slot=overflow] dialog[open]{display:contents}iam-actionbar:has(.selectall input:checked){--selectall-opacity: 1;--selectall-pe: all;--selectall-actionbar-opactiy: 0;--selectall-action-pe: none}/*# sourceMappingURL=assets/css/components/actionbar.global.css.map */
-</style>`)}connectedCallback(){let t=this;const h=this.shadowRoot.querySelector(".actionbar__wrapper");if(this.hasAttribute("data-selectall")){h.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');let a=this.shadowRoot.querySelector(".selectall");this.hasAttribute("data-selected")&&A(a,this.getAttribute("data-selected")),a.addEventListener("change",s=>{s&&s.target instanceof HTMLElement&&s.target.closest("input")&&(s.target.closest("input").checked?this.setAttribute("data-selected","all"):this.setAttribute("data-selected",0))});let e=this.querySelector("button[data-cancel]");e&&e.addEventListener("click",s=>{this.setAttribute("data-selected",0)})}if(this.hasAttribute("data-select-watch")){const a=document.getElementById(this.getAttribute("data-select-watch"));a.setAttribute("data-select-container","true"),Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((e,s)=>{e.parentElement.setAttribute("slot","checkbox")}),a.addEventListener("change",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest('[type="checkbox"]')){let s=a.querySelectorAll('input[type="checkbox"]').length,l=a.querySelectorAll('input[type="checkbox"]:checked').length;t.setAttribute("data-selected",s==l?"all":l),e.target.closest('[type="checkbox"]'),l?Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((b,p)=>{b.closest("iam-card")&&b.closest("iam-card").setAttribute("data-selected","true")}):Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((b,p)=>{b.closest("iam-card")&&b.closest("iam-card").removeAttribute("data-selected")})}})}if(this.hasAttribute("data-switchviews")){let a="";this.getAttribute("data-switchviews").split(",").forEach((l,b)=>{let p="fa-grid-2";l=="list"?p="fa-grip-lines":l=="small"&&(p="fa-bars"),a+=`<button class="btn btn-action btn-compact mb-0 fa-regular ${p}">${l}</button>`}),h.insertAdjacentHTML("afterbegin",`<div class="views m-0">${a}</div>`),this.shadowRoot.querySelector(".views").addEventListener("click",l=>{if(l&&l.target instanceof HTMLElement&&l.target.closest(".btn-action")){let b=l.target.closest(".btn-action");this.setAttribute("data-view",b.textContent);const p=new CustomEvent("switch-view",{detail:{view:b.textContent}});this.dispatchEvent(p)}})}const n=this.shadowRoot.querySelector(".actionbar--search");this.hasAttribute("data-search-value")&&(this.shadowRoot.querySelector("#search").value=this.getAttribute("data-search-value")),this.hasAttribute("data-search")&&this.getAttribute("data-search")=="show"&&n.classList.add("show");const o=this.shadowRoot.querySelector("button[data-search]");this.shadowRoot.addEventListener("click",a=>{a&&a.target instanceof HTMLElement&&a.target.closest("button[data-search]")&&(n.classList.toggle("show"),o.toggleAttribute("aria-expanded"))}),n.addEventListener("keyup",a=>{const e=new CustomEvent("search-keyup",{detail:{search:n.querySelector("input").value}});this.dispatchEvent(e)}),n.addEventListener("change",a=>{const e=new CustomEvent("search-change",{detail:{search:n.querySelector("input").value}});this.dispatchEvent(e)}),n.addEventListener("click",a=>{if(a&&a.target instanceof HTMLElement&&a.target.closest("button.suffix")){const e=new CustomEvent("search-submit",{detail:{search:n.querySelector("input").value}});this.dispatchEvent(e)}}),Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((a,e)=>{_(a)});function d(){const a=h.scrollWidth,e=document.documentElement.scrollWidth;let s=750,l=16,b=450,p=t.hasAttribute("data-switchviews")?144:210;t.hasAttribute("data-large-safe-area")&&(s=1048,b=620,p=260);let u=1;e>=992&&e<=1280?u=e/1280:e>=576&&e<992?u=e/768:e<576&&(u=e/375),a>=992&&a<=1280?s=s*u:a>=576&&a<992?s=b*u:a<576&&(s=p*u),l=l*u,a<576?Array.from(t.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .dialog__wrapper > .btn[class*="fa-"]:first-child:not(.js-updated)')).forEach((c,g)=>{c.className=c.className.replace(" btn-compact"," _btn-compact"),c.classList.add("btn-compact"),c.classList.add("js-updated")}):Array.from(t.querySelectorAll(":scope > .btn.js-updated, :scope > .dialog__wrapper > .btn.js-updated:first-child")).forEach((c,g)=>{c.classList.remove("btn-compact"),c.classList.remove("js-updated"),c.className=c.className.replace(" _btn-compact"," btn-compact")}),Array.from(t.querySelectorAll("[slot]")).forEach((c,g)=>{c.getAttribute("slot")=="overflow"&&c.removeAttribute("slot"),c.getAttribute("slot")=="selected-overflow"&&c.setAttribute("slot","selected")}),Array.from(t.querySelectorAll(".show")).forEach((c,g)=>{c.classList.remove("show")}),Array.from(t.shadowRoot.querySelectorAll(".safe-area")).forEach((c,g)=>{let y="overflow";c.querySelector("slot").hasAttribute("name")&&c.querySelector("slot").getAttribute("name")=="selected"&&(y="selected-overflow");let m=c.querySelector("slot").assignedElements(),f=44*u;t.hasAttribute("data-search")&&(f+=44*u);for(let r=0;r<m.length;r++)!m[r].classList.contains("btn-action")&&!m[r].classList.contains("dialog__wrapper")&&(f+=m[r].offsetWidth,f+=l);for(let r=0;r<m.length;r++)if(m[r].classList.contains("dialog__wrapper")&&(m[r].classList.add("show"),f+=m[r].offsetWidth,f+=l/2,f-l/2>s)){m[r].classList.remove("show");break}for(let r=0;r<m.length;r++)if(m[r].classList.contains("btn-action")&&(m[r].classList.add("show"),f+=m[r].offsetWidth,f+=l/2,f-l/2>s)){m[r].classList.remove("show");break}let w=c.querySelector(".dialog-overflow");w&&w.classList.add("d-none");for(let r=0;r<m.length;r++)(m[r].classList.contains("btn-action")||m[r].classList.contains("dialog__wrapper"))&&(m[r].classList.contains("show")||(m[r].setAttribute("slot",y),w&&w.classList.remove("d-none")))})}d(),new ResizeObserver(d).observe(h)}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(t,h,n){switch(t){case"data-selected":{let o=this.shadowRoot.querySelector(".selectall");o&&A(o,n);const d=new CustomEvent("selected",{detail:{selected:n}});if(this.dispatchEvent(d),n=="all"&&this.hasAttribute("data-select-watch")){const a=document.getElementById(this.getAttribute("data-select-watch"));Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((e,s)=>{e.checked=!0,e.closest("iam-card")&&e.closest("iam-card").setAttribute("data-selected","true")})}if(n=="0"&&this.hasAttribute("data-select-watch")){const a=document.getElementById(this.getAttribute("data-select-watch"));Array.from(a.querySelectorAll('input[type="checkbox"]')).forEach((e,s)=>{e.checked=!1,e.closest("iam-card")&&e.closest("iam-card").removeAttribute("data-selected","true")})}break}}}}export{k as default};
+    `,this.shadowRoot.appendChild(s.content.cloneNode(!0)),document.getElementById("actionbarGlobal")||document.head.insertAdjacentHTML("beforeend",`<style id="actionbarGlobal">iam-actionbar{background-color:#fcfcfc;display:block;border-top-left-radius:0.625rem;border-top-right-radius:0.625rem;--actionbar-radius: 0}@media screen and (prefers-color-scheme: dark){iam-actionbar{background-color:var(--colour-canvas)}}main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{border-radius:0.5rem;margin:var(--container-padding);margin-bottom:2rem;box-shadow:2px 6px 12px rgba(0,0,0,.2)}@media screen and (prefers-color-scheme: light){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{background-color:#e6eaec}}main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar:first-child{padding-top:0}@media screen and (min-width: 36em){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{box-shadow:none;margin-inline:0;border-radius:0}}@media screen and (min-width: 62em){main>.actionbar__sticky-wrapper>.actionbar__sticky>iam-actionbar{padding-inline:calc(50% - 34.75rem - 2rem)}}iam-table iam-actionbar{margin-left:1.5rem;margin-right:1.5rem}.actionbar__sticky-wrapper{container-type:inline-size}@media screen and (min-width: 36em){.actionbar__sticky-wrapper{padding:0 !important}}@container (width < 23.4375em){:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky{display:block;position:sticky;left:0;top:calc(var(--sticky-padding) + 1rem);z-index:var(--index-menu);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky:after{content:"";display:block;width:100%;height:calc(100vh - 6.75rem);pointer-events:none}:is(iam-table,.actionbar__sticky-wrapper)>.actionbar__sticky+*{margin-top:calc(-100vh + 6.75rem)}:is(iam-table,.actionbar__sticky)>iam-actionbar{pointer-events:all !important;display:block;border:none;background:var(--colour-canvas-2);box-shadow:0px 6px 12px rgba(0,0,0,.11);border-radius:.5rem;margin-bottom:1.5rem}}@container (width > 23.4375em){iam-table iam-actionbar{margin-left:-2rem;margin-right:-2rem;margin-top:-2rem;margin-bottom:1rem}}iam-actionbar~:is([data-view=square],[data-view=list],[data-view=small]){display:none}iam-actionbar[data-view=square]~[data-view=square]{display:block}iam-actionbar[data-view=list]~[data-view=list]{display:block}iam-actionbar[data-view=small]~[data-view=small]{display:block}iam-actionbar .actionbar__text{font-size:1.125rem;line-height:2.5rem;color:var(--colour-heading);display:inline-block}iam-actionbar .dialog__wrapper[slot=selected-overflow]>button,iam-actionbar .dialog__wrapper[slot=overflow]>button{background:none;border:none;text-indent:0;width:100%;display:block;max-width:100%;text-align:left;padding:0}iam-actionbar .dialog__wrapper[slot=selected-overflow]>button:before,iam-actionbar .dialog__wrapper[slot=overflow]>button:before{position:static}iam-actionbar button[slot=overflow],iam-actionbar button[slot=selected-overflow]{background:none;border:none;margin:0 !important}iam-actionbar .dialog__wrapper[slot=selected-overflow] dialog[open],iam-actionbar .dialog__wrapper[slot=overflow] dialog[open]{display:contents}iam-actionbar:has(.selectall input:checked){--selectall-opacity: 1;--selectall-pe: all;--selectall-actionbar-opactiy: 0;--selectall-action-pe: none}/*# sourceMappingURL=assets/css/components/actionbar.global.css.map */
+</style>`)}connectedCallback(){var t,a,s,n,i,f;const h=(t=this.shadowRoot)===null||t===void 0?void 0:t.querySelector(".actionbar__wrapper");if(this.hasAttribute("data-selectall")){h?.insertAdjacentHTML("afterbegin",'<div class="selectall pb-0"><input type="checkbox" name="selectall" id="selectall"><label for="selectall" class="m-0">Select all</label></div>');const e=(a=this.shadowRoot)===null||a===void 0?void 0:a.querySelector(".selectall");this.hasAttribute("data-selected")&&q(e,this.getAttribute("data-selected")),e?.addEventListener("change",p=>{var c;p&&p.target instanceof HTMLElement&&p.target.closest("input")&&(!((c=p.target.closest("input"))===null||c===void 0)&&c.checked?this.setAttribute("data-selected","all"):this.setAttribute("data-selected","0"))});const r=this.querySelector("button[data-cancel]");r&&r.addEventListener("click",()=>{this.setAttribute("data-selected","0")})}if(this.hasAttribute("data-select-watch")){const e=document.getElementById(this.getAttribute("data-select-watch"));e?.setAttribute("data-select-container","true"),Array.from(e.querySelectorAll('input[type="checkbox"]')).forEach(r=>{var p;(p=r.parentElement)===null||p===void 0||p.setAttribute("slot","checkbox")}),e?.addEventListener("change",r=>{if(r&&r.target instanceof HTMLElement&&r.target.closest('[type="checkbox"]')){const p=e.querySelectorAll('input[type="checkbox"]').length,c=e.querySelectorAll('input[type="checkbox"]:checked').length;this.setAttribute("data-selected",p==c?"all":String(c)),c?Array.from(e.querySelectorAll('input[type="checkbox"]')).forEach(u=>{var g;u.closest("iam-card")&&((g=u.closest("iam-card"))===null||g===void 0||g.setAttribute("data-selected","true"))}):Array.from(e.querySelectorAll('input[type="checkbox"]')).forEach(u=>{var g;u.closest("iam-card")&&((g=u.closest("iam-card"))===null||g===void 0||g.removeAttribute("data-selected"))})}})}if(this.hasAttribute("data-switchviews")){let e="";const r=(s=this.getAttribute("data-switchviews"))===null||s===void 0?void 0:s.split(",");r?.forEach(c=>{let u="fa-grid-2";c=="list"?u="fa-grip-lines":c=="small"&&(u="fa-bars"),e+=`<button class="btn btn-action btn-compact mb-0 fa-regular ${u}">${c}</button>`}),h?.insertAdjacentHTML("afterbegin",`<div class="views m-0">${e}</div>`);const p=(n=this.shadowRoot)===null||n===void 0?void 0:n.querySelector(".views");p?.addEventListener("click",c=>{if(c&&c.target instanceof HTMLElement&&c.target.closest(".btn-action")){const u=c.target.closest(".btn-action");this.setAttribute("data-view",u.textContent);const g=new CustomEvent("switch-view",{detail:{view:u.textContent}});this.dispatchEvent(g)}})}const d=(i=this.shadowRoot)===null||i===void 0?void 0:i.querySelector(".actionbar--search");this.hasAttribute("data-search-value")&&(((f=this.shadowRoot)===null||f===void 0?void 0:f.querySelector("#search")).value=String(this.getAttribute("data-search-value"))),this.hasAttribute("data-search")&&this.getAttribute("data-search")=="show"&&d?.classList.add("show");const w=this.shadowRoot.querySelector("button[data-search]");this.shadowRoot.addEventListener("click",e=>{e&&e.target instanceof HTMLElement&&e.target.closest("button[data-search]")&&(d.classList.toggle("show"),w.toggleAttribute("aria-expanded"))}),d.addEventListener("keyup",()=>{const e=new CustomEvent("search-keyup",{detail:{search:d.querySelector("input").value}});this.dispatchEvent(e)}),d.addEventListener("change",()=>{const e=new CustomEvent("search-change",{detail:{search:d.querySelector("input").value}});this.dispatchEvent(e)}),d.addEventListener("click",e=>{if(e&&e.target instanceof HTMLElement&&e.target.closest("button.suffix")){const r=new CustomEvent("search-submit",{detail:{search:d.querySelector("input").value}});this.dispatchEvent(r)}}),Array.from(this.shadowRoot.querySelectorAll(".body")).forEach((e,r)=>{M(e)});const _=()=>{const e=h.scrollWidth,r=document.documentElement.scrollWidth;let p=750,c=16,u=450,g=!(this===null||this===void 0)&&this.hasAttribute("data-switchviews")?144:210;this.hasAttribute("data-large-safe-area")&&(p=1048,u=620,g=260);let y=1;r>=992&&r<=1280?y=r/1280:r>=576&&r<992?y=r/768:r<576&&(y=r/375),e>=992&&e<=1280?p=p*y:e>=576&&e<992?p=u*y:e<576&&(p=g*y),c=c*y,e<576?Array.from(this.querySelectorAll(':scope > .btn:not(.js-updated), :scope > .dialog__wrapper > .btn[class*="fa-"]:first-child:not(.js-updated)')).forEach(m=>{m.className=m.className.replace(" btn-compact"," _btn-compact"),m.classList.add("btn-compact"),m.classList.add("js-updated")}):Array.from(this.querySelectorAll(":scope > .btn.js-updated, :scope > .dialog__wrapper > .btn.js-updated:first-child")).forEach(m=>{m.classList.remove("btn-compact"),m.classList.remove("js-updated"),m.className=m.className.replace(" _btn-compact"," btn-compact")}),Array.from(this.querySelectorAll("[slot]")).forEach(m=>{m.getAttribute("slot")=="overflow"&&m.removeAttribute("slot"),m.getAttribute("slot")=="selected-overflow"&&m.setAttribute("slot","selected")}),Array.from(this.querySelectorAll(".show")).forEach(m=>{m.classList.remove("show")}),Array.from(this.shadowRoot.querySelectorAll(".safe-area")).forEach(m=>{var k,x,S;let L="overflow";!((k=m.querySelector("slot"))===null||k===void 0)&&k.hasAttribute("name")&&((x=m.querySelector("slot"))===null||x===void 0?void 0:x.getAttribute("name"))=="selected"&&(L="selected-overflow");const b=(S=m.querySelector("slot"))===null||S===void 0?void 0:S.assignedElements();let v=44*y;this.hasAttribute("data-search")&&(v+=44*y);for(let l=0;l<b.length;l++)!b[l].classList.contains("btn-action")&&!b[l].classList.contains("dialog__wrapper")&&(v+=b[l].offsetWidth,v+=c);for(let l=0;l<b.length;l++)if(b[l].classList.contains("dialog__wrapper")&&(b[l].classList.add("show"),v+=b[l].offsetWidth,v+=c/2,v-c/2>p)){b[l].classList.remove("show");break}for(let l=0;l<b.length;l++)if(b[l].classList.contains("btn-action")&&(b[l].classList.add("show"),v+=b[l].offsetWidth,v+=c/2,v-c/2>p)){b[l].classList.remove("show");break}const A=m.querySelector(".dialog-overflow");A&&A.classList.add("d-none");for(let l=0;l<b.length;l++)(b[l].classList.contains("btn-action")||b[l].classList.contains("dialog__wrapper"))&&(b[l].classList.contains("show")||(b[l].setAttribute("slot",L),A&&A.classList.remove("d-none")))})};_(),new ResizeObserver(_).observe(h)}static get observedAttributes(){return["data-selected"]}attributeChangedCallback(t,a,s){switch(t){case"data-selected":{const n=this.shadowRoot.querySelector(".selectall");n&&q(n,s);const i=new CustomEvent("selected",{detail:{selected:s}});if(this.dispatchEvent(i),s=="all"&&this.hasAttribute("data-select-watch")){const f=document.getElementById(String(this.getAttribute("data-select-watch")));Array.from(f.querySelectorAll('input[type="checkbox"]')).forEach(h=>{var d;h.checked=!0,h.closest("iam-card")&&((d=h.closest("iam-card"))===null||d===void 0||d.setAttribute("data-selected","true"))})}if(s=="0"&&this.hasAttribute("data-select-watch")){const f=document.getElementById(String(this.getAttribute("data-select-watch")));Array.from(f.querySelectorAll('input[type="checkbox"]')).forEach(h=>{var d;h.checked=!1,h.closest("iam-card")&&((d=h.closest("iam-card"))===null||d===void 0||d.removeAttribute("data-selected"))})}break}}}}export{C as default};
 //# sourceMappingURL=actionbar.component.min.js.map