@refinitiv-ui/efx-grid 6.0.91 → 6.0.92

package/lib/core/es6/grid/util/TrackLayout.js

@@ -5,7 +5,7 @@ import Util from "../util/util.js";
 * @constructor
 * @ignore
 */
-var TrackLayout = function () {
+let TrackLayout = function () {
 	this._ends = [];
 	this._cols = [];
 };
@@ -56,13 +56,13 @@ TrackLayout.prototype.hitTest = function (val) {
 	if (val < 0) { return -1; }
 
 	// getTrackSize has updated the cache for usage. Do not call this._updateEndPoints()
-	var totalSize = this.getTrackSize();
+	let totalSize = this.getTrackSize();
 	if (val >= totalSize) { return ~this._laneCount; } // totalSize does not count as a hit
 
-	var hitIndex = -1;
-	var validRange = 0;
+	let hitIndex = -1;
+	let validRange = 0;
 	if (this._homogeneous) { // Each row has the same size
-		var laneSize = this._defaultSize;
+		let laneSize = this._defaultSize;
 		hitIndex = Math.floor(val / laneSize);
 		validRange = ((hitIndex + 1) * laneSize);
 	} else {
@@ -98,7 +98,7 @@ TrackLayout.prototype.isAtDefaultSize = function (opt_index) {
 			return false;
 		}
 	} else {
-		for (var i = this._cols.length; --i >= 0; ) {
+		for (let i = this._cols.length; --i >= 0; ) {
 			if (!this._isAtDefaultSize(i)) {
 				return false;
 			}
@@ -112,7 +112,7 @@ TrackLayout.prototype.isAtDefaultSize = function (opt_index) {
 * @return {boolean}
 */
 TrackLayout.prototype._isAtDefaultSize = function (index) {
-	var col = this._cols[index];
+	let col = this._cols[index];
 	if (col) {
 		if (col.actualSize !== this._defaultSize) {
 			return false;
@@ -139,8 +139,8 @@ TrackLayout.prototype.isHomogeneous = function () {
 * @return {boolean}
 */
 TrackLayout.prototype.isAtMinimumSize = function (opt_index) {
-	var minSize = this._getMinimumScalingSize(opt_index);
-	var trackSize = (opt_index != null) ? this.getLaneSize(opt_index) : this.getTrackSize();
+	let minSize = this._getMinimumScalingSize(opt_index);
+	let trackSize = (opt_index != null) ? this.getLaneSize(opt_index) : this.getTrackSize();
 	return trackSize <= minSize;
 };
 
@@ -149,7 +149,7 @@ TrackLayout.prototype.isAtMinimumSize = function (opt_index) {
 * @return {boolean}
 */
 TrackLayout.prototype.isFixedSize = function () {
-	for (var i = 0; i < this._laneCount; ++i) {
+	for (let i = 0; i < this._laneCount; ++i) {
 		if (this.getLaneScalability(i)) {
 			return false;
 		}
@@ -210,7 +210,7 @@ TrackLayout.prototype.setDefaultLaneSize = function (val) {
 */
 TrackLayout.prototype.getLaneDefaultSize = function (index) {
 	if (index < 0 || index >= this._laneCount) { return -1; }
-	var col = this._newColumn(index);
+	let col = this._newColumn(index);
 	if(col.defaultSize) {
 		return col.defaultSize;
 	} else {
@@ -224,7 +224,7 @@ TrackLayout.prototype.getLaneDefaultSize = function (index) {
 TrackLayout.prototype.setLaneDefaultSize = function (index, val) {
 	if (index < 0 || index >= this._laneCount) { return; }
 	if (val >= 0) {
-		var col = this._newColumn(index);
+		let col = this._newColumn(index);
 		col.defaultSize = val;
 	}
 };
@@ -232,9 +232,9 @@ TrackLayout.prototype.setLaneDefaultSize = function (index, val) {
 * @return {boolean}
 */
 TrackLayout.prototype.resetLaneToDefaultSize = function () {
-	var dirty = false;
-	for (var i = 0; i < this._laneCount; ++i) {
-		var col = this._cols[i];
+	let dirty = false;
+	for (let i = 0; i < this._laneCount; ++i) {
+		let col = this._cols[i];
 		if (col) {
 			if (!col.invisibility) {
 				if (col.defaultSize != null) {
@@ -290,11 +290,11 @@ TrackLayout.prototype.getTrackSize = function () {
 * @return {Array.<number>|null} Array of size adjustment. Return null if there is no change
 */
 TrackLayout.prototype.setTrackSize = function (targetSize) {
-	var i = 0, fixedSize = 0;
-	var indices = [];
+	let i = 0, fixedSize = 0;
+	let indices = [];
 	// Collecting current data for calculation
 	for (i = 0; i < this._laneCount; ++i) {
-		var col = this._cols[i];
+		let col = this._cols[i];
 		if (col) {
 			if (!col.invisibility) { // If column is visible
 				if (this._getLaneScalability(col) !== false) {
@@ -309,16 +309,16 @@ TrackLayout.prototype.setTrackSize = function (targetSize) {
 	}
 	if (indices.length <= 0) { return null; }
 
-	var distributions = this._distributeLaneSize(targetSize - fixedSize, indices);
+	let distributions = this._distributeLaneSize(targetSize - fixedSize, indices);
 
 	// Find any change to flexible lane size
-	var dirty = false;
-	var changes = [];
+	let dirty = false;
+	let changes = [];
 	for (i = distributions.length; --i >= 0; ) {
 		changes[i] = 0;
-		var val = distributions[i];
+		let val = distributions[i];
 		if (val != null) {
-			var cal = this.getLaneSize(i);
+			let cal = this.getLaneSize(i);
 			this._newColumn(i);
 			if (this._setCalculatedLaneSize(i, val)) {
 				changes[i] = val - cal;
@@ -343,8 +343,8 @@ TrackLayout.prototype.getLaneStart = function (index) {
 	}
 
 	this._updateEndPoints();
-	var exceedings = index - this._laneCount;
-	var exceededPortion = 0;
+	let exceedings = index - this._laneCount;
+	let exceededPortion = 0;
 	if (exceedings > 0) {
 		index -= exceedings;
 		exceededPortion = exceedings * this._defaultSize;
@@ -377,7 +377,7 @@ TrackLayout.prototype.getLaneEnd = function (index) {
 */
 TrackLayout.prototype.getLaneSize = function (index) {
 	if (this._visibility) {
-		var col = this._cols[index];
+		let col = this._cols[index];
 		return (col) ? col.actualSize : this._defaultSize;
 	}
 	return 0;
@@ -387,7 +387,7 @@ TrackLayout.prototype.getLaneSize = function (index) {
 * @return {number}
 */
 TrackLayout.prototype.getCustomLaneSize = function (index) {
-	var col = this._cols[index];
+	let col = this._cols[index];
 	return (col && col.customSize != null) ? col.customSize : this._defaultSize;
 };
 /** @public
@@ -399,7 +399,7 @@ TrackLayout.prototype.setLaneSize = function (index, val) {
 	if (index < 0 || index >= this._laneCount) { return false; }
 	if (val < 0 || val !== val) { return false; }
 
-	var col = this._cols[index];
+	let col = this._cols[index];
 	if (col == null || col.customSize !== val) {
 		col = this._newColumn(index);
 		col.customSize = val;
@@ -418,7 +418,7 @@ TrackLayout.prototype.setLaneSize = function (index, val) {
 TrackLayout.prototype.setLaneProperty = function (index, propName, val) {
 	if (index < 0 || index >= this._laneCount) { return false; }
 
-	var col = this._cols[index];
+	let col = this._cols[index];
 	if (col == null || col[propName] !== val) {
 		col = this._newColumn(index);
 		col[propName] = val;
@@ -433,7 +433,7 @@ TrackLayout.prototype.setLaneProperty = function (index, propName, val) {
 * @return {*}
 */
 TrackLayout.prototype.getLaneProperty = function (index, propName) {
-	var col = this._cols[index];
+	let col = this._cols[index];
 	return (col && col[propName] != null) ? col[propName] : null;
 };
 /** @public
@@ -441,7 +441,7 @@ TrackLayout.prototype.getLaneProperty = function (index, propName) {
 * @return {number}
 */
 TrackLayout.prototype.getMinimumLaneSize = function (index) {
-	var col = this._cols[index];
+	let col = this._cols[index];
 	return (col && col.minSize != null) ? col.minSize : 0;
 };
 /** Minimum lane size governs custom lane size in calculation
@@ -455,7 +455,7 @@ TrackLayout.prototype.setMinimumLaneSize = function (index, val, proportion) {
 	if (index < 0 || index >= this._laneCount) { return false; }
 	if (val < 0) { val = 0; }
 	if (this.getMinimumLaneSize(index) !== val) {
-		var col = this._newColumn(index);
+		let col = this._newColumn(index);
 		col.minSize = val;
 
 		if(proportion) {
@@ -472,7 +472,7 @@ TrackLayout.prototype.setMinimumLaneSize = function (index, val, proportion) {
 * @return {boolean}
 */
 TrackLayout.prototype.isLaneVisible = function (index) {
-	var col = this._cols[index];
+	let col = this._cols[index];
 	return col ? !col.invisibility : true;
 };
 /** @public
@@ -492,10 +492,10 @@ TrackLayout.prototype.showLane = function (index, opt_val) {
 TrackLayout.prototype.hideLane = function (index, hidden, bitIndex) {
 	if (index < 0 || index >= this._laneCount) { return false; }
 
-	var col = this._newColumn(index);
-	var prevVis = !col.invisibility;
+	let col = this._newColumn(index);
+	let prevVis = !col.invisibility;
 
-	var bit = (bitIndex != null) ? this._bits[bitIndex] : 1;
+	let bit = (bitIndex != null) ? this._bits[bitIndex] : 1;
 	if(hidden !== false) {
 		col.invisibility |= bit; // Add invisibility bit
 	} else {
@@ -515,9 +515,9 @@ TrackLayout.prototype.hideLane = function (index, hidden, bitIndex) {
 */
 TrackLayout.prototype.getLaneVisibilityBit = function (index, bitIndex) {
 	if (index >= 0 && index < this._laneCount) {
-		var col = this._cols[index];
+		let col = this._cols[index];
 		if(col) {
-			var bit = (bitIndex != null) ? this._bits[bitIndex] : 1;
+			let bit = (bitIndex != null) ? this._bits[bitIndex] : 1;
 			if(col.invisibility & bit) {
 				return false;
 			}
@@ -533,7 +533,7 @@ TrackLayout.prototype.show = function (opt_shown) {
 	if (this._visibility !== opt_shown) {
 		this._visibility = opt_shown;
 		if (opt_shown) {
-			for (var i = 0; i < this._laneCount; ++i) {
+			for (let i = 0; i < this._laneCount; ++i) {
 				this._newColumn(i);
 				this._setCalculatedLaneSize(i);
 			}
@@ -548,7 +548,7 @@ TrackLayout.prototype.show = function (opt_shown) {
 * @return {boolean}
 */
 TrackLayout.prototype.getLaneScalability = function (index) {
-	var col = this._cols[index];
+	let col = this._cols[index];
 	return (col && col.scalability != null) ? col.scalability : this._defaultScalability;
 };
 /** @public
@@ -559,7 +559,7 @@ TrackLayout.prototype.getLaneScalability = function (index) {
 TrackLayout.prototype.setLaneScalability = function (index, val) {
 	if (index < 0 || index >= this._laneCount) { return false; }
 
-	var col = this._cols[index];
+	let col = this._cols[index];
 	if (!col || col.scalability !== val) {
 		col = this._newColumn(index);
 		col.scalability = val;
@@ -584,7 +584,7 @@ TrackLayout.prototype.removeLaneAt = function (index, opt_count) {
 	}
 
 	this._markDirtyIndex(index);
-	var userSettings = this.serializeLane(index); // TODO: This is unnecessary
+	let userSettings = this.serializeLane(index); // TODO: This is unnecessary
 	this._cols.splice(index, opt_count);
 
 	this._laneCount -= opt_count;
@@ -596,7 +596,7 @@ TrackLayout.prototype.removeLaneAt = function (index, opt_count) {
 */
 TrackLayout.prototype.insertLane = function (index, opt_json) {
 	if (index < 0) { index = 0; }
-	var chunkSize = 1;
+	let chunkSize = 1;
 	if (Util.isNumber(opt_json)) {
 		if (/** @type{number} */(opt_json) <= 0) { return; }
 		chunkSize = /** @type{number} */(opt_json);
@@ -616,8 +616,8 @@ TrackLayout.prototype.insertLane = function (index, opt_json) {
 
 	Util.insertEmptyItems(this._cols, index, chunkSize);
 	if (opt_json) {
-		var toIndex = index + chunkSize;
-		for (var i = index; i < toIndex; ++i) {
+		let toIndex = index + chunkSize;
+		for (let i = index; i < toIndex; ++i) {
 			this.deserializeLane(i, /** @type{Object} */(opt_json));
 		}
 	}
@@ -633,7 +633,7 @@ TrackLayout.prototype.moveLane = function (from, to) {
 	else if (to > this._laneCount) { to = this._laneCount; }
 	if (from === to) { return; }
 
-	var minIndex = (from < to) ? from : to;
+	let minIndex = (from < to) ? from : to;
 	this._markDirtyIndex(minIndex);
 
 	Util.moveArrayItem(this._cols, from, to);
@@ -646,10 +646,10 @@ TrackLayout.prototype.moveLane = function (from, to) {
 TrackLayout.prototype.serializeLane = function (index) {
 	if (index < 0 || index >= this._laneCount) { return null; }
 
-	var userSettings = {};
+	let userSettings = {};
 	userSettings["index"] = index;
 
-	var col = this._cols[index];
+	let col = this._cols[index];
 	if (!col) { return userSettings; }
 
 	userSettings["size"] = col.customSize;
@@ -667,7 +667,7 @@ TrackLayout.prototype.deserializeLane = function (index, opt_json) {
 	if (!opt_json) { return; }
 	if (index < 0 || index >= this._laneCount) { return; }
 
-	var val = opt_json["size"];
+	let val = opt_json["size"];
 	if (val != null) {
 		this.setLaneSize(index, /** @type{number} */(val));
 	}
@@ -688,13 +688,13 @@ TrackLayout.prototype.deserializeLane = function (index, opt_json) {
 /** @private
 */
 TrackLayout.prototype._updateEndPoints = function () {
-	var dirtyIndex = this._ends.length;
+	let dirtyIndex = this._ends.length;
 	if (dirtyIndex >= this._laneCount) return;
 
 	this._ends.length = this._laneCount;
 
-	var i = 0;
-	var sum = (dirtyIndex > 0) ? this._ends[dirtyIndex - 1] : 0;
+	let i = 0;
+	let sum = (dirtyIndex > 0) ? this._ends[dirtyIndex - 1] : 0;
 
 	for (i = dirtyIndex; i < this._laneCount; ++i) {
 		sum += this.getLaneSize(i);
@@ -709,13 +709,13 @@ TrackLayout.prototype._updateEndPoints = function () {
 * @return {boolean}
 */
 TrackLayout.prototype._setCalculatedLaneSize = function (index, opt_val) {
-	var col = this._cols[index];
+	let col = this._cols[index];
 	if (this._visibility && !col.invisibility) { // If column is visible
 		if (opt_val == null) {
 			opt_val = (col.customSize != null) ? col.customSize : this._defaultSize;
 		}
 		if(!col.scalability) { // minSize doesn't applied when lane scalability
-			var minSize = (col.minSize != null) ? col.minSize : 0;
+			let minSize = (col.minSize != null) ? col.minSize : 0;
 			if (opt_val < minSize) {
 				opt_val = minSize;
 			}
@@ -739,9 +739,9 @@ TrackLayout.prototype._setCalculatedLaneSize = function (index, opt_val) {
 * @return {number}
 */
 TrackLayout.prototype._getMinimumScalingSize = function (opt_index) {
-	var sum = 0;
+	let sum = 0;
 	if (opt_index != null) {
-		var col = this._cols[opt_index];
+		let col = this._cols[opt_index];
 		if (!col.invisibility) {
 			if (col.minSize != null) {
 				if (this._getLaneScalability(col) === false && col.customSize != null) {
@@ -753,7 +753,7 @@ TrackLayout.prototype._getMinimumScalingSize = function (opt_index) {
 			}
 		}
 	} else {
-		for (var i = this._laneCount; --i >= 0; ) {
+		for (let i = this._laneCount; --i >= 0; ) {
 			sum += this._getMinimumScalingSize(i);
 		}
 	}
@@ -793,8 +793,8 @@ TrackLayout.prototype._distributeLaneSize = function (availSpace, indices) {
 	if (indices.length <= 0) { return []; }
 	if (availSpace < 0) { availSpace = 0; }
 
-	var i = 0, totalWeight = 0, index = 0, expectedSize = 0;
-	var minSizes = [], laneSizes = [], distributions = [];
+	let i = 0, totalWeight = 0, index = 0, expectedSize = 0;
+	let minSizes = [], laneSizes = [], distributions = [];
 
 	for (i = indices.length; --i >= 0; ) {
 		index = indices[i];
@@ -803,13 +803,13 @@ TrackLayout.prototype._distributeLaneSize = function (availSpace, indices) {
 		totalWeight += laneSizes[index];
 	}
 
-	var undistributable = true;
+	let undistributable = true;
 	while(undistributable) { // All lane sizes must at least equal to its minimum width
 		undistributable = false;
 		for (i = indices.length; --i >= 0; ) {
 			index = indices[i];
-			var minSize = minSizes[index];
-			var laneSize = laneSizes[index];
+			let minSize = minSizes[index];
+			let laneSize = laneSizes[index];
 			expectedSize = availSpace * laneSize / totalWeight;
 			if (expectedSize <= minSize) {
 				undistributable = true;
@@ -821,13 +821,13 @@ TrackLayout.prototype._distributeLaneSize = function (availSpace, indices) {
 		}
 	}
 
-	var lastIndex = indices.length - 1;
-	var occupiedSpace = 0;
-	var fraction = 0;
+	let lastIndex = indices.length - 1;
+	let occupiedSpace = 0;
+	let fraction = 0;
 	for (i = lastIndex; --i >= 0; ) {
 		index = indices[i];
 		expectedSize = availSpace * laneSizes[index] / totalWeight;
-		var integerSize = Math.floor(expectedSize);
+		let integerSize = Math.floor(expectedSize);
 		fraction += (expectedSize - integerSize);
 		if(fraction >= 1) {
 			++integerSize;
@@ -853,7 +853,7 @@ TrackLayout.prototype._markDirtyIndex = function (index) {
 * @return {!Object}
 */
 TrackLayout.prototype._newColumn = function (index) {
-	var col = this._cols[index];
+	let col = this._cols[index];
 	if (!col) {
 		this._cols[index] = col = {};
 		// Each bit represents visibility state as the followings:
@@ -877,16 +877,16 @@ TrackLayout.prototype.copyFrom = function (src, offset) {
 	}
 	if(!offset) { offset = 0; }
 
-	var srcCount = src.getLaneCount();
-	var curCount = this.getLaneCount();
-	var limit = offset + srcCount;
+	let srcCount = src.getLaneCount();
+	let curCount = this.getLaneCount();
+	let limit = offset + srcCount;
 	if(limit > curCount) {
 		limit = curCount;
 	}
-	var srcIndex = 0;
-	for(var i = offset; i < limit; ++i) {
-		var val = src.getLaneSize(srcIndex++);
-		var col = this._newColumn(i);
+	let srcIndex = 0;
+	for(let i = offset; i < limit; ++i) {
+		let val = src.getLaneSize(srcIndex++);
+		let col = this._newColumn(i);
 		if (col.customSize !== val) {
 			col.customSize = val;
 			if(col.actualSize !== val) { // WARNING: This does not obey visibility and minSize

package/lib/core/es6/grid/util/Virtualizer.js

@@ -6,7 +6,7 @@ import TrackLayout from "./TrackLayout.js"; // eslint-disable-line
 * @param {!TrackLayout} trackLayout
 * @extends {EventDispatcher}
 */
-var Virtualizer = function (trackLayout) {
+let Virtualizer = function (trackLayout) {
 	this._layout = trackLayout;
 	this._arg = {};
 	this._addEvent("indexChanged");
@@ -66,7 +66,7 @@ Virtualizer.prototype._getMinIndex = function () {
 * @return {number}
 */
 Virtualizer.prototype._getMaxIndex = function () {
-	var index = this._layout.getLaneCount() - this._endOffsetCount;
+	let index = this._layout.getLaneCount() - this._endOffsetCount;
 	return index > this._startOffsetCount ? index : this._startOffsetCount;
 };
 
@@ -81,8 +81,8 @@ Virtualizer.prototype.getContentStart = function (index) {
 * @return {number}
 */
 Virtualizer.prototype.getContentInViewCount = function () {
-	var first = this.getFirstIndexInView();
-	var last = this.getLastIndexInView();
+	let first = this.getFirstIndexInView();
+	let last = this.getLastIndexInView();
 	if (first >= 0 && first < last) {
 		return last - first + 1;
 	}
@@ -93,8 +93,8 @@ Virtualizer.prototype.getContentInViewCount = function () {
  * @returns {number}
 */
 Virtualizer.prototype._getContentSizeInBounds = function () {
-	var minIndex = this._getMinIndex();
-	var maxIndex = this._getMaxIndex();
+	let minIndex = this._getMinIndex();
+	let maxIndex = this._getMaxIndex();
 	return this._layout.getLaneStart(maxIndex) - this._layout.getLaneStart(minIndex);
 };
 
@@ -110,7 +110,7 @@ Virtualizer.prototype.getViewSize = function () {
 * @return {number}
 */
 Virtualizer.prototype.getViewOffset = function () {
-	var minIndex = this._getMinIndex();
+	let minIndex = this._getMinIndex();
 	return this._viewOffset + this._layout.getLaneStart(minIndex);
 };
 /** @public
@@ -134,8 +134,8 @@ Virtualizer.prototype.getFirstIndexInView = function () {
 	if (!this._virtualizable) {
 		return 0;
 	}
-	var vo = this.getViewOffset();
-	var trackSize = this._layout.getTrackSize();
+	let vo = this.getViewOffset();
+	let trackSize = this._layout.getTrackSize();
 	if(vo >= trackSize) {
 		vo = trackSize - this._viewSize;  // WARNING: View offset already includes minIndex and this will override that
 	}
@@ -152,11 +152,11 @@ Virtualizer.prototype.getLastIndexInView = function () {
 	if (!this._virtualizable) {
 		return this._layout.getLaneCount() - 1;
 	} else {
-		var viewEnd = this.getViewOffset() + this._viewSize;
+		let viewEnd = this.getViewOffset() + this._viewSize;
 
 		// prevent from invalid-index because of verical buffering
-		var maxIndex = this._getMaxIndex();
-		var endBound = this._layout.getLaneStart(maxIndex);
+		let maxIndex = this._getMaxIndex();
+		let endBound = this._layout.getLaneStart(maxIndex);
 		if (viewEnd >= endBound) {
 			return maxIndex - 1; // maxIndex is exclusive
 		}
@@ -191,9 +191,9 @@ Virtualizer.prototype.update = function (opt_force) {
 
 	if (this._isEventDispatching("indexChanged")) { return false; }
 
-	var fi = this.getFirstIndexInView();
-	var li = this.getLastIndexInView(); // INCLUSIVE
-	var changed = (this._arg["prevFirstIndex"] !== fi) || (this._arg["prevLastIndex"] !== li);
+	let fi = this.getFirstIndexInView();
+	let li = this.getLastIndexInView(); // INCLUSIVE
+	let changed = (this._arg["prevFirstIndex"] !== fi) || (this._arg["prevLastIndex"] !== li);
 
 	if (opt_force || changed) {
 		this._arg["firstIndex"] = fi;

package/lib/core/es6/grid/util/util.js

@@ -1,7 +1,7 @@
 /**
 * @namespace
 */
-var Util = {};
+let Util = {};
 
 // TODO: move to tr-grid-util
 
@@ -9,7 +9,7 @@ var Util = {};
 * @type {boolean}
 */
 Util.isIE = (function () {
-	var ua = window.navigator.userAgent;
+	let ua = window.navigator.userAgent;
 	return (ua.indexOf('MSIE ') > 0) || (ua.indexOf('Trident/') > 0) || (ua.indexOf('Edge/') > 0);
 }());
 /** @const
@@ -26,9 +26,9 @@ Util.isTouchDevice = (function () {
 * @type {boolean}
 */
 Util.isSafari = (function () {
-	var rejectedExpression = /Chrome|Android|CriOS|FxiOS|EdgiOS/i;
-	var safariExpression = /Safari/i;
-	var agent = navigator.userAgent;
+	let rejectedExpression = /Chrome|Android|CriOS|FxiOS|EdgiOS/i;
+	let safariExpression = /Safari/i;
+	let agent = navigator.userAgent;
 	if (rejectedExpression.test(agent)) {
 		return false;
 	}
@@ -129,9 +129,9 @@ Util.isFunction = function (val) {
 * @return {!Object}
 */
 Util.getClientPosition = function (target, opt_retObj) {
-	var pos = opt_retObj || {};
+	let pos = opt_retObj || {};
 	if (target["getBoundingClientRect"]) {
-		var box = target["getBoundingClientRect"]();
+		let box = target["getBoundingClientRect"]();
 		pos["x"] = box.left;
 		pos["y"] = box.top;
 	} else { // Event
@@ -151,7 +151,7 @@ Util.getClientPosition = function (target, opt_retObj) {
 */
 Util.getRelativePosition = function (A, B, opt_retObj) {
 	opt_retObj = Util.getClientPosition(A, opt_retObj);
-	var bp = Util.getClientPosition(B);
+	let bp = Util.getClientPosition(B);
 
 	opt_retObj["x"] -= bp["x"];
 	opt_retObj["y"] -= bp["y"];
@@ -169,12 +169,12 @@ Util.getRelativePosition = function (A, B, opt_retObj) {
 Util.moveArrayItem = function (ary, from, to) {
 	if (!ary) { return null; }
 
-	var len = ary.length;
+	let len = ary.length;
 	if (from >= len && to >= len) {
 		return /** @type{Array} */(ary); // No item needs to be moved
 	}
 
-	var item = ary.splice(from, 1)[0];
+	let item = ary.splice(from, 1)[0];
 	if (to < len) {
 		ary.splice(to, 0, item);
 	} else {
@@ -189,7 +189,7 @@ Util.moveArrayItem = function (ary, from, to) {
 * @return {Array}
 */
 Util.pushArrayItems = function(ary, items) {
-	var len = items ? items.length : 0;
+	let len = items ? items.length : 0;
 	if(len > 0) {
 		if(len < 1e5) { // Maximum number of arguments that the spread operator can take is exactly 125052
 			if(len > 1) {
@@ -198,8 +198,8 @@ Util.pushArrayItems = function(ary, items) {
 				ary.push(items[0]);
 			}
 		} else {
-			var start = 0;
-			var end = 0;
+			let start = 0;
+			let end = 0;
 			while(start < len) {
 				end += 1e5;
 				Array.prototype.push.apply(ary, items.slice(start, end));
@@ -221,7 +221,7 @@ Util.pushArrayItems = function(ary, items) {
 Util.insertEmptyItems = function (ary, at, chunkSize) {
 	if(chunkSize > 0) {
 		if(chunkSize > 1) {
-			var tailEnd = ary.slice(at);
+			let tailEnd = ary.slice(at);
 			ary.length = at; // Remove the tail end part
 			ary.length += chunkSize;
 			Util.pushArrayItems(ary, tailEnd);
@@ -242,7 +242,7 @@ Util.insertEmptyItems = function (ary, at, chunkSize) {
 Util.cycleArray = function (ary, numItems) {
 	if(numItems > 0 && ary) {
 		if(numItems < ary.length) {
-			var front = ary.splice(0, numItems);
+			let front = ary.splice(0, numItems);
 			return ary.concat(front);
 		}
 	}
@@ -273,7 +273,7 @@ Util.lowerBound = function (ary, value, left, right, opt_lessFunc) {
 		opt_lessFunc = Util._defaultLessComparator;
 	}
 
-	var mid = 0;
+	let mid = 0;
 	while (right > left) {
 		mid = (left + right) >> 1;
 		if (opt_lessFunc(ary[mid], value)) {
@@ -296,7 +296,7 @@ Util.lowerBound = function (ary, value, left, right, opt_lessFunc) {
 * @return {number} Return the highest index that gives equal or greater than the searched value
  */
 Util.upperBound = function (ary, value, left, right, opt_lessFunc) {
-	var at = Util.lowerBound(ary, value, left, right, opt_lessFunc);
+	let at = Util.lowerBound(ary, value, left, right, opt_lessFunc);
 	while (ary[at] === value) { ++at; }
 	return at;
 };
@@ -307,7 +307,7 @@ Util.upperBound = function (ary, value, left, right, opt_lessFunc) {
  * @return {string}
  */
 Util.stringFormat = function (format) {
-	var args = Array.prototype.slice.call(arguments, 1);
+	let args = Array.prototype.slice.call(arguments, 1);
 	return format.replace(/{(\d+)}/g, function (match, number) {
 		return (args[number] != null) ? args[number] : match;
 	});
@@ -348,7 +348,7 @@ Util.calculatePercent = function (lowVal, lastVal, highVal) {
 	if (highVal === lowVal) {
 		return 50;
 	}
-	var percent = (lastVal - lowVal) / (highVal - lowVal);
+	let percent = (lastVal - lowVal) / (highVal - lowVal);
 	if (percent < 0) {
 		return 0;
 	}
@@ -366,7 +366,7 @@ Util.calculatePercent = function (lowVal, lastVal, highVal) {
  * @return {Element}
  */
 Util.closestElement = function (elem, classStr) {
-	var n = elem;
+	let n = elem;
 	while (n) {
 		if(n.classList) { // DocumentFragment does not have classList property
 			if (n.classList.contains(classStr)) {