@castlabs/ui 5.5.0 → 5.5.3

package/dist/castlabs-ui.module.js

@@ -214,7 +214,7 @@ function clMatomoSetup () {
 
 export function clTableSetupResize (id) {
   document.querySelectorAll(`#${id} .cl-resizer`).forEach(resizer => {
-    clTableSetResizeListeners(resizer, id)
+    clTableSetResizeListeners(resizer)
   })
 }
 
@@ -245,55 +245,61 @@ export function clTableSortStatic (id, col) {
 let lastX = 0
 let nextCol = null
 
-function clTableSetResizeListeners (resizer, id) {
-  const nowrap = !!document.querySelector(`#${id}.cl-table-nowrap`) // are we in nowrap mode?
+function clTableSetResizeListeners (resizer) {
+  lastX = 0
+  nextCol = null
+  resizer.addEventListener('mousedown', mousedown)
+  document.addEventListener('mousemove', mousemove)
+  document.addEventListener('mouseup', mouseup)
+}
 
-  resizer.addEventListener('mousedown', mousedown => {
-    mousedown.preventDefault()
-    nextCol = mousedown.target ? mousedown.target.parentElement : null
-    lastX = mousedown.pageX
-  })
+const mousedown = mousedown => {
+  mousedown.preventDefault()
+  nextCol = mousedown.target ? mousedown.target.parentElement : null
+  lastX = mousedown.pageX
+}
 
-  document.addEventListener('mousemove', mousemove => {
-    if (nextCol !== null) {
-      mousemove.preventDefault()
-      const delta = mousemove.pageX - lastX
-      lastX = mousemove.pageX
-
-      const colIndex = getColIndex(nextCol)
-      if (nowrap) {
-        // in nowrap mode we only adjust the first col
-        document
-          .querySelectorAll(
-            `#${id} tr th:nth-child(${colIndex - 1}), #${id} tr td:nth-child(${colIndex - 1})`
-          )
-          .forEach(cel => {
-            const width =
-              (cel.style.maxWidth === '' ? cel.offsetWidth : parseInt(cel.style.maxWidth)) + delta
-            cel.style.width = (width > 32 ? width : 32) + 'px'
-            cel.style.maxWidth = (width > 32 ? width : 32) + 'px'
-          })
-      } else {
-        // in regular mode we shrink one and enlarge the other col
-        document.querySelectorAll(`#${id} tr td:nth-child(${colIndex - 1})`).forEach(cel => {
-          const width = cel.offsetWidth + delta
+const mousemove = mousemove => {
+  if (nextCol !== null) {
+    mousemove.preventDefault()
+    const delta = mousemove.pageX - lastX
+    lastX = mousemove.pageX
+
+    const colIndex = getColIndex(nextCol)
+    const id = mousemove.target?.closest('table')?.id ?? 'unknown'
+    const nowrap = !!document.querySelector(`#${id}.cl-table-nowrap`) // are we in nowrap mode?
+    if (nowrap) {
+      // in nowrap mode we only adjust the first col
+      document
+        .querySelectorAll(
+          `#${id} tr th:nth-child(${colIndex - 1})` // , #${id} tr td:nth-child(${colIndex - 1})
+        )
+        .forEach(cel => {
+          const width =
+            (cel.style.maxWidth === '' ? cel.offsetWidth : parseInt(cel.style.maxWidth)) + delta
           cel.style.width = (width > 32 ? width : 32) + 'px'
+          cel.style.maxWidth = (width > 32 ? width : 32) + 'px'
         })
-        document.querySelectorAll(`#${id} tr td:nth-child(${colIndex})`).forEach(cel => {
-          const width = cel.offsetWidth - delta
-          cel.style.width = (width > 32 ? width : 32) + 'px'
-        })
-      }
+    } else {
+      // in regular mode we shrink one and enlarge the other col
+      document.querySelectorAll(`#${id} tr td:nth-child(${colIndex - 1})`).forEach(cel => {
+        const width = cel.offsetWidth + delta
+        cel.style.width = (width > 32 ? width : 32) + 'px'
+      })
+      document.querySelectorAll(`#${id} tr td:nth-child(${colIndex})`).forEach(cel => {
+        const width = cel.offsetWidth - delta
+        cel.style.width = (width > 32 ? width : 32) + 'px'
+      })
     }
-  })
+  }
+}
 
-  document.addEventListener('mouseup', mouseup => {
-    if (nextCol !== null) {
-      mouseup.preventDefault()
-      lastX = 0
-      nextCol = null
-    }
-  })
+const mouseup = mouseup => {
+  if (nextCol !== null) {
+    mouseup.preventDefault()
+    lastX = 0
+    nextCol = null
+  }
 }
 
 function getColIndex (col) {