@iamproperty/components 7.1.0--beta5 → 7.1.0--beta7

package/assets/sass/main.scss

@@ -2,5 +2,8 @@
 
 @use '_fonts';
 @use '_corefiles';
-@import '_components';
+@import '_grid';
+@import '_bs_grid';
+@import '_utilities';
+@import '_utility-mixins';
 @import '_print';

package/assets/ts/components/multiselect/multiselect.component.ts

@@ -165,6 +165,11 @@ class iamMultiselect extends HTMLElement {
         setItem(checkbox);
 
         search.focus();
+        clearTimeout(hoverTimeout);
+        multiselect.classList.add('hover');
+        hoverTimeout = setTimeout(function () {
+          multiselect.classList.remove('hover');
+        }, 5000);
       }
     });
 

package/assets/ts/components/table/table.component.ts

@@ -168,11 +168,14 @@ class iamTable extends HTMLElement {
         });
 
         Array.from(this.table.querySelectorAll('tbody tr')).forEach((row, index) => {
-          const rowID = `row${uniqueID(index)}`;
-          row.insertAdjacentHTML(
-            'afterbegin',
-            `<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${rowID}" ${row.hasAttribute('data-selected') ? `checked="true"` : ''}/><label for="${rowID}"><span class="visually-hidden">Select row</span></label></td>`
-          );
+
+          if(!row.querySelector('.selectrow')){
+            const rowID = `row${uniqueID(index)}`;
+            row.insertAdjacentHTML(
+              'afterbegin',
+              `<td class="td--fixed selectrow selected"><input type="checkbox" name="row" id="${rowID}" ${row.hasAttribute('data-selected') ? `checked="true"` : ''}/><label for="${rowID}"><span class="visually-hidden">Select row</span></label></td>`
+            );            
+          }
         });
 
         this.table.addEventListener('change', (event) => {

package/assets/ts/modules/chart.module.ts

@@ -232,14 +232,29 @@ export const setCellData = function (chartElement: any, table: any) {
     let rowValue = 0;
     // Set the data numeric value if not set
     Array.from(tr.querySelectorAll('td:not(:first-child)')).forEach((td: any) => {
-      const value = parseFloat(td.textContent.replace('£', '').replace('%', '').replace(',', ''));
+      // Ignore the buttons and links inside
+      const copyTD = td.cloneNode(true);
+      Array.from(copyTD.querySelectorAll('*')).forEach((element: any) => {
+        element.remove();
+      });
+
+      const value = parseFloat(copyTD.textContent.replace('£', '').replace('%', '').replace(',', ''));
 
       td.setAttribute('data-numeric', value);
-      td.setAttribute('data-value', td.textContent);
+      td.setAttribute('data-value', copyTD.textContent);
 
       const display = getComputedStyle(td).display;
 
       if (display != 'none') rowValue += value;
+
+      Array.from(td.querySelectorAll('a, button')).forEach((element: any, index: number) => {
+        if (index == 0) {
+          element.insertAdjacentHTML('beforeBegin', '<hr/>');
+        }
+
+        element.classList.add('btn');
+        element.classList.add('btn-tertiary');
+      });
     });
 
     tr.setAttribute('data-numeric', rowValue);
@@ -323,9 +338,13 @@ export const setLongestValue = function (chartOuter: any) {
   const table = chartOuter.querySelector('.chart table');
 
   let longestValue = '';
-  Array.from(table.querySelectorAll('tbody tr td:not(:first-child) span')).forEach((td: any) => {
-    if (typeof td.textContent != 'undefined' && td.textContent.length > longestValue.length)
-      longestValue = td.textContent;
+  Array.from(table.querySelectorAll('tbody tr td:not(:first-child)')).forEach((td: any) => {
+    if (
+      typeof td.getAttribute('data-value') != 'undefined' &&
+      td.getAttribute('data-value').length > longestValue.length
+    ) {
+      longestValue = td.getAttribute('data-value');
+    }
   });
   chartWrapper.setAttribute('data-longest-value', longestValue);
 };

package/assets/ts/modules/tabs.ts

@@ -80,9 +80,7 @@ export const setTabsEventHandlers = function (tabsElement: Element) {
     button.addEventListener('click', (e) => {
       e.preventDefault();
 
-      if (window.isScrolling) return;
-
-      if (!window.triggered) window.isClicked = true;
+      window.isClicked = true;
 
       if (button.classList.contains('disabled')) return false;
 
@@ -105,9 +103,9 @@ export const setTabsEventHandlers = function (tabsElement: Element) {
       });
 
       if (button.matches(':last-child')) {
-        nextButton.setAttribute('disabled', 'disabled');
+        nextButton?.setAttribute('disabled', 'disabled');
       } else {
-        nextButton.removeAttribute('disabled');
+        nextButton?.removeAttribute('disabled');
       }
 
       // Data layer Open Event
@@ -119,23 +117,10 @@ export const setTabsEventHandlers = function (tabsElement: Element) {
     });
   });
 
-  buttonWrapper.addEventListener('scroll', (event) => {
-    if (window.isScrolling) return;
-
-    clearTimeout(scrollTimeout);
-    window.isScrolling = true;
-  });
-
   buttonWrapper.addEventListener('scrollend', (event) => {
-    window.isScrolling = false;
     clearTimeout(scrollTimeout);
 
     scrollTimeout = setTimeout(function () {
-      if (window.isClicked) {
-        window.isClicked = false;
-        return false;
-      }
-
       let buttonToClick = buttons[0];
       let closestOffset = Math.abs(buttonToClick.getBoundingClientRect().left);
 
@@ -146,11 +131,14 @@ export const setTabsEventHandlers = function (tabsElement: Element) {
         }
       });
 
-      window.triggered = true;
+      if (window.isClicked) {
+        window.isClicked = false;
+        return false;
+      } else {
+        buttonToClick.click();
+      }
       buttonToClick.focus();
-      buttonToClick.click();
-      window.triggered = false;
-    }, 200);
+    }, 500);
   });
 
   // Make sure we dont loose existing summary functionality
