@refinitiv-ui/efx-grid 6.0.91 → 6.0.93

package/lib/tr-grid-util/es6/PercentBar.js

@@ -17,7 +17,7 @@ import { injectCss, prettifyCss } from "./Util.js";
 * @private
 * @const
 */
-var _alignments = {
+let _alignments = {
 	"l": "l",
 	"c": "c",
 	"r": "r",
@@ -31,7 +31,7 @@ var _alignments = {
 * @param {string|null} str Any string such as l, c, r, L, C, R, left, right, center
 * @return {string} Possible values are l, c, r or empty string
 */
-var toAlignment = function(str) {
+let toAlignment = function(str) {
 	if(str) {
 		return _alignments[str.charAt(0)] || "";
 	}
@@ -43,7 +43,7 @@ var toAlignment = function(str) {
 * @param {(Element|null)=} elem Element to be rendered as PercentBar
 * @param {PercentBar~Options=} options
 */
-var PercentBar = function (elem, options) {
+let PercentBar = function (elem, options) {
 	this._topNode = elem || Dom.div();
 	this._topNode._percentBar = this; // HACK: For internal reference by PercentBarRenderer
 	this._topNode.classList.add("tr-percent-bar");
@@ -54,7 +54,7 @@ var PercentBar = function (elem, options) {
 
 	this._txt = Dom.create("span");
 	// this._txt.style.textOverflow = "ellipsis";
-	var alignment = "l";
+	let alignment = "l";
 	if(options) {
 		if(options.alignment) {
 			alignment = options.alignment;
@@ -67,7 +67,7 @@ var PercentBar = function (elem, options) {
 		}
 
 		// Manage text visibility state
-		var visibilityDirty = 0;
+		let visibilityDirty = 0;
 		if(options.textWidth != null) {
 			visibilityDirty = 1;
 			this.setTextWidth(options.textWidth);
@@ -240,7 +240,7 @@ PercentBar.prototype.isInvalid = function () {
 * @return {boolean} Returns invalidity
 */
 PercentBar.prototype._checkInvalidity = function () {
-	var invalid = (this._absValue !== this._absValue) || !this._maxValue;
+	let invalid = (this._absValue !== this._absValue) || !this._maxValue;
 	if(invalid !== this._invalid) {
 		this._invalid = invalid;
 		this._topNode.style.display = invalid ? "none" : "";
@@ -253,7 +253,7 @@ PercentBar.prototype._checkInvalidity = function () {
 * @param {(string|boolean)=} displayText If a string is specified, it will be shown instead of the default one. If false value is specified, the existing text is left untouched.
 */
 PercentBar.prototype.setValue = function (value, opt_max, displayText) {
-	var t = this;
+	let t = this;
 	if(value && typeof value !== "number") { // Perform automatic data conversion if value is not a number
 		value = +value;
 	}
@@ -304,7 +304,7 @@ PercentBar.prototype.setMax = function (absVal) {
 * @return {boolean} Returns true if there is any change.
 */
 PercentBar.prototype.hideZeroValue = function (hidden) {
-	var bool = hidden !== false;
+	let bool = hidden !== false;
 	if(this._zeroValueHidden !== bool) {
 		this._zeroValueHidden = bool;
 		if(this._alignment) { // Execute only after the initialization
@@ -345,7 +345,7 @@ PercentBar.prototype.setText = function (txt) {
 * @return {boolean} Returns true if there is any change.
 */
 PercentBar.prototype.hideText = function (hidden) {
-	var bool = hidden !== false;
+	let bool = hidden !== false;
 	if(this._textHidden !== bool) {
 		this._textHidden = bool;
 		if(this._alignment) { // Execute only after the initialization
@@ -377,7 +377,7 @@ PercentBar.prototype.isTextHidden = function () {
 * @return {boolean} Return true if there is any change
 */
 PercentBar.prototype._updateTextVisibility = function () {
-	var textVisibility = !this.isTextHidden();
+	let textVisibility = !this.isTextHidden();
 	if (this._textInDoc !== textVisibility) {
 		this._textInDoc = textVisibility;
 		if(textVisibility) {
@@ -410,7 +410,7 @@ PercentBar.prototype._updateTextWidth = function () {
 * @param {number|string} width
 */
 PercentBar.prototype.setTextWidth = function (width) {
-	var txtWidth = "56px"; // Default width
+	let txtWidth = "56px"; // Default width
 	if(typeof width === "number") {
 		txtWidth = (width > 8) ? width + "px" : "0px"; // Default padding is 4 on both sides, so minimum is 8
 	} else if(typeof width === "string" && width) {
@@ -498,7 +498,7 @@ PercentBar.prototype._reorderElements = function () {
 * @param {boolean=} opt_enabled
 */
 PercentBar.prototype.useMovementColor = function (opt_enabled) {
-	var newMovementColor = opt_enabled !== false;
+	let newMovementColor = opt_enabled !== false;
 	if(this._movementColor !== newMovementColor) {
 		this._movementColor = newMovementColor;
 		this.updateBarColor();
@@ -515,7 +515,7 @@ PercentBar.prototype.setTrackColor = function (color) {
 * @param {string=} color
 */
 PercentBar.prototype.setBarColor = function (color) {
-	var newColor = color || "";
+	let newColor = color || "";
 	if(this._barColor !== newColor) {
 		this._barColor = newColor;
 		this.updateBarColor();
@@ -537,7 +537,7 @@ PercentBar.prototype.enableTooltip = function (enabled) {
 * @param {(string|boolean)=} displayText If a string is specified, it will be shown instead of the default one. If false value is specified, the existing text is left untouched.
 */
 PercentBar.prototype._updateValue = function (opt_updateVal, displayText) {
-	var t = this;
+	let t = this;
 	if(t._dirtySign) {
 		t._dirtySign = false;
 		if(t._alignment === "c") {
@@ -565,7 +565,7 @@ PercentBar.prototype._updateValue = function (opt_updateVal, displayText) {
 				this._updateTextWidth();
 			}
 		}
-		var percent = t._maxValue !== 100 ? t._absValue / t._maxValue * 100 : t._absValue;
+		let percent = t._maxValue !== 100 ? t._absValue / t._maxValue * 100 : t._absValue;
 		t._bar.style.width = percent + "%";
 		if(displayText != null) {
 			if(displayText !== false) { // Allow keeping previous text
@@ -580,7 +580,7 @@ PercentBar.prototype._updateValue = function (opt_updateVal, displayText) {
 * @public
 */
 PercentBar.prototype.updateBarColor = function () {
-	var barColor;
+	let barColor;
 	if(this._barColor) {
 		barColor = this._barColor;
 	} else if(this._movementColor) {
@@ -589,7 +589,7 @@ PercentBar.prototype.updateBarColor = function () {
 		barColor = ElfUtil.themeColors["trackColor"];
 	}
 	if(barColor) {
-		var barStyle = this._bar.style;
+		let barStyle = this._bar.style;
 		if(barStyle.backgroundColor !== barColor) {
 			barStyle.backgroundColor = barColor;
 		}

package/lib/tr-grid-util/es6/Perf.js

@@ -2,7 +2,7 @@
 * @namespace
 * @param {Element=} elem
 */
-var Perf = {};
+let Perf = {};
 
 /** Enable performance profiling
 * @public
@@ -11,7 +11,7 @@ var Perf = {};
 */
 Perf.enable = function(enabled) {
 	if(enabled || enabled == null) {
-		var perfObj = window["performance"];
+		let perfObj = window["performance"];
 		if(perfObj && typeof perfObj.mark == "function") {
 			Perf._perf = perfObj;
 		}
@@ -90,7 +90,7 @@ Perf.getEntriesByType = function(entryType) {
 * @return {PerformanceEntry}
 */
 Perf.getEntry = function(entryName, entryType) {
-	var ary = Perf._perf.getEntriesByName(entryName, entryType);
+	let ary = Perf._perf.getEntriesByName(entryName, entryType);
 	return ary ? ary[0] : null;
 };
 
@@ -132,13 +132,13 @@ Perf.now = function() {
 * @param {...*} arg
 * @return {*}
 */
-var emptyMethod = function(arg) {
+let emptyMethod = function(arg) {
 	return null;
 };
 /** @type {Object}
 * @private
 */
-var EmptyPerf = {};
+let EmptyPerf = {};
 EmptyPerf.clearMarks = emptyMethod;
 EmptyPerf.clearMeasures = emptyMethod;
 EmptyPerf.clearResourceTimings = emptyMethod;

package/lib/tr-grid-util/es6/Popup.js

@@ -72,13 +72,13 @@ import { Dom } from './Dom.js';
 * @param {MouseEvent} e
 * @return {boolean}
 */
-var containElements = function (parentElem, e) {
+let containElements = function (parentElem, e) {
 	// Use e.composedPath() instead of e.target (if composedPath exists)
 	// when popup inside custom element and popup has been clicked
 	// e.target appear to be custom element itself (we expect to be element item inside popup)
 	// so use e.composedPath() will make the trick
 	if (e.composedPath) {
-		var elems = e.composedPath();
+		let elems = e.composedPath();
 		if (elems.indexOf(parentElem) >= 0) {
 			return true;
 		}
@@ -92,12 +92,12 @@ var containElements = function (parentElem, e) {
 * @param {(Element|Popup~Options)=} popupElem Popup element or popup configuration object
 * @param {Popup~Options=} options
 * @example
-* var pu = new Popup(popupElem);
+* let pu = new Popup(popupElem);
 * pu.attachTo(some_elem);
 * pu.show();
 */
-var Popup = function (popupElem, options) {
-	var t = this;
+let Popup = function (popupElem, options) {
+	let t = this;
 	t["show"] = t.show = t.show.bind(t);
 	t["hide"] = t.hide = t.hide.bind(t);
 	t["toggle"] = t.toggle = t.toggle.bind(t);
@@ -231,7 +231,7 @@ Popup.prototype.dispose = function () {
 	this._removeEventListeners();
 	this._clearMouseOverTimer();
 
-	for (var i = this._children.length; --i >= 0;) {
+	for (let i = this._children.length; --i >= 0;) {
 		this._children[i].dispose();
 	}
 
@@ -316,10 +316,10 @@ Popup.prototype.init = function (options) {
 	this.addListener(options, "shown");
 	this.addListener(options, "hidden");
 
-	var fe = options["focusElement"] || options["focusElements"];
+	let fe = options["focusElement"] || options["focusElements"];
 	if (fe) {
 		if (Array.isArray(fe)) {
-			for (var i = fe.length; --i >= 0;) {
+			for (let i = fe.length; --i >= 0;) {
 				this.addFocusElement(fe[i]);
 			}
 		} else {
@@ -378,7 +378,7 @@ Popup.prototype.addFocusElement = function (elem) {
 */
 Popup.prototype.removeFocusElement = function (elem) {
 	if (elem) {
-		var at = this._focusElements.indexOf(elem);
+		let at = this._focusElements.indexOf(elem);
 		if (at >= 0) {
 			this._focusElements.splice(at, 1);
 		}
@@ -433,18 +433,18 @@ Popup.prototype.setParentElement = function (parentElement) {
 * @fires Popup#positioning
 */
 Popup.prototype.show = function (opt_shown, parentElement) {
-	var t = this;
+	let t = this;
 	t._clearMouseOverTimer();
 	if (t._disabled) { return; }
 
-	var shown = opt_shown !== false;
-	var dirty = t._inDoc !== shown;
+	let shown = opt_shown !== false;
+	let dirty = t._inDoc !== shown;
 	if (!dirty) {
 		t.updatePosition();
 		return;
 	}
 
-	var evtType = shown ? "show" : "hide";
+	let evtType = shown ? "show" : "hide";
 	t._evtArg["type"] = evtType;
 	t._dispatch(evtType, t._evtArg);
 	if (t._evtArg["cancel"]) {
@@ -474,7 +474,7 @@ Popup.prototype.show = function (opt_shown, parentElement) {
 		t._removeEventListeners();
 		t._restoreElementSize();
 
-		for (var i = t._children.length; --i >= 0;) {
+		for (let i = t._children.length; --i >= 0;) {
 			t._children[i].hide();
 		}
 		t._inDoc = false;
@@ -539,8 +539,8 @@ Popup.prototype.contains = function (elems) {
 	if (elems) {
 		elems = Array.isArray(elems) ? elems : [elems];
 
-		var fe = this._focusElements;
-		for (var i = fe.length; --i >= 0;) {
+		let fe = this._focusElements;
+		for (let i = fe.length; --i >= 0;) {
 			if (elems.indexOf(fe[i]) >= 0 || fe[i].contains(elems[0])) {
 				return true;
 			}
@@ -564,7 +564,7 @@ Popup.prototype.setPositioning = function (posType) {
 * @param {boolean=} opt_disabled
 */
 Popup.prototype.disableAutoHiding = function (opt_disabled) {
-	var autoHiding = (opt_disabled === false);
+	let autoHiding = (opt_disabled === false);
 	if (this._autoHiding !== autoHiding) {
 		this._autoHiding = autoHiding;
 		if (this._inDoc) {
@@ -582,7 +582,7 @@ Popup.prototype.disableAutoHiding = function (opt_disabled) {
 * @param {boolean=} opt_disabled
 */
 Popup.prototype.disableAutoRepositioning = function (opt_disabled) {
-	var autoRepositioning = (opt_disabled === false);
+	let autoRepositioning = (opt_disabled === false);
 	if (this._autoRepositioning !== autoRepositioning) {
 		this._autoRepositioning = autoRepositioning;
 	}
@@ -591,7 +591,7 @@ Popup.prototype.disableAutoRepositioning = function (opt_disabled) {
 * @param {boolean=} opt_disabled
 */
 Popup.prototype.disableAutoClipping = function (opt_disabled) {
-	var autoClipping = (opt_disabled === false);
+	let autoClipping = (opt_disabled === false);
 	if (this._autoClipping !== autoClipping) {
 		this._autoClipping = autoClipping;
 	}
@@ -600,7 +600,7 @@ Popup.prototype.disableAutoClipping = function (opt_disabled) {
 * @param {boolean=} opt_disabled
 */
 Popup.prototype.disableHideOnScroll = function (opt_disabled) {
-	var hideOnScroll = (opt_disabled === false);
+	let hideOnScroll = (opt_disabled === false);
 	if (this._hideOnScroll !== hideOnScroll) {
 		this._hideOnScroll = hideOnScroll;
 	}
@@ -615,7 +615,7 @@ Popup.prototype.updatePosition = function (fallback) {
 	if(fallback == null){
 		fallback = true;
 	}
-	var t = this;
+	let t = this;
 	t._resizeTimer = 0;
 
 	if (!t._inDoc) { return; }
@@ -628,26 +628,26 @@ Popup.prototype.updatePosition = function (fallback) {
 		if (t._autoClipping) {
 			t._restoreElementSize();
 		}
-		var refElement = document.body;
+		let refElement = document.body;
 		if (t._positioning === "over") {
 			refElement = document.documentElement;
 		}
-		var pos = Dom.getRelativePosition(t._attachedElem, refElement);
-		var px = pos["x"];
-		var py = pos["y"];
-
-		var ww = window.innerWidth;
-		var wh = window.innerHeight;
-		var sx = (window.scrollX != null) ? window.scrollX : window.pageXOffset;
-		var sy = (window.scrollY != null) ? window.scrollY : window.pageYOffset;
-		var rb = ww + sx; // view port right bound
-		var bb = wh + sy; // view port bottom bound
-
-		var aw = t._attachedElem.offsetWidth;
-		var ah = t._attachedElem.offsetHeight;
-		var ew = t._elem.offsetWidth;
-		var eh = t._elem.offsetHeight;
-		var x, y;
+		let pos = Dom.getRelativePosition(t._attachedElem, refElement);
+		let px = pos["x"];
+		let py = pos["y"];
+
+		let ww = window.innerWidth;
+		let wh = window.innerHeight;
+		let sx = (window.scrollX != null) ? window.scrollX : window.pageXOffset;
+		let sy = (window.scrollY != null) ? window.scrollY : window.pageYOffset;
+		let rb = ww + sx; // view port right bound
+		let bb = wh + sy; // view port bottom bound
+
+		let aw = t._attachedElem.offsetWidth;
+		let ah = t._attachedElem.offsetHeight;
+		let ew = t._elem.offsetWidth;
+		let eh = t._elem.offsetHeight;
+		let x, y;
 		if (t._positioning == "right") {
 			x = px + aw + this._gap;
 			y = py;
@@ -715,7 +715,7 @@ Popup.prototype.updatePosition = function (fallback) {
 		t._elem.style.top = "calc(46vh - " + Math.floor(t._elem.offsetHeight / 2) + "px)";
 	}
 
-	var evtType = "positioning";
+	let evtType = "positioning";
 	t._evtArg["type"] = evtType;
 	t._dispatch(evtType, t._evtArg);
 };
@@ -725,7 +725,7 @@ Popup.prototype.updatePosition = function (fallback) {
 * @return {boolean} previous uiBlocking state
 */
 Popup.prototype.enableUIBlocking = function (bool) {
-	var prev = this._uiBlocking;
+	let prev = this._uiBlocking;
 	this._uiBlocking = bool !== false;
 	return prev;
 };
@@ -735,10 +735,10 @@ Popup.prototype.enableUIBlocking = function (bool) {
 */
 Popup.prototype._attachOverlay = function (parentElem) {
 	if (!this._overlay) {
-		var elem = this._overlay = document.createElement('div');
+		let elem = this._overlay = document.createElement('div');
 
 		// set style to overlay
-		var style = elem.style;
+		let style = elem.style;
 		style.height = "100%";
 		style.width = "100%";
 		style.top = "0";

package/lib/tr-grid-util/es6/RangeBar.js

@@ -8,7 +8,7 @@ import {ElfUtil} from './ElfUtil.js';
 * @param {Element=} elem
 * @param {Object=} options
 */
-var RangeBar = function (elem, options) { // TODO: Add type definition for options object showing all available options
+let RangeBar = function (elem, options) { // TODO: Add type definition for options object showing all available options
 	this._elem = elem || Dom.div();
 	this._elem.style.lineHeight = "1";
 	this._elem.style.position = "relative";
@@ -112,7 +112,7 @@ RangeBar.prototype.setStyles = function(obj) {
 		if(!obj) {
 			obj = {};
 		}
-		var defaults = RangeBar.defaults;
+		let defaults = RangeBar.defaults;
 		this._styles = {};
 		this._styles["trackColor"] = obj["trackColor"] || ElfUtil.themeColors["trackColor"];
 		this._styles["fontColor"] = obj["color"] || obj["fontColor"] || defaults["fontColor"] || null;
@@ -153,8 +153,8 @@ RangeBar.prototype.setStyles = function(obj) {
 * @param {number=} highVal
 */
 RangeBar.prototype._updateTooltip = function(lowVal, lastVal, highVal) {
-// 	var lineBreak = "\n";
-// 	var title = "";
+// 	let lineBreak = "\n";
+// 	let title = "";
 // 	if((typeof lowVal === "number") && (lowVal >= 0)) {
 // 		title += ("Low: " + lowVal);
 // 	}
@@ -241,7 +241,7 @@ RangeBar.prototype.isInvalid = function() {
 /** @private */
 RangeBar.prototype._updateUI = function() {
 	if(this.isValid()) {
-		var percent = ((this._percent * 10000) | 0) / 10000; // rounding number
+		let percent = ((this._percent * 10000) | 0) / 10000; // rounding number
 		this._slider.style.left = "calc(" +
 			(percent * 100) +
 			"% - " +

package/lib/tr-grid-util/es6/RequestQueue.js

@@ -9,12 +9,12 @@
 * @param {number=} reqLimit Number of requests allowed. Use zero reqLimit to lift up the limit
 * @param {number=} timeLimit Time limit in milliseconds
 * @example
-* var rq = new RequestQueue(function(val, q) { console.log(val); return true; }, 1, 1000);
-* for(var i = 0; i < 10; ++i) {
+* let rq = new RequestQueue(function(val, q) { console.log(val); return true; }, 1, 1000);
+* for(let i = 0; i < 10; ++i) {
 *  rq.add(i); // Number 1 - 10 will be logged to console every one second
 * }
 */
-var RequestQueue = function (reqBuilder, reqLimit, timeLimit) {
+let RequestQueue = function (reqBuilder, reqLimit, timeLimit) {
 	this._onSuccess = this._onSuccess.bind(this);
 	this._onFail = this._onFail.bind(this);
 	this._onRefreshCounter = this._onRefreshCounter.bind(this);
@@ -157,12 +157,12 @@ RequestQueue.prototype.getQueue = function() {
 * @return {Promise<Response>}
 */
 RequestQueue.prototype.makeRequest = function(obj) {
-	var req = this._reqBuilder ? this._reqBuilder(obj, this._reqQueue) : null;
+	let req = this._reqBuilder ? this._reqBuilder(obj, this._reqQueue) : null;
 	if(!req) { // 0, null, NaN, undefined, "" (empty string)
 		return null; // No request is created at this time
 	}
 
-	var prom = null;
+	let prom = null;
 	if(typeof req === "string") {
 		// WARNING: fetch() is not supported in IE
 		prom = fetch(req); // WARNING: Response with Response object.

package/lib/tr-grid-util/es6/RowPainter.js

@@ -32,7 +32,7 @@ import { Icon } from "./Icon.js";
 * @constructor
 * @param {RowPainter~Options=} options
 */
-var RowPainter = function(options) {
+let RowPainter = function(options) {
 	this._menuIconClicked = this._menuIconClicked.bind(this);
 
 	this.config(options);
@@ -161,7 +161,7 @@ RowPainter._applyColorTagClass = function(cell, className) {
 	if (!cell) {
 		return;
 	}
-	var el = cell.getElement();
+	let el = cell.getElement();
 	if (el) {
 		if (el._tagColoringClass !== className) {
 			if (el._tagColoringClass) {
@@ -242,7 +242,7 @@ RowPainter.prototype.removeHeaderStyle = function(section, columnIndex, rowIndex
 	section.enableRowClass(rowIndex, "group-member", false); // TODO: Slow
 	section.enableRowClass(rowIndex, "header", false); // TODO: Slow
 
-	var cell = section.unstretchCell(columnIndex, rowIndex);
+	let cell = section.unstretchCell(columnIndex, rowIndex);
 	RowPainter._removeHeaderStyle(cell);
 	cell = section.getCell(columnIndex, rowIndex, false);
 	RowPainter._removeHeaderStyle(cell);
@@ -257,7 +257,7 @@ RowPainter.prototype.removeAllStyles = function(section, columnIndex, rowIndex)
 	section.enableRowClass(rowIndex, "group-member", false); // TODO: Slow
 	section.enableRowClass(rowIndex, "header", false); // TODO: Slow
 
-	var cell = section.unstretchCell(columnIndex, rowIndex);
+	let cell = section.unstretchCell(columnIndex, rowIndex);
 	if(!RowPainter._removeHeaderStyle(cell)) {
 		RowPainter._removeContentStyle(cell);
 	}
@@ -303,15 +303,15 @@ RowPainter._removeContentStyle = function(cell) {
 * @param {RowPainter~RenderingOptions} e
 */
 RowPainter.prototype.applyHeaderStyle = function(e) {
-	var mainCol = e.colIndex;
-	var r = e.rowIndex;
-	var section = e.section;
-	var colCount = section.getColumnCount();
-	var footerRow = e.footerRow;
-	var checkboxColumnIndex = e.checkboxColumnIndex;
-	var cell = e.cell;
+	let mainCol = e.colIndex;
+	let r = e.rowIndex;
+	let section = e.section;
+	let colCount = section.getColumnCount();
+	let footerRow = e.footerRow;
+	let checkboxColumnIndex = e.checkboxColumnIndex;
+	let cell = e.cell;
 
-	var stretching;
+	let stretching;
 	if(e.spanning != null) {
 		stretching = e.spanning;
 	} else {
@@ -320,7 +320,7 @@ RowPainter.prototype.applyHeaderStyle = function(e) {
 
 	section.enableRowClass(e.rowIndex, "group-member", false);
 	if (stretching) {
-		var stretchedCell = section.getStretchedCell(mainCol, r);
+		let stretchedCell = section.getStretchedCell(mainCol, r);
 		if(!stretchedCell) {
 			cell = e.cell = section.stretchCell(mainCol, r, stretching, true); // No left stretching. Header background is covered by folder class
 		} else {
@@ -338,7 +338,7 @@ RowPainter.prototype.applyHeaderStyle = function(e) {
 	cell._groupHeaderStyle = true;
 
 	// Footer rows and some specific group levels contains no expander (arrow)
-	var newIcon = ExpanderIcon.renderOn(cell, e.hiddenArrow);
+	let newIcon = ExpanderIcon.renderOn(cell, e.hiddenArrow);
 	if (newIcon) {
 		newIcon.getElement().addEventListener("click", this._onCellClicked);
 	}
@@ -359,7 +359,7 @@ RowPainter.prototype.applyHeaderStyle = function(e) {
 		if (stretching) {
 			if (this._headerMenuClicked) {
 				if (!cell._menuIcon) {
-					var icon = cell._menuIcon = Icon.create("more", "menu-icon");
+					let icon = cell._menuIcon = Icon.create("more", "menu-icon");
 					icon.addEventListener("click", this._menuIconClicked);
 				}
 				cell.insertFloatingIcon(cell._menuIcon);
@@ -370,7 +370,7 @@ RowPainter.prototype.applyHeaderStyle = function(e) {
 			cell.listen("click", this._onCellClicked); // WARNING: content row share this same listener with this header cell
 		}
 		if (this._segmentMode) {
-			var content = e.content;
+			let content = e.content;
 			if(content != null) {
 				cell.setContent(content);
 			}
@@ -394,9 +394,9 @@ RowPainter.prototype._clearCellContent = function(section, fromColumnIndex, toCo
 	if(this._segmentMode) {
 		return; // A group separator row has its own data row and does not need to be cleared
 	}
-	for (var c = fromColumnIndex; c < toColumnIndex; ++c) {
+	for (let c = fromColumnIndex; c < toColumnIndex; ++c) {
 		if (c !== checkboxColumnIndex) {
-			var cell = section.getCell(c, rowIndex, false);
+			let cell = section.getCell(c, rowIndex, false);
 			if(cell) {
 				cell.setContent("");
 			}
@@ -409,12 +409,12 @@ RowPainter.prototype._clearCellContent = function(section, fromColumnIndex, toCo
 * @param {boolean} collapsed
 */
 RowPainter.prototype.applyContentAsHeaderStyle = function (e) {
-	var cell = e.cell;
+	let cell = e.cell;
 	cell._groupHeaderStyle = true;
 	cell.addClass("folder"); // Required by the fallback arrow from the CSS rules. TODO: Change this
 	cell.enableClass("content-header", true);
 	cell.enableClass("closed", e.collapsed);
-	var newIcon = ExpanderIcon.renderOn(cell, e.footerRow ? true : false);
+	let newIcon = ExpanderIcon.renderOn(cell, e.footerRow ? true : false);
 	if (newIcon) {
 		newIcon.getElement().addEventListener("click", this._onCellClicked);
 	}
@@ -423,14 +423,14 @@ RowPainter.prototype.applyContentAsHeaderStyle = function (e) {
 * @param {Object} e
 */
 RowPainter.prototype.applyRowStyle = function(e) {
-	var cell = e.cell;
-	var indentSize = e.indentSize;
+	let cell = e.cell;
+	let indentSize = e.indentSize;
 	cell.setStyle("paddingLeft", (indentSize > 0) ? indentSize + "px" : "");
 	cell.enableClass("color-tag", !e.nonGroupRow);
 
 	RowPainter._applyColorTagClass(cell, e.colorTagClass);
 
-	var section = e.section;
+	let section = e.section;
 	if(section) {
 		section.enableRowClass(e.rowIndex, "group-member", !e.nonGroupRow);
 	}