@refinitiv-ui/efx-grid 6.0.46 → 6.0.48

package/lib/core/dist/core.js

@@ -13778,12 +13778,6 @@ Segment.prototype.getChildIds = function() {
 	return this._childCount ? Object.keys(this._children) : [];
 };
 /** @public
-* @return {!Object}
-*/
-Segment.prototype.getChildren = function() {
-	return this._children;
-};
-/** @public
 * @return {number}
 */
 Segment.prototype.getChildCount = function() {
@@ -14948,6 +14942,14 @@ DataTable.prototype._removedRows = null;
 */
 DataTable.prototype._userSegmentComparer = null;
 /** @private
+* @type {number}
+*/
+DataTable.prototype._segmentSortOrder = 0;
+/** @private
+* @type {*}
+*/
+DataTable.prototype._segmentSortContext = null;
+/** @private
 * @type {Object.<string, Object>}
 */
 DataTable.prototype._clsSource = null;
@@ -16120,6 +16122,51 @@ DataTable.prototype.getSegmentChildIds = function(segmentId) {
 	}
 	return null;
 };
+/** Sort all of existing segments by multiple sort logics
+* @public
+* @param {Function|Array.<Function>} sortLogics
+* @param {Array.<number>} sortOrders
+* @param {Array.<string>} cids
+* @return {boolean}
+*/
+DataTable.prototype.sortSeparators = function (sortLogics, sortOrders, cids) {
+	var dirty = false;
+	if(!this._segments){
+		return false;
+	}
+	if(typeof sortLogics === "function"){
+		return this.sortSegments(sortLogics);
+	}
+	var sortingDefs = DataTable._buildSortContext(
+		[],
+		cids,
+		sortOrders,
+		sortLogics
+	);
+	var defCount = sortingDefs ? sortingDefs.length : 0;
+	if(!defCount){
+		return dirty;
+	}
+
+	var sortOrder = 0;
+	var sortLogic, sortContext;
+	if(defCount > 1) {
+		sortLogic = DataTable._multiColumnSeparatorCompareLogic;
+		sortContext = sortingDefs;
+		sortOrder = 1; // sortOrder is not used by _multiColumnSeparatorCompareLogic
+	} else { // Single level sorting
+		sortLogic = DataTable._singleColumnSeparatorCompareLogic;
+		sortContext = sortingDefs[0];
+		sortOrder = /** @type{number} */(sortContext[3]);
+	}
+	this._segmentSortOrder = sortOrder;
+	this._segmentSortContext = sortContext;
+	dirty = this.sortSegments(sortLogic);
+	this._segmentSortOrder = 0;
+	this._segmentSortContext = null;
+
+	return dirty;
+};
 /** Sort all of existing segments by given compare function
 * @public
 * @param {Function} compare
@@ -16188,7 +16235,9 @@ DataTable.prototype.sortSegments = function (compare) {
 DataTable.prototype._bySegmentSeparator = function (segmentA, segmentB) {
 	return /** @type{number} */(this._userSegmentComparer(
 		this.getRowData(segmentA.getId()),
-		this.getRowData(segmentB.getId())
+		this.getRowData(segmentB.getId()),
+		this._segmentSortOrder,
+		this._segmentSortContext
 	));
 };
 
@@ -16529,6 +16578,47 @@ DataTable._singleColumnCompareLogic = function(a, b, order, sortingDef) {
 		sortingDef[4] // Context object
 	));
 };
