@refinitiv-ui/efx-grid 6.0.37 → 6.0.38

package/lib/core/dist/core.js

@@ -25398,6 +25398,7 @@ var Core_Core = function (opt_initializer) {
 	_t._onVScroll = _t._onVScroll.bind(_t);
 	_t._onHScroll = _t._onHScroll.bind(_t);
 	_t._onSyncVScroll = _t._onSyncVScroll.bind(_t);
+	_t._onSyncHScroll = _t._onSyncHScroll.bind(_t);
 	_t.updateLayout = _t.updateLayout.bind(_t);
 	_t._onRowRefresh = _t._onRowRefresh.bind(_t);
 	_t._onVScrollEnabled = _t._onVScrollEnabled.bind(_t);
@@ -25510,7 +25511,8 @@ var Core_Core = function (opt_initializer) {
 		"rowPositionChanged",
 		"beforeColumnBoundUpdate",
 		"beforeBatchOperation",
-		"afterBatchOperation"
+		"afterBatchOperation",
+		"pinningChanged"
 	);
 
 	// For debugging in advanced optimization mode
@@ -25859,7 +25861,7 @@ Core_Core.prototype._batches = null;
 * @return {string}
 */
 Core_Core.getVersion = function () {
-	return "5.1.50";
+	return "5.1.52";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -25901,6 +25903,12 @@ Core_Core.prototype.dispose = function () {
 		mainScrolbar.unlisten("scroll", this._onSyncVScroll);
 		this._vscrollbar._mainScrollbar = null;
 	}
+	mainScrolbar = this._hscrollbar._mainScrollbar;
+	if(mainScrolbar) {
+		mainScrolbar.unlisten("scroll", this._onSyncHScroll);
+		this._hscrollbar._mainScrollbar = null;
+	}
+
 	this._vscrollbar.dispose();
 	this._hscrollbar.dispose();
 	this._rowHeightConflator.dispose();
@@ -28214,10 +28222,14 @@ Core_Core.prototype.freezeColumn = function (frozenColIndex, numRightColumn) {
 	var colCount = this.getColumnCount();
 	var leftPinnedCount = 0;
 	var rightPinnedCount = 0;
+	var dirty = false;
 	if (frozenColIndex || frozenColIndex === 0) {
 		this._hScrollbarEnabled = true;
 		leftPinnedCount = (frozenColIndex >= 0) ? frozenColIndex + 1 : 0;
-		this._pinnedLeftColumnCount = leftPinnedCount; // This variable is used for caching
+		if (this._pinnedLeftColumnCount !== leftPinnedCount) {
+			dirty = true;
+			this._pinnedLeftColumnCount = leftPinnedCount; // This variable is used for caching
+		}
 
 		for (i = 0; i < colCount; ++i) {
 			colDef = this._getColumnDef(i);
@@ -28228,7 +28240,10 @@ Core_Core.prototype.freezeColumn = function (frozenColIndex, numRightColumn) {
 	}
 	if(numRightColumn != null) {
 		rightPinnedCount = numRightColumn > 0 ? numRightColumn : 0;
-		this._pinnedRightColumnCount = rightPinnedCount; // This variable is used for caching
+		if (this._pinnedLeftColumnCount !== rightPinnedCount) {
+			dirty = true;
+			this._pinnedRightColumnCount = rightPinnedCount; // This variable is used for caching
+		}
 
 		for (i = colCount; --i >= 0;) {
 			colDef = this._getColumnDef(i);
@@ -28239,6 +28254,12 @@ Core_Core.prototype.freezeColumn = function (frozenColIndex, numRightColumn) {
 	this._onColumnCountChanged(); // Activate horizontal scrollbar and column virtualization
 	this._updateScrollbarWidth(true, true);
 	this._updateColumnSeparators();
+
+	if (dirty) {
+		if (!this._isEventDispatching("pinningChanged")) {
+			this._dispatch("pinningChanged", {});
+		}
+	}
 };
 
 /** @private
@@ -29063,6 +29084,26 @@ Core_Core.prototype.synchronizeVScrollbar = function (subGrid) {
 	this._vscrollbar.listen("scroll", subGrid._onSyncVScroll);
 };
 
+/** Synchronize two horizontal scrollbars of two grid, by hiding its scrollbar and using the one from the given grid
+* @public
+* @param {Core} subGrid
+*/
+Core_Core.prototype.synchronizeHScrollbar = function (subGrid) {
+	subGrid.unlisten("mousemove", subGrid._onMouseMove);
+	subGrid.listen("mousemove", this._onMouseMove);
+
+	var hscrollbar = subGrid.getHScrollbar();
+	hscrollbar._mainScrollbar = this._hscrollbar; // HACK
+
+	hscrollbar.setStyle("visibility", "hidden");
+	hscrollbar.setStyle("pointerEvents", "none");
+	hscrollbar.disableMouseWheel(); // Disable sub-grid wheel behavior
+	hscrollbar.attachToExternalElement(this._hscrollbar.getParent()); // MouseWheel event is still available on the main
+
+	// TODO: Check if we need to re-append this._hscrollbar to move it to the front over other grid elements.
+	this._hscrollbar.listen("scroll", subGrid._onSyncHScroll);
+};
+
 /** Fires data binding event without actual change in the data source. <br>
 * This will force visual elements to be re-rendered with the latest data in the data source.
 * @public
@@ -30718,6 +30759,12 @@ Core_Core.prototype._onSyncVScroll = function (e) {
 	this._vscrollbar.setScrollTop(e.scrollTop);
 };
 /** @private
+* @param {Object} e
+*/
+Core_Core.prototype._onSyncHScroll = function (e) {
+	this._hscrollbar.setScrollLeft(e.scrollLeft);
+};
+/** @private
 * @return {number} index of footer section
 */
 Core_Core.prototype._getFooterStartIndex = function () {