@danielgindi/dgtable.js 2.0.10 → 2.0.11

package/dist/lib.cjs.js

@@ -1,5 +1,5 @@
 /*!
- * @danielgindi/dgtable.js 2.0.10
+ * @danielgindi/dgtable.js 2.0.11
  * git://github.com/danielgindi/dgtable.js.git
  */
 'use strict';
@@ -7096,11 +7096,11 @@ function setupVirtualTable(table) {var _p$filteredRows;
         if (column.stickyPos) {
           cell.className += ' ' + stickyClassName;
           cell.style.position = 'sticky';
-          cell.style[column.stickyPos.direction] = column.stickyPos.offset + 'px';
+          cell.style[column.stickyPos.absDirection] = column.stickyPos.offset + 'px';
           const isStickySide = isStickyColumns === null || isStickyColumns === void 0 ? void 0 : isStickyColumns.get(colIndex);
-          if (isStickySide === 'left')
+          if (isStickySide === 'start' && !p.lastIsRtl || isStickySide === 'end' && p.lastIsRtl)
           cell.classList.add('is-sticky-left');else
-          if (isStickySide === 'right')
+          if (isStickySide === 'start' && p.lastIsRtl || isStickySide === 'end' && !p.lastIsRtl)
           cell.classList.add('is-sticky-right');
         }
         if (allowCellPreview) {
@@ -7408,14 +7408,15 @@ function updateStickyColumnPositions(table) {var _p$scrollbarWidth;
   const stickyClassName = tableClassName + '-sticky';
   const headerRow = p.headerRow;
   const rtl = isTableRtl(table);
+  p.lastIsRtl = rtl;
   const scrollbarWidth = (_p$scrollbarWidth = p.scrollbarWidth) !== null && _p$scrollbarWidth !== void 0 ? _p$scrollbarWidth : 0;
   let stickColLeft = 0;
   let stickColRight = 0;
   let boxSizing = null;
-  const stickiesLeft = [];
-  const stickiesRight = [];
-  let stickyLeftGroup = null;
-  let stickyRightGroup = [];
+  const stickiesStart = [];
+  const stickiesEnd = [];
+  let stickyStartGroup = null;
+  let stickyEndGroup = [];
   for (let currentCellEl = headerRow.firstElementChild; currentCellEl; currentCellEl = currentCellEl.nextElementSibling) {
     const columnName = currentCellEl.getAttribute('data-column');
     if (!columnName)
@@ -7440,27 +7441,27 @@ function updateStickyColumnPositions(table) {var _p$scrollbarWidth;
         parseFloat(computedStyle.borderLeftWidth) || 0) + (
         parseFloat(computedStyle.borderRightWidth) || 0);
       }
-      const isLeft = column.sticky === 'start' && !rtl || column.sticky === 'end' && rtl;
-      if (isLeft) {
-        column.stickyPos = { direction: 'left', offset: stickColLeft };
-        currentCellEl.style.left = stickColLeft + 'px';
+      const isStart = column.sticky === 'start';
+      if (isStart) {
+        const stickyPos = column.stickyPos = { direction: 'start', absDirection: rtl ? 'right' : 'left', offset: stickColLeft };
+        currentCellEl.style[stickyPos.absDirection] = stickColLeft + 'px';
         stickColLeft += colFullWidth;
-        stickyRightGroup.length = 0;
-        stickyLeftGroup = [currentCellEl];
-        stickiesLeft.push(stickyLeftGroup);
+        stickyEndGroup.length = 0;
+        stickyStartGroup = [currentCellEl];
+        stickiesStart.push(stickyStartGroup);
       } else
       {
-        column.stickyPos = { direction: 'right', offset: stickColRight };
-        currentCellEl.style.right = stickColRight + scrollbarWidth + 'px';
+        const stickyPos = column.stickyPos = { direction: 'end', absDirection: rtl ? 'left' : 'right', offset: stickColRight };
+        currentCellEl.style[stickyPos.absDirection] = stickColRight + scrollbarWidth + 'px';
         stickColRight += colFullWidth;
-        stickiesRight.push([currentCellEl, ...stickyRightGroup]);
-        stickyRightGroup.length = 0;
+        stickiesEnd.push([currentCellEl, ...stickyEndGroup]);
+        stickyEndGroup.length = 0;
       }
     } else
-    {var _stickyLeftGroup;
+    {var _stickyStartGroup;
       delete column.stickyPos;
-      (_stickyLeftGroup = stickyLeftGroup) === null || _stickyLeftGroup === void 0 || _stickyLeftGroup.push(currentCellEl);
-      stickyRightGroup === null || stickyRightGroup === void 0 || stickyRightGroup.push(currentCellEl);
+      (_stickyStartGroup = stickyStartGroup) === null || _stickyStartGroup === void 0 || _stickyStartGroup.push(currentCellEl);
+      stickyEndGroup === null || stickyEndGroup === void 0 || stickyEndGroup.push(currentCellEl);
       if (currentCellEl.style.position === 'sticky') {
         currentCellEl.classList.remove(stickyClassName);
         currentCellEl.style.position = '';
@@ -7469,8 +7470,8 @@ function updateStickyColumnPositions(table) {var _p$scrollbarWidth;
       }
     }
   }
-  p.stickiesLeft = stickiesLeft;
-  p.stickiesRight = stickiesRight;
+  p.stickiesStart = stickiesStart;
+  p.stickiesEnd = stickiesEnd;
   syncHorizontalStickies(table);
 }
 /**
@@ -7480,20 +7481,21 @@ function syncHorizontalStickies(table) {
   const p = table._p;
   if (!p.table || !p.headerRow || !p.tbody)
   return;
-  const stickiesLeft = p.stickiesLeft;
-  const stickiesRight = p.stickiesRight;
-  const oldStickiesSetLeft = p.stickiesSetLeft;
-  const oldStickiesSetRight = p.stickiesSetRight;
-  const stickiesSetLeft = p.stickiesSetLeft = new Set();
-  const stickiesSetRight = p.stickiesSetRight = new Set();
-  if (stickiesLeft !== null && stickiesLeft !== void 0 && stickiesLeft.length || !(stickiesRight !== null && stickiesRight !== void 0 && stickiesRight.length)) {
+  const stickiesStart = p.stickiesStart;
+  const stickiesEnd = p.stickiesEnd;
+  const oldStickiesSetStart = p.stickiesSetStart;
+  const oldStickiesSetEnd = p.stickiesSetEnd;
+  const stickiesSetStart = p.stickiesSetStart = new Set();
+  const stickiesSetEnd = p.stickiesSetEnd = new Set();
+  if (stickiesStart !== null && stickiesStart !== void 0 && stickiesStart.length || stickiesEnd !== null && stickiesEnd !== void 0 && stickiesEnd.length) {
     const scrollLeft = p.table.scrollLeft;
     if (scrollLeft === p.lastStickyScrollLeft)
     return;
     p.lastStickyScrollLeft = scrollLeft;
     const allHeaderCells = p.headerRow.children;
     const tolerance = 1.5;
-    const processStickies = (stickies, isLeft, indicesSet) => {
+    const isRtl = p.lastIsRtl;
+    const processStickies = (stickies, isStart, indicesSet) => {
       if (!stickies || !stickies.length)
       return;
       for (const sticky of stickies) {
@@ -7504,14 +7506,21 @@ function syncHorizontalStickies(table) {
         if (!el || !el.getBoundingClientRect)
         continue;
         const sRect = el.getBoundingClientRect();
+        const isLeft = isStart !== isRtl;
         let overlapsFollowing = false;
         if (first && last) {
           const fRect = first.getBoundingClientRect();
           const lRect = last.getBoundingClientRect();
-          if (isLeft) {
+          if (isStart) {
+            if (isRtl)
+            overlapsFollowing = sRect.right - tolerance > lRect.left && sRect.left + tolerance < fRect.right;else
+
             overlapsFollowing = sRect.right - tolerance > fRect.left && sRect.left + tolerance < lRect.right;
           } else
           {
+            if (isRtl)
+            overlapsFollowing = sRect.left + tolerance < fRect.right && sRect.right - tolerance > lRect.left;else
+
             overlapsFollowing = sRect.left + tolerance < lRect.right && sRect.right - tolerance > fRect.left;
           }
         }
@@ -7521,26 +7530,26 @@ function syncHorizontalStickies(table) {
         }
       }
     };
-    processStickies(stickiesLeft, true, stickiesSetLeft);
-    processStickies(stickiesRight, false, stickiesSetRight);
+    processStickies(stickiesStart, true, stickiesSetStart);
+    processStickies(stickiesEnd, false, stickiesSetEnd);
   }
   const newStickies = [];
   const removeStickies = [];
-  for (const idx of stickiesSetLeft)
-  if (!(oldStickiesSetLeft !== null && oldStickiesSetLeft !== void 0 && oldStickiesSetLeft.has(idx)))
-  newStickies.push({ index: idx, left: true });
-  for (const idx of stickiesSetRight)
-  if (!(oldStickiesSetRight !== null && oldStickiesSetRight !== void 0 && oldStickiesSetRight.has(idx)))
-  newStickies.push({ index: idx, right: true });
-  if (oldStickiesSetLeft) {
-    for (const idx of oldStickiesSetLeft)
-    if (!stickiesSetLeft.has(idx))
-    removeStickies.push({ index: idx, left: true });
-  }
-  if (oldStickiesSetRight) {
-    for (const idx of oldStickiesSetRight)
-    if (!stickiesSetRight.has(idx))
-    removeStickies.push({ index: idx, right: true });
+  for (const idx of stickiesSetStart)
+  if (!(oldStickiesSetStart !== null && oldStickiesSetStart !== void 0 && oldStickiesSetStart.has(idx)))
+  newStickies.push({ index: idx, start: true });
+  for (const idx of stickiesSetEnd)
+  if (!(oldStickiesSetEnd !== null && oldStickiesSetEnd !== void 0 && oldStickiesSetEnd.has(idx)))
+  newStickies.push({ index: idx, start: false });
+  if (oldStickiesSetStart) {
+    for (const idx of oldStickiesSetStart)
+    if (!stickiesSetStart.has(idx))
+    removeStickies.push({ index: idx, start: true });
+  }
+  if (oldStickiesSetEnd) {
+    for (const idx of oldStickiesSetEnd)
+    if (!stickiesSetEnd.has(idx))
+    removeStickies.push({ index: idx, start: false });
   }
   if (!newStickies.length && !removeStickies.length)
   return;
@@ -7548,16 +7557,16 @@ function syncHorizontalStickies(table) {
   while (rowEl) {
     const children = rowEl.children;
     for (const sticky of removeStickies) {var _children$sticky$inde;
-      (_children$sticky$inde = children[sticky.index]) === null || _children$sticky$inde === void 0 || _children$sticky$inde.classList.remove(sticky.left ? 'is-sticky-left' : 'is-sticky-right');}
+      (_children$sticky$inde = children[sticky.index]) === null || _children$sticky$inde === void 0 || _children$sticky$inde.classList.remove(sticky.start !== p.lastIsRtl ? 'is-sticky-left' : 'is-sticky-right');}
     for (const sticky of newStickies) {var _children$sticky$inde2;
-      (_children$sticky$inde2 = children[sticky.index]) === null || _children$sticky$inde2 === void 0 || _children$sticky$inde2.classList.add(sticky.left ? 'is-sticky-left' : 'is-sticky-right');}
+      (_children$sticky$inde2 = children[sticky.index]) === null || _children$sticky$inde2 === void 0 || _children$sticky$inde2.classList.add(sticky.start !== p.lastIsRtl ? 'is-sticky-left' : 'is-sticky-right');}
     rowEl = rowEl.nextElementSibling;
   }
   p.isStickyColumns = new Map();
-  for (const idx of stickiesSetLeft)
-  p.isStickyColumns.set(idx, 'left');
-  for (const idx of stickiesSetRight)
-  p.isStickyColumns.set(idx, 'right');
+  for (const idx of stickiesSetStart)
+  p.isStickyColumns.set(idx, 'start');
+  for (const idx of stickiesSetEnd)
+  p.isStickyColumns.set(idx, 'end');
 }
 /**
  * Resize column elements