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

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

@@ -118,11 +118,9 @@ export const setTabsEventHandlers = function (tabsElement: Element) {
   });
 
   buttonWrapper.addEventListener('scrollend', (event) => {
-
     clearTimeout(scrollTimeout);
 
     scrollTimeout = setTimeout(function () {
-
       let buttonToClick = buttons[0];
       let closestOffset = Math.abs(buttonToClick.getBoundingClientRect().left);
 
@@ -136,13 +134,10 @@ export const setTabsEventHandlers = function (tabsElement: Element) {
       if (window.isClicked) {
         window.isClicked = false;
         return false;
-      }
-      else {
-          
+      } else {
         buttonToClick.click();
       }
       buttonToClick.focus();
-      
     }, 500);
   });
 

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-be27f94a.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-c097b06c.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-95e4bd56.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-9e5ee063.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-20f50bac.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-e801965d.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-8898cccc.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-3f0b7379.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--beta6
+  * 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-2a7024a9.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--beta6
+  * iamKey v7.1.0--beta7
   * Copyright 2022-2025 iamproperty
   */
 class P extends HTMLElement {