@openui5/sap.ui.table 1.123.0 → 1.124.0

package/src/sap/ui/table/plugins/MultiSelectionPlugin.js

@@ -23,7 +23,7 @@ sap.ui.define([
 
 	"use strict";
 
-	var SelectionMode = library.SelectionMode;
+	const SelectionMode = library.SelectionMode;
 
 	/**
 	 * Constructs an instance of sap.ui.table.plugins.MultiSelectionPlugin
@@ -51,7 +51,7 @@ sap.ui.define([
 	 * @alias sap.ui.table.plugins.MultiSelectionPlugin
 	 * @borrows sap.ui.table.plugins.PluginBase.findOn as findOn
 	 */
-	var MultiSelectionPlugin = SelectionPlugin.extend("sap.ui.table.plugins.MultiSelectionPlugin", {metadata: {
+	const MultiSelectionPlugin = SelectionPlugin.extend("sap.ui.table.plugins.MultiSelectionPlugin", {metadata: {
 		library: "sap.ui.table",
 		properties: {
 			/**
@@ -120,10 +120,6 @@ sap.ui.define([
 	MultiSelectionPlugin.prototype.init = function() {
 		SelectionPlugin.prototype.init.apply(this, arguments);
 
-		var oIcon = new Icon({src: IconPool.getIconURI(TableUtils.ThemeParameters.clearSelectionIcon), useIconTooltip: false});
-		oIcon.addStyleClass("sapUiTableSelectClear");
-		this.setAggregation("icon", oIcon, true);
-
 		this._bLimitReached = false;
 		this._bLimitDisabled = this.getLimit() === 0;
 		this.oInnerSelectionPlugin = null;
@@ -138,6 +134,7 @@ sap.ui.define([
 		this.oInnerSelectionPlugin.attachSelectionChange(this._onSelectionChange, this);
 		oTable.addAggregation("_hiddenDependents", this.oInnerSelectionPlugin);
 		oTable.setProperty("selectionMode", this.getSelectionMode());
+		updateHeaderSelectorIcon(this);
 	};
 
 	/**
@@ -159,7 +156,7 @@ sap.ui.define([
 		}
 
 		if (mConfig && mConfig.range) {
-			var iLastSelectedIndex = this.getSelectedIndex();
+			const iLastSelectedIndex = this.getSelectedIndex();
 
 			if (iLastSelectedIndex >= 0) {
 				this.addSelectionInterval(iLastSelectedIndex, oRow.getIndex());
@@ -182,17 +179,18 @@ sap.ui.define([
 
 		return {
 			headerSelector: {
-				type: this._bLimitDisabled ? "toggle" : "clear",
+				type: this._bLimitDisabled ? "toggle" : "custom",
 				icon: this.getAggregation("icon"),
 				visible: this.getSelectionMode() === SelectionMode.MultiToggle && this.getShowHeaderSelector(),
-				enabled: this._bLimitDisabled || this.getSelectedCount() > 0,
-				selected: this.getSelectableCount() > 0 && this.getSelectableCount() === this.getSelectedCount()
+				enabled: this.getSelectableCount() > 0,
+				selected: this.getSelectableCount() > 0 && this.getSelectableCount() === this.getSelectedCount(),
+				tooltip: this.getSelectedCount() === 0 ? TableUtils.getResourceText("TBL_SELECT_ALL") : TableUtils.getResourceText("TBL_DESELECT_ALL")
 			}
 		};
 	};
 
 	MultiSelectionPlugin.prototype.onHeaderSelectorPress = function() {
-		var mRenderConfig = this.getRenderConfig();
+		const mRenderConfig = this.getRenderConfig();
 
 		if (!mRenderConfig.headerSelector.visible || !mRenderConfig.headerSelector.enabled) {
 			return;
@@ -200,17 +198,28 @@ sap.ui.define([
 
 		if (mRenderConfig.headerSelector.type === "toggle") {
 			toggleSelection(this);
-		} else if (mRenderConfig.headerSelector.type === "clear") {
-			this.clearSelection();
+		} else if (mRenderConfig.headerSelector.type === "custom") {
+			 if (this.getSelectedCount() > 0) {
+				 this.clearSelection();
+			 } else {
+				this.addSelectionInterval(0, this._getHighestSelectableIndex());
+			 }
 		}
 	};
 
 	MultiSelectionPlugin.prototype.onKeyboardShortcut = function(sType, oEvent) {
-		if (sType === "toggle") {
-			if (this._bLimitDisabled && toggleSelection(this) === false) {
-				oEvent?.setMarked("sapUiTableClearAll");
+		if (sType === "toggle") { // ctrl + a
+			if (this._bLimitDisabled) {
+				if (!toggleSelection(this)) {
+					oEvent?.setMarked("sapUiTableClearAll");
+				}
+			} else {
+				const sSelectionMode = this.getSelectionMode();
+				if (sSelectionMode === SelectionMode.MultiToggle) {
+					this.addSelectionInterval(0, this._getHighestSelectableIndex());
+				}
 			}
-		} else if (sType === "clear") {
+		} else if (sType === "clear") { // ctrl + shift + a
 			this.clearSelection();
 			oEvent?.setMarked("sapUiTableClearAll");
 		}
@@ -233,7 +242,7 @@ sap.ui.define([
 	}
 
 	MultiSelectionPlugin.prototype.setSelectionMode = function(sSelectionMode) {
-		var oTable = this.getParent();
+		const oTable = this.getParent();
 
 		if (oTable) {
 			oTable.setProperty("selectionMode", sSelectionMode, true);
@@ -245,6 +254,8 @@ sap.ui.define([
 
 		this.setProperty("selectionMode", sSelectionMode);
 
+		updateHeaderSelectorIcon(this);
+
 		return this;
 	};
 
@@ -257,6 +268,9 @@ sap.ui.define([
 		// invalidate only when the limit changes from 0 to a positive value or vice versa
 		this.setProperty("limit", iLimit, !!this.getLimit() === !!iLimit);
 		this._bLimitDisabled = iLimit === 0;
+
+		updateHeaderSelectorIcon(this);
+
 		return this;
 	};
 
@@ -296,7 +310,7 @@ sap.ui.define([
 			return Promise.reject(new Error("Not possible if the limit is enabled"));
 		}
 
-		var iSelectableCount = this.getSelectableCount();
+		const iSelectableCount = this.getSelectableCount();
 
 		if (iSelectableCount === 0) {
 			return Promise.reject(new Error("Nothing to select"));
@@ -316,7 +330,7 @@ sap.ui.define([
 	 * loaded. The Promise is rejected if the index is out of range.
 	 */
 	function prepareSelection(oPlugin, iIndexFrom, iIndexTo, bAddSelection) {
-		var iHighestSelectableIndex = oPlugin._getHighestSelectableIndex();
+		const iHighestSelectableIndex = oPlugin._getHighestSelectableIndex();
 
 		if (iIndexFrom < 0 && iIndexTo < 0 || iIndexFrom > iHighestSelectableIndex && iIndexTo > iHighestSelectableIndex) {
 			// Selection is not possible if the index range it completely out of the selectable range.
@@ -327,10 +341,10 @@ sap.ui.define([
 		iIndexFrom = Math.min(Math.max(0, iIndexFrom), iHighestSelectableIndex);
 		iIndexTo = Math.min(Math.max(0, iIndexTo), iHighestSelectableIndex);
 
-		var iLimit = oPlugin.getLimit();
-		var bReverse = iIndexTo < iIndexFrom; // Indicates whether the selection is made from bottom to top.
-		var iGetContextsStartIndex = bReverse ? iIndexTo : iIndexFrom;
-		var iGetContextsLength;
+		const iLimit = oPlugin.getLimit();
+		const bReverse = iIndexTo < iIndexFrom; // Indicates whether the selection is made from bottom to top.
+		let iGetContextsStartIndex = bReverse ? iIndexTo : iIndexFrom;
+		let iGetContextsLength;
 
 		// If the start index is already selected, the range starts from the next index.
 		if (bAddSelection && oPlugin.isIndexSelected(iIndexFrom)) {
@@ -382,8 +396,8 @@ sap.ui.define([
 	 * @public
 	 */
 	MultiSelectionPlugin.prototype.setSelectionInterval = function(iIndexFrom, iIndexTo, oEventPayload) {
-		var oTable = this.getTable();
-		var sSelectionMode = this.getSelectionMode();
+		const oTable = this.getTable();
+		const sSelectionMode = this.getSelectionMode();
 
 		if (sSelectionMode === SelectionMode.None) {
 			return Promise.reject(new Error("SelectionMode is '" + SelectionMode.None + "'"));
@@ -441,8 +455,8 @@ sap.ui.define([
 	 * @public
 	 */
 	MultiSelectionPlugin.prototype.addSelectionInterval = function(iIndexFrom, iIndexTo, oEventPayload) {
-		var oTable = this.getTable();
-		var sSelectionMode = this.getSelectionMode();
+		const oTable = this.getTable();
+		const sSelectionMode = this.getSelectionMode();
 
 		if (sSelectionMode === SelectionMode.None) {
 			return Promise.reject(new Error("SelectionMode is '" + SelectionMode.None + "'"));
@@ -514,8 +528,9 @@ sap.ui.define([
 	};
 
 	/**
-	 * @override
-	 * @inheritDoc
+	 * Returns the number of selectable rows.
+	 *
+	 * @returns {int} The number of selectable rows.
 	 */
 	MultiSelectionPlugin.prototype.getSelectableCount = function() {
 		if (this.oInnerSelectionPlugin) {
@@ -578,6 +593,34 @@ sap.ui.define([
 		}
 	};
 
+	/**
+	 * Changes the current icon and tooltip text of the header selection icon in the given plugin object based on the selection.
+	 *
+	 * @param {sap.ui.table.plugins.MultiSelectionPlugin} oPlugin The plugin to toggle the selection on.
+	 */
+	function updateHeaderSelectorIcon(oPlugin) {
+		if (oPlugin.getSelectionMode() === SelectionMode.MultiToggle && !oPlugin._bLimitDisabled) {
+			if (!oPlugin.getAggregation("icon")) {
+				const oIcon = new Icon({useIconTooltip: false});
+				oIcon.addStyleClass("sapUiTableSelectClear");
+				oPlugin.setAggregation("icon", oIcon, true);
+			}
+
+			const oIcon = oPlugin.getAggregation("icon");
+			const iSelectedCount = oPlugin.getSelectedCount();
+
+			if (oPlugin.getSelectableCount() === iSelectedCount) {
+				oIcon.setSrc(IconPool.getIconURI(TableUtils.ThemeParameters.allSelectedIcon));
+			} else if (iSelectedCount !== 0) {
+				oIcon.setSrc(IconPool.getIconURI(TableUtils.ThemeParameters.clearSelectionIcon));
+			} else {
+				oIcon.setSrc(IconPool.getIconURI(TableUtils.ThemeParameters.checkboxIcon));
+			}
+		} else {
+			oPlugin.destroyAggregation("icon");
+		}
+	}
+
 	/**
 	 * Fires the _onSelectionChange event.
 	 *
@@ -585,7 +628,9 @@ sap.ui.define([
 	 * @private
 	 */
 	MultiSelectionPlugin.prototype._onSelectionChange = function(oEvent) {
-		var aRowIndices = oEvent.getParameter("rowIndices");
+		const aRowIndices = oEvent.getParameter("rowIndices");
+
+		updateHeaderSelectorIcon(this);
 
 		this.fireSelectionChange({
 			rowIndices: aRowIndices,
@@ -610,7 +655,7 @@ sap.ui.define([
 	};
 
 	MultiSelectionPlugin.prototype.onThemeChanged = function() {
-		this.getAggregation("icon").setSrc(IconPool.getIconURI(TableUtils.ThemeParameters.clearSelectionIcon));
+		updateHeaderSelectorIcon(this);
 	};
 
 	return MultiSelectionPlugin;

package/src/sap/ui/table/plugins/ODataV4Selection.js

@@ -20,8 +20,8 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	var SelectionMode = library.plugins.SelectionMode;
-	var TableSelectionMode = library.SelectionMode;
+	const SelectionMode = library.plugins.SelectionMode;
+	const TableSelectionMode = library.SelectionMode;
 
 	/**
 	 * Constructs an instance of sap.ui.table.plugins.ODataV4Selection.
@@ -36,7 +36,7 @@ sap.ui.define([
 	 * @private
 	 * @borrows sap.ui.table.plugins.PluginBase.findOn as findOn
 	 */
-	var ODataV4Selection = SelectionPlugin.extend("sap.ui.table.plugins.ODataV4Selection", {
+	const ODataV4Selection = SelectionPlugin.extend("sap.ui.table.plugins.ODataV4Selection", {
 		metadata: {
 			library: "sap.ui.table",
 			properties: {
@@ -90,8 +90,7 @@ sap.ui.define([
 
 	ODataV4Selection.prototype.init = function() {
 		SelectionPlugin.prototype.init.apply(this, arguments);
-
-		var oIcon = new Icon({src: IconPool.getIconURI(TableUtils.ThemeParameters.clearSelectionIcon), useIconTooltip: false});
+		const oIcon = new Icon({src: IconPool.getIconURI(TableUtils.ThemeParameters.checkboxIcon), useIconTooltip: false});
 		oIcon.addStyleClass("sapUiTableSelectClear");
 		this.setAggregation("icon", oIcon, true);
 
@@ -111,7 +110,7 @@ sap.ui.define([
 	};
 
 	ODataV4Selection.prototype.setSelected = function(oRow, bSelected, mConfig) {
-		var oContext = oRow.getRowBindingContext();
+		const oContext = oRow.getRowBindingContext();
 
 		if (!oContext || !isContextSelectable(oContext)) {
 			return;
@@ -141,9 +140,9 @@ sap.ui.define([
 			return;
 		}
 
-		var iIndexFrom = oPlugin._oRangeSelectionStartContext.getIndex();
-		var oContext = oRow.getRowBindingContext();
-		var iIndexTo = oContext ? oContext.getIndex() : -1;
+		let iIndexFrom = oPlugin._oRangeSelectionStartContext.getIndex();
+		const oContext = oRow.getRowBindingContext();
+		const iIndexTo = oContext ? oContext.getIndex() : -1;
 
 		// The start index is already selected in case of range selection, so the range needs to start from the next index.
 		if (iIndexFrom !== iIndexTo) {
@@ -154,7 +153,7 @@ sap.ui.define([
 	}
 
 	ODataV4Selection.prototype.isSelected = function(oRow) {
-		var oContext = oRow.getRowBindingContext();
+		const oContext = oRow.getRowBindingContext();
 		return oContext ? oContext.isSelected() : false;
 	};
 
@@ -162,18 +161,51 @@ sap.ui.define([
 		return this.getSelectedContexts().length;
 	};
 
+	/**
+	 * Returns the number of selectable rows.
+	 *
+	 * @param {sap.ui.table.plugins.ODataV4Selection} oPlugin The plugin to getthe number of selectable rows from.
+	 * @returns {int} The number of selectable rows.
+	 */
+	function getSelectableCount(oPlugin) {
+		return oPlugin.getTableBinding()?.getLength() ?? 0;
+	}
+
+	/**
+	 * Changes the current icon and tooltip text of the header selection icon in the given plugin object based on the selection.
+	 *
+	 * @param {sap.ui.table.plugins.ODataV4Selection} oPlugin The plugin to change the header selection icon on.
+	 */
+	function updateHeaderSelectorIcon(oPlugin) {
+		if (!oPlugin._isLimitDisabled()) {
+			const oIcon = oPlugin.getAggregation("icon");
+			const iSelectedCount = oPlugin.getSelectedCount();
+
+			if (getSelectableCount(oPlugin) === iSelectedCount) {
+				oIcon.setSrc(IconPool.getIconURI(TableUtils.ThemeParameters.allSelectedIcon));
+			} else if (iSelectedCount !== 0) {
+				oIcon.setSrc(IconPool.getIconURI(TableUtils.ThemeParameters.clearSelectionIcon));
+			} else {
+				oIcon.setSrc(IconPool.getIconURI(TableUtils.ThemeParameters.checkboxIcon));
+			}
+		}
+	}
+
 	ODataV4Selection.prototype.getRenderConfig = function() {
 		if (!this.isActive()) {
 			return SelectionPlugin.prototype.getRenderConfig.apply(this, arguments);
 		}
 
+		updateHeaderSelectorIcon(this);
+
 		return {
 			headerSelector: {
-				type: this._isLimitDisabled() ? "toggle" : "clear",
+				type: this._isLimitDisabled() ? "toggle" : "custom",
 				icon: this.getAggregation("icon"),
 				visible: this.getSelectionMode() === SelectionMode.MultiToggle && !this.getHideHeaderSelector(),
-				enabled: this._isLimitDisabled() || this.getSelectedCount() > 0,
-				selected: areAllRowsSelected(this)
+				enabled: getSelectableCount(this) > 0,
+				selected: areAllRowsSelected(this),
+				tooltip: this.getSelectedCount() === 0 ? TableUtils.getResourceText("TBL_SELECT_ALL") : TableUtils.getResourceText("TBL_DESELECT_ALL")
 			}
 		};
 	};
@@ -189,7 +221,7 @@ sap.ui.define([
 			oPlugin.clearSelection();
 			return false;
 		} else if (oPlugin._isLimitDisabled()) {
-			var oBinding = oPlugin.getTableBinding();
+			const oBinding = oPlugin.getTableBinding();
 			if (oBinding && oBinding.getLength()) {
 				select(oPlugin, 0, oBinding.getLength() - 1);
 				return true;
@@ -205,7 +237,7 @@ sap.ui.define([
 	 * @returns {boolean} Whether all rows are selected.
 	 */
 	function areAllRowsSelected(oPlugin) {
-		var oBinding = oPlugin.getTableBinding();
+		const oBinding = oPlugin.getTableBinding();
 
 		// isLengthFinal is checked in case the count is not requested. Even though it is documented that the count is required if the limit is
 		// disabled (SelectAll enabled), it could still happen.
@@ -213,10 +245,10 @@ sap.ui.define([
 			return false;
 		}
 
-		var iNumberOfSelectableContexts = oBinding.getAllCurrentContexts().filter(function(oContext) {
+		const iNumberOfSelectableContexts = oBinding.getAllCurrentContexts().filter(function(oContext) {
 			return isContextSelectable(oContext);
 		}).length;
-		var iNumberOfSelectedContexts = oPlugin.getSelectedContexts().filter(function(oContext) {
+		const iNumberOfSelectedContexts = oPlugin.getSelectedContexts().filter(function(oContext) {
 			return isContextSelectable(oContext);
 		}).length;
 
@@ -224,7 +256,7 @@ sap.ui.define([
 	}
 
 	ODataV4Selection.prototype.onHeaderSelectorPress = function() {
-		var mRenderConfig = this.getRenderConfig();
+		const mRenderConfig = this.getRenderConfig();
 
 		if (!mRenderConfig.headerSelector.visible || !mRenderConfig.headerSelector.enabled) {
 			return;
@@ -232,24 +264,38 @@ sap.ui.define([
 
 		if (mRenderConfig.headerSelector.type === "toggle") {
 			toggleSelectAll(this);
-		} else if (mRenderConfig.headerSelector.type === "clear") {
-			this.clearSelection();
+		} else if (mRenderConfig.headerSelector.type === "custom") {
+			if (this.getSelectedCount() > 0) {
+				this.clearSelection();
+			} else {
+				const oBinding = this.getTableBinding();
+				if (oBinding && oBinding.getLength() > 0) {
+					select(this, 0, oBinding.getLength() - 1);
+				}
+			}
 		}
 	};
 
 	ODataV4Selection.prototype.onKeyboardShortcut = function(sType, oEvent) {
-		if (sType === "toggle") {
-			if (this._isLimitDisabled() && toggleSelectAll(this) === false) {
-				oEvent?.setMarked("sapUiTableClearAll");
+		if (sType === "toggle") { // ctrl + a
+			if (this._isLimitDisabled()) {
+				if (toggleSelectAll(this) === false) {
+					oEvent?.setMarked("sapUiTableClearAll");
+				}
+			} else {
+				const oBinding = this.getTableBinding();
+				if (oBinding && oBinding.getLength() > 0) {
+					select(this, 0, oBinding.getLength() - 1);
+				}
 			}
-		} else if (sType === "clear") {
+		} else if (sType === "clear") { // ctrl + shift + a
 			this.clearSelection();
 			oEvent?.setMarked("sapUiTableClearAll");
 		}
 	};
 
 	ODataV4Selection.prototype.setSelectionMode = function(sSelectionMode) {
-		var oTable = this.getTable();
+		const oTable = this.getTable();
 
 		this.setProperty("selectionMode", sSelectionMode, true);
 		this._oRangeSelectionStartContext = null;
@@ -296,11 +342,11 @@ sap.ui.define([
 	 * @param {int} iIndexTo The end index of the range selection.
 	 */
 	function select(oPlugin, iIndexFrom, iIndexTo) {
-		var oTable = oPlugin.getTable();
-		var iLimit = oPlugin.getLimit();
-		var bUpwardSelection = iIndexTo < iIndexFrom; // Indicates whether the selection is made from bottom to top.
-		var iGetContextsStartIndex = bUpwardSelection ? iIndexTo : iIndexFrom;
-		var iGetContextsLength = Math.abs(iIndexTo - iIndexFrom) + 1;
+		const oTable = oPlugin.getTable();
+		const iLimit = oPlugin.getLimit();
+		const bUpwardSelection = iIndexTo < iIndexFrom; // Indicates whether the selection is made from bottom to top.
+		let iGetContextsStartIndex = bUpwardSelection ? iIndexTo : iIndexFrom;
+		let iGetContextsLength = Math.abs(iIndexTo - iIndexFrom) + 1;
 
 		if (!oPlugin._isLimitDisabled()) {
 			oPlugin._bLimitReached = iGetContextsLength > iLimit;
@@ -319,7 +365,7 @@ sap.ui.define([
 			}
 		}
 
-		var bSelectionChange = false;
+		let bSelectionChange = false;
 		TableUtils.loadContexts(oPlugin.getTableBinding(), iGetContextsStartIndex, iGetContextsLength).then(function(aContexts) {
 			aContexts.forEach(function(oContext) {
 				if (!isContextSelectable(oContext) || oContext.isSelected()) {
@@ -349,12 +395,12 @@ sap.ui.define([
 	}
 
 	function isContextSelectable(oContext) {
-		var bIsTree = "hierarchyQualifier" in (oContext.getBinding().getAggregation() || {});
+		const bIsTree = "hierarchyQualifier" in (oContext.getBinding().getAggregation() || {});
 		return bIsTree || (oContext.getProperty("@$ui5.node.isExpanded") === undefined && !oContext.getProperty("@$ui5.node.isTotal"));
 	}
 
 	ODataV4Selection.prototype.clearSelection = function() {
-		var bContextDeselected = false;
+		let bContextDeselected = false;
 
 		this.getSelectedContexts().forEach(function(oContext) {
 			if (!bContextDeselected && oContext.isSelected()) {
@@ -370,7 +416,7 @@ sap.ui.define([
 	};
 
 	ODataV4Selection.prototype.getSelectedContexts = function() {
-		var oBinding = this.getTableBinding();
+		const oBinding = this.getTableBinding();
 
 		return oBinding ? oBinding.getAllCurrentContexts().filter(function(oContext) {
 			return oContext.isSelected();
@@ -378,7 +424,7 @@ sap.ui.define([
 	};
 
 	ODataV4Selection.prototype.onThemeChanged = function() {
-		this.getAggregation("icon").setSrc(IconPool.getIconURI(TableUtils.ThemeParameters.clearSelectionIcon));
+		updateHeaderSelectorIcon(this);
 	};
 
 	return ODataV4Selection;

package/src/sap/ui/table/plugins/PluginBase.js

@@ -12,9 +12,9 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	var Hook = TableUtils.Hook.Keys;
-	var oHookInstallation = {};
-	var _private = TableUtils.createWeakMapFacade();
+	const Hook = TableUtils.Hook.Keys;
+	const oHookInstallation = {};
+	const _private = TableUtils.createWeakMapFacade();
 
 	/**
 	 * Constructor for a new table plugin.
@@ -28,14 +28,14 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.123.0
+	 * @version 1.124.0
 	 *
 	 * @private
 	 * @experimental Since 1.75
 	 * @since 1.75
 	 * @alias sap.ui.table.plugins.PluginBase
 	 */
-	var PluginBase = Element.extend("sap.ui.table.plugins.PluginBase", /** @lends sap.ui.table.plugins.PluginBase.prototype */ {
+	const PluginBase = Element.extend("sap.ui.table.plugins.PluginBase", /** @lends sap.ui.table.plugins.PluginBase.prototype */ {
 		metadata: {
 			"abstract": true,
 			library: "sap.ui.table"
@@ -204,7 +204,7 @@ sap.ui.define([
 	 * @protected
 	 */
 	PluginBase.prototype.getTable = function() {
-		var oParent = this.getParent();
+		const oParent = this.getParent();
 		return TableUtils.isA(oParent, "sap.ui.table.Table") ? oParent : null;
 	};
 
@@ -215,8 +215,8 @@ sap.ui.define([
 	 * @protected
 	 */
 	PluginBase.prototype.getTableBinding = function() {
-		var oTable = this.getTable();
-		var oBinding = oTable ? oTable.getBinding() : null;
+		const oTable = this.getTable();
+		const oBinding = oTable ? oTable.getBinding() : null;
 		return oBinding ? oBinding : null;
 	};
 
@@ -242,7 +242,7 @@ sap.ui.define([
 	PluginBase.prototype.setRowCountConstraints = function(mConstraints) {
 		// TODO: Add a type definition for a protected type "rowCountConstraints" in the library file to document the parameter
 		//  RowMode#getRowCountConstraints + PluginBase#setRowCountConstraints
-		var oTable = this.getTable();
+		const oTable = this.getTable();
 
 		if (oTable) {
 			oTable._setRowCountConstraints(mConstraints);
@@ -255,7 +255,7 @@ sap.ui.define([
 	 * @protected
 	 */
 	PluginBase.prototype.activate = function() {
-		var oTable = this.getTable();
+		const oTable = this.getTable();
 
 		if (!oTable || this.isActive()) {
 			return;
@@ -264,7 +264,7 @@ sap.ui.define([
 		TableUtils.Hook.install(oTable, oHookInstallation, this);
 		this.onActivate(oTable);
 
-		var oTableBinding = this.getTableBinding();
+		const oTableBinding = this.getTableBinding();
 		if (oTableBinding) {
 			this.onTableRowsBound(oTableBinding);
 		}
@@ -278,7 +278,7 @@ sap.ui.define([
 	 * @protected
 	 */
 	PluginBase.prototype.deactivate = function() {
-		var oTable = this.getTable();
+		const oTable = this.getTable();
 
 		if (!this.isActive()) {
 			return;

package/src/sap/ui/table/plugins/SelectionModelSelection.js

@@ -16,19 +16,19 @@ sap.ui.define([
 ) {
 	"use strict";
 
-	var SelectionMode = library.SelectionMode;
+	const SelectionMode = library.SelectionMode;
 
 	/**
 	 * Constructs an instance of sap.ui.table.plugins.SelectionModelSelection
 	 *
 	 * @class Implements the selection methods for a Table
 	 * @extends sap.ui.table.plugins.SelectionPlugin
-	 * @version 1.123.0
+	 * @version 1.124.0
 	 * @constructor
 	 * @private
 	 * @alias sap.ui.table.plugins.SelectionModelSelection
 	 */
-	var SelectionModelSelection = SelectionPlugin.extend("sap.ui.table.plugins.SelectionModelSelection", {
+	const SelectionModelSelection = SelectionPlugin.extend("sap.ui.table.plugins.SelectionModelSelection", {
 		metadata: {
 			library: "sap.ui.table",
 			properties: {
@@ -102,7 +102,7 @@ sap.ui.define([
 		}
 
 		if (mConfig && mConfig.range) {
-			var iLastSelectedIndex = this.getSelectedIndex();
+			const iLastSelectedIndex = this.getSelectedIndex();
 
 			if (iLastSelectedIndex >= 0) {
 				this.addSelectionInterval(iLastSelectedIndex, oRow.getIndex());
@@ -132,7 +132,8 @@ sap.ui.define([
 	};
 
 	function toggleSelectAll(oPlugin) {
-		var oTable = oPlugin.getTable(), bSelectAll;
+		const oTable = oPlugin.getTable();
+let bSelectAll;
 
 		// in order to fire the rowSelectionChanged event, the SourceRowIndex mus be set to -1
 		// to indicate that the selection was changed by user interaction
@@ -225,7 +226,7 @@ sap.ui.define([
 	 * @inheritDoc
 	 */
 	SelectionModelSelection.prototype.getSelectableCount = function() {
-		var oBinding = this.getTableBinding();
+		const oBinding = this.getTableBinding();
 		return oBinding ? oBinding.getLength() : 0;
 	};
 
@@ -309,7 +310,7 @@ sap.ui.define([
 	 * @public
 	 */
 	SelectionModelSelection.prototype.setSelectionMode = function(sSelectionMode) {
-		var sOldSelectionMode = this.getSelectionMode();
+		const sOldSelectionMode = this.getSelectionMode();
 
 		this.setProperty("selectionMode", sSelectionMode);
 
@@ -335,7 +336,7 @@ sap.ui.define([
 	 * @private
 	 */
 	SelectionModelSelection.prototype._getHighestSelectableIndex = function() {
-		var oBinding = this.getTableBinding();
+		const oBinding = this.getTableBinding();
 		return oBinding ? oBinding.getLength() - 1 : -1;
 	};
 
@@ -358,8 +359,8 @@ sap.ui.define([
 	};
 
 	function onSelectionChange(oEvent) {
-		var aRowIndices = oEvent.getParameter("rowIndices");
-		var bSelectAll = oEvent.getParameter("selectAll");
+		const aRowIndices = oEvent.getParameter("rowIndices");
+		const bSelectAll = oEvent.getParameter("selectAll");
 
 		if (!this._bSuppressSelectionChangeEvent) {
 			this.fireSelectionChange({
@@ -383,7 +384,7 @@ sap.ui.define([
 	}
 
 	function onBindingChange(oEvent) {
-		var sReason = typeof (oEvent) === "object" ? oEvent.getParameter("reason") : oEvent;
+		const sReason = typeof (oEvent) === "object" ? oEvent.getParameter("reason") : oEvent;
 
 		if (sReason === "sort" || sReason === "filter") {
 			this.clearSelection();
@@ -391,7 +392,7 @@ sap.ui.define([
 	}
 
 	function onTotalRowCountChanged() {
-		var iTotalRowCount = this.getTable()._getTotalRowCount();
+		const iTotalRowCount = this.getTable()._getTotalRowCount();
 
 		// If rows are added or removed, the index-based selection of the SelectionModel is invalid and needs to be cleared.
 		// Changes from 0 are ignored for compatibility, so it is possible to select something before the initial rows update is done.