@refinitiv-ui/efx-grid 6.0.98 → 6.0.99

package/lib/core/dist/core.js

@@ -709,15 +709,15 @@ EventDispatcher._proto = EventDispatcher.prototype;
 /** Provide ability for prototype based Class to inherits another class
 * @namespace
 * @example
-* var BaseClass = function() {};
+* let BaseClass = function() {};
 * BaseClass.prototype.method = function() {};
 * BaseClass.prototype._member = 1;
-* var DerivedClass = function() {};
+* let DerivedClass = function() {};
 * Ext.inherits(DerivedClass, BaseClass); // Derived class will have methods and members of the base class
 * // To call base class method
 * DeriveClass["base"](this, "methodName", ...params);
 */
-var Ext = {};
+let Ext = {};
 
 /** @public
 * @function
@@ -747,9 +747,9 @@ Ext.inherits = function (childCtor, parentCtor) {
 	childCtor["base"] = function(me, methodName, var_args) {
 		if(!methodName) { methodName = 'constructor'; }
 		// Copying using loop to avoid deop due to passing arguments object to function. This is faster in many JS engines as of late 2014.
-		var len = arguments.length;
-		var args = new Array(len); // http://jsperf.com/creating-an-array
-		for (var i = 2; i < len; i++) {
+		let len = arguments.length;
+		let args = new Array(len); // http://jsperf.com/creating-an-array
+		for (let i = 2; i < len; i++) {
 			args[i - 2] = arguments[i];
 		}
 		return parentCtor.prototype[methodName].apply(me, args);
@@ -10620,7 +10620,7 @@ LayoutGrid._proto = LayoutGrid.prototype;
 
 ;// CONCATENATED MODULE: ./node_modules/tr-grid-util/es6/Util.js
 /** @namespace */
