@openui5/sap.ui.table 1.123.1 → 1.124.0

package/src/sap/ui/table/extensions/Pointer.js

@@ -20,33 +20,33 @@ sap.ui.define([
 	"use strict";
 
 	// shortcuts
-	var SelectionMode = library.SelectionMode;
-	var SelectionBehavior = library.SelectionBehavior;
+	const SelectionMode = library.SelectionMode;
+	const SelectionBehavior = library.SelectionBehavior;
 
-	var KNOWNCLICKABLECONTROLS = [
+	const KNOWNCLICKABLECONTROLS = [
 		"sapMBtnBase", "sapMInputBase", "sapMLnk", "sapMSlt",
 		"sapMCb", "sapMRI", "sapMSegBBtn", "sapUiIconPointer", "sapMBtnIcon", "sapMObjStatusActive"];
 
 	/*
 	 * Provides utility functions used this extension
 	 */
-	var ExtensionHelper = {
+	const ExtensionHelper = {
 
 		/*
 		 * Returns the pageX and pageY position of the given mouse/touch event.
 		 */
 		_getEventPosition: function(oEvent, oTable) {
-			var oPosition;
+			const oPosition = getTouchObject(oEvent) || oEvent;
 
 			function getTouchObject(oTouchEvent) {
 				if (!oTable._isTouchEvent(oTouchEvent)) {
 					return null;
 				}
 
-				var aTouchEventObjectNames = ["touches", "targetTouches", "changedTouches"];
+				const aTouchEventObjectNames = ["touches", "targetTouches", "changedTouches"];
 
-				for (var i = 0; i < aTouchEventObjectNames.length; i++) {
-					var sTouchEventObjectName = aTouchEventObjectNames[i];
+				for (let i = 0; i < aTouchEventObjectNames.length; i++) {
+					const sTouchEventObjectName = aTouchEventObjectNames[i];
 
 					if (oEvent[sTouchEventObjectName] && oEvent[sTouchEventObjectName][0]) {
 						return oEvent[sTouchEventObjectName][0];
@@ -59,8 +59,6 @@ sap.ui.define([
 				return null;
 			}
 
-			oPosition = getTouchObject(oEvent) || oEvent;
-
 			return {x: oPosition.pageX, y: oPosition.pageY};
 		},
 
@@ -79,11 +77,11 @@ sap.ui.define([
 			}
 
 			// Special handling for known clickable controls
-			var oClickedControl = Element.closestTo($Target[0]);
+			const oClickedControl = Element.closestTo($Target[0]);
 			if (oClickedControl) {
-				var $ClickedControl = oClickedControl.$();
+				const $ClickedControl = oClickedControl.$();
 				if ($ClickedControl.length) {
-					for (var i = 0; i < KNOWNCLICKABLECONTROLS.length; i++) {
+					for (let i = 0; i < KNOWNCLICKABLECONTROLS.length; i++) {
 						if ($ClickedControl.hasClass(KNOWNCLICKABLECONTROLS[i])) {
 							return typeof oClickedControl.getEnabled === "function" ? oClickedControl.getEnabled() : true;
 						}
@@ -99,7 +97,7 @@ sap.ui.define([
 		 */
 		_handleClickSelection: function(oEvent, $Cell, oTable) {
 			TableUtils.toggleRowSelection(oTable, $Cell, null, function(oRow) {
-				var oSelectionPlugin = oTable._getSelectionPlugin();
+				const oSelectionPlugin = oTable._getSelectionPlugin();
 
 				if (oEvent.shiftKey) { // Range
 					oSelectionPlugin.setSelected(oRow, true, {range: true});
@@ -115,7 +113,7 @@ sap.ui.define([
 	/*
 	 * Provides helper functionality (e.g. drag&drop capabilities) for column resizing.
 	 */
-	var ColumnResizeHelper = {
+	const ColumnResizeHelper = {
 
 		/*
 		 * Initializes the drag&drop for resizing
@@ -130,8 +128,8 @@ sap.ui.define([
 			oTable._iColumnResizeStart = ExtensionHelper._getEventPosition(oEvent, oTable).x;
 			oTable.$().toggleClass("sapUiTableResizing", true);
 
-			var $Document = jQuery(document);
-			var bTouch = oTable._isTouchEvent(oEvent);
+			const $Document = jQuery(document);
+			const bTouch = oTable._isTouchEvent(oEvent);
 
 			oTable._$colResize = oTable.$("rsz");
 
@@ -147,15 +145,15 @@ sap.ui.define([
 		 * Drops the previous dragged column resize bar and recalculates the new column width.
 		 */
 		exitColumnResizing: function(oEvent) {
-			var iLocationX = ExtensionHelper._getEventPosition(oEvent, this).x;
-			var oColumn = this._getVisibleColumns()[this._iLastHoveredVisibleColumnIndex];
-			var $RelevantColumnElement = this.$().find("th[data-sap-ui-colid=\"" + oColumn.getId() + "\"]"); // Consider span and multi-header
-			var iColumnWidth = $RelevantColumnElement[0].offsetWidth; // the width of the column with padding and border
-			var iInnerWidth = $RelevantColumnElement.width(); // the content width of the column without padding and border
-			var iPaddingAndBorder = iColumnWidth - iInnerWidth;
-			var iDeltaX = iLocationX - ($RelevantColumnElement.offset().left + (this._bRtlMode ? 0 : iColumnWidth));
-			var iCalculatedColumnWidth = Math.round(iColumnWidth + iDeltaX * (this._bRtlMode ? -1 : 1)) - iPaddingAndBorder;
-			var iNewColumnWidth = Math.max(iCalculatedColumnWidth, TableUtils.Column.getMinColumnWidth());
+			const iLocationX = ExtensionHelper._getEventPosition(oEvent, this).x;
+			const oColumn = this._getVisibleColumns()[this._iLastHoveredVisibleColumnIndex];
+			const $RelevantColumnElement = this.$().find("th[data-sap-ui-colid=\"" + oColumn.getId() + "\"]"); // Consider span and multi-header
+			const iColumnWidth = $RelevantColumnElement[0].offsetWidth; // the width of the column with padding and border
+			const iInnerWidth = $RelevantColumnElement.width(); // the content width of the column without padding and border
+			const iPaddingAndBorder = iColumnWidth - iInnerWidth;
+			const iDeltaX = iLocationX - ($RelevantColumnElement.offset().left + (this._bRtlMode ? 0 : iColumnWidth));
+			const iCalculatedColumnWidth = Math.round(iColumnWidth + iDeltaX * (this._bRtlMode ? -1 : 1)) - iPaddingAndBorder;
+			const iNewColumnWidth = Math.max(iCalculatedColumnWidth, TableUtils.Column.getMinColumnWidth());
 
 			ColumnResizeHelper._resizeColumn(this, this._iLastHoveredVisibleColumnIndex, this._bColumnResizerMoved ? iNewColumnWidth : null);
 		},
@@ -164,9 +162,9 @@ sap.ui.define([
 		 * Handler for the move events while dragging the column resize bar.
 		 */
 		onMouseMoveWhileColumnResizing: function(oEvent) {
-			var iLocationX = ExtensionHelper._getEventPosition(oEvent, this).x;
-			var iRszOffsetLeft = this.$().find(".sapUiTableCnt").offset().left;
-			var iRszLeft = Math.floor(iLocationX - iRszOffsetLeft);
+			const iLocationX = ExtensionHelper._getEventPosition(oEvent, this).x;
+			const iRszOffsetLeft = this.$().find(".sapUiTableCnt").offset().left;
+			const iRszLeft = Math.floor(iLocationX - iRszOffsetLeft);
 
 			if (!this._bColumnResizerMoved && Math.abs(iLocationX - this._iColumnResizeStart) >= 5) {
 				this._bColumnResizerMoved = true;
@@ -193,7 +191,7 @@ sap.ui.define([
 			oTable.$().toggleClass("sapUiTableResizing", false);
 			oTable._enableTextSelection();
 
-			var $Document = jQuery(document);
+			const $Document = jQuery(document);
 			$Document.off("touchmove.sapUiTableColumnResize");
 			$Document.off("touchend.sapUiTableColumnResize");
 			$Document.off("mousemove.sapUiTableColumnResize");
@@ -204,8 +202,8 @@ sap.ui.define([
 		 * Cleans up the state which is created while resize a column via drag&drop and recalculates the new column width.
 		 */
 		_resizeColumn: function(oTable, iColIndex, iNewWidth) {
-			var aVisibleColumns = oTable._getVisibleColumns();
-			var oColumn;
+			const aVisibleColumns = oTable._getVisibleColumns();
+			let oColumn;
 
 			if (iColIndex >= 0 && iColIndex < aVisibleColumns.length) {
 				oColumn = aVisibleColumns[iColIndex];
@@ -224,8 +222,8 @@ sap.ui.define([
 		 * Experimental feature.
 		 */
 		doAutoResizeColumn: function(oTable, iColIndex) {
-			var aVisibleColumns = oTable._getVisibleColumns(),
-				oColumn;
+			const aVisibleColumns = oTable._getVisibleColumns();
+			let oColumn;
 
 			if (iColIndex >= 0 && iColIndex < aVisibleColumns.length) {
 				oColumn = aVisibleColumns[iColIndex];
@@ -233,7 +231,7 @@ sap.ui.define([
 					return;
 				}
 
-				var iNewWidth = ColumnResizeHelper._calculateAutomaticColumnWidth.apply(oTable, [oColumn, iColIndex]);
+				const iNewWidth = ColumnResizeHelper._calculateAutomaticColumnWidth.apply(oTable, [oColumn, iColIndex]);
 				if (iNewWidth) {
 					ColumnResizeHelper._resizeColumn(oTable, iColIndex, iNewWidth);
 				}
@@ -250,19 +248,19 @@ sap.ui.define([
 		 */
 		_calculateAutomaticColumnWidth: function(oCol, iColIndex) {
 			oCol = oCol || this.getColumns()[iColIndex];
-			var $this = this.$();
-			var $hiddenArea = jQuery("<div>").addClass("sapUiTableHiddenSizeDetector sapUiTableHeaderDataCell sapUiTableDataCell");
+			const $this = this.$();
+			const $hiddenArea = jQuery("<div>").addClass("sapUiTableHiddenSizeDetector sapUiTableHeaderDataCell sapUiTableDataCell");
 			$this.append($hiddenArea);
 
 			// Create a copy of  all visible cells in the column, including the header cells without colspan
-			var $cells = $this.find("td[data-sap-ui-colid = \"" + oCol.getId() + "\"]:not([colspan])")
+			const $cells = $this.find("td[data-sap-ui-colid = \"" + oCol.getId() + "\"]:not([colspan])")
 							  .filter(function(index, element) {
-								  return element.style.display != "none";
+								  return element.style.display !== "none";
 							  }).children().clone();
 			$cells.removeAttr("id"); // remove all id attributes
 
 			// Determine the column width
-			var iWidth = $hiddenArea.append($cells).width() + 4; // widest cell + 4px for borders, padding and rounding
+			let iWidth = $hiddenArea.append($cells).width() + 4; // widest cell + 4px for borders, padding and rounding
 			iWidth = Math.min(iWidth, $this.find(".sapUiTableCnt").width()); // no wider as the table
 			iWidth = Math.max(iWidth + 4, TableUtils.Column.getMinColumnWidth()); // not to small
 
@@ -277,18 +275,19 @@ sap.ui.define([
 		initColumnTracking: function(oTable) {
 			// attach mousemove listener to update resizer position
 			oTable.$().find(".sapUiTableCtrlScr, .sapUiTableCtrlScrFixed").on("mousemove", function(oEvent) {
-				var oDomRef = this.getDomRef("sapUiTableCnt");
+				const oDomRef = this.getDomRef("sapUiTableCnt");
+
 				if (!oDomRef || this._bIsColumnResizerMoving) {
 					return;
 				}
 
-				var iPositionX = oEvent.clientX,
-					iTableRect = oDomRef.getBoundingClientRect(),
-					iLastHoveredColumn = 0,
-					iResizerPositionX = this._bRtlMode ? 10000 : -10000;
+				const iPositionX = oEvent.clientX;
+				const iTableRect = oDomRef.getBoundingClientRect();
+				let iLastHoveredColumn = 0;
+				let iResizerPositionX = this._bRtlMode ? 10000 : -10000;
 
-				for (var i = 0; i < this._aTableHeaders.length; i++) {
-					var oTableHeaderRect = this._aTableHeaders[i].getBoundingClientRect();
+				for (let i = 0; i < this._aTableHeaders.length; i++) {
+					const oTableHeaderRect = this._aTableHeaders[i].getBoundingClientRect();
 					if (this._bRtlMode) {
 						// 5px for resizer width
 						if ((iPositionX < oTableHeaderRect.right - 5) && (iPositionX >= oTableHeaderRect.left)) {
@@ -306,7 +305,7 @@ sap.ui.define([
 					}
 				}
 
-				var oColumn = this._getVisibleColumns()[iLastHoveredColumn];
+				const oColumn = this._getVisibleColumns()[iLastHoveredColumn];
 				if (oColumn && oColumn.getResizable()) {
 					this.$("rsz").css("left", iResizerPositionX + "px");
 					this._iLastHoveredVisibleColumnIndex = iLastHoveredColumn;
@@ -318,21 +317,21 @@ sap.ui.define([
 	/*
 	 * Provides drag&drop capabilities for column reordering.
 	 */
-	var ReorderHelper = {
+	const ReorderHelper = {
 
 		/*
 		 * Initializes the drag&drop for reordering
 		 */
 		initReordering: function(oTable, iColIndex, oEvent) {
-			var oColumn = oTable.getColumns()[iColIndex],
-				$Col = oColumn.$(),
-				$Table = oTable.$();
+			const oColumn = oTable.getColumns()[iColIndex];
+			const $Col = oColumn.$();
+			const $Table = oTable.$();
 
 			oTable._disableTextSelection();
 			$Table.addClass("sapUiTableDragDrop");
 
 			// Initialize the Ghost
-			var $Ghost = $Col.clone();
+			const $Ghost = $Col.clone();
 			$Ghost.find("*").addBack($Ghost).removeAttr("id")
 				  .removeAttr("data-sap-ui")
 				  .removeAttr("tabindex");
@@ -351,7 +350,7 @@ sap.ui.define([
 			$Table.find("td[data-sap-ui-colid='" + oColumn.getId() + "']").toggleClass("sapUiTableColReorderFade", true);
 
 			// Initialize the Indicator where to insert
-			var $Indicator = jQuery("<div id='" + oTable.getId()
+			const $Indicator = jQuery("<div id='" + oTable.getId()
 									+ "-roind' class='sapUiTableColReorderIndicator'><div class='sapUiTableColReorderIndicatorArrow'></div><div class='sapUiTableColReorderIndicatorInner'></div></div>");
 			$Indicator.appendTo(oTable.getDomRef("sapUiTableCnt"));
 			oTable._$ReorderIndicator = oTable.getDomRef("roind");
@@ -360,8 +359,8 @@ sap.ui.define([
 			oTable._iDnDColIndex = iColIndex;
 
 			// Bind the event handlers
-			var $Document = jQuery(document),
-				bTouch = oTable._isTouchEvent(oEvent);
+			const $Document = jQuery(document);
+			const bTouch = oTable._isTouchEvent(oEvent);
 			$Document.on((bTouch ? "touchend" : "mouseup") + ".sapUiColumnMove", ReorderHelper.exitReordering.bind(oTable));
 			$Document.on((bTouch ? "touchmove" : "mousemove") + ".sapUiColumnMove", ReorderHelper.onMouseMoveWhileReordering.bind(oTable));
 		},
@@ -371,16 +370,16 @@ sap.ui.define([
 		 * Reposition the ghost.
 		 */
 		onMouseMoveWhileReordering: function(oEvent) {
-			var oEventPosition = ExtensionHelper._getEventPosition(oEvent, this),
-				iLocationX = oEventPosition.x,
-				iLocationY = oEventPosition.y,
-				iOldColPos = this._iNewColPos;
+			const oEventPosition = ExtensionHelper._getEventPosition(oEvent, this);
+			const iLocationX = oEventPosition.x;
+			const iLocationY = oEventPosition.y;
+			const iOldColPos = this._iNewColPos;
 
 			this._iNewColPos = this._iDnDColIndex;
 
 			oEvent.preventDefault(); // Avoid default actions e.g. scrolling on mobile devices
 
-			var oPos = ReorderHelper.findColumnForPosition(this, iLocationX);
+			const oPos = ReorderHelper.findColumnForPosition(this, iLocationX);
 
 			if (!oPos || !oPos.id) {
 				//Special handling for dummy column (in case the other columns does not occupy the whole space),
@@ -390,12 +389,12 @@ sap.ui.define([
 			}
 
 			// do scroll if needed
-			var iScrollTriggerAreaWidth = 40,
-				oScrollArea = this.getDomRef("sapUiTableColHdrScr"),
-				$ScrollArea = jQuery(oScrollArea),
-				oScrollAreaRect = oScrollArea.getBoundingClientRect(),
-				iScrollAreaWidth = $ScrollArea.outerWidth(),
-				iScrollAreaScrollLeft = this._bRtlMode ? $ScrollArea.scrollLeftRTL() : $ScrollArea.scrollLeft();
+			const iScrollTriggerAreaWidth = 40;
+			const oScrollArea = this.getDomRef("sapUiTableColHdrScr");
+			const $ScrollArea = jQuery(oScrollArea);
+			const oScrollAreaRect = oScrollArea.getBoundingClientRect();
+			const iScrollAreaWidth = $ScrollArea.outerWidth();
+			const iScrollAreaScrollLeft = this._bRtlMode ? $ScrollArea.scrollLeftRTL() : $ScrollArea.scrollLeft();
 
 			this._bReorderScroll = false;
 
@@ -421,9 +420,9 @@ sap.ui.define([
 				return;
 			}
 
-			if (oPos.before || (oPos.after && oPos.index == this._iDnDColIndex)) {
+			if (oPos.before || (oPos.after && oPos.index === this._iDnDColIndex)) {
 				this._iNewColPos = oPos.index;
-			} else if (oPos.after && oPos.index != this._iDnDColIndex) {
+			} else if (oPos.after && oPos.index !== this._iDnDColIndex) {
 				this._iNewColPos = oPos.index + 1;
 			}
 
@@ -438,11 +437,11 @@ sap.ui.define([
 		 * Ends the column reordering process via drag&drop.
 		 */
 		exitReordering: function(oEvent) {
-			var iOldIndex = this._iDnDColIndex;
-			var iNewIndex = this._iNewColPos;
+			const iOldIndex = this._iDnDColIndex;
+			const iNewIndex = this._iNewColPos;
 
 			// Unbind the event handlers
-			var $Document = jQuery(document);
+			const $Document = jQuery(document);
 			$Document.off("touchmove.sapUiColumnMove");
 			$Document.off("touchend.sapUiColumnMove");
 			$Document.off("mousemove.sapUiColumnMove");
@@ -469,9 +468,9 @@ sap.ui.define([
 		 * Finds the column which belongs to the current x position and returns information about this column.
 		 */
 		findColumnForPosition: function(oTable, iLocationX) {
-			var oHeaderDomRef, $HeaderDomRef, oRect, iWidth, oPos, bBefore, bAfter;
+			let oHeaderDomRef; let $HeaderDomRef; let oRect; let iWidth; let oPos; let bBefore; let bAfter;
 
-			for (var i = 0; i < oTable._aTableHeaders.length; i++) {
+			for (let i = 0; i < oTable._aTableHeaders.length; i++) {
 				oHeaderDomRef = oTable._aTableHeaders[i];
 				$HeaderDomRef = jQuery(oHeaderDomRef);
 				oRect = oHeaderDomRef.getBoundingClientRect();
@@ -507,13 +506,13 @@ sap.ui.define([
 				oTable._mTimeouts.horizontalReorderScrollTimerId = null;
 			}
 			if (oTable._bReorderScroll) {
-				var iStep = bForward ? 30 : -30;
+				let iStep = bForward ? 30 : -30;
 				if (oTable._bRtlMode) {
 					iStep = (-1) * iStep;
 				}
 				oTable._mTimeouts.horizontalReorderScrollTimerId = setTimeout(ReorderHelper.doScroll.bind(oTable, oTable, bForward), 60);
-				var $Scr = oTable.$("sapUiTableColHdrScr");
-				var ScrollLeft = oTable._bRtlMode ? "scrollLeftRTL" : "scrollLeft";
+				const $Scr = oTable.$("sapUiTableColHdrScr");
+				const ScrollLeft = oTable._bRtlMode ? "scrollLeftRTL" : "scrollLeft";
 				$Scr[ScrollLeft]($Scr[ScrollLeft]() + iStep);
 			}
 		},
@@ -527,7 +526,7 @@ sap.ui.define([
 				return;
 			}
 
-			var iLeft = oPos.left - oTable.getDomRef().getBoundingClientRect().left;
+			let iLeft = oPos.left - oTable.getDomRef().getBoundingClientRect().left;
 			if (oTable._bRtlMode && oPos.before || !oTable._bRtlMode && oPos.after) {
 				iLeft = iLeft + oPos.width;
 			}
@@ -542,7 +541,7 @@ sap.ui.define([
 	/*
 	 * Provides the event handling for the row hover effect.
 	 */
-	var RowHoverHandler = {
+	const RowHoverHandler = {
 
 		ROWAREAS: [
 			".sapUiTableRowSelectionCell", ".sapUiTableRowActionCell", ".sapUiTableCtrlFixed > tbody > .sapUiTableTr",
@@ -550,7 +549,7 @@ sap.ui.define([
 		],
 
 		initRowHovering: function(oTable) {
-			var $Table = oTable.$();
+			const $Table = oTable.$();
 			RowHoverHandler.ROWAREAS.forEach(function(sRowArea) {
 				RowHoverHandler._initRowHoveringForArea(oTable, $Table, sRowArea);
 			});
@@ -566,8 +565,8 @@ sap.ui.define([
 
 		_onHover: function(oTable, $Table, sArea, oElem) {
 			if ((oTable.getSelectionMode() !== SelectionMode.None && oTable.getSelectionBehavior() !== SelectionBehavior.RowSelector) || oTable.hasListeners("cellClick")) {
-				var iIndex = $Table.find(sArea).index(oElem);
-				var oRow = oTable.getRows()[iIndex];
+				const iIndex = $Table.find(sArea).index(oElem);
+				const oRow = oTable.getRows()[iIndex];
 
 				if (oRow) {
 					oRow._setHovered(true);
@@ -576,8 +575,8 @@ sap.ui.define([
 		},
 
 		_onUnhover: function(oTable, $Table, sArea, oElem) {
-			var iIndex = $Table.find(sArea).index(oElem);
-			var oRow = oTable.getRows()[iIndex];
+			const iIndex = $Table.find(sArea).index(oElem);
+			const oRow = oTable.getRows()[iIndex];
 
 			if (oRow) {
 				oRow._setHovered(false);
@@ -590,16 +589,16 @@ sap.ui.define([
 	 * Event handling of touch and mouse events.
 	 * "this" in the function context is the table instance.
 	 */
-	var ExtensionDelegate = {
+	const ExtensionDelegate = {
 
 		onmousedown: function(oEvent) {
-			var oPointerExtension = this._getPointerExtension();
-			var $Cell = TableUtils.getCell(this, oEvent.target);
-			var oCellInfo = TableUtils.getCellInfo($Cell);
-			var $Target = jQuery(oEvent.target);
-			var oColumn;
-			var oMenu;
-			var bMenuOpen;
+			const oPointerExtension = this._getPointerExtension();
+			const $Cell = TableUtils.getCell(this, oEvent.target);
+			const oCellInfo = TableUtils.getCellInfo($Cell);
+			const $Target = jQuery(oEvent.target);
+			let oColumn;
+			let oMenu;
+			let bMenuOpen;
 
 			// check whether item navigation should be reapplied from scratch
 			this._getKeyboardExtension().initItemNavigation();
@@ -611,7 +610,7 @@ sap.ui.define([
 					ColumnResizeHelper.initColumnResizing(this, oEvent);
 
 				} else if ($Target.hasClass("sapUiTableColResizer")) { // mousedown on mobile column resize button
-					var iColumnIndex = $Target.closest(".sapUiTableHeaderCell").attr("data-sap-ui-colindex");
+					const iColumnIndex = $Target.closest(".sapUiTableHeaderCell").attr("data-sap-ui-colindex");
 					this._iLastHoveredVisibleColumnIndex = this._getVisibleColumns().indexOf(this.getColumns()[iColumnIndex]);
 					ColumnResizeHelper.initColumnResizing(this, oEvent);
 
@@ -692,17 +691,17 @@ sap.ui.define([
 				return;
 			}
 
-			var $Target = jQuery(oEvent.target);
-			var $Cell = TableUtils.getCell(this, oEvent.target);
-			var oCellInfo = TableUtils.getCellInfo($Cell);
-			var oRow = this.getRows()[oCellInfo.rowIndex];
+			const $Target = jQuery(oEvent.target);
+			const $Cell = TableUtils.getCell(this, oEvent.target);
+			const oCellInfo = TableUtils.getCellInfo($Cell);
+			const oRow = this.getRows()[oCellInfo.rowIndex];
 
 			if (!oCellInfo.isOfType(TableUtils.CELLTYPE.ANY)) {
 				return;
 			}
 
 			if (oCellInfo.isOfType(TableUtils.CELLTYPE.COLUMNHEADER)) {
-				var oPointerExtension = this._getPointerExtension();
+				const oPointerExtension = this._getPointerExtension();
 
 				if (oPointerExtension._bShowMenu) {
 					TableUtils.Menu.openContextMenu(this, oEvent);
@@ -724,7 +723,7 @@ sap.ui.define([
 					return;
 				}
 
-				var sSelectedText = window.getSelection().toString();
+				const sSelectedText = window.getSelection().toString();
 				if (!oEvent.shiftKey && sSelectedText.length > 0 && sSelectedText !== "\n") {
 					Log.debug("DOM Selection detected -> Click event on table skipped, Target: " + oEvent.target);
 					return;
@@ -739,7 +738,7 @@ sap.ui.define([
 		},
 
 		oncontextmenu: function(oEvent) {
-			var oPointerExtension = this._getPointerExtension();
+			const oPointerExtension = this._getPointerExtension();
 
 			if (oPointerExtension._bShowDefaultMenu) {
 				oEvent.setMarked("sapUiTableHandledByPointerExtension");
@@ -766,12 +765,12 @@ sap.ui.define([
 	 * @class Extension for sap.ui.table.Table which handles mouse and touch related things.
 	 * @extends sap.ui.table.extensions.ExtensionBase
 	 * @author SAP SE
-	 * @version 1.123.1
+	 * @version 1.124.0
 	 * @constructor
 	 * @private
 	 * @alias sap.ui.table.extensions.Pointer
 	 */
-	var PointerExtension = ExtensionBase.extend("sap.ui.table.extensions.Pointer",
+	const PointerExtension = ExtensionBase.extend("sap.ui.table.extensions.Pointer",
 		/** @lends sap.ui.table.extensions.Pointer.prototype */ {
 		/**
 		 * @override
@@ -786,7 +785,7 @@ sap.ui.define([
 
 			oTable._iLastHoveredVisibleColumnIndex = 0;
 			oTable._bIsColumnResizerMoving = false;
-			oTable._iFirstReorderableIndex = sTableType == ExtensionBase.TABLETYPES.TREE ? 1 : 0;
+			oTable._iFirstReorderableIndex = sTableType === ExtensionBase.TABLETYPES.TREE ? 1 : 0;
 
 			return "PointerExtension";
 		},
@@ -796,7 +795,7 @@ sap.ui.define([
 		 * @inheritDoc
 		 */
 		_attachEvents: function() {
-			var oTable = this.getTable();
+			const oTable = this.getTable();
 			if (oTable) {
 				// Initialize the basic event handling for column resizing.
 				ColumnResizeHelper.initColumnTracking(oTable);
@@ -809,9 +808,9 @@ sap.ui.define([
 		 * @inheritDoc
 		 */
 		_detachEvents: function() {
-			var oTable = this.getTable();
+			const oTable = this.getTable();
 			if (oTable) {
-				var $Table = oTable.$();
+				const $Table = oTable.$();
 
 				// Cleans up the basic event handling for column resizing (and others).
 				$Table.find(".sapUiTableCtrlScr, .sapUiTableCtrlScrFixed").off();
@@ -842,7 +841,7 @@ sap.ui.define([
 		 * @param {int} iColIndex The index of the column to resize.
 		 */
 		doAutoResizeColumn: function(iColIndex) {
-			var oTable = this.getTable();
+			const oTable = this.getTable();
 			if (oTable) {
 				ColumnResizeHelper.doAutoResizeColumn(oTable, iColIndex);
 			}
@@ -855,7 +854,7 @@ sap.ui.define([
 		 * @param {jQuery.Event} oEvent The event object.
 		 */
 		doReorderColumn: function(iColIndex, oEvent) {
-			var oTable = this.getTable();
+			const oTable = this.getTable();
 			if (oTable && TableUtils.Column.isColumnMovable(oTable.getColumns()[iColIndex])) {
 				// Starting column drag & drop. We wait 200ms to make sure it is no click on the column to open the menu.
 				oTable._mTimeouts.delayedColumnReorderTimerId = setTimeout(function() {
@@ -870,7 +869,7 @@ sap.ui.define([
 		 */
 		destroy: function() {
 			// Deregister the delegates
-			var oTable = this.getTable();
+			const oTable = this.getTable();
 			if (oTable) {
 				oTable.removeEventDelegate(this._delegate);
 			}