+/** Performance is extremely vital in this method
+* @public
+* @ignore
+* @function
+* @param {*} a
+* @param {*} b
+* @param {number} order Not used by in this method
+* @param {Array.<Array>} sortingDefs
+* @return {number}
+*/
+DataTable._multiColumnSeparatorCompareLogic = function(a, b, order, sortingDefs) {
+	var count = sortingDefs.length;
+	var result = 0;
+	for(var c = 0; c < count; ++c) {
+		var sortingDef = sortingDefs[c];
+		result = DataTable._singleColumnSeparatorCompareLogic(a, b, sortingDef[3], sortingDef);
+		if(result) {
+			return result;
+		}
+	}
+	return result;
+};
+/** Performance is extremely vital in this method
+* @public
+* @ignore
+* @function
+* @param {*} a
+* @param {*} b
+* @param {number} order
+* @param {Array} sortingDef
+* @return {number}
+*/
+DataTable._singleColumnSeparatorCompareLogic = function(a, b, order, sortingDef) {
+	var key = /** @type{string} */(sortingDef[0]);
+	return /** @type{number} */(sortingDef[2](
+		a[key], // Value1
+		b[key], // Value2
+		order, // Sort order (3)
+		sortingDef[4] // Context object
+	));
+};
 /** @public
 * @function
 * @ignore
@@ -18803,8 +18893,6 @@ var DataView = function(source) {
 	t._onRefreshTimeout = t._onRefreshTimeout.bind(t);
 	t._updateWrapCount = t._updateWrapCount.bind(t);
 
-	t._byRemovalMap = t._byRemovalMap.bind(t);
-
 	t._rids = [];
 	t._sortingDefs = [];
 	t._columnStats = {};
@@ -18858,15 +18946,6 @@ DataView.prototype._hiddenRids = null;
 * @type {Object.<string, boolean>}
 */
 DataView.prototype._collapsedRids = null; // for segmentation
-/** @private
-* @type {Object.<string, number>}
-*/
-DataView.prototype._excludedRids = null;
-/** @private
-* @type {boolean}
-*/
-DataView.prototype._emptySegmentFiltering = false;
-
 /** @private
 * @type {Object.<string, number>}
 */