@@ -161,7 +149,7 @@ export const setTabsEventHandlers = function (tabsElement: Element) {
     });
   });
 
-  nextButton.addEventListener('click', (e) => {
+  nextButton?.addEventListener('click', (e) => {
     e.preventDefault();
 
     const currentTab = buttonWrapper.querySelector('[aria-pressed="true"]');

package/dist/components.es.js

@@ -67,7 +67,7 @@ const qs = /* @__PURE__ */ m(U, [["render", G]]), Q = (t) => t.charAt(0).toUpper
   },
   created() {
     this.$nextTick(function() {
-      import("./table.component.min-6b493200.mjs").then((t) => {
+      import("./table.component.min-627d6042.mjs").then((t) => {
         window.customElements.get("iam-table") || window.customElements.define("iam-table", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -455,7 +455,7 @@ const N = /* @__PURE__ */ m(ne, [["render", Se]]), xe = {
   },
   created() {
     this.$nextTick(function() {
-      import("./fileupload.component.min-1dbf3314.mjs").then((t) => {
+      import("./fileupload.component.min-65045d16.mjs").then((t) => {
         window.customElements.get("iam-fileupload") || window.customElements.define("iam-fileupload", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -485,7 +485,7 @@ const qe = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./accordion.component.min-324631e7.mjs").then((t) => {
+      import("./accordion.component.min-ea3701c4.mjs").then((t) => {
         window.customElements.get("iam-accordion") || window.customElements.define("iam-accordion", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -594,7 +594,7 @@ const Ms = /* @__PURE__ */ m(Ne, [["render", Fe]]), ze = {
   name: "Card",
   created() {
     this.$nextTick(function() {
-      import("./card.component.min-90af000b.mjs").then((t) => {
+      import("./card.component.min-9fa7f5be.mjs").then((t) => {
         window.customElements.get("iam-card") || window.customElements.define("iam-card", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -611,7 +611,7 @@ const Cs = /* @__PURE__ */ m(ze, [["render", Be]]), Oe = {
   name: "Header",
   mounted() {
     this.$nextTick(function() {
-      import("./carousel.component.min-17b69bf9.mjs").then((t) => {
+      import("./carousel.component.min-8f0dbeb9.mjs").then((t) => {
         window.customElements.get("iam-carousel") || window.customElements.define("iam-carousel", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -638,7 +638,7 @@ const Ns = /* @__PURE__ */ m(Oe, [["render", Ue]]), We = {
   },
   mounted() {
     this.$nextTick(function() {
-      import("./header.component.min-15c3843d.mjs").then((t) => {
+      import("./header.component.min-a9c35f90.mjs").then((t) => {
         window.customElements.get("iam-header") || window.customElements.define("iam-header", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1043,7 +1043,7 @@ const Is = /* @__PURE__ */ m(ht, [["render", At]]), Lt = {
   name: "Nav",
   mounted() {
     this.$nextTick(function() {
-      import("./nav.component.min-f34cb3e2.mjs").then((t) => {
+      import("./nav.component.min-4b5ea00c.mjs").then((t) => {
         window.customElements.get("iam-nav") || window.customElements.define("iam-nav", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1163,7 +1163,7 @@ const Wt = {
   name: "Tabs",
   created() {
     this.$nextTick(function() {
-      import("./tabs.component.min-3269d21d.mjs").then((t) => {
+      import("./tabs.component.min-fbdb72f4.mjs").then((t) => {
         window.customElements.get("iam-tabs") || window.customElements.define("iam-tabs", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1310,7 +1310,7 @@ function os(t, s, e, i, r, a) {
 }
 const Ws = /* @__PURE__ */ m(ns, [["render", os]]);
 /*!
-  * iamKey v7.1.0--beta5
+  * iamKey v7.1.0--beta7
   * Copyright 2022-2025 iamproperty
   */
 function ls(t, s) {
@@ -1477,7 +1477,7 @@ const Gs = /* @__PURE__ */ m(fs, [["render", bs]]), ys = {
   props: {},
   mounted() {
     this.$nextTick(function() {
-      import("./actionbar.component.min-373b72cd.mjs").then((t) => {
+      import("./actionbar.component.min-f4d3c731.mjs").then((t) => {
         window.customElements.get("iam-actionbar") || window.customElements.define("iam-actionbar", t.default);
       }).catch((t) => {
         console.log(t.message);
@@ -1492,7 +1492,7 @@ function _s(t, s, e, i, r, a) {
 }
 const Qs = /* @__PURE__ */ m(ys, [["render", _s]]);
 /*!
-  * iamKey v7.1.0--beta5
+  * iamKey v7.1.0--beta7
   * Copyright 2022-2025 iamproperty
   */
 class P extends HTMLElement {