-var Util_Util = {};
+let Util_Util = {};
 
 /** This is a shorthand for fetch() API by POST method and with json body <br>
 * WARNING: fetch is not supported in IE (including IE11)
@@ -10703,7 +10703,7 @@ Util_Util._logError = function(resp) {
 * @return {!Promise<Response>}
 */
 Util_Util._post = function(url, obj, contentType) {
-	var options = {
+	let options = {
 		method: obj ? "POST" : "GET",
 		headers: { "Content-Type": contentType || "application/json" }
 	};
@@ -10724,7 +10724,7 @@ Util_Util._post = function(url, obj, contentType) {
 * @param {Array.<string>=} limiters Specify property to be extended
 * @return {Object}
 */
-var extendObject = function (obj, extender, limiters) {
+let extendObject = function (obj, extender, limiters) {
 	if(!obj) { // null undefined NaN empty string and 0
 		return null;
 	}
@@ -10732,10 +10732,10 @@ var extendObject = function (obj, extender, limiters) {
 		return obj;
 	}
 
-	var key;
+	let key;
 	if(limiters) {
-		var len = limiters.length;
-		for(var i = 0; i < len; ++i) {
+		let len = limiters.length;
+		for(let i = 0; i < len; ++i) {
 			key = limiters[i];
 			if(key) {
 				extendProperty(obj, extender, key);
@@ -10756,7 +10756,7 @@ var extendObject = function (obj, extender, limiters) {
 * @param {Array.<string>=} limiters
 * @return {Object}
 */
-var cloneObject = function (obj, limiters) {
+let cloneObject = function (obj, limiters) {
 	return extendObject({}, obj, limiters);
 };
 
@@ -10766,8 +10766,8 @@ var cloneObject = function (obj, limiters) {
 * @param {Object} obj
 * @return {boolean}=true, if the obj is empty
 */
-var isEmptyObject = function (obj) {
-	for (var key in obj) {
+let isEmptyObject = function (obj) {
+	for (let key in obj) {
 		return false;
 	}
 	return true;
@@ -10778,17 +10778,17 @@ var isEmptyObject = function (obj) {
 * @param {Array.<string>=} fields In case of the given data is an array, this param will be used for mapping index to field
 * @return {Object|null}
 */
-var arrayToObject = function(data, fields) {
+let arrayToObject = function(data, fields) {
 	if(!Array.isArray(data)) {
 		return data;
 	} else if(!fields) {
 		return null;
 	}
-	var ary = data;
+	let ary = data;
 	data = {};
-	var len = ary.length;
-	for(var i = 0; i < len; ++i) {
-		var field = fields[i];
+	let len = ary.length;
+	for(let i = 0; i < len; ++i) {
+		let field = fields[i];
 		// eslint-disable-next-line no-undefined
 		if(field && ary[i] !== undefined) {
 			data[field] = ary[i];
@@ -10808,10 +10808,10 @@ var arrayToObject = function(data, fields) {
 * extendProperty({a: [0]}, {a: 1}, "a"); // {a: [0, 1]}
 * extendProperty({a: [0]}, {a: [1, 2]}, "a"); // {a: [0, 1, 2]}
 */
-var extendProperty = function (obj, extender, propName) {
-	var val = extender[propName];
+let extendProperty = function (obj, extender, propName) {
+	let val = extender[propName];
 	if(val != null) {
-		var objVal = obj[propName];
+		let objVal = obj[propName];
 		if(Array.isArray(objVal)) {
 			obj[propName] = objVal.concat(val);
 		} else if(Array.isArray(val) && objVal) {
@@ -10829,7 +10829,7 @@ var extendProperty = function (obj, extender, propName) {
 * @param {*} obj2
 * @return {boolean}
 */
-var deepEqual = function (obj1, obj2) {
+let deepEqual = function (obj1, obj2) {
 
 	if(obj1 === obj2) {
 		return true;
@@ -10847,7 +10847,7 @@ var deepEqual = function (obj1, obj2) {
 				return false;
 			}
 
-			for (var i = 0; i < obj1.length; i++) {
+			for (let i = 0; i < obj1.length; i++) {
 				if (!deepEqual(obj1[i], obj2[i])) { // The array may not be a match if the elements are not sorted, so it will not be considered equal if there is a mismatch.
 					return false;
 				}
@@ -10859,7 +10859,7 @@ var deepEqual = function (obj1, obj2) {
 				return false;
 			}
 
-			for (var key in obj1) {
+			for (let key in obj1) {
 				if (!deepEqual(obj1[key], obj2[key])) {
 					return false;
 				}
@@ -10883,7 +10883,7 @@ var deepEqual = function (obj1, obj2) {
 * @return {Array} Returns the result of the extended array
 * @see {@link https://dev.to/uilicious/javascript-array-push-is-945x-faster-than-array-concat-1oki}
 * @example
-* var obj = {};
+* let obj = {};
 * extendArrayProperty(obj, "prop1", 1); // [1]
 * extendArrayProperty(obj, "prop1", 2); // [1, 2]
 * extendArrayProperty(obj, "prop1", [3, 4]); // [1, 2, 3, 4]
@@ -10892,10 +10892,10 @@ var deepEqual = function (obj1, obj2) {
 * extendArrayProperty(obj, "prop2", [7]); // [5, 6, 7]
 * extendArrayProperty(obj, "prop2", null); // null
 */
-var extendArrayProperty = function (obj, propName, ary) {
-	var objAry = null;
+let extendArrayProperty = function (obj, propName, ary) {
+	let objAry = null;
 	if(ary) {
-		var objVal = obj[propName];
+		let objVal = obj[propName];
 		if(objVal) {
 			if(Array.isArray(objVal)) {
 				objAry = objVal;
@@ -10926,14 +10926,14 @@ var extendArrayProperty = function (obj, propName, ary) {
 * @param {string|Array.<string>} item
 * @return {string}
 */
-var _encloseBracket = function(item) {
+let _encloseBracket = function(item) {
 	return Array.isArray(item) ? "{\n" + item.join("\n") + "\n}" : item;
 };
 /** @private
 * @param {string} str
 * @return {string}
 */
-var _indentBracketContent = function(str){
+let _indentBracketContent = function(str){
 	return str.replace(/\n+/g, "\n\t").replace(/\n\t}$/, "\n}");
 };
 /** @public
@@ -10949,11 +10949,11 @@ var _indentBracketContent = function(str){
 * ]
 * ]);
 */
-var prettifyCss = function(css) {
+let prettifyCss = function(css) {
 	if(css) {
-		var cssStr = "";
+		let cssStr = "";
 		if (Array.isArray(css)) {
-			var ary = css.map(_encloseBracket);
+			let ary = css.map(_encloseBracket);
 			cssStr = ary.join("\n").replace(/{\s*{/g, "{").replace(/\s+{/g, " {");
 		} else {
 			cssStr = (typeof css === "string") ? css : css + "";
@@ -10970,9 +10970,9 @@ var prettifyCss = function(css) {
 * @param {Element} elem
 * @return {DocumentFragment}
 */
-var getShadowRoot = function(elem) {
+let getShadowRoot = function(elem) {
 	if(elem) {
-		var rootNode;
+		let rootNode;
 		if(elem.shadowRoot) {
 			rootNode = elem.shadowRoot;
 		} else if(elem.getRootNode) {
@@ -10994,23 +10994,23 @@ var getShadowRoot = function(elem) {
 * @param {Element=} targetContext Element that needs the CSS
 * @return {Element} New style tag
 */
-var injectCss = function(cssStr, targetContext) {
+let injectCss = function(cssStr, targetContext) {
 	if(!cssStr) {
 		return null;
 	}
 
-	var styleTag = document.createElement("style");
+	let styleTag = document.createElement("style");
 	styleTag.textContent = "\n" + cssStr + "\n";
 
-	var styleHost = getShadowRoot(targetContext);
-	var isInShadow = true;
+	let styleHost = getShadowRoot(targetContext);
+	let isInShadow = true;
 	if(!styleHost) {
 		isInShadow = false;
 		styleHost = document.head;
 	}
 
 	// Find a place to insert the style tag
-	var beforeElem;
+	let beforeElem;
 	if(isInShadow) {
 		if(styleHost.children && styleHost.children.length) {
 			beforeElem = styleHost.children[0];
@@ -11028,8 +11028,8 @@ var injectCss = function(cssStr, targetContext) {
 * @public
 * @return {boolean}
 */
-var isIE = function () {
-	var ua = window.navigator.userAgent;
+let isIE = function () {
+	let ua = window.navigator.userAgent;
 	return (ua.indexOf('MSIE ') > 0) || (ua.indexOf('Trident/') > 0) || (ua.indexOf('Edge/') > 0);
 };
 
@@ -11037,7 +11037,7 @@ var isIE = function () {
 * @public
 * @return {boolean}
 */
-var isMac = function () {
+let isMac = function () {
 	return /Mac/.test(navigator.platform);
 };
 
@@ -11045,7 +11045,7 @@ var isMac = function () {
 * @public
 * @return {boolean}
 */
-var isTouchDevice = function () {
+let isTouchDevice = function () {
 	if ((navigator["maxTouchPoints"] && navigator["maxTouchPoints"] < 256) ||
 		(navigator["msMaxTouchPoints"] && navigator["msMaxTouchPoints"] < 256)) {
 		return true;
@@ -11059,12 +11059,12 @@ var isTouchDevice = function () {
 * @param {Array=} ary
 * @return {Array}
 */
-var nestedObjectToArray = function (obj, ary) {
+let nestedObjectToArray = function (obj, ary) {
 	if (!ary) {
 		ary = [];
 	}
-	for (var key in obj) {
-		var element = obj[key];
+	for (let key in obj) {
+		let element = obj[key];
 		if ('object' === typeof element) {
 			nestedObjectToArray(element, ary);
 		} else {
@@ -11088,21 +11088,21 @@ var nestedObjectToArray = function (obj, ary) {
 * rgb2Hex("invalid"); // "invalid"
 * rgb2Hex(null); // ""
 */
-var rgb2Hex = function (rgbCode) {
+let rgb2Hex = function (rgbCode) {
 	if(!rgbCode || typeof rgbCode !== "string") {
 		return "";
 	}
 	if(rgbCode.charAt(0) === "#") {
 		return rgbCode;
 	}
-	var rgb = rgbCode.match(/\d+/g);
+	let rgb = rgbCode.match(/\d+/g);
 	if(!rgb || rgb.length < 3) {
 		return rgbCode;
 	}
 
-	var hex = "#";
-	for(var i = 0; i < 3; i++) {
-		var num = +rgb[i];
+	let hex = "#";
+	for(let i = 0; i < 3; i++) {
+		let num = +rgb[i];
 		if(!(num >= 16)) { // Handle NaN case
 			hex += "0";
 		}
@@ -11116,12 +11116,12 @@ var rgb2Hex = function (rgbCode) {
 * @param {*} data
 * @return {string}
 */
-var prepareTSVContent = function (data) {
+let prepareTSVContent = function (data) {
 	if (data == null) {
 		return "";
 	}
 
-	var content = (typeof data === 'string') ? data : data.toString();
+	let content = (typeof data === 'string') ? data : data.toString();
 
 	if (!content.length) { return ""; }
 
@@ -11150,7 +11150,7 @@ var prepareTSVContent = function (data) {
 
 /** @constructor
 */
-var GroupDefinitions = function () {
+let GroupDefinitions = function () {
 	this._groupMap = {};
 	this._childToParent = {};
 };
@@ -11184,14 +11184,14 @@ GroupDefinitions.getGroupId = function(groupDef) {
 * @return {number} Return total number of parents. Return 0 if there is no parent.
 */
 GroupDefinitions.calcTreeDepth = function (groupMap, groupDef) {
-	var curDepth = -1;
-	var curNode = groupDef;
+	let curDepth = -1;
+	let curNode = groupDef;
 	while(curNode) { // WARNING: infinite loop could occured, if parentId is cycle back to one of the child group
 		if(++curDepth > 15) {
 			console.log("WARNING: Infinite loop detected during column group creation");
 			break;
 		}
-		var parentId = curNode.parentId;
+		let parentId = curNode.parentId;
 		curNode = groupMap[parentId];
 	}
 	return curDepth;
@@ -11202,22 +11202,22 @@ GroupDefinitions.calcTreeDepth = function (groupMap, groupDef) {
 * @return {Array.<string>}
 */
 GroupDefinitions.getLeafDescendants = function (groupMap, groupId) {
-	var groupDef = groupMap[groupId];
+	let groupDef = groupMap[groupId];
 	if(!groupDef) {
 		return null;
 	}
 
-	var leaves = [];
-	var unvisitedGroups = [groupDef];
-	var visitedCount = 0;
-	var visitedMap = {};
+	let leaves = [];
+	let unvisitedGroups = [groupDef];
+	let visitedCount = 0;
+	let visitedMap = {};
 	while(visitedCount < unvisitedGroups.length) {
 		groupDef = unvisitedGroups[visitedCount++];
 		visitedMap[groupDef.id] = true;
-		var chdr = groupDef.children;
-		var len = chdr ? chdr.length : 0;
-		for(var i = 0; i < len; ++i) {
-			var childId = chdr[i];
+		let chdr = groupDef.children;
+		let len = chdr ? chdr.length : 0;
+		for(let i = 0; i < len; ++i) {
+			let childId = chdr[i];
 			groupDef = groupMap[childId];
 			if(groupDef) {
 				if(!visitedMap[groupDef.id]) { // Prevent infinite loop
@@ -11238,7 +11238,7 @@ GroupDefinitions.getLeafDescendants = function (groupMap, groupId) {
 * @return {Object} Return a new object with guaranteed children property
 */
 GroupDefinitions._cloneObject = function(obj) {
-	var newObj = cloneObject(obj);
+	let newObj = cloneObject(obj);
 	if(Array.isArray(newObj.children)) { // This is to prevent modification from the outside source
 		newObj.children = newObj.children.slice();
 	} else {
@@ -11254,7 +11254,7 @@ GroupDefinitions._cloneObject = function(obj) {
 * @return {Object} Return a new object with guaranteed children property
 */
 GroupDefinitions._toGroupDefinition = function(obj, groupId) {
-	var groupDef = null;
+	let groupDef = null;
 	if(obj) {
 		if(Array.isArray(obj)) {
 			groupDef = {
@@ -11277,11 +11277,11 @@ GroupDefinitions._toGroupDefinition = function(obj, groupId) {
 * @return {string}
 */
 GroupDefinitions.prototype.toString = function() {
-	var groupMap = this._groupMap;
-	var lines = [];
+	let groupMap = this._groupMap;
+	let lines = [];
 	lines.push("=== groupDefs ===");
-	for(var key in groupMap) {
-		var group = groupMap[key];
+	for(let key in groupMap) {
+		let group = groupMap[key];
 		lines.push(key + ": " + JSON.stringify(group, ["id", "parentId", "children"]));
 	}
 
@@ -11314,9 +11314,9 @@ GroupDefinitions.prototype.getDefinition = GroupDefinitions.prototype.getGroup;
 * @return {!Array.<Object>}
 */
 GroupDefinitions.prototype.getGroups = function () {
-	var groupDefs = [];
-	var groupMap = this._groupMap;
-	for(var key in groupMap) {
+	let groupDefs = [];
+	let groupMap = this._groupMap;
+	for(let key in groupMap) {
 		groupDefs.push(groupMap[key]);
 	}
 	return groupDefs;
@@ -11338,11 +11338,11 @@ GroupDefinitions.prototype.getGroupMap = function () {
 * @return {!Object.<string, Object>}
 */
 GroupDefinitions.prototype.cloneGroupMap = function () {
-	var groupMap = this._groupMap;
-	var outMap = {};
-	for(var groupId in groupMap) {
-		var groupDef = groupMap[groupId];
-		var obj = GroupDefinitions._cloneObject(groupDef);
+	let groupMap = this._groupMap;
+	let outMap = {};
+	for(let groupId in groupMap) {
+		let groupDef = groupMap[groupId];
+		let obj = GroupDefinitions._cloneObject(groupDef);
 		outMap[groupId] = obj;
 	}
 	return outMap;
@@ -11351,18 +11351,18 @@ GroupDefinitions.prototype.cloneGroupMap = function () {
 * @public
 */
 GroupDefinitions.prototype.rebuildMap = function () {
-	var groupMap = this._groupMap;
-	var childToParent = this._childToParent = {};
+	let groupMap = this._groupMap;
+	let childToParent = this._childToParent = {};
 
 	// Create child to parent map
-	var groupIds = Object.keys(groupMap);
-	var grpCount = groupIds.length;
-	var i, groupId;
+	let groupIds = Object.keys(groupMap);
+	let grpCount = groupIds.length;
+	let i, groupId;
 	for(i = 0; i < grpCount; ++i) {
 		groupId = groupIds[i];
-		var chdr = groupMap[groupId].children;
-		var childCount = chdr ? chdr.length : 0;
-		for (var j = 0; j < childCount; j++) {
+		let chdr = groupMap[groupId].children;
+		let childCount = chdr ? chdr.length : 0;
+		for (let j = 0; j < childCount; j++) {
 			childToParent[chdr[j]] = groupId;
 		}
 	}
@@ -11370,7 +11370,7 @@ GroupDefinitions.prototype.rebuildMap = function () {
 	// Apply a parent id to group definition to make it easier to find depth
 	for(i = 0; i < grpCount; ++i) {
 		groupId = groupIds[i];
-		var parentId = childToParent[groupId];
+		let parentId = childToParent[groupId];
 		if(parentId) {
 			groupMap[groupId].parentId = parentId;
 		}
@@ -11383,7 +11383,7 @@ GroupDefinitions.prototype.rebuildMap = function () {
 * @return {Array.<string>}
 */
 GroupDefinitions.prototype.getGroupChildren = function (groupId) {
-	var groupDef = this._groupMap[groupId];
+	let groupDef = this._groupMap[groupId];
 	return groupDef ? groupDef.children : null;
 };
 /** Get all non-group descendants of the given group id.
@@ -11409,12 +11409,12 @@ GroupDefinitions.prototype.getRootGroup = function (groupId) {
 	if (!groupId) {
 		return null;
 	}
-	var groupMap = this._groupMap;
-	var groupDef = groupMap[groupId] || null;
+	let groupMap = this._groupMap;
+	let groupDef = groupMap[groupId] || null;
 	// TODO: Support column id
 	if(groupDef) {
 		while (groupDef.parentId) {
-			var parentDef = groupMap[groupDef.parentId];
+			let parentDef = groupMap[groupDef.parentId];
 			if(parentDef) {
 				groupDef = parentDef;
 			} else {
@@ -11437,10 +11437,10 @@ GroupDefinitions.prototype.getParentGroup = function (childId) {
 */
 GroupDefinitions.prototype.getParentIds = function(childId) {
 	if (childId && typeof childId === "string") {
-		var groupId = this._childToParent[childId];
+		let groupId = this._childToParent[childId];
 		if (groupId) {
-			var groupIds = [groupId];
-			var group = this._groupMap[groupId];
+			let groupIds = [groupId];
+			let group = this._groupMap[groupId];
 			while (group && group.parentId) {
 				group = this._groupMap[group.parentId];
 				if (group) {
@@ -11458,9 +11458,9 @@ GroupDefinitions.prototype.getParentIds = function(childId) {
 * @return {string}
 */
 GroupDefinitions.prototype.getParentId = function (childId, groupLevel) {
-	var parentId = this._childToParent[childId];
+	let parentId = this._childToParent[childId];
 	if(groupLevel != null) {
-		var currentLevel = this.getGroupLevel(parentId);
+		let currentLevel = this.getGroupLevel(parentId);
 		while(currentLevel > groupLevel && parentId){
 			parentId = this._childToParent[parentId];
 			currentLevel--;
@@ -11475,7 +11475,7 @@ GroupDefinitions.prototype.getParentId = function (childId, groupLevel) {
 * @return {boolean}
 */
 GroupDefinitions.prototype.removeAllGroups = function () {
-	for(var groupId in this._groupMap) { // eslint-disable-line
+	for(let groupId in this._groupMap) { // eslint-disable-line
 		this._groupMap = {};
 		this._childToParent = {};
 		return true;
@@ -11488,13 +11488,13 @@ GroupDefinitions.prototype.removeAllGroups = function () {
 */
 GroupDefinitions.prototype.setGroups = function (groupDefs) {
 	// Clear existing group structure
-	var groupMap = this._groupMap = {};
+	let groupMap = this._groupMap = {};
 
 	// Create group map
-	var grpCount = groupDefs ? groupDefs.length : 0;
-	for (var i = 0; i < grpCount; i++) {
-		var groupDef = groupDefs[i];
-		var groupId = groupDef.id;
+	let grpCount = groupDefs ? groupDefs.length : 0;
+	for (let i = 0; i < grpCount; i++) {
+		let groupDef = groupDefs[i];
+		let groupId = groupDef.id;
 		if(groupId) {
 			groupMap[groupId] = GroupDefinitions._cloneObject(groupDef);
 		}
@@ -11508,7 +11508,7 @@ GroupDefinitions.prototype.setGroups = function (groupDefs) {
 * @return {string} Return group ID
 */
 GroupDefinitions.prototype.addGroup = function (groupDef) {
-	var groupId = GroupDefinitions.getGroupId(groupDef);
+	let groupId = GroupDefinitions.getGroupId(groupDef);
 	if(groupId) {
 		return this.setGroup(groupId, groupDef);
 	}
@@ -11519,7 +11519,7 @@ GroupDefinitions.prototype.addGroup = function (groupDef) {
 * @return {boolean}
 */
 GroupDefinitions.prototype.removeGroup = function (groupId) {
-	var curDef = this._groupMap[groupId];
+	let curDef = this._groupMap[groupId];
 	if(curDef) {
 		this.removeAllChildren(groupId);
 		this.unsetParent(groupId);
@@ -11541,25 +11541,25 @@ GroupDefinitions.prototype.setGroup = function (groupId, groupDef) {
 	}
 
 	if(groupDef) {
-		var newDef = GroupDefinitions._toGroupDefinition(groupDef, groupId);
+		let newDef = GroupDefinitions._toGroupDefinition(groupDef, groupId);
 		this._ungroupChildren(newDef.children);
 
-		var curDef = this._groupMap[groupId];
+		let curDef = this._groupMap[groupId];
 		if(curDef) { // Replace
 			this.removeAllChildren(groupId);
 		}
-		var parentDef = this._childToParent[groupId];
+		let parentDef = this._childToParent[groupId];
 		if(parentDef) {
 			newDef.parentId = parentDef.id;
 		}
 		this._groupMap[groupId] = newDef;
 
-		var chdr = newDef.children; // newDef is guaranteed to have children property
-		var len = chdr.length;
-		for(var i = 0; i < len; ++i) {
-			var childId = chdr[i];
+		let chdr = newDef.children; // newDef is guaranteed to have children property
+		let len = chdr.length;
+		for(let i = 0; i < len; ++i) {
+			let childId = chdr[i];
 			this._childToParent[childId] = groupId;
-			var childDef = this._groupMap[childId];
+			let childDef = this._groupMap[childId];
 			if(childDef) {
 				childDef.parentId = groupId;
 			}
@@ -11579,8 +11579,8 @@ GroupDefinitions.prototype.setGroup = function (groupId, groupDef) {
  */
 GroupDefinitions.prototype._ungroupChildren = function(children) {
 	if (Array.isArray(children)) {
-		var len = children.length;
-		for(var i = 0; i < len; ++i) {
+		let len = children.length;
+		for(let i = 0; i < len; ++i) {
 			this.unsetParent(children[i]);
 		}
 	}
@@ -11593,9 +11593,9 @@ GroupDefinitions.prototype._ungroupChildren = function(children) {
 * @return {boolean}
 */
 GroupDefinitions.prototype.hasGroupChild = function (parentId, childId) {
-	var groupDef = this._groupMap[parentId];
+	let groupDef = this._groupMap[parentId];
 	if(childId && groupDef) {
-		var chdr = groupDef.children;
+		let chdr = groupDef.children;
 		if(chdr) {
 			return chdr.indexOf(childId) >= 0; // TODO: Use childToParent map to improve performance
 		}
@@ -11613,8 +11613,8 @@ GroupDefinitions.prototype.contains = function (groupId, childId) {
 		if(groupId === childId) {
 			return true;
 		}
-		var levelLimit = 20;
-		var parentId = this._childToParent[childId];
+		let levelLimit = 20;
+		let parentId = this._childToParent[childId];
 		while(parentId && levelLimit) { // WARNING: Circular dependency could happen
 			if(groupId === parentId) {
 				return true;
@@ -11632,15 +11632,15 @@ GroupDefinitions.prototype.contains = function (groupId, childId) {
 * @return {boolean}
 */
 GroupDefinitions.prototype.addGroupChild = function (parentId, childId, position) {
-	var groupDef = this._groupMap[parentId];
+	let groupDef = this._groupMap[parentId];
 
 	if(childId && groupDef) {
-		var chdr = groupDef.children;
+		let chdr = groupDef.children;
 		if(chdr && chdr.indexOf(childId) < 0) {
 			this.unsetParent(childId); // Remove previous parent
 			// Add new child to group structures
 			this._childToParent[childId] = parentId;
-			var childDef = this._groupMap[childId];
+			let childDef = this._groupMap[childId];
 			if(childDef) {
 				childDef.parentId = parentId;
 			}
@@ -11675,20 +11675,20 @@ GroupDefinitions.prototype.removeGroupChild = function (parentId, childId) {
 * @return {boolean}
 */
 GroupDefinitions.prototype.unsetParent = function (childId) {
-	var parentId = this._childToParent[childId];
+	let parentId = this._childToParent[childId];
 	if(!parentId) {
 		return false;
 	}
 	this._childToParent[childId] = "";
-	var childDef = this._groupMap[childId];
+	let childDef = this._groupMap[childId];
 	if(childDef) {
 		childDef.parentId = "";
 	}
-	var parentDef = this._groupMap[parentId];
+	let parentDef = this._groupMap[parentId];
 	if(parentDef) {
-		var chdr = parentDef.children;
+		let chdr = parentDef.children;
 		if(chdr && chdr.length) {
-			var at = chdr.indexOf(childId);
+			let at = chdr.indexOf(childId);
 			if (at >= 0) {
 				chdr.splice(at, 1); // splice is slow
 			}
@@ -11702,18 +11702,18 @@ GroupDefinitions.prototype.unsetParent = function (childId) {
 * @return {boolean}
 */
 GroupDefinitions.prototype.removeAllChildren = function(groupId) {
-	var grpDef = this._groupMap[groupId];
+	let grpDef = this._groupMap[groupId];
 	if(grpDef) {
-		var chdr = grpDef.children;
-		var len = chdr ? chdr.length : 0;
+		let chdr = grpDef.children;
+		let len = chdr ? chdr.length : 0;
 		if(len) {
 			grpDef.children = [];
-			for(var i = 0; i < len; ++i) {
-				var childId = chdr[i];
+			for(let i = 0; i < len; ++i) {
+				let childId = chdr[i];
 				if(this._childToParent[childId]) {
 					this._childToParent[childId] = "";
 				}
-				var childDef = this._groupMap[childId];
+				let childDef = this._groupMap[childId];
 				if(childDef) {
 					childDef.parentId = "";
 				}
@@ -11730,20 +11730,20 @@ GroupDefinitions.prototype.removeAllChildren = function(groupId) {
 * @return {boolean}
 */
 GroupDefinitions.prototype.setGroupChildren = function (groupId, newChildList) {
-	var groupDef = this._groupMap[groupId];
+	let groupDef = this._groupMap[groupId];
 	if(groupDef) {
 		if(Array.isArray(newChildList)) {
-			var chdr = newChildList.slice();
+			let chdr = newChildList.slice();
 			this._ungroupChildren(chdr);
 			this.removeAllChildren(groupId);
 			groupDef.children = chdr;
 
-			var parentId = groupDef.id;
-			var len = chdr.length;
-			for(var i = 0; i < len; ++i) {
-				var childId = chdr[i];
+			let parentId = groupDef.id;
+			let len = chdr.length;
+			for(let i = 0; i < len; ++i) {
+				let childId = chdr[i];
 				this._childToParent[childId] = parentId;
-				var childDef = this._groupMap[childId];
+				let childDef = this._groupMap[childId];
 				if(childDef) {
 					childDef.parentId = parentId;
 				}
@@ -11763,7 +11763,7 @@ GroupDefinitions.prototype.setGroupChildren = function (groupId, newChildList) {
 * @return {string}
 */
 GroupDefinitions.prototype.getGroupName = function (groupId) {
-	var groupDef = this._groupMap[groupId];
+	let groupDef = this._groupMap[groupId];
 	if(groupDef) {
 		return groupDef.name || "";
 	}
@@ -11775,7 +11775,7 @@ GroupDefinitions.prototype.getGroupName = function (groupId) {
 * @return {boolean}
 */
 GroupDefinitions.prototype.setGroupName = function (groupId, groupName) {
-	var groupDef = this._groupMap[groupId];
+	let groupDef = this._groupMap[groupId];
 	if(groupDef) {
 		if(groupDef.name !== groupName) {
 			groupDef.name = groupName;
@@ -13131,7 +13131,7 @@ DataCache_DataCache._proto = DataCache_DataCache.prototype;
 /** Abstract base class that provides event management methods for derived class
 * @constructor
 */
-var EventDispatcher_EventDispatcher = function () {};
+let EventDispatcher_EventDispatcher = function () {};
 
 /** @type {Object.<string, Function>}
 * @protected
@@ -13156,7 +13156,7 @@ EventDispatcher_EventDispatcher.prototype.addEventListener = function(type, hand
 		this._events = {};
 	}
 
-	var listeners = this._events[type];
+	let listeners = this._events[type];
 	if(listeners) {
 		if(listeners.indexOf(handler) < 0) {
 			listeners.push(handler);
@@ -13173,9 +13173,9 @@ EventDispatcher_EventDispatcher.prototype.addEventListener = function(type, hand
 * @param {Function} handler Event handler
 */
 EventDispatcher_EventDispatcher.prototype.removeEventListener = function(type, handler) {
-	var listeners = (this._events) ? this._events[type] : null;
+	let listeners = (this._events) ? this._events[type] : null;
 	if(listeners) {
-		var at = listeners.indexOf(handler);
+		let at = listeners.indexOf(handler);
 		if(at >= 0) {
 			listeners.splice(at, 1);
 			--this._listenerCount;
@@ -13198,7 +13198,7 @@ EventDispatcher_EventDispatcher.prototype.removeAllEventListeners = function() {
 EventDispatcher_EventDispatcher.prototype.hasListener = function(type) {
 	if(this._listenerCount) {
 		if(type) {
-			var listeners = this._events ? this._events[type] : null;
+			let listeners = this._events ? this._events[type] : null;
 			return listeners ? (listeners.length > 0) : false;
 		} else {
 			return true;
@@ -13215,7 +13215,7 @@ EventDispatcher_EventDispatcher.prototype.hasListener = function(type) {
 */
 EventDispatcher_EventDispatcher.prototype.getListener = function(type, idx) {
 	if(type) {
-		var listeners = this._events ? this._events[type] : null;
+		let listeners = this._events ? this._events[type] : null;
 		if(listeners) {
 			if(!idx) {
 				idx = 0;
@@ -13231,12 +13231,12 @@ EventDispatcher_EventDispatcher.prototype.getListener = function(type, idx) {
 * @param {Object} obj Object that contains a handler with the same name as the given `type`
 * @param {string} type Event name
 * @example
-* var obj = {"mouseUp": function(e) { console.log(e); }};
+* let obj = {"mouseUp": function(e) { console.log(e); }};
 * plugin.addListener(obj, "mouseUp");
 * plugin.addListener(obj, "mouseDown");
 */
 EventDispatcher_EventDispatcher.prototype.addListener = function(obj, type) {
-	var func = obj ? obj[type] : null;
+	let func = obj ? obj[type] : null;
 	if(typeof func === "function") {
 		this.addEventListener(type, func);
 	}
@@ -13260,11 +13260,11 @@ EventDispatcher_EventDispatcher.prototype._prepareEventArguments = function(type
 * @param {Object} eventArg Event arguments
 */
 EventDispatcher_EventDispatcher.prototype._dispatch = function(type, eventArg) {
-	var listeners = this._events ? this._events[type] : null;
+	let listeners = this._events ? this._events[type] : null;
 	if(listeners) {
 		eventArg = this._prepareEventArguments(type, eventArg);
-		var len = listeners.length;
-		for(var i = 0; i < len; ++i) {
+		let len = listeners.length;
+		for(let i = 0; i < len; ++i) {
 			listeners[i](eventArg);
 		}
 	}
@@ -13274,7 +13274,7 @@ EventDispatcher_EventDispatcher.prototype._dispatch = function(type, eventArg) {
 * @function
 * @param {Event} e
 */
-var preventDefault = function(e) {
+let preventDefault = function(e) {
 	if(e && e.preventDefault) {
 		e.preventDefault();
 		e.stopPropagation();
@@ -18498,12 +18498,12 @@ WrappedView.prototype.isRowFiltered = function(rid, rowData) {
 * @param {(number|Function)=} ms The delay time in millisecond before executing the function
 * @param {*=} thisObj "this" object to be bound with the given function. If the function is already bound, there is no need to provide thisObj parameter
 * @example
-* var c = new Conflator(function() { console.log("Executed"); }, 1000);
-* for(var i = 10; --i >= 0;) {
+* let c = new Conflator(function() { console.log("Executed"); }, 1000);
+* for(let i = 10; --i >= 0;) {
 *   c.conflate(i); // Only one "Executed" text will be logged to console after one second
 * }
 */
-var Conflator = function (func, ms, thisObj) {
+let Conflator = function (func, ms, thisObj) {
 	this._onConflated = this._onConflated.bind(this);
 
 	this._data = [];
@@ -18565,7 +18565,7 @@ Conflator.prototype.reset = function () {
 */
 Conflator.prototype.popAllData = function() {
 	if(this._data.length) {
-		var data = this._data;
+		let data = this._data;
 		this._data = [];
 		return data;
 	}
@@ -21072,8 +21072,9 @@ DataView.prototype.stallSorting = function(bool) {
 				this._dispatchDataChange(data_DataTable._positionChangeArg);
 			}
 		}
+		return true;
 	}
-	return true;
+	return false;
 };
 
 /** Automatically and asyncronuosly remove group that has no member or no content. Predefined groups will not be removed in this way.
@@ -23941,12 +23942,12 @@ Virtualizer.prototype.setViewOffset = function (px) {
 };
 /** @public
 * @ignore
-* @param {number} start
-* @param {number} end
+* @param {number} startItemCount
+* @param {number} endItemCount
 */
-Virtualizer.prototype.setViewBounds = function (start, end) {
-	this._startOffsetCount = start > 0 ? start : 0;
-	this._endOffsetCount = end > 0 ? end : 0;
+Virtualizer.prototype.setViewBounds = function (startItemCount, endItemCount) {
+	this._startOffsetCount = startItemCount > 0 ? startItemCount : 0;
+	this._endOffsetCount = endItemCount > 0 ? endItemCount : 0;
 	this.validateVirtualization(); // Everytime row height is changed
 };
 /** @public
@@ -26027,7 +26028,7 @@ Core_Core.prototype._hasPendingRowChange = false;
 * @return {string}
 */
 Core_Core.getVersion = function () {
-	return "5.1.98";
+	return "5.1.102";
 };
 /** {@link ElementWrapper#dispose}
 * @override
@@ -27228,6 +27229,16 @@ Core_Core.prototype._moveColumn = function (fromCol, destCol) {
 		}
 	}
 
+	// The deactivated column may be moved directly or indirectly to the current view. It's necessary to make all columns in view activated.
+	if(!this._frozenLayout) {
+		if(this._colVirtualizer.isEnabled()) {
+			let vBegin = this._colVirtualizer.getFirstIndexInView();
+			if(!((fromCol < vBegin && destCol < vBegin) || (fromCol > vEnd && destCol > vEnd))) { // Columns does not move between hidden columns
+				this._activateColumns(vBegin, vEnd, vBegin, vEnd); // To confirm that all columns in view are activated
+			}
+		}
+	}
+
 	// no need to invoke because moving column does not change column-width
 	// this._syncLayoutToColumns(minColumn, this.getColumnCount());
 
@@ -31174,7 +31185,15 @@ Core_Core.prototype._updateScrollbarHeight = function (paneChanged, contentChang
 		// HACK: Due to fixed layout size we need to scale view size instead of content size, when zooming
 		// TODO: Check if zoom factor is used for virtualization correctly
 		this._rowVirtualizer.setViewSize(viewSize / this._zoomFactor);
-		this._rowVirtualizer.setViewBounds(this._startVScrollbarIndex, this.getFooterCount());
+
+		let offsetRowCount = this._sectionStarts[this._startVScrollbarIndex];
+		let footerCount = this.getFooterCount();
+		let footerRowCount = 0;
+		if(footerCount) {
+			let sectionCount = this.getSectionCount();
+			footerRowCount = this._sectionStarts[sectionCount] - this._sectionStarts[sectionCount - footerCount];
+		}
+		this._rowVirtualizer.setViewBounds(offsetRowCount, footerRowCount);
 	} else {
 		this._rowVirtualizer.validateVirtualization(); // Content height may be changed
 	}
@@ -32660,6 +32679,17 @@ SortableTitlePlugin.prototype._getPlugin = function(pluginName) {
 	let host = this._hosts[0];
 	return (host) ? host.getPlugin(pluginName) : null;
 };
+
+/** @public
+* @description Click title to sort with mouse event. This is for testing purpose.
+* @ignore
+* @param {Core} grid
+* @param {Object=} mouseEvt
+*/
+SortableTitlePlugin.prototype.clickTitleByMouse = function (grid, mouseEvt) {
+	this._onClickTitle(grid, mouseEvt);
+};
+
 /** @private
 * @param {Core} grid
 * @param {MouseEvent} e