jquery.dgtable 0.6.13 → 0.6.15

package/dist/jquery.dgtable.cjs.js

@@ -1,11 +1,12 @@
 /*!
- * jquery.dgtable 0.6.13
+ * jquery.dgtable 0.6.15
  * git://github.com/danielgindi/jquery.dgtable.git
  */
 'use strict';
 
 var jQuery = require('jquery');
-var ScrollHelper = require('@danielgindi/dom-utils/lib/ScrollHelper');
+var ScrollHelper_js = require('@danielgindi/dom-utils/lib/ScrollHelper.js');
+var Css_js = require('@danielgindi/dom-utils/lib/Css.js');
 var Css = require('@danielgindi/dom-utils/lib/Css');
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -2052,11 +2053,6 @@ RowCollection.prototype.onComparatorRequired = null;
  */
 RowCollection.prototype.customSortingProvider = null;
 
-/**
- * @type {Function|null|undefined}
- */
-RowCollection.prototype.onSort = null;
-
 let nativeSort = RowCollection.prototype.sort;
 
 function getDefaultComparator(column, descending) {
@@ -2088,10 +2084,9 @@ function getDefaultComparator(column, descending) {
 }
 
 /**
- * @param {Boolean=false} silent
  * @returns {Function|undefined} the comparator that was used
  */
-RowCollection.prototype.sort = function (silent) {
+RowCollection.prototype.sort = function () {
   let comparator;
 
   if (this.sortColumn.length) {
@@ -2136,12 +2131,6 @@ RowCollection.prototype.sort = function (silent) {
     } else {
       sorter(this);
     }
-
-    if (!silent) {
-      if (this.onSort) {
-        this.onSort(comparator);
-      }
-    }
   }
 
   return comparator;
@@ -4606,7 +4595,7 @@ DGTable.prototype.render = function () {
     }
 
     let lastScrollTop = p.table && p.table.parentNode ? p.table.scrollTop : NaN,
-      lastScrollHorz = p.table && p.table.parentNode ? ScrollHelper.getScrollHorz(p.table) : NaN;
+      lastScrollHorz = p.table && p.table.parentNode ? ScrollHelper_js.getScrollHorz(p.table) : NaN;
 
     this._renderSkeletonBase().
     _renderSkeletonBody().
@@ -4633,8 +4622,8 @@ DGTable.prototype.render = function () {
     p.table.scrollTop = lastScrollTop;
 
     if (!isNaN(lastScrollHorz)) {
-      ScrollHelper.setScrollHorz(p.table, lastScrollHorz);
-      ScrollHelper.setScrollHorz(p.header, lastScrollHorz);
+      ScrollHelper_js.setScrollHorz(p.table, lastScrollHorz);
+      ScrollHelper_js.setScrollHorz(p.header, lastScrollHorz);
     }
 
     this.trigger('renderskeleton');
@@ -4715,7 +4704,7 @@ DGTable.prototype._calculateTbodyWidth = function () {
   let hasFractions = Math.round(fractionValue) !== fractionValue;
   fractionTest.remove();
 
-  let width = Css.getElementWidth($row[0], true, true, true);
+  let width = Css_js.getElementWidth($row[0], true, true, true);
   width -= p.scrollbarWidth || 0;
 
   if (hasFractions) {
@@ -5691,7 +5680,7 @@ DGTable.prototype._calculateWidthAvailableForColumns = function () {
     }
   }
 
-  let detectedWidth = Css.getElementWidth(this.$el[0]);
+  let detectedWidth = Css_js.getElementWidth(this.$el[0]);
 
   if (p.table) {
     if (o.virtualTable) {
@@ -5767,7 +5756,7 @@ DGTable.prototype.tableWidthChanged = function () {
       ).css({ 'position': 'absolute', top: '-9999px', 'visibility': 'hidden' });
     $tableWrapper.appendTo(document.body);
 
-    let width = Css.getElementWidth($cell[0]);
+    let width = Css_js.getElementWidth($cell[0]);
 
     $tableWrapper.remove();
 
@@ -6019,7 +6008,7 @@ DGTable.prototype.tableHeightChanged = function () {
     return that;
   }
 
-  let height = Css.getElementHeight(that.$el[0], true) - (
+  let height = Css_js.getElementHeight(that.$el[0], true) - (
   parseFloat(p.$table.css('border-top-width')) || 0) // Subtract top border of inner element
   - (parseFloat(p.$table.css('border-bottom-width')) || 0); // Subtract bottom border of inner element
 
@@ -6029,7 +6018,7 @@ DGTable.prototype.tableHeightChanged = function () {
 
     if (p.tbody) {
       // At least 1 pixel - to show scrollers correctly.
-      p.tbody.style.height = Math.max(o.height - Css.getElementHeight(p.$headerRow[0], true, true, true), 1) + 'px';
+      p.tbody.style.height = Math.max(o.height - Css_js.getElementHeight(p.$headerRow[0], true, true, true), 1) + 'px';
     }
 
     if (o.virtualTable) {
@@ -6423,7 +6412,7 @@ DGTable.prototype._getColumnByResizePosition = function (e) {
   let mouseX = ((e.pageX != null ? e.pageX : e.originalEvent.pageX) || e.originalEvent.clientX) - $headerCell.offset().left;
 
   if (rtl) {
-    if (!firstCol && Css.getElementWidth($headerCell[0], true, true, true) - mouseX <= o.resizeAreaWidth / 2) {
+    if (!firstCol && Css_js.getElementWidth($headerCell[0], true, true, true) - mouseX <= o.resizeAreaWidth / 2) {
       return previousElementSibling['columnName'];
     } else if (mouseX <= o.resizeAreaWidth / 2) {
       return headerCell['columnName'];
@@ -6431,7 +6420,7 @@ DGTable.prototype._getColumnByResizePosition = function (e) {
   } else {
     if (!firstCol && mouseX <= o.resizeAreaWidth / 2) {
       return previousElementSibling['columnName'];
-    } else if (Css.getElementWidth($headerCell[0], true, true, true) - mouseX <= o.resizeAreaWidth / 2) {
+    } else if (Css_js.getElementWidth($headerCell[0], true, true, true) - mouseX <= o.resizeAreaWidth / 2) {
       return headerCell['columnName'];
     }
   }
@@ -6590,12 +6579,12 @@ DGTable.prototype._onMouseDownColumnHeader = function (event) {
     posCol.left -= posRelative.left;
     posCol.top -= posRelative.top;
     posCol.top -= parseFloat(selectedHeaderCell.css('border-top-width')) || 0;
-    let resizerWidth = Css.getElementWidth(p.$resizer[0], true, true, true);
+    let resizerWidth = Css_js.getElementWidth(p.$resizer[0], true, true, true);
     if (rtl) {
       posCol.left -= Math.ceil((parseFloat(selectedHeaderCell.css('border-left-width')) || 0) / 2);
       posCol.left -= Math.ceil(resizerWidth / 2);
     } else {
-      posCol.left += Css.getElementWidth(selectedHeaderCell[0], true, true, true);
+      posCol.left += Css_js.getElementWidth(selectedHeaderCell[0], true, true, true);
       posCol.left += Math.ceil((parseFloat(selectedHeaderCell.css('border-right-width')) || 0) / 2);
       posCol.left -= Math.ceil(resizerWidth / 2);
     }
@@ -6606,7 +6595,7 @@ DGTable.prototype._onMouseDownColumnHeader = function (event) {
       'visibility': 'visible',
       'left': posCol.left,
       'top': posCol.top,
-      'height': Css.getElementHeight(this.$el[0])
+      'height': Css_js.getElementHeight(this.$el[0])
     })[0]['columnName'] = selectedHeaderCell[0]['columnName'];
 
     try {p.$resizer[0].style.zIndex = '';}
@@ -6647,8 +6636,8 @@ DGTable.prototype._onMouseUpColumnHeader = function (event) {
     let o = this.o;
     let $headerCell = $(event.target).closest('div.' + o.tableClassName + '-header-cell,div.' + o.cellPreviewClassName);
     let bounds = $headerCell.offset();
-    bounds['width'] = Css.getElementWidth($headerCell[0], true, true, true);
-    bounds['height'] = Css.getElementHeight($headerCell[0], true, true, true);
+    bounds['width'] = Css_js.getElementWidth($headerCell[0], true, true, true);
+    bounds['height'] = Css_js.getElementHeight($headerCell[0], true, true, true);
     this.trigger('headercontextmenu', $headerCell[0]['columnName'], event.pageX, event.pageY, bounds);
   }
   return this;
@@ -6754,7 +6743,7 @@ DGTable.prototype._onMouseMoveResizeArea = function (event) {
   let posCol = selectedHeaderCell.offset(),posRelative = commonAncestor.offset();
   posRelative.left += parseFloat(commonAncestor.css('border-left-width')) || 0;
   posCol.left -= posRelative.left;
-  let resizerWidth = Css.getElementWidth(p.$resizer[0], true, true, true);
+  let resizerWidth = Css_js.getElementWidth(p.$resizer[0], true, true, true);
 
   let isBoxing = selectedHeaderCell.css('box-sizing') === 'border-box';
 
@@ -6764,7 +6753,7 @@ DGTable.prototype._onMouseMoveResizeArea = function (event) {
   minX -= Math.ceil(resizerWidth / 2);
 
   if (rtl) {
-    minX += Css.getElementWidth(selectedHeaderCell[0], true, true, true);
+    minX += Css_js.getElementWidth(selectedHeaderCell[0], true, true, true);
     minX -= column.ignoreMin ? 0 : this.o.minColumnWidth;
 
     if (!isBoxing) {
@@ -6816,7 +6805,7 @@ DGTable.prototype._onEndDragColumnHeader = function (event) {
     let posCol = selectedHeaderCell.offset(),posRelative = commonAncestor.offset();
     posRelative.left += parseFloat(commonAncestor.css('border-left-width')) || 0;
     posCol.left -= posRelative.left;
-    let resizerWidth = Css.getElementWidth(p.$resizer[0], true, true, true);
+    let resizerWidth = Css_js.getElementWidth(p.$resizer[0], true, true, true);
 
     let isBoxing = selectedHeaderCell.css('box-sizing') === 'border-box';
 
@@ -6835,7 +6824,7 @@ DGTable.prototype._onEndDragColumnHeader = function (event) {
         actualX += column.arrowProposedWidth || 0; // Sort-arrow width
       }
 
-      baseX += Css.getElementWidth(selectedHeaderCell[0], true, true, true);
+      baseX += Css_js.getElementWidth(selectedHeaderCell[0], true, true, true);
 
       minX = baseX - (column.ignoreMin ? 0 : this.o.minColumnWidth);
       if (actualX > minX) {
@@ -7140,7 +7129,7 @@ DGTable.prototype._renderSkeletonBase = function () {var _p$virtualListHelper2;
   }
 
   if (!o.height && o.virtualTable) {
-    o.height = Css.getElementHeight(this.$el[0], true);
+    o.height = Css_js.getElementHeight(this.$el[0], true);
   }
 
   return this;
@@ -7265,9 +7254,9 @@ DGTable.prototype._renderSkeletonBody = function () {
     let row1 = createDummyRow(),row2 = createDummyRow(),row3 = createDummyRow();
     $dummyTbody.append(row1, row2, row3);
 
-    p.virtualRowHeightFirst = Css.getElementHeight(row1, true, true, true);
-    p.virtualRowHeight = Css.getElementHeight(row2, true, true, true);
-    p.virtualRowHeightLast = Css.getElementHeight(row3, true, true, true);
+    p.virtualRowHeightFirst = Css_js.getElementHeight(row1, true, true, true);
+    p.virtualRowHeight = Css_js.getElementHeight(row2, true, true, true);
+    p.virtualRowHeightLast = Css_js.getElementHeight(row3, true, true, true);
 
     $dummyWrapper.remove();
   }
@@ -7286,7 +7275,7 @@ DGTable.prototype._renderSkeletonBody = function () {
       table.className += ' virtual';
     }
 
-    let tableHeight = o.height - Css.getElementHeight(p.$headerRow[0], true, true, true);
+    let tableHeight = o.height - Css_js.getElementHeight(p.$headerRow[0], true, true, true);
     if ($table.css('box-sizing') !== 'border-box') {
       tableHeight -= parseFloat($table.css('border-top-width')) || 0;
       tableHeight -= parseFloat($table.css('border-bottom-width')) || 0;
@@ -7408,8 +7397,8 @@ DGTable.prototype._updateTableWidth = function (parentSizeMayHaveChanged) {
   if (o.width === DGTable.Width.AUTO) {
     // Update wrapper element's size to fully contain the table body
 
-    Css.setElementWidth(p.$table[0], Css.getElementWidth(p.tbody, true, true, true));
-    Css.setElementWidth(this.$el[0], Css.getElementWidth(p.$table[0], true, true, true));
+    Css_js.setElementWidth(p.$table[0], Css_js.getElementWidth(p.tbody, true, true, true));
+    Css_js.setElementWidth(this.$el[0], Css_js.getElementWidth(p.$table[0], true, true, true));
 
   } else if (o.width === DGTable.Width.SCROLL) {
 
@@ -7530,7 +7519,7 @@ DGTable.prototype._cellMouseOverEvent = function (el) {
     let css = {
       'box-sizing': borderBox ? 'border-box' : 'content-box',
       'width': requiredWidth,
-      'min-height': Css.getElementHeight($el[0]),
+      'min-height': Css_js.getElementHeight($el[0]),
       'padding-left': paddingL,
       'padding-right': paddingR,
       'padding-top': paddingT,
@@ -7618,8 +7607,8 @@ DGTable.prototype._cellMouseOverEvent = function (el) {
     // Handle RTL, go from the other side
     if (rtl) {
       let windowWidth = $(window).width();
-      offset.right = windowWidth - (offset.left + Css.getElementWidth($el[0], true, true, true));
-      parentOffset.right = windowWidth - (parentOffset.left + Css.getElementWidth($parent[0], true, true, true));
+      offset.right = windowWidth - (offset.left + Css_js.getElementWidth($el[0], true, true, true));
+      parentOffset.right = windowWidth - (parentOffset.left + Css_js.getElementWidth($parent[0], true, true, true));
     }
 
     // If the parent has borders, then it would offset the offset...
@@ -7638,14 +7627,14 @@ DGTable.prototype._cellMouseOverEvent = function (el) {
 
     // Constrain horizontally
     let minHorz = 0,
-      maxHorz = $parent - Css.getElementWidth($previewCell[0], true, true, true);
+      maxHorz = $parent - Css_js.getElementWidth($previewCell[0], true, true, true);
     offset[prop] = offset[prop] < minHorz ?
     minHorz :
     offset[prop] > maxHorz ? maxHorz : offset[prop];
 
     // Constrain vertically
-    let totalHeight = Css.getElementHeight($el[0], true, true, true);
-    let maxTop = $scrollParent.scrollTop() + Css.getElementHeight($parent[0], true) - totalHeight;
+    let totalHeight = Css_js.getElementHeight($el[0], true, true, true);
+    let maxTop = $scrollParent.scrollTop() + Css_js.getElementHeight($parent[0], true) - totalHeight;
     if (offset.top > maxTop) {
       offset.top = Math.max(0, maxTop);
     }