@@ -19563,6 +19642,8 @@ DataView.prototype.hideRow = function(rId, hidden) {
  */
 DataView.prototype.hideRows = function(rowRefs, hidden) {
 	hidden = hidden !== false;
+	var dirty = false;
+	var rids = this._toRowIds(rowRefs);
 	var hiddenRids = this._hiddenRids;
 
 	if(hidden){
@@ -19573,19 +19654,11 @@ DataView.prototype.hideRows = function(rowRefs, hidden) {
 		return; // All rows are visible
 	}
 
-	var rids = this._toRowIds(rowRefs);
-	var dirty = false;
-
 	for(var i = rids.length; --i >= 0;) {
 		var rid = rids[i];
 		if(rid) { // undefined, null, and an empty string value are not a valid row id
-			if(hidden) {
-				if(!hiddenRids[rid]) {
-					hiddenRids[rid] = true;
-					dirty = true;
-				}
-			} else if(hiddenRids[rid]) {
-				delete hiddenRids[rid];
+			if(!!hiddenRids[rid] !== hidden) {
+				hiddenRids[rid] = hidden;
 				dirty = true;
 			}
 		}
@@ -19594,9 +19667,11 @@ DataView.prototype.hideRows = function(rowRefs, hidden) {
 	if(dirty) {
 		if(!hidden) {
 			var hasHiddenRow = false;
-			for(var key in hiddenRids) { // eslint-disable-line
-				hasHiddenRow = true;
-				break;
+			for(var key in hiddenRids) {
+				if(hiddenRids[key]) {
+					hasHiddenRow = true;
+					break;
+				}
 			}
 			if(!hasHiddenRow) {
 				hiddenRids = this._hiddenRids = null;
@@ -19685,14 +19760,23 @@ DataView.prototype.filterOut = function(cid, value) {
 */
 DataView.prototype.filterInOnce = function(cid, value, opt_filteringOut) {
 	var checker = this._getFilterLogic(cid, value);
+	if(!checker) { return; }
+
+	var filteringOut = (opt_filteringOut === true);
+	var rids = this._rids;
+	var dt = this._dt;
 	var removalMap = {};
-	if(!this._getRemovalMap(
-		removalMap,
-		checker,
-		(opt_filteringOut === true)
-	)) {
-		return;
+	var totalRem = 0;
+	var len = rids.length;
+	for(var i = len; --i >= 0;) {
+		var rid = rids[i];
+		var values = dt.getRowData(rid);
+		if (!values || checker(rid, values) === filteringOut) {
+			removalMap[rid] = true;
+			++totalRem;
+		}
 	}
+	if(totalRem <= 0) { return; }
 
 	var firstChange = this._removeRowIds(removalMap);
 
@@ -19715,13 +19799,13 @@ DataView.prototype.filterOutOnce = function(cid, value) {
 	this.filterInOnce(cid, value, true);
 };
 /** @private
-* @param {!Object} removalMap
+* @param {!Object.<string, *>} removalMap
 * @return {number}
 */
 DataView.prototype._removeRowIds = function(removalMap) {
-	var firstChange = DataView._removeArrayItems(this._rids, removalMap);
+	var firstChange = this._removeArrayItems(this._rids, removalMap);
 	if(this._groupView) {
-		firstChange = DataView._removeArrayItems(this._groupView, removalMap);
+		firstChange = this._removeArrayItems(this._groupView, removalMap);
 	}
 
 	if(this._groupMembers) {
@@ -21283,6 +21367,15 @@ DataView.prototype.getSegmentIds = function() {
 DataView.prototype.getSegmentChildIds = function(segmentRef) {
 	return this._dt.getSegmentChildIds(this._toRowId(segmentRef));
 };
+/** Sort all of existing segments by multiple sort logics
+* @public
+* @param {Array.<Function>} sortLogics
+* @param {Array.<number>} sortOrders
+* @param {Array.<string>} cids
+*/
+DataView.prototype.sortSeparators = function (sortLogics, sortOrders, cids) {
+	this._dt.sortSeparators(sortLogics, sortOrders, cids);
+};
 /** Sort all of existing segments by given compare function
 * @public
 * @param {Function} compare
@@ -21290,19 +21383,6 @@ DataView.prototype.getSegmentChildIds = function(segmentRef) {
 DataView.prototype.sortSegments = function (compare) {
 	this._dt.sortSegments(compare);
 };
-/** Automatically hide empty segment when all of its member are filtered out. An empty segment will not be hidden, if there is no active filter. Collapsed segment does not count as filtering.
-* @public
-* @param {boolean=} enabled
-*/
-DataView.prototype.enableEmptySegmentFiltering = function (enabled) {
-	enabled = enabled !== false;
-	if(this._emptySegmentFiltering !== enabled) {
-		this._emptySegmentFiltering = enabled;
-		if(this._userFilter) {
-			this._refreshAndNotify();
-		}
-	}
-};
 
 /**
 * @public
@@ -21463,35 +21543,26 @@ DataView.prototype._updateRowIds = function(opt_rowIds) {
 	// Perform the following sequences: parent view cloning >> row hiding >> row filtering >> row grouping >> sorting >> paging
 	this._rids = opt_rowIds || this._parent.getAllRowIds(); // Get all data ids
 
-	this._dispatch("beforeFiltering", {});
-
-	this._excludedRids = {};
-	var exclusionCount = 0;
-	exclusionCount += DataView._copyObjectKeys(this._excludedRids, this._hiddenRids);
-
-	// Segment separators should not be filtered out (hidden)
+	if(this._hiddenRids) {
+		this._removeArrayItems(this._rids, this._hiddenRids);
+	}
 	var segments = this._dt._getSegmentSeparators();
-	var filterExceptions = segments ? segments.getSegments() : null;
-	var userRemoval = this._getRemovalMap(this._excludedRids, this._userFilter, this._filteringOut, filterExceptions);
-	exclusionCount += userRemoval;
-
 	this._collapsedRids = null;
+	var filterExceptions = null;
 	if(segments) {
-		if(userRemoval && this._emptySegmentFiltering) {
-			exclusionCount += this._getEmptySegments(this._excludedRids, filterExceptions);
+		filterExceptions = segments.getSegments(); // Segment separators should not be filtered out (hidden)
+		var collapsedRows = this._collapsedRids = segments.getCollapsedRows(); // Children of collapsed segments must be filtered out (hidden)
+		if(collapsedRows) {
+			this._removeArrayItems(this._rids, collapsedRows);
 		}
-		this._collapsedRids = segments.getCollapsedRows();
-		 // Children of collapsed segments must be filtered out (hidden)
-		exclusionCount += DataView._copyObjectKeys(this._excludedRids, this._collapsedRids);
 	}
 
-	if(this._groupLevel > 0 && !opt_rowIds) { // WARNING: The line below is quite slow
-		exclusionCount += this._getRemovalMap(this._excludedRids, this._groupFilterLogic, false); // Filter In
-	}
-	if(exclusionCount) {
-		this._rids = this._rids.filter(this._byRemovalMap);
+	this._dispatch("beforeFiltering", {});
+	this._quickFilter(this._userFilter, this._filteringOut, filterExceptions);
+
+	if(this._groupLevel > 0 && !opt_rowIds) {
+		this._quickFilter(this._groupFilterLogic, false); // Filter In
 	}
-	this._excludedRids = null;
 
 	if(this._groupMembers) { // Has grouping
 		this._populateGroups(); // View will be properly re-populate inside _populateGroups()
@@ -21763,9 +21834,9 @@ DataView.prototype._onRowUpdated = function(e) { // onUpdate
 
 		if(this._groupLevel > 0) {
 			if(processingFlag === 1) { // The row is moved to the other group
-				if(DataView._removeArrayItem(this._rids, rid) >= 0) {
+				if(this._removeArrayItem(this._rids, rid) >= 0) {
 					if(this._groupView) {
-						DataView._removeArrayItem(this._groupView, rid);
+						this._removeArrayItem(this._groupView, rid);
 					}
 				}
 				if(this._shared.multiGroupRow) {
@@ -21965,31 +22036,34 @@ DataView.prototype._getRowIndex = function(rids, opt_nextRid, opt_fallback) {
 * @returns {number}
 */
 DataView.prototype._removeDataRow = function(rid) {
-	var at = DataView._removeArrayItem(this._rids, rid);
+	var at = this._removeArrayItem(this._rids, rid);
 	if(this._groupView && at >= 0) {
-		at = DataView._removeArrayItem(this._groupView, rid);
+		at = this._removeArrayItem(this._groupView, rid);
 	}
 	return at;
 };
 /** @private
-* @param {!Array} ary
+* @param {Array} ary
 * @param {*} item
 * @return {number} Index of the removed item
 */
-DataView._removeArrayItem = function(ary, item) {
-	var at = ary.indexOf(item);
-	if(at >= 0) {
-		ary.splice(at, 1);
+DataView.prototype._removeArrayItem = function(ary, item) {
+	var len = ary.length;
+	for(var i = 0; i < len; ++i) {
+		if(ary[i] === item) {
+			ary.splice(i, 1);
+			return i;
+		}
 	}
-	return at;
+	return -1;
 };
 /** Remove multiple array items
 * @private
 * @param {Array.<string>} ary
-* @param {Object} items
+* @param {Object.<string, *>} items
 * @return {number} First item index that is being removed. NaN if no item is removed
 */
-DataView._removeArrayItems = function(ary, items) {
+DataView.prototype._removeArrayItems = function(ary, items) {
 	var f = NaN;
 	var c = 0;
 	for(var i = ary.length; --i >= 0;) {
@@ -22008,23 +22082,6 @@ DataView._removeArrayItems = function(ary, items) {
 	return f;
 };
 /** @private
-* @param {Object} baseObj
-* @param {Object} masterObj
-* @returns {number}
-*/
-DataView._copyObjectKeys = function(baseObj, masterObj) {
-	if(masterObj) {
-		var count = 0;
-
-		for(var key in masterObj) {
-			baseObj[key] = 1;
-			++count; // WARNING: duplicated key can be counted more than once
-		}
-		return count;
-	}
-	return 0;
-};
-/** @private
 * @param {string|null} rid
 * @param {Object} rowData
 * @return {boolean}
@@ -22058,6 +22115,9 @@ DataView.prototype.isRowFiltered = function(rid, rowData) {
 			return true;
 		}
 	}
+	if(this.isSegmentSeparator(rid)) {
+		return false; // Segment separator cannot be filtered
+	}
 	if(this._collapsedRids) {
 		if(this._collapsedRids[rid]) {
 			return true;
@@ -22099,90 +22159,40 @@ DataView.prototype._sort = function() {
 };
 
 /** @private
-* @param {string} rid
-* @returns {boolean}
-*/
-DataView.prototype._byRemovalMap = function(rid) {
-	return !this._excludedRids[rid];
-};
-/** @private
-* @param {Object} removalMap
 * @param {Function} checker
 * @param {boolean} filteringOut
 * @param {Object=} exceptions
-* @returns {number} Number of rids that would be filtered out
 */
-DataView.prototype._getRemovalMap = function(removalMap, checker, filteringOut, exceptions) {
+DataView.prototype._quickFilter = function(checker, filteringOut, exceptions) {
 	if(!checker) {
-		return 0;
+		return;
 	}
 
 	var rids = this._rids; // Make local variable to speed up the process
-	var dt = this._dt;
-	var count = 0;
-	var rid, i, values;
 	var len = rids.length;
-
-	if(exceptions) {
-		for(i = len; --i >= 0;) {
-			rid = rids[i];
-			if(!exceptions[rid]) {
-				values = dt.getRowData(rid);
-				if (values) {
-					if(checker(rid, values) === filteringOut) {
-						removalMap[rid] = 1;
-						++count;
-					}
-				} else {
-					removalMap[rid] = 1;
-					++count;
-				}
-			}
-		}
-	} else {
-		for(i = len; --i >= 0;) {
-			rid = rids[i];
-			values = dt.getRowData(rid);
+	var dt = this._dt;
+	var spliceCount = 0;
+	for(var i = len; --i >= 0;) {
+		var rid = rids[i];
+		var removed = false;
+		if(!exceptions || !exceptions[rid]) {
+			var values = dt.getRowData(rid);
 			if (values) {
-				if(checker(rid, values) === filteringOut) {
-					removalMap[rid] = 1;
-					++count;
-				}
+				removed = checker(rid, values) === filteringOut;
 			} else {
-				removalMap[rid] = 1;
-				++count;
+				removed = true;
 			}
 		}
-	}
-	return count;
-};
-/** @private
-* @param {Object} removalMap
-* @param {Object} segmentRids
-* @returns {number} Number of rids that would be filtered out
-*/
-DataView.prototype._getEmptySegments = function(removalMap, segmentRids) {
-	var segments = this._dt._getSegmentSeparators();
-	var count = 0;
-	for(var segmentId in segmentRids) {
-		var segment = segments.getSegment(segmentId);
-		if(segment) {
-			var chdr = segment.getChildren();
-			var emptySegment = true;
-			for(var childId in chdr) {
-				if(!removalMap[childId]) {
-					emptySegment = false;
-					break;
-				}
-			}
-			if(emptySegment) {
-				removalMap[segmentId] = 1;
-				++count;
-			}
+		if(removed) {
+			++spliceCount;
+		} else if(spliceCount > 0) {
+			rids.splice(i + 1, spliceCount);
+			spliceCount = 0;
 		}
 	}
-
-	return count;
+	if(spliceCount > 0) {
+		rids.splice(0, spliceCount);
+	}
 };
 /** @private
 * @param {string|Function|undefined} cid
@@ -22462,13 +22472,13 @@ DataView.prototype._removeGroupMember = function (groupIndex, groupId) {
 };
 /** @private
 * @param {string} cid
-* @param {Object} values
+* @param {Object.<string, *>} values
 * @return {Array.<string>}
 */
 DataView.prototype._defaultGroupCriteria = function(cid, values) {
 	var val = values[cid];
 	if(Array.isArray(val)) {
-		return val.map(function(data) { // TODO: this is very slow
+		return val.map(function(data) {
 			return data + "";
 		});
 	} else {
@@ -22477,11 +22487,11 @@ DataView.prototype._defaultGroupCriteria = function(cid, values) {
 };
 /** @private
 * @param {string|null} rid
-* @param {Object} values
+* @param {Object.<string, *>} values
 * @return {boolean}
 */
 DataView.prototype._groupFilterLogic = function(rid, values) {
-	var gids = this._groupCriteria[this._groupLevel - 1](values); // TODO: this is very slow
+	var gids = this._groupCriteria[this._groupLevel - 1](values);
 	return gids.indexOf(this._groupId) >= 0;
 };
 
@@ -25390,6 +25400,7 @@ VirtualizedLayoutGrid._proto = VirtualizedLayoutGrid.prototype;
 * @property {string} rowId
 * @property {number} rowIndex
 */
+/** @event Core#beforeContentBinding */
 /** @event Core#postSectionDataBinding */
 /** @event Core#rowHighlighted */
 
@@ -25440,6 +25451,7 @@ var Core_Core = function (opt_initializer) {
 
 	_t._onMouseMove = _t._onMouseMove.bind(_t);
 	_t._onRowHightlighted = _t._onRowHightlighted.bind(_t);
+	_t._onGridClicked = _t._onGridClicked.bind(_t);
 
 	_t._onWindowResize = _t._onWindowResize.bind(_t);
 	_t._onSectionDataChanged = _t._onSectionDataChanged.bind(_t);
@@ -25525,11 +25537,16 @@ var Core_Core = function (opt_initializer) {
 	_t._hscrollbar.setOtherScrollbar(_t._vscrollbar);
 	_t._vscrollbar.setOtherScrollbar(_t._hscrollbar);
 
-	if (util.isMobile) {
+	if (util.isMobile || util.isTouchDevice) {
 		_t._element.addEventListener("touchmove", this._onMouseMove, false);
 	} else {
 		_t._element.addEventListener("mousemove", this._onMouseMove, false);
 	}
+
+	if(util.isSafari){
+		_t._element.addEventListener("click", this._onGridClicked);
+	}
+
 	window.addEventListener("resize", _t._onWindowResize, false); // Should be unlistened after destroyed
 	_t._rowVirtualizer.listen("indexChanged", _t._onRowInViewChanged);
 	_t._colVirtualizer.listen("indexChanged", _t._onColInViewChanged);
@@ -25552,6 +25569,7 @@ var Core_Core = function (opt_initializer) {
 		"postDataSourceChanged",
 		"preSectionRender",
 		"postSectionRender",
+		"beforeContentBinding",
 		"preSectionDataBinding",
 		"postSectionDataBinding",
 		"rowExpansionBinding",
@@ -25913,7 +25931,7 @@ Core_Core.prototype._batches = null;
 * @return {string}
 */
 Core_Core.getVersion = function () {
-	return "5.1.65";
+	return "5.1.67";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -26715,6 +26733,7 @@ Core_Core.prototype.getColumnCount = function () {
 * @fires Core#columnAdded
 * @fires Core#preSectionRender
 * @fires Core#columnRender
+* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -26742,6 +26761,7 @@ Core_Core.prototype.setColumnCount = function(num) {
 * @fires Core#columnAdded
 * @fires Core#preSectionRender
 * @fires Core#columnRender
+* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -26858,16 +26878,12 @@ Core_Core.prototype.removeColumnAt = function (index) {
 
 	if (this._hasListener("columnRemoved")) {
 		var e = {};
-		var batches = this._batches;
-		if(batches){
-			e["batches"] = batches;
-		}
 		e["atTheMiddle"] = true;
 		e["colIndex"] = index;
 		e["columns"] = "deprecated";
 		e["columnData"] = colDef["columnData"];
 		e["colId"] = colDef["id"] || "";
-		this._dispatch("columnRemoved", e);
+		this._dispatchColumnEvent("columnRemoved", e);
 	}
 
 	// Last index in view here might be different from before moving column if columns have different width.
@@ -27120,7 +27136,7 @@ Core_Core.prototype._moveColumn = function (fromCol, destCol) {
 		e["fromColIndex"] = fromCol;
 		e["toColIndex"] = destCol;
 		e["colId"] = colId; // TODO: Id may not needed
-		this._dispatch("columnMoved", e);
+		this._dispatchColumnEvent("columnMoved", e); // add remove move
 	}
 
 	// Last index in view here might be different from before moving column if columns have different width.
@@ -27190,6 +27206,9 @@ Core_Core.prototype.reorderColumns = function (colRefs, destCol) {
 		destId = destCol;
 	}
 
+	this.startBatch("move");
+
+	var dirty = 0;
 	if(Array.isArray(colRefs)) {
 		var srcLen = colRefs.length;
 		if(srcLen > 1) {
@@ -27232,7 +27251,6 @@ Core_Core.prototype.reorderColumns = function (colRefs, destCol) {
 				}
 			}
 
-			var dirty = 0;
 			for(i = srcLen; --i >= 0;) {
 				srcId = srcIds[i]; // Only valid source columns are left at this point
 				srcIdx = this.getColumnIndex(srcId);
@@ -27243,17 +27261,15 @@ Core_Core.prototype.reorderColumns = function (colRefs, destCol) {
 				dirty |= this._moveColumnByIndex(srcIdx, destIdx);
 				destId = srcId;
 			}
-			return dirty ? true : false;
 		} else {
-			return this.moveColumnById(colRefs[0], destId);
+			dirty = this.moveColumnById(colRefs[0], destId);
 		}
-	}
-
-	if(colRefs != null) {
+	} else if(colRefs != null) {
 		// colRefs will be a number or string
-		return this.moveColumnById(colRefs, destId);
+		dirty = this.moveColumnById(colRefs, destId);
 	}
-	return false;
+	this.stopBatch("move");
+	return dirty ? true : false;
 };
 
 /** @public
@@ -27360,6 +27376,7 @@ Core_Core.prototype._deserializeColumn = function (index, jsonObj) {
 * @param {number=} opt_num Default is one row
 * @fires Core#preSectionRender
 * @fires Core#columnRender
+* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -29163,6 +29180,7 @@ Core_Core.prototype.synchronizeHScrollbar = function (subGrid) {
 * @param {number=} fromRowIndex INCLUSIVE If the value is undefined, the first row index will be used
 * @param {number=} lastRowIndex INCLUSIVE If the value is undefined, the last row index will be used
 * @param {Object=} userParam Addtional parameters to be fired with the event
+* @fires Core#beforeContentBinding
 * @fires Core#preSectionDataBinding
 * @fires Core#columnDataBinding
 * @fires Core#postSectionDataBinding
@@ -29768,6 +29786,53 @@ Core_Core.prototype.getColumnGroupChildIds = function (groupId) {
 	return null;
 };
 
+/** @public
+* @description Get a list of objects with column id and column index in sorted order
+* @param {Array.<string>} colIds
+* @param {Object=} columnMap
+* @return {!Array.<string>} Return column array with corresponding order to UI
+* @example
+* core.getValidColumnList(["c1","c2","c5"]); // Get list of valid columns
+* core.getValidColumnList(["c1","c2","c5"],{ "c2":true, "c5":true }); // Get list of valid columns from specific mapping
+*/
+Core_Core.prototype.getValidColumnList = function (colIds, columnMap) {
+	var colList = [];
+	if(!colIds){
+		return colList;
+	}
+	if(!columnMap){
+		columnMap = this.createColumnMap(colIds);
+	}
+	var colCount = this.getColumnCount();
+	for(var c = 0; c < colCount; ++c) {
+		var id = this._getColumnDef(c)["id"];
+		if(columnMap[id] != null){
+			colList.push({"index": c, "id": id});
+		}
+	}
+	return colList;
+};
+
+/** @public
+* @description Create mapping object from an array of strings
+* @param {Array.<string>=} colIds
+* @return {!Object} Column mapping object
+*/
+Core_Core.prototype.createColumnMap = function (colIds) {
+	if(!colIds){
+		colIds = this.getColumnIds();
+	}
+	var mappingObj = {};
+	var count = colIds.length;
+	for(var i = 0; i < count; i++){
+		var colId = colIds[i];
+		if(colId){
+			mappingObj[colId] = true;
+		}
+	}
+	return mappingObj;
+};
+
 /** @public
 * @param {string} batchType
 * @return {boolean}
@@ -29805,6 +29870,17 @@ Core_Core.prototype.stopBatch = function (batchType) {
 
 //#region Private Methods
 /** @private
+* @param {string} type
+* @param {!Object} eventArg
+*/
+Core_Core.prototype._dispatchColumnEvent = function (type, eventArg) {
+	var batches = this._batches;
+	if(batches){
+		eventArg["batches"] = batches;
+	}
+	this._dispatch(type, eventArg);
+};
+/** @private
 */
 Core_Core.prototype._dispatchColumnPositionChanged = function () {
 	if(this._columnPositionConflator.conflate()) {
@@ -30044,20 +30120,16 @@ Core_Core.prototype._dispatchColumnAddedEvent = function (at, count, atTheMiddle
 	if (this._hasListener("columnAdded")) {
 		var e = {};
 		e["atTheMiddle"] = atTheMiddle;
-		var batches = this._batches;
-		if(batches){
-			e["batches"] = batches;
-		}
 		if(count === 1) {
 			e["colIndex"] = at;
 			e["context"] = ctx;
-			this._dispatch("columnAdded", e);
+			this._dispatchColumnEvent("columnAdded", e);
 		} else {
 			var ary = Array.isArray(ctx) ? ctx : [];
 			for (var i = 0; i < count; ++i) {
 				e["colIndex"] = at + i;
 				e["context"] = ary[i];
-				this._dispatch("columnAdded", e);
+				this._dispatchColumnEvent("columnAdded", e);
 			}
 		}
 	}
@@ -30199,15 +30271,11 @@ Core_Core.prototype._removeColumn = function (num) {  // TODO: change the logic
 
 	if (this._hasListener("columnRemoved")) {
 		var e = {};
-		var batches = this._batches;
-		if(batches){
-			e["batches"] = batches;
-		}
 		for (var c = colCount; --c >= newCount; ) {
 			var colDef = removedCols[c - newCount];
 			e["colIndex"] = c;
 			e["columnData"] = colDef ? colDef["columnData"] : null;
-			this._dispatch("columnRemoved", e);
+			this._dispatchColumnEvent("columnRemoved", e);
 		}
 	}
 };
@@ -30240,6 +30308,9 @@ Core_Core.prototype._onSectionDataChanged = function (e) {
 		rowDataCollection = dataView.getMultipleRowData(rids, fromR, toR);
 		e["dataRows"] = rowDataCollection;
 	}
+	if(e["sectionType"] === "content"){
+		this._dispatch("beforeContentBinding", e);
+	}
 	this._dispatch("preSectionDataBinding", e);
 
 	var dataMap = this.getDataColumnMap();
@@ -30254,9 +30325,13 @@ Core_Core.prototype._onSectionDataChanged = function (e) {
 				for (var r = fromR; r < toR; ++r) {
 					if(hasDataView) {
 						var rowData = rowDataCollection[r];
+						if(!rowData) { // This is a header row
+							continue;
+						}
+
 						e["rowData"] = rowData;
 						e["rowId"] = rids[r];
-						e["dataValue"] = rowData ? rowData[cid] : null;
+						e["dataValue"] = rowData[cid];
 					}
 					e["rowIndex"] = r;
 					e["cell"] = section["getCell"](c, r, false); // Accessing cell by using bracket allows extenal object to mock Section
@@ -30597,6 +30672,18 @@ Core_Core.prototype._onMouseMove = function () {
 	this._vscrollbar.flash();
 	this._hscrollbar.flash();
 };
+/** @private */
+Core_Core.prototype._onGridClicked = function () {
+	// research for dragging
+	var selection = window.getSelection();
+	if(selection.toString()){
+		return;
+	}
+	var activeElem = document.activeElement;
+	if(!this._element.contains(activeElem)){
+		this.focus();
+	}
+};
 
 /** @private
 * @param {Object} e
@@ -32551,6 +32638,28 @@ SortableTitlePlugin.prototype.setSortingSequence = function (sequence, colRef) {
 SortableTitlePlugin.prototype.clearAllColumnSortingSequences = function () {
 	this._sortingSequenceMap = null;
 };
+/** @public
+* @description Sorting all separators according to compare function. If compare function is not specified, separators will will be sort by current sorting states.
+* @param {Function} comparer Compare function
+*/
+SortableTitlePlugin.prototype.sortSeparators = function (comparer) {
+	var host = this._hosts[0];
+	var dv = host.getDataSource();
+	if(comparer){
+		dv.sortSeparators(comparer);
+	} else {
+		var sortLogics = dv.getSortingLogics();
+		var sortOrders = [];
+		var sortFields = [];
+		var sortStateCount = this._sortStates.length;
+		for(var i = 0; i < sortStateCount; i++){
+			var sortState =  this._sortStates[i];
+			sortOrders.push(sortState["sortOrder"]);
+			sortFields.push(sortState["field"]);
+		}
+		dv.sortSeparators(sortLogics, sortOrders, sortFields);
+	}
+};
 
 
 /